/* 공통 */
.bg-gradation { color: #fff; background: linear-gradient(90deg, var(--main, #C25D99) 0%, var(--blue, #5E7BAF) 100%); } 

.bbs-list-wrap4 .no-data { margin: 0 21px; } 
.no-data { width: 100%; margin: 0 21px; padding: 70px 0; border-top: 2px solid var(--main); border-bottom: 1px so
d var(--gray-e5); text-align: center; } 
.no-data p { } 

.cont-tit { display: block; font-size: 2.3rem; font-weight: 600; padding-bottom: 20px; border-bottom: 2px solid var(--main); margin-bottom: 30px; } 
.cont-sm-txt { font-size: 1.8rem; font-weight: 400; color: #555; line-height: 1.7; } 
.gr-box { padding: 50px; background: #f9f9f9; } 
.gr-box .tit { font-size: 2rem; color: var(--main); font-weight: 600; } 
.no-bd { border-bottom: none; padding-bottom: 0; } 
@media only screen and (max-width:1023px){
 .gr-box { padding: 30px; } 
 }


/********************* 통합검색 ************************/
.total-search .top { margin-bottom: 30px; padding-bottom: 50px; border-bottom: 1px solid var(--gray-e5); } 
.total-search .srch-box { width: 850px; } 

.total-search .tab { flex-wrap: wrap; justify-content: center; } 
.total-search .tab a { white-space: nowrap; } 

.srch-result p { font-size: 2.4rem; text-align: center; color: var(--gray-66); } 
.srch-result p em { font-weight: 700; } 

.result-wrap + .result-wrap { margin-top: 60px; } 
.result-wrap .title { display: flex; justify-content: space-between; align-items: baseline; padding: 20px 0; border-bottom: 2px solid var(--main); } 
.result-wrap .title strong { position: relative; font-size: 3rem; } 
.result-wrap .title strong span { position: absolute; right: -30px; top: -5px; font-size: 1.8rem; color: var(--main); } 
.result-wrap .no-result { padding: 40px; border-bottom: 1px solid var(--gray-e5); font-size: 1.8rem; text-align: center; } 

.result-wrap div.result-list { padding: 20px; } 
.result-wrap ul.result-list > li { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px; border-bottom: 1px solid var(--gray-e5); } 
.result-wrap ul.result-list > li .lf em { position: relative; display: inline-block; margin-bottom: 15px; padding-left: 14px; font-size: 1.8rem; color: #888; } 
.result-wrap ul.result-list > li .lf em::before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: var(--main); transform: translateY(-50%); } 
.result-wrap ul.result-list > li .lf a { display: block; font-weight: 600; line-height: 1.4; font-size: 2.2rem; color: #666; } 
.result-wrap ul.result-list > li > span { font-size: 1.6rem; color: var(--sub); } 

@media only screen and (max-width: 767px){
 .total-search .tab-st1 > .tab li a { font-size: 1.8rem; } 

.srch-result p { font-size: 2rem; } 

.result-wrap .title strong { font-size: 2.5rem; } 

.result-wrap ul.result-list > li { flex-flow: column wrap; align-items: flex-start; } 
.result-wrap ul.result-list > li > span { align-self: flex-end; } 
 }
@media only screen and (max-width: 400px){
 .total-search .tab { flex-flow: column wrap; } 
.total-search .tab li { width: 100%; text-align: center; } 
 }

/********************* sub01 ************************/

/********************* sub02 ************************/

/********************* sub03 ************************/



/********************* sub04 ************************/
/* 자주찾는 질문 */
.qna-list-wrap li { border: 1px solid var(--bd-color); border-radius: 1rem; } 
.qna-list-wrap li + li { margin-top: 15px; } 
.qna-list-wrap li a { position: relative; display: flex; align-items: center; gap: 20px; padding: 30px; padding-right: 40px; } 
.qna-list-wrap li a .eng { display: block; flex-shrink: 0; width: 34px; height: 34px; line-height: 34px; font-family: var(--point-fc); font-weight: 500; font-size: 1.6rem; color: #fff; text-align: center; background: var(--gray-66); border-radius: 50px; } 
.qna-list-wrap li a > i { position: absolute; right: 25px; color: var(--main); transition: all .4s; } 
.qna-list-wrap li a strong { display: block; word-break: keep-all; font-weight: 500; font-size: 1.8rem; } 
.qna-list-wrap li .answer-box { display: none; } 
.qna-list-wrap li .answer-box .answer { display: flex; gap: 20px; padding: 30px; } 
.qna-list-wrap li .answer-box .answer .eng { display: block; flex-shrink: 0; width: 34px; height: 34px; line-height: 34px; font-family: var(--point-fc); font-weight: 500; font-size: 1.6rem; color: #fff; text-align: center; background: var(--gray-66); border-radius: 50px; } 
.qna-list-wrap li .answer-box .answer .rg { width: 100%; padding: 30px; background: #f9f9f9; border-radius: 5px; } 
.qna-list-wrap li .answer-box .answer .rg > .scroll-wrap { max-height: 300px; overflow-y: auto; } 
.qna-list-wrap li .answer-box .answer .rg > .scroll-wrap > p { line-height: 24px; word-break: keep-all; } 

.qna-list-wrap li.active { border: 1px solid var(--main); } 
.qna-list-wrap li.active a > i { transform: rotate(-180deg); } 
.qna-list-wrap li.active a .eng { background: var(--main); transition: background .4s; } 
.qna-list-wrap li.active .answer-box .answer .eng { background: var(--yellow); transition: background .4s; } 

.qna-list-wrap li.no-list { border: none; width: 100%; display: flex; justify-content: center; padding: 100px 0; border-bottom: 1px solid var(--bd-color); } 

@media only screen and (max-width: 500px){
 .qna-list-wrap li a { padding: 20px; } 
.qna-list-wrap li a > i { right: 20px; } 
.qna-list-wrap li .answer-box .answer { flex-direction: column; padding: 20px; } 
.qna-list-wrap li .answer-box .answer .rg { padding: 20px; } 
 }

/********************* sub05 ************************/
/* 로그인 */
.login-box { max-width: 600px; width: 100%; margin: 0 auto; text-align: center; } 
.wh-box { padding: 50px; background: #fff; border: 1px solid var(--bd-color); } 
.login-box .wh-box .login-top { display: flex; flex-direction: column; align-items: center; } 
.login-box .wh-box .login-top > img { margin-bottom: 20px; } 
.login-box .wh-box .login-top > p { margin-bottom: 30px; line-height: 1.4; text-align: center; word-break: keep-all; } 
.login-box .wh-box .id-pasw .inp-flex { flex-wrap: nowrap; } 
.login-box .wh-box .id-save { display: flex; justify-content: right; } 
.login-box .wh-box .id-find { display: flex; gap: 10px; width: 100%; } 
.login-box .wh-box .id-find a { width: 100%; line-height: 45px; height: 45px; background: #f5f5f5; color: var(--dark-main); text-align: center; font-weight: 500; border-radius: .5rem; } 
@media only screen and (max-width: 767px){
 .wh-box { padding: 30px; } 
 }

/* 회원탈퇴 */
.login-box .fare-well { font-size: 2.5rem; font-weight: 600; line-height: 1.4; word-break: keep-all; } 
.login-box .farewell-top { padding: 30px; background: #f9f9f9; text-align:left; border-radius: .5rem; } 
.login-box .farewell-top strong { font-size: 2rem; font-weight: 600; } 
.login-box .farewell-top p { color: var(--gray-66); } 

.login-box .reason-box { text-align: left; word-break: keep-all; } 
.login-box .reason-box label { font-weight: 600; } 
@media only screen and (max-width: 767px){
 .login-box .farewell-top { padding: 20px; } 
 }

/* 회원정보 수정 */
.member-box { max-width: 600px; width: 100%; margin: 0 auto; text-align: center; } 
.member-box .mem-tit { font-size: 2.5rem; line-height: 1.4; color: #222; } 
.member-box .fr { text-align: left; margin-bottom: 20px; } 
.member-box .fr label { font-weight: 600; color: #444; } 
.member-box .fr .inp-box { margin-top: 10px; } 
.member-box .fr .inp-box input { width: 100%; } 
.member-box .fr p { word-break: keep-all; line-height: 1.4; } 
.member-box .fr p.sm-txt { font-size: 14px; } 

/* 알림설정- 스위치 */
.noti-detai { } 
.noti-detai li { display: flex; justify-content: space-between; background: #f9f9f9; padding: 15px; align-items: center; border-radius: .5rem; } 
.noti-detai li strong { display: inline-block; margin-right: 10px; font-weight: 500; word-break: keep-all; } 
.noti-detai li a { flex-shrink: 0; } 

.onoff-btn-st1 { position: relative; display: block; width: 75px; height: 30px; line-height: 29px; padding: 0 12px; background: #e5e5e5; border-radius: 50px; } 
.onoff-btn-st1:after { content: ""; position: absolute; top: 5px; left: 6px; width: 19px; height: 19px; background: #fff; border-radius: 100%; } 
.onoff-btn-st1 span { display: none; opacity: 0; font-weight: 600; font-size: 14px; color: #777; text-align: right; transition: 0.5s; } 
.onoff-btn-st1 .off-txt { display: block; opacity: 1; } 

.onoff-btn-st1.on { background: var(--main); } 
.onoff-btn-st1.on .on-txt { display: block; opacity: 1; color: #fff; text-align: left; } 
.onoff-btn-st1.on .off-txt { display: none; opacity: 0; } 
.onoff-btn-st1.on:after { animation: on-off-ani1 0.5s forwards; background: #fff; } 
.onoff-btn-st1.off:after { animation: on-off-ani2 0.5s forwards; background: #fff; } 
@keyframes on-off-ani1 { 
 0% { left: 6px; } 
 100% { left: 50px; } 
 }
@keyframes on-off-ani2 { 
 0% { left: 50px; } 
 100% { left: 6px; } 
 }

 /* 보유자료 현황 */
.status { max-width: 100%; width: 1300px; margin: 0 auto; } 
.status .txt-box { display: flex; gap: 30px; align-items: end; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid var(--bd-color); } 
.status .txt-box strong { color: #222; font-size: 75px; font-weight: 400; line-height: 1.3; text-align: left; text-align: right; } 
.status .txt-box strong em { font-weight: 700; } 
.status .txt-box p { color: #777; font-size: 22px; font-weight: 500; word-break: keep-all; margin-top: 20px; } 
.status .txt-box .count span { display: inline-block; margin-left: 20px; text-align: right; font-family: 'montserrat'; font-weight: 700; } 
/* .status .count-wrap { display: flex; flex-direction: column; align-items: center; } */
.status .photo-box { position: relative; margin-top: 70px; display: flex; justify-content: center; align-items: end; } 
.status .photo-box i { position: absolute; bottom: -50px; right: 200px; width: 446px; height: 104px; background: url(../img/content/status-photo-bf.svg)no-repeat center center / contain; z-index: -99; } 
/* .status .photo-box .img-wrap { position: relative; max-width: 500px; width: 100%; height: 0; padding-bottom: 23%; border-radius: 10px; } */
/* .status .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(); transition: all .4s ease; } */
.status .img-wrap.active img { filter: unset; } 
.status .img-wrap img:hover { opacity: 1; } 
.status .photo-box .count-box { margin-left: 50px; padding: 30px 0; } 
.count-box > p { font-size: 3.2rem; font-weight: 500; margin-bottom: 15px; } 
.count-box > strong { display: block; width: 240px; font-size: 9.4rem; font-family: 'montserrat'; font-weight: 800; } 
.status .video-box { position: relative; margin-top: 80px; display: flex; justify-content: center; } 
/* .status .video-box .img-wrap { position: relative; max-width: 400px; width: 100%; height: 0; padding-bottom: 36.5%; } */
.status .video-box .count-box { text-align: right; margin-right: 50px; padding: 30px 0; } 
.status .video-box i { position: absolute; bottom: -50px; left: 310px; width: 407px; height: 104px; background: url(../img/content/status-video-bf.svg)no-repeat center center / contain; z-index: -99; } 
.table-box { margin-top: 100px; } 

@media only screen and (max-width: 1400px){
 .status .txt-box strong { font-size: 55px; } 
.count-box > strong { font-size: 74px; } 
 }
@media only screen and (max-width: 1023px){
 .status .txt-box strong { font-size: 45px; } 
.count-box > strong { font-size: 60px; } 
.status .photo-box i { width: 256px; right: 0; } 
.status .photo-box .count-box { margin-left: 30px; } 
.status .video-box i { width: 277px; left: 110px; } 
.status .video-box .count-box { margin-right: 30px; } 
.count-box > p { font-size: 2.7rem; } 
 }
@media only screen and (max-width: 767px){
 .status .txt-box strong { font-size: 30px; word-break: keep-all; } 
.status .txt-box p { font-size: 18px; } 
.status .photo-box { margin-top: 50px; } 
.status .photo-box i { width: 206px; } 
.status .video-box i { width: 217px; } 
.status .video-box { margin-top: 50px; } 
.count-box > p { font-size: 2.3rem; } 
.count-box > strong { font-size: 50px; } 
.table-box { margin-top: 50px; } 
 }
@media only screen and (max-width: 600px){
 .count-box > strong { font-size: 40px; } 
.status .txt-box { flex-direction: column; align-items: center; } 
.status .txt-box strong br { display: none; } 
.status .txt-box .txt-wrap { text-align: center; } 
 .status .photo-box { flex-direction: column-reverse; } 
.status .photo-box .count-box { text-align: right; padding-top: 0; } 
.status .photo-box i { bottom: unset; top: 40px; left: 0; } 
.status .photo-box .img-wrap { width: 100%; max-width: 400px; } 
.status .video-box { flex-direction: column; } 
.status .video-box .count-box { text-align: left; padding-top: 0; } 
.status .video-box .img-wrap { width: 100%; max-width: 350px; } 
.status .video-box i { bottom: unset; top: 35px; right: 0; left: unset; } 
 }

/* 아카이브 검색 */
.archaive-search .search-wrap { display: flex; justify-content: center; } 
.archaive-search .search-box { position: relative; width: 980px; display: flex; } 
.archaive-search .search-box input { position: relative; padding: 20px 30px; width: 100%; border: 2px solid var(--main); border-radius: 100px; backdrop-filter: blur(5px); background: rgba(219, 236, 232, 0.30); font-size: 18px; } 
.archaive-search .search-box input::placeholder { font-size: 15px; color: #888; } 
.archaive-search .search-box input:focus { outline: none; } 
.archaive-search .search-box button { position: absolute; right: 0; width: 65px; height: 65px; border-radius:
 50px; background: var(--main); display: flex; justify-content: center; align-items: center; } 
.archaive-search .search-box button i { content: url(../img/main/main-search-btn.svg); width: 23px; } 

.search-filt { position: relative; border-top: 2px solid var(--main); } 
.search-filt::after { content: ""; position: absolute; bottom: 100%; left: 20px; width: 474px; height: 161px; background: url(../img/content/filt-bg.svg); z-index: -1; } 
.search-filt .filt-list { } 
.search-filt .filt-list > li { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--bd-color); } 
.search-filt .filt-list li .tit { width: 150px; flex-shrink: 0; font-size: 1.7rem; font-weight: 500; } 
.check-list { display: flex; flex-wrap: wrap; gap: 10px; } 
.check-list > li { position: relative; } 
.check-list li > input[type="checkbox"] { position: absolute; display: inline-block; width: 100%; height: 32px; -webkit-appearance: none; border-radius: 0; cursor: pointer; } 
.check-list li > input[type="checkbox"] + label { display: inline-block; cursor: pointer; font-size: 15px; text-align: center; font-weight: 500; padding: 8px 18px; white-space: nowrap; color: #666; background: #f5f5f5; border-radius: .4rem; transition: all .4s ease; } 
.check-list li > input[type="checkbox"]:checked + label { background:var(--main); color: #fff; } 
@media only screen and (max-width: 1023px) { /* .search-filt .filt-list > li { display: block; } */
.search-filt .filt-list li .tit { display: block; width: 100px; margin-bottom: 20px; margin-top: 10px; } 
 }

 @media only screen and (max-width: 767px){
 .archaive-search { overflow: hidden; } 
 .search-box input { padding: 15px 20px; } 
 .search-box button { width: 55px; height: 55px; } 
 .search-box button i { width: 18px; } 
 .archaive-search .bbs-search1 .rg { flex-flow: unset; justify-content: space-between; } 
 .archaive-search .bbs-search1 .rg select { width: unset; } 
 .check-list { gap: 7px; } 
 .check-list li > input[type="checkbox"] + label { padding: 6px 11px; } 
 }
 @media only screen and (max-width: 500px){
 .check-list { gap: 5px; } 
.search-filt .filt-list > li { display: block; } 
.search-filt .filt-list li .tit { margin-bottom: 10px; margin-top: 0; } 
 }

.grid { display: block; margin-top:20px; margin-left: -30px; margin-bottom: -30px; } 
.grid .grid-item { width: 25%; margin-bottom: 30px; padding-left: 30px; } 
.grid .grid-item a { position: relative; display: block; height: inherit; overflow: hidden; height: 300px; } 
.grid .grid-item a .txt-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(55, 98, 89, 0.8) 100%); display: flex; justify-content: end; flex-direction: column; opacity: 0; transition: all .4s; transform: translateY(100%); } 
.grid .grid-item a:hover .txt-wrap { transform: translateY(0); opacity: 1; } 
.grid .grid-item a .txt-wrap .txt-bottom { color: #fff; } 
.grid .grid-item a .txt-wrap .txt-bottom .tit { font-size: 2rem; font-weight: 500; } 
.grid .grid-item a img { width: 100%; height: 100%; object-fit: cover; } 
.grid .grid-item a iframe { width: 100%; height: 100%; object-fit: cover; } 

.grid-item a .cate-content { position: absolute; top: 20px; left: 20px; display: inline-block; padding: 6px 10px; font-size: 14px; color: #fff; background: var(--dark-main);; border-radius: .3rem; } 
.grid-item a .txt-wrap .cate-list { display: flex; width: 100%; gap: 10px; flex-wrap: wrap; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .5); } 
.grid-item a .txt-wrap .cate-list li { font-size: 14px; display: inline-block; padding: 4px 8px; background: rgba(255, 255, 255, .15); } 
.grid-item a .txt-wrap .cate-list li::before { content: "#"; margin-right: 5px; } 
 
.archaive-search .grid .no-list { width: 100%; display: block; text-align: center; padding: 50px 0; } 

@media (max-width: 1300px){
 .grid .grid-item { width: 33.3%; } 
 }
 
@media (max-width:1023px){
 .grid .grid-item { width:50%; margin-bottom: 30px; } 
 .grid-item img { width:100%; } 
 }
@media (max-width:767px){
 .grid { margin-bottom: 0; } 
 .grid .grid-item { width:100%; margin-bottom: 20px; } 
 }
@media (max-width:400px){
 .grid-item a .txt-wrap .cate-list { display: none; } 
 }

/* 아카이브 검색 상세 */
.archaive-view { } 
.view-top { display: flex; justify-content: space-between; gap: 30px; align-items: center; padding-bottom: 30px; border-bottom: 1px solid var(--bd-color); } 
.img-tit { font-size: 5rem; line-height: 1.3; } 
/* .view-top .down-btn { display: block; height: 100%; } 
.view-top .down-btn > i { font-size: 5rem; font-weight: 800; color: var(--main); } */
.archaive-view .arch-view-wrap { position: relative; display: flex; gap: 30px; flex-direction: column; } 
.archaive-view .view-bottom { display: flex; gap: 40px; } 
.archaive-view .arch-view-wrap > .view-bottom .img-wrap { border-radius: 1rem; max-width: 800px; width: 100%; margin: 0 auto; } 
.archaive-view .arch-view-wrap > .view-bottom .img-wrap > img { width: 100%; height: 100%; object-fit: cover; } 
.archaive-view .arch-view-wrap > .view-bottom .youtube-wrap { position: relative; max-width: 800px; width: 100%; aspect-ratio: 16 / 9; margin: 0 auto; height: 0; padding-bottom: 32%; } 
/* .archaive-view .arch-view-wrap > .view-bottom .youtube-wrap { position: relative; max-width: 800px; width: 100%; aspect-ratio: 16 / 9; margin: 0 auto; height: auto; padding-bottom: 0 !important; } */
.archaive-view .arch-view-wrap > .view-bottom .youtube-wrap > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.archaive-view .arch-view-wrap .view-bottom > .txt-wrap { position: sticky; top: 190px; left: 0; width: calc(100% - 840px); height: fit-content; display: flex; flex-direction: column; justify-content: space-between; background: #f6fffd17; padding: 40px; background: #f9f9f9; border-radius: 1rem; } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list { display: flex; gap: 0 20px; flex-wrap: wrap; margin-top: -15px; } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list > li { flex: 1 1 48%; position: relative; display: flex; justify-content: space-between; gap: 30px; align-items: center; padding: 1.5rem 0; border-bottom: 1px solid var(--bd-color); } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list > li:last-child { border-bottom: none; } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list > li .tit { font-size: 1.8rem; color: #666; font-weight: 500; padding-left: 12px; word-break: keep-all; } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list > li .tit::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 4px; background-color: var(--light-main); } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list > li > span { font-size: 1.8rem; color: var(--sub); font-weight: 600; } 
.txt-list .down-btn { display: flex; gap: 10px; height: 100%; color: var(--main); font-weight: 600; align-items: center; } 
.txt-list .down-btn > i { font-size: 2rem; font-weight: 800; } 

.nuri-wrap { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } 
.nuri-wrap > .txt-wrap { } 
.nuri-wrap > .txt-wrap strong { font-size: 2rem; font-weight: 600; } 
.nuri-wrap > .txt-wrap p { color: #555; margin-top: 10px; line-height: 1.3; word-break: keep-all; } 
.nuri-wrap > img { width: 160px; height: fit-content; } 


/* @media only screen and (max-width: 1023px){
 .archaive-view .arch-view-wrap { padding: 30px 0; } 
.img-tit { padding-bottom: 0; font-size: 5rem; } 
.view-top .down-btn > i { font-size: 6rem; } 
.archaive-view .arch-view-wrap > .txt-wrap { padding: 30px; } 
 }
@media only screen and (max-width: 767px){
 .view-top { align-items: center; } 
.img-tit { font-size: 3rem; } 
.view-top .down-btn > i { font-size: 4rem; } 
.archaive-view .arch-view-wrap { gap: 20px; } 
.nuri-wrap { flex-direction: column; } 
.nuri-wrap img { width: 100px; } 
.nuri-wrap .txt-wrap strong { font-size: 2rem; } 
 }*/

@media only screen and (max-width: 1300px){
 .archaive-view .arch-view-wrap > .view-bottom .img-wrap { max-width: 600px; } 
 .archaive-view .arch-view-wrap > .view-bottom .youtube-wrap { max-width: 600px; } 
 .archaive-view .arch-view-wrap .view-bottom > .txt-wrap { width: calc(100% - 640px); } 
 }
@media only screen and (max-width: 1023px){
 .archaive-view .view-bottom { flex-direction: column-reverse; } 
 .img-tit { font-size: 3.5rem; } 
 .archaive-view .arch-view-wrap > .view-bottom .youtube-wrap { height: auto; padding-bottom: 0 !important; } 
.archaive-view .arch-view-wrap .view-bottom > .txt-wrap { position: static; width: 100%; } 
/* .arch-view-wrap .view-bottom > .txt-wrap .txt-list { display: flex; flex-wrap: wrap; gap: 20px; } */
.arch-view-wrap .view-bottom > .txt-wrap .txt-list li { width: calc(50% - 20px); } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list li:last-child { flex: unset; } 
.arch-view-wrap .view-bottom .btn-rg { justify-content: center; } 
.nuri-wrap > img { width: 100px; } 
 }
@media only screen and (max-width: 767px){
 .img-tit { font-size: 2.7rem; } 
.archaive-view .arch-view-wrap .view-bottom > .txt-wrap { padding: 30px; } 
.arch-view-wrap .view-bottom > .txt-wrap .txt-list li { flex-wrap: wrap; gap: unset; } 
.nuri-wrap > .txt-wrap strong { font-size: 1.8rem; } 
 }
@media only screen and (max-width: 619px){
 .arch-view-wrap .view-bottom > .txt-wrap .txt-list li:last-child { flex: 1 1 48%; } 
 }

/* 아카이브 소개 */
.intro-box {overflow: hidden; } 
.intro-box .intro-sec1 { } 
.intro-box .intro-sec1 .txt-wrap { display: flex; justify-content: space-between; gap: 50px; align-items: end; overflow: hidden; } 
.intro-box .intro-sec1 .txt-wrap strong { color: #222; font-size: 75px; font-weight: 400; line-height: 1.3; word-break: keep-all; } 
.intro-box .intro-sec1 .txt-wrap strong em { font-weight: 700; } 
.intro-box .intro-sec1 .txt-wrap p { color: #777; font-size: 22px; font-weight: 400; line-height: 38px; word-break: keep-all; padding-right: 150px; } 
.intro-box .intro-sec2 { padding-top: 70px; } 
.intro-box .intro-sec3 { min-height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } 
.intro-box .intro-sec3 .txt-wrap { width: 100%; display: flex; flex-direction: column; align-items: center; mix-blend-mode: difference; } 
.intro-box .intro-sec3 .txt-wrap strong { position: relative; display: block; text-align: center; font-size: 54px; font-weight: 400; line-height: 1.4; word-break: keep-all; } 
.intro-box .intro-sec3 .txt-wrap strong::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1253px; height: 351px; background: url(../img/content/intro-sec3-bf.png) no-repeat center center / contain; z-index: -1; } 
.intro-box .intro-sec3 .txt-wrap strong em { font-weight: 700; } 
.intro-sec3 .slide { position: absolute; bottom: 0; transform: translateY(300px); transition: transform 0.3s ease; } 
.intro-sec3 .slide01 { left: 35%; bottom: 0; } 
.intro-sec3 .slide02 { right: 19%; bottom: 60px; } 
.intro-sec3 .slide03 { left: 28%; bottom: 120px; } 
.intro-sec4 .txt-wrap { overflow: hidden; } 
.intro-sec4 .txt-wrap strong { display: block; font-size: 54px; color: #222; text-align: center; font-weight: 400; line-height: 1.3; word-break: keep-all; } 
.intro-sec4 .txt-wrap strong em { font-weight: 700; } 
.intro-sec4 .img-wrap { margin-top: 30px; } 

.full-img-wrap { position: relative; } 
.full-img-wrap .img { width: 818px; height: 350px; margin: 0 auto 0; transition: all 1s; -webkit-transition: all 1s; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.full-img-wrap.on .img { width: 100%; margin: 0 auto 0; transition: all 1s; -webkit-transition: all 1s; } 

@media only screen and (max-width:1400px){
 .intro-box .intro-sec1 .txt-wrap strong { font-size: 55px; } 
.intro-box .intro-sec1 .txt-wrap p { padding-right: 0; } 
.intro-box .intro-sec3 .txt-wrap strong { font-size: 40px; } 
.intro-box .intro-sec3 .txt-wrap strong::before { width: 1000px; } 
.intro-sec4 .txt-wrap strong { font-size: 40px; } 
 }
@media only screen and (max-width:1023px){
 .intro-box .intro-sec1 .txt-wrap { flex-wrap:wrap; gap: 30px; } 
.intro-box .intro-sec1 .txt-wrap strong { font-size: 40px; } 
.intro-box .intro-sec2 { padding-top: 30px; } 
.intro-box .intro-sec3 .txt-wrap strong { font-size: 30px; } 
.intro-box .intro-sec3 .txt-wrap strong::before { width: 800px; } 
.intro-sec4 .txt-wrap strong { font-size: 30px; } 
.intro-sec3 .slide { width: 300px; } 
.full-img-wrap .img { width: 500px; height: 300px; } 
 }
@media only screen and (max-width:767px){
 .full-img-wrap .img { width: 100px; height: 200px;} 
 .full-img-wrap.on .img {background-size: cover;}
.intro-box .intro-sec1 .txt-wrap br { display: none; } 
.intro-box .intro-sec1 .txt-wrap strong { font-size: 30px; } 
.intro-box .intro-sec1 .txt-wrap p { font-size: 20px; } 
.intro-box .intro-sec3 .txt-wrap strong { font-size: 25px; } 
.intro-box .intro-sec3 .txt-wrap strong::before { width: 500px; } 
.intro-sec3 .slide { width: 200px; } 
.intro-box .intro-sec3 .txt-wrap strong { font-size: 23px; } 
.intro-box .intro-sec3 .txt-wrap strong br { display: none; } 
.intro-sec4 .txt-wrap strong { font-size: 23px; } 
.intro-sec3 .slide01 { left: 30%; bottom: 0; } 
.intro-sec3 .slide02 { right: 19%; bottom: 30px; } 
.intro-sec3 .slide03 { left: 28%; bottom: 30px; } 
 }
@media only screen and (max-width:500px){
 .intro-box .intro-sec1 .txt-wrap strong { font-size: 25px; } 
.intro-box .intro-sec1 .txt-wrap p { font-size: 18px; } 
.intro-sec4 .txt-wrap strong { font-size: 18px; } 
.intro-sec4 .txt-wrap strong br { display: none; } 
 }

/* 저작권정책 */
.copy-box table img { max-width: 200px; width: 100%; } 


/* 파슬리 */
.parsley { margin-top: 5px; } 
.parsley ul li { color: var(--pink); font-size: 15px; padding-left: 20px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5V7.5M7.5 10H7.50625M13.75 7.5C13.75 10.9518 10.9518 13.75 7.5 13.75C4.04822 13.75 1.25 10.9518 1.25 7.5C1.25 4.04822 4.04822 1.25 7.5 1.25C10.9518 1.25 13.75 4.04822 13.75 7.5Z' stroke='%23FF628A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center left; background-size: 16px; } 
.email-wrap .parsley-email { margin-top: 5px; } 

/* 아카이브검색 책자 다운 */
.booklet { position: relative; } 
.booklet .swiper-wrapper { } 
.booklet .swiper-wrapper .swiper-slide { width: 298px; } 
.booklet .swiper-wrapper .swiper-slide .img-wrap { width: 298px; } 
.booklet .swiper-wrapper .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.booklet .swiper-control { position: absolute; top: 50%; left: 0; z-index: 1; display: flex; justify-content: space-between; width: calc(100%); transform: translateY(-50%); } 
.booklet .swiper-control a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #ddd; background-color: #fff; border-radius: 100%; } 
.booklet .swiper-control a i::before { font-weight: 600 !important; color: var(--main); }