@charset "UTF-8";

/***** FONTS *****/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

/***** RESET *****/
*,*::before,*::after {margin:0; padding:0; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,main,mark,nav,section,summary {display:block;}
a {color:inherit; text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}
body {font-family:sans-serif; line-height:1.2; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
ul, ol {list-style:none;}
input,button,select,textarea {background:transparent; border:none; outline:none; font-family:inherit; font-size:inherit; color:inherit; line-height:inherit;}
em {font-style:normal;}
img,picture,video {max-width:100%; height:auto; display:block;}

/* COMMON */
html,body {font-size:10px; color:#121212; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html:has(.modal-box.modal-open[backdrop]) {overflow:hidden;}
html:has(.modal-box.modal-open[backdrop]) body {height:auto !important;}
.hidden, .blind {position:absolute !important; top:auto !important; left:auto !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important; text-indent:0rem !important;}
.m-hide {display:block !important;}
.m-show {display:none !important;}
.img-box {position:relative; display:block; width:100%;}
img {width:100%; pointer-events:none;}
.point-blue {color:#01acef;}
.swiper {user-select:none;}
.swiper-box {position:relative;}
.swiper-button.swiper-button-disabled {opacity:1; pointer-events:auto !important;}
.swiper-button::after {display:none;}

.wrap {overflow:hidden;}
section {position:relative;}
section .inner-1440 {position:relative; width:100%; max-width:144rem; margin:0 auto;}

.txt-rolling {position:relative; width:30rem; margin:0 auto;}
.txt-rolling span {position:absolute; top:0; left:0; width:100%; display:none;}
.txt-rolling span.is-active {display:block;}

/* .img-rolling {position:relative; width:100%; height:48.4rem;}
.img-rolling .child-img {position:absolute; top:0; left:0; width:100%; opacity:0;}
.img-rolling .child-img.is-active {animation:imgRolling 3s ease infinite;}
@keyframes imgRolling {
	0% {opacity:0;}
	70% {opacity:1;}
	100% {opacity:1;}
} */

/* quick-menu */
.quick-menu {z-index:101; position:fixed; right:6rem; bottom:-29rem; width:38rem; height:29rem; transition:bottom 0.3s ease;}
.quick-menu.on {bottom:0;}
.quick-menu .donate-txt {z-index:5; position:absolute; bottom:3.2rem; left:0; font-size:2.5rem; color:#fff; font-weight:700; line-height:1.3; width:100%; text-align:center;}
/* .quick-menu .donate-txt:after {content:''; display:inline-block; width:3.2rem; height:1.5rem; margin-left:1rem; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_quick_arrow_white_pc.png') no-repeat center center / 100% auto; animation:icoArrAni 1s ease-in-out infinite;} */
.quick-menu .color-gray {z-index:1; position:absolute; left:0; top:0; opacity:0; transition:opacity 0.3s ease;}
.quick-menu.bg-gray .color-gray {opacity:1;}
.quick-menu.bg-gray .donate-txt {color:#000;}
/* .quick-menu.bg-gray .donate-txt:after {background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_quick_arrow_black_pc.png');} */
@keyframes icoArrAni {
	0% {transform:translateX(0);}
	50% {transform:translateX(10px);}
}

/* sec-kv */
.sec-kv {overflow:hidden; height:83.7rem; background:#040713 url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/kv_pc.jpg') no-repeat center / 192rem 100%;}
.sec-kv .logo-box {padding-top:5rem;}
.sec-kv .btn-logo {display:block; width:10.2rem; height:5.5rem; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/logo_white_pc.png') no-repeat center / 100%;}
.sec-kv .inner-1440 {z-index:1; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.sec-kv .kv-title {width:49.1rem; height:28rem; margin:4.2rem 0 0 12rem;}
.sec-kv .donate-box {margin:6rem 0 0 12rem;}
.sec-kv .btn-donate {display:flex; align-items:center; width:49.1rem; height:12.1rem; padding-left:3.5rem; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/kv_donate_bg_pc.jpg') no-repeat center / 100%;}
.sec-kv .donate-txt {color:#fff; font-size:2.2rem; font-weight:800; line-height:1.4;}
/* .sec-kv .donate-txt:after {content:''; display:inline-block; width:4.4rem; height:2rem; margin-left:1rem; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_arrow_white.png') no-repeat center / 100%;} */

/* sec-banner01 */
.sec-banner01 {height:73.8rem; background:#dad8dd url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/banner01_pc.jpg') no-repeat center / 192rem 100%; text-align:center;}
.sec-banner01 .title-box {z-index:1; position:absolute; top:5rem; left:50%; transform:translateX(-50%); color:#272727; letter-spacing:-0.08em;}
.sec-banner01 .title-box .sub-txt {font-size:4rem; font-weight:400;}
.sec-banner01 .title-box .sub-txt > strong {font-weight:600;}
.sec-banner01 .title-box .title {font-size:6rem; font-weight:900;}

/* sec-video */
/* .sec-video {padding:12rem 0; background-color:#dad8dd;}
.sec-video .video-thumbnail {position:relative; width:100%; height:100%; cursor:pointer;}
.sec-video .video-thumbnail img {display:block; width:100%; height:100%; object-fit:cover; }
.sec-video .btn-play {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:7.7rem; height:8.5rem; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_play.png') no-repeat center / 100%; cursor:pointer;}
.sec-video .video-container {overflow:hidden; position:relative; aspect-ratio:16/9; width:120rem; margin:0 auto;}
.sec-video .video-container iframe,
.sec-video .video-container object,
.sec-video .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%; border:0;} */

/* sec-edition */
.sec-edition {padding:12rem 0 9.5rem; background-color:#252525;}
.sec-edition .inner-1440 {padding:0 12rem;}
.sec-edition .title-box {color:#fff; text-align:center;}
.sec-edition .title-box .title {font-size:3.5rem; font-weight:500;}
.sec-edition .title-box picture {width:72.2rem; margin:0 auto; padding:4.5rem 0 7.5rem;}
.sec-edition .title-box .sub-txt {font-size:3.5rem;}
.sec-edition .title-box .txt-rolling {height:4.2rem;}
.sec-edition .title-box .txt-rolling span {background-color:#252525;}
.sec-edition .title-box .txt-rolling span > strong {color:#01acef; font-weight:800;}
.sec-edition .title-box .main-txt {font-size:4rem;}

.sec-edition .swiper-box {padding-top:6rem;}
.sec-edition .edition-thumb-swiper {width:81.2rem; margin:4.8rem auto 0;}
.sec-edition .edition-thumb-swiper .swiper-wrapper {justify-content:center;}
.sec-edition .edition-thumb-swiper .swiper-slide {position:relative; width:24.2rem; height:24.2rem; margin-right:4.3rem; cursor:pointer;}
.sec-edition .edition-thumb-swiper .swiper-slide:last-child {margin-right:0;}
.sec-edition .edition-thumb-swiper .swiper-slide:after {content:''; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #acaaaa;}
.sec-edition .edition-thumb-swiper .swiper-slide.swiper-slide-thumb-active:after {border-color:#fff;}
.sec-edition .notify-txt {padding-top:4.5rem; color:#fff; font-size:2.2rem; text-align:center;}
.sec-edition .notify-txt > span {font-weight:600; vertical-align:text-top;}

/* sec-interview */
.sec-interview {padding:10rem 0 12rem; background-color:#252525;}
.sec-interview .swiper-box {overflow:hidden;}
.sec-interview .interview-swiper {overflow:visible; width:58.1rem; display:flex; flex-direction:column; align-items:flex-start;}
.sec-interview .swiper-wrapper {display:flex; align-items:center; justify-content:flex-start; width:auto; height:89.7rem; transition-timing-function:linear;}
.sec-interview .swiper-slide {position:relative; display:flex; flex-direction:column; width:32.6rem !important; height:36.3rem; padding:0 1.2rem;}
.sec-interview .swiper-slide:not(.swiper-slide-active) picture img {filter:grayscale(100%);}
.sec-interview .swiper-slide:not(.swiper-slide-active) .txt-box {opacity:0; height:0;}
.sec-interview .swiper-slide.swiper-slide-active {width:58.1rem !important; height:89.7rem;}
.sec-interview .swiper-slide.swiper-slide-active .txt-box {opacity:1; height:auto; padding:3.5rem 0; background-color:#000; color:#fff; font-size:2.5rem; text-align:center;}
.sec-interview .swiper-slide.swiper-slide-active .txt-box > p {letter-spacing:-1px;}
.sec-interview .swiper-slide.swiper-slide-active .txt-box .name {display:block; padding-top:2rem; font-weight:600;}
.sec-interview .swiper-button {top:50%; width:5.8rem; height:5.8rem; margin:0; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_swiper_arrow02_pc.png') no-repeat center center / 100% auto;}
.sec-interview .swiper-button.swiper-button-prev {left:calc(50% - 36.4rem); transform:translate(-50%, -50%);}
.sec-interview .swiper-button.swiper-button-next {right:calc(50% - 36.4rem); transform:rotate(180deg) translate(-50%, -50%); transform-origin:top;}

/* sec-charm */
.sec-charm {background-color:#fff;}
.sec-charm .inner-1440 {padding:0 0 12rem;}
.sec-charm .title-box {padding:11.8rem 0 10rem; text-align:center;}
.sec-charm .title-box .title {display:flex; flex-direction:column; align-items:center; font-size:5.5rem; font-weight:800;}
.sec-charm .title-box .title > span {font-size:3.5rem; font-weight:700;}
.sec-charm .title-box .sub-txt {padding-top:3.4rem; font-size:3rem; font-weight:300;}
.sec-charm .charm-swiper {overflow:visible; display:flex; align-items:flex-start;}
.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide {position:relative; width:46.4rem; /*background-color:#eff2f3;*/ margin-right:2.4rem;}
.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide:last-child {margin-right:0;}
/* .sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide > picture {height:48.4rem;} */
.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .charm-desc {padding:3.5rem 0; background-color:#252525; color:#fff; text-align:center;}
.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .desc-title {font-size:3.5rem; font-weight:700; letter-spacing:-1px;}
.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .desc-txt {padding-top:2rem; font-size:2.5rem; font-weight:300;}
.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .desc-txt > strong {font-weight:700;}
.sec-charm .charm-box .swiper-controls {display:none;}
.sec-charm .notify-list {padding-top:4rem;}
.sec-charm .notify-list > li {padding-left:2rem; text-indent:-2rem; color:#434343; font-size:2.5rem; font-weight:300;}
.sec-charm .change-tip {margin-top:10rem;}

/* sec-banner02 */
.sec-banner02 {height:63.9rem; background:#080719 url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/banner02_pc.jpg') no-repeat center / 192rem 100%;}
.sec-banner02 .cont-box {z-index:1; position:absolute; top:50%; left:calc(50% - 60rem); transform:translateY(-50%); display:flex; flex-direction:column; justify-content:center; width:50.9rem;}
.sec-banner02 .title {padding-top:24.5rem; color:#fff; font-size:3rem; font-weight:500; text-align:center; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/banner02_title_pc.png') no-repeat top center / 36.3rem 19.7rem;}
.sec-banner02 .btn-donate {display:flex; justify-content:center; align-items:center; height:9.5rem; margin-top:5rem; background-color:#fff;}
.sec-banner02 .btn-donate > span {font-size:2.5rem; font-weight:700;}
/* .sec-banner02 .btn-donate > span:after {content:''; display:inline-block; width:3.5rem; height:1.5rem; margin-left:1rem; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_arrow_black_pc.png') no-repeat center / 100%;} */

/* sec-banner03 */
.sec-banner03 {margin-top:-1px; background-color:#01acef;}
.sec-banner03 .inner-1440 {display:flex; justify-content:space-between; align-items:center; padding:6rem 12.2rem;}
.sec-banner03 .title {color:#fff; font-size:3rem; font-weight:800;}
.sec-banner03 .btn-donate {display:flex; justify-content:center; align-items:center; height:8.3rem; padding:0 5.2rem; background-color:#fff; pointer-events:none;}
.sec-banner03 .btn-donate > span {color:#01acef; font-size:2.5rem; font-weight:700;}

/* sec-faq */
.sec-faq {padding:12.8rem 0 21rem;}
.sec-faq .inner-1440 {padding:0 12.2rem;}
.sec-faq .title {padding-bottom:.4rem; border-bottom:.2rem solid #121212; font-size:5.8rem; font-weight:700;}
.sec-faq .tab-nav {display:flex; justify-content:flex-end; margin:8rem auto 4rem; border-left:1px solid #595959; border-right:1px solid #595959;}
.sec-faq .tab-nav .tab-item {flex:1; border:1px solid #595959; border-left:0;}
.sec-faq .tab-nav .tab-item:last-child {border-right:none;}
.sec-faq .tab-nav .tab-item .tab-link {cursor:pointer; width:100%; background-color:#fff; font-size:2.6rem; font-weight:700; line-height:8rem;}
.sec-faq .tab-nav .tab-item.active .tab-link{background-color:#01acef; color:#fff;}
.sec-faq .tab-content {display:flex; flex-direction:column;}
.sec-faq .tab-content .tab-panel {display:none;}
.sec-faq .tab-content .tab-panel.active {display:block;}
.sec-faq .accordion-item {margin-bottom:0; border:1px solid #e6e6e6; border-bottom:0;}
.sec-faq .accordion-item:last-child {border-bottom:1px solid #e6e6e6;}
.sec-faq .accordion-title {cursor:pointer; position:relative; width:100%; padding:3.4rem 0 3.4rem 8rem; background-color:#fff; text-align:left;}
.sec-faq .accordion-title h3 {position:relative; color:#000; font-size:2.4rem; font-weight:700; line-height:3.4rem;}
.sec-faq .accordion-title h3:before {content:'Q'; position:absolute; top:0; left:-3.1rem; color:#00a7ee;}
.sec-faq .accordion-title .wrap-line {position:absolute; top:3.6rem; right:5rem; width:2.8rem; height:2.8rem;}
.sec-faq .accordion-title .wrap-line .line {position:absolute;}
.sec-faq .accordion-title .wrap-line .line01 {width:100%; height:.2rem; background-color:#40c1f3; top:50%; left:50%; transform:translate(-50%, -50%);}
.sec-faq .accordion-title .wrap-line .line02 {width:.2rem; height:100%; background-color:#40c1f3; top:50%; left:50%; transform:translate(-50%, -50%); transition:transform .3s;}
.sec-faq .accordion-content {overflow:hidden; max-height:0; transition:max-height 0.3s ease; padding:0 4.9rem;}
.sec-faq .accordion-content > picture {margin-bottom:4.5rem;}
.sec-faq .accordion-content p {text-align:left; padding:0rem 0 3rem; color:#797979; font-size:2.4rem; line-height:3.8rem; font-weight:300;}
.sec-faq .accordion-content .bold {font-weight:700;}
.sec-faq .accordion-content .line {text-decoration:underline; text-underline-offset:.3rem; text-decoration-thickness:1px;}
.sec-faq .accordion-content p + .sub-title {padding-top:.5rem;}
.sec-faq .accordion-content .sub-title {display:inline-block; padding-bottom:1rem; color:#797979; font-size:2.4rem; font-weight:700;}
.sec-faq .accordion-item.active {position:relative;}
.sec-faq .accordion-item.active:before {content:''; z-index:1; position:absolute; top:0; left:0; width:.4rem; height:100%; background-color:#00a7ee;}
.sec-faq .accordion-item.active .accordion-title,
.sec-faq .accordion-item.active .accordion-content {background-color:#f8f8f8;}
.sec-faq .accordion-item.active .accordion-title h3 {color:#00a7ee}
.sec-faq .accordion-item.active .accordion-title .wrap-line .line02 {transform:translate(-50%, -50%) rotate(90deg);}

/* FOOTER */
.sec-footer {display:flex; flex-direction:column; align-items:center; padding:12rem 0; background-color:#1d1d1d; text-align:center;}
.sec-footer .footer-logo {width:30.3rem; height:4.8rem;}
.sec-footer .footer-info {margin-top:2.2rem; color:#a1a1a1; font-size:1.7rem; line-height:2.7rem;}
.sec-footer .footer-copyright {margin-top:2.7rem; color:#555555; font-size:1.6rem; line-height:2.4rem;}
.sec-footer .line-pc {display:inline-block;}
.sec-footer .line-mo {display:none;}

/* Modal Popup */
.modal-box {display:none; z-index:101; position:fixed; top:0; left:0; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; background-color:rgba(0,0,0,0.15);}
.modal-box.modal-open {display:flex;}
.modal-box .modal-content {position:fixed; z-index:120; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; background-color:#fff; border-radius:0; box-shadow:1.2rem 1.2rem 3.4rem rgba(0, 0, 0, 0.2);}
.modal-box .modal-head {position:relative; width:100%;}
.modal-box .modal-close {z-index:110; position:absolute; top:1.5rem; right:1.5rem; width:3.5rem; height:3.5rem; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_close.png') no-repeat center center / 100% auto; cursor:pointer;}

/* modal01 */
.modal-box.modal01 .modal-content {max-width:60rem;}
.modal-box.modal01 .modal-body {padding:6rem;}
.modal-box.modal01 .modal-body .modal-close.btn-cancel {position:static; height:auto; background:none;}
.modal-box.modal01 .modal-body picture {aspect-ratio:480 / 285; width:48rem; border-radius:2.5rem; overflow:hidden;}
.modal-box.modal01 .modal-body .modal-tit {margin:3.8rem 0 3.2rem; text-align:center;}
.modal-box.modal01 .modal-body .modal-tit span {display:block; font-size:2.2rem; font-weight:700; letter-spacing:-0.95px; line-height:1;}
.modal-box.modal01 .modal-body .modal-tit span:nth-child(2) {margin-top:1.1rem; font-size:2.8rem;}
.modal-box.modal01 .modal-body .btn-box {display:flex; justify-content:center; align-items:center; gap:1.6rem;}
.modal-box.modal01 .modal-body .btn-box > a {width:23.3rem; border:1px solid #01acef; font-size:2.2rem; font-weight:700; line-height:6.2rem; letter-spacing:-0.95px; text-align:center;}
.modal-box.modal01 .modal-body .btn-box > a.btn-cancel {background-color:#fff; color:#01acef;}
.modal-box.modal01 .modal-body .btn-box > a.btn-continue {background-color:#01acef; color:#fff;}

/* modal02 */
.modal-box.modal02 .modal-content {max-width:63.4rem; height:85.2rem;}
.modal-box.modal02 .modal-head {height:4.2rem;}
.modal-box.modal02 .modal-body {padding:0 5rem 4rem;}
.modal-box.modal02 .modal-body .warn {position:relative; margin:1rem 0; padding-left:1.2rem; color:#e96060; font-size:2rem; line-height:2.8rem; text-align:left;}
.modal-box.modal02 .modal-body .warn:before {content:'*'; position:absolute; top:.2rem; left:0; font-size:1.4rem;}
.modal-box.modal02 .modal-body .img {display:flex; justify-content:center; align-items:center;}
.modal-box.modal02 .modal-body .img img {width:100%;}
.modal-box.modal02 .modal-body .modal-tit {line-height:4.6rem; font-size:3.2rem; font-weight:400;}
.modal-box.modal02 .modal-body .modal-tit .point-blue.underline {position:relative; font-weight:700;}
.modal-box.modal02 .modal-body .modal-tit .point-blue.underline:before {content:''; position:absolute; bottom:-.4rem; left:0; width:100%; height:1px; border-bottom:.2rem solid #00a7ee;}
.modal-box.modal02 .modal-body .desc {display:flex; justify-content:center; align-items:center; margin-top:0;}
.modal-box.modal02 .modal-body .desc span:first-child {display:block; margin-right:1.2rem; padding:.8rem; border:1px solid #c0c0c0; color:#a6a6a6; font-size:2.6rem;}
.modal-box.modal02 .modal-body .desc span:last-child {color:#a6a6a6; font-size:2rem; line-height:2.8rem;}
.modal-box.modal02 .modal-body .btn-gift span:before {content:''; position:absolute; top:50%; right:0; width:3.1rem; height:2.7rem; transform:translate(0, -50%); background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_main_btn_arrow_s.png') no-repeat center center / 100% auto;}
.modal-box.modal02 .modal-body .btn-gift {display:flex; justify-content:center; align-items:center; height:11rem; margin-top:3.8rem; background-color:#01acef;}
.modal-box.modal02 .modal-body .btn-gift span {position:relative; padding-right:5.5rem; color:#fff; font-size:3.2rem; font-weight:700; line-height:4.2rem;}

/* SIZE 1920 기준 */
@media all and (max-width:1920px) {
	html, body {font-size:calc(100vw * 10/1920);}
}

/* SIZE 1440 기준 */
@media all and (max-width:1440px) {
	html, body {font-size:calc(100vw * 10/1440);}
	.sec-kv .logo-box {padding-left:.5rem;}
}

/* SIZE 750 기준 */
@media all and (max-width:768px) {
	html, body {font-size:calc(100vw * 10/750);}
	.m-hide {display:none !important;}
	.m-show {display:block !important;}
	section .inner-1440 {max-width:100%;}

	/* .img-rolling {height:66.5rem;} */

	/* quick-menu */
	.quick-menu {right:0; bottom:-18rem; width:100%; height:18rem;}
	.quick-menu .donate-txt {bottom:50%; left:5rem; font-size:3.5rem; font-weight:400; transform:translateY(50%); text-align:left;}
	/* .quick-menu .donate-txt:after {width:6.3rem; height:2.8rem; margin-left:1.5rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_quick_arrow_white_mo.png'); vertical-align:middle;} */
	.quick-menu .donate-txt > strong {font-weight:800;}
	.quick-menu.bg-gray .donate-txt:after {background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_quick_arrow_black_mo.png');}

	/* sec-kv */
	.sec-kv {height:140.3rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/kv_mo.jpg'); background-size:cover;}
	.sec-kv .logo-box {padding:3.2rem 0 0 2.4rem;}
	.sec-kv .btn-logo {width:12.9rem; height:7rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/logo_white_mo.png');}
	.sec-kv .inner-1440 {position:static; transform:none;}
	.sec-kv .kv-title {width:42.2rem; height:23.9rem; margin:6.2rem auto 0;}
	.sec-kv .donate-box {position:absolute; top:118rem; left:0; width:100%; margin:0;}
	.sec-kv .btn-donate {width:63.4rem; height:14rem; margin:0 auto; padding-left:3rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/kv_donate_bg_mo.jpg')}
	.sec-kv .donate-txt {font-size:3rem;}

	/* sec-banner01 */
	.sec-banner01 {height:97.8rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/banner01_mo.jpg'); background-size:cover; text-align:left;}
	.sec-banner01 .title-box {top:13rem; width:100%; padding-left:6rem; letter-spacing:-0.16em;}
	.sec-banner01 .title-box .sub-txt {position:relative; font-size:6rem;}
	.sec-banner01 .title-box .sub-txt::after {content:''; position:absolute; bottom:.7rem; right:-6.4rem; width:6.4rem; height:.2rem; background-color:#272727;}
	.sec-banner01 .title-box .title {font-size:9rem;}

	/* sec-video */
	/* .sec-video {padding:0;}
	.sec-video .video-container {aspect-ratio:1/1; width:100%;} */

	/* sec-edition */
	.sec-edition {padding:11rem 0 9.5rem;}
	.sec-edition .inner-1440 {padding:0;}
	.sec-edition .title-box {padding-left:5.8rem; text-align:left;}
	.sec-edition .title-box .title {margin-bottom:1rem; font-size:3.7rem; font-weight:500;}
	.sec-edition .title-box .title .m-deco {position:relative;}
	.sec-edition .title-box .title .m-deco:after {content:''; position:absolute; bottom:.4rem ; right:-2.5rem; width:1.8rem; height:.3rem; background-color:#f8e1e9;}
	.sec-edition .title-box picture {width:51.1rem; margin:0 auto 0 0; padding:4rem 0 5rem;}
	.sec-edition .title-box .sub-txt {font-size:4.5rem;}
	.sec-edition .title-box .txt-rolling {width:auto; height:5.4rem;}
	.sec-edition .title-box .main-txt {font-size:5.5rem;}

	.sec-edition .swiper-box {padding-top:5rem;}
	.sec-edition .edition-thumb-swiper {width:100%; margin:7rem auto 0; padding:0 5.8rem;}
	.sec-edition .edition-thumb-swiper .swiper-slide {width:20.2rem; height:20.2rem; margin-right:1.4rem;}
	.sec-edition .edition-thumb-swiper .swiper-slide:after {border:.2rem solid #acaaaa;}
	.sec-edition .notify-txt {padding:5.5rem 0 0 7.8rem; text-indent:-2rem; font-size:2.8rem; text-align:left; letter-spacing:-.2px;}

	/* sec-interview */
	.sec-interview {padding:10rem 0 19rem;}
	.sec-interview .interview-swiper {width:59.9rem;}
	.sec-interview .swiper-wrapper {height:105.6rem;}
	.sec-interview .swiper-slide {width:46.5rem !important; height:65.6rem; padding:0 1.6rem;}
	.sec-interview .swiper-slide.swiper-slide-active {width:59.9rem !important; height:105.6rem;}
	.sec-interview .swiper-slide.swiper-slide-active .txt-box {height:100%; padding:2.5rem 0 3.5rem 3rem; font-size:2.8rem; text-align:left;}
	.sec-interview .swiper-slide.swiper-slide-active .txt-box > p {letter-spacing:-0.15rem;}
	.sec-interview .swiper-slide.swiper-slide-active .txt-box .name {padding-top:3rem;}
	.sec-interview .swiper-button {background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_swiper_arrow02_mo.png');}
	.sec-interview .swiper-button.swiper-button-prev {left:5.4rem;}
	.sec-interview .swiper-button.swiper-button-next {right:5.4rem;}

	/* sec-charm */
	.sec-charm .inner-1440 {padding:0;}
	.sec-charm .title-box {padding:11.5rem 0 8rem 5.8rem; text-align:left;}
	.sec-charm .title-box .title {align-items:flex-start; font-size:6rem; letter-spacing:-.2rem;}
	.sec-charm .title-box .title > span {font-size:4rem;}
	.sec-charm .title-box .sub-txt {padding-top:4rem; font-size:3rem;}
	.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide {width:63.3rem; margin-right:1.6rem;}
	/* .sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide > picture {height:66.5rem;} */
	.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .charm-desc {padding:3.5rem 0 3.5rem 4.5rem; text-align:left;}
	.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .desc-title {font-size:5rem; font-weight:700;}
	.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .desc-txt {padding-top:2rem; font-size:3rem; font-weight:300;}
	.sec-charm .charm-swiper > .swiper-wrapper > .swiper-slide .desc-txt > strong {font-weight:700;}
	.sec-charm .swiper-controls {position:relative; display:inline-block; width:26rem; margin:0 auto; padding-top:4rem; text-align:center;}
	.sec-charm .swiper-button {top:4.3rem; width:4.9rem; height:2.1rem; margin:0; background:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_swiper_arrow_black.png') no-repeat center / 100% auto;}
	.sec-charm .swiper-button.swiper-button-prev {left:0;}
	.sec-charm .swiper-button.swiper-button-next {right:0; transform:rotate(180deg);}
	.sec-charm .swiper-pagination {position:static; display:inline-block; width:18rem; font-size:2.4rem; font-weight:500;}
	.sec-charm .swiper-pagination-bullet-active {opacity:1; background:transparent;}
	.sec-charm .notify-list {padding:4.5rem 0 0 5.8rem;}
	.sec-charm .notify-list > li {padding-left:2rem; text-indent:-2rem; font-size:2.2rem; line-height:3rem; letter-spacing:-0.02rem;}

	/* sec-banner02 */
	.sec-banner02 {height:133.1rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/banner02_mo.jpg'); background-size:cover;}
	.sec-banner02 .cont-box {position:static; display:block; width:100%; transform:none;}
	.sec-banner02 .title {z-index:1; position:absolute; top:11.5rem; left:0; width:100%; padding-top:18rem; font-size:3.5rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/banner02_title_mo.png'); background-size:63.4rem 12.1rem;}
	.sec-banner02 .btn-donate {z-index:1; position:absolute; bottom:10.5rem; left:50%; transform:translateX(-50%); width:66.8rem; height:10rem; margin:0;}
	.sec-banner02 .btn-donate > span {font-size:3.3rem;}
	/* .sec-banner02 .btn-donate > span:after {width:4.1rem; height:1.8rem; margin-left:2rem; background-image:url('https://cdn.unicef.or.kr/images-36/unicef-team4-9/images/ico_arrow_black_mo.png');} */

	/* sec-banner03 */
	.sec-banner03 .inner-1440 {flex-direction:column; gap:2.3rem; padding:5.5rem 0;}
	.sec-banner03 .title {font-size:3.4rem;}
	.sec-banner03 .btn-donate {height:8.7rem; padding:0 3rem;}
	.sec-banner03 .btn-donate > span {font-size:2.8rem;}

	/* sec-faq */
	.sec-faq {padding:11.4rem 0 24.5rem;}
	.sec-faq .inner-1440 {padding:0 5.8rem;}
	.sec-faq .title {padding-bottom:1rem; font-size:2.8rem;}
	.sec-faq .tab-nav {margin:6rem auto 3rem;}
	.sec-faq .accordion-item:last-child {border-bottom:1px solid #e6e6e6;}
	.sec-faq .accordion-title {padding:3.2rem 7rem;}
	.sec-faq .accordion-title h3 {font-size:2.6rem; line-height:3rem; letter-spacing:-.5px;}
	.sec-faq .accordion-title h3:before {left:-3.4rem;}
	.sec-faq .accordion-title .wrap-line {top:4.6rem; right:3.6rem;}
	.sec-faq .accordion-content {padding:0 3.9rem 0 3.5rem;}
	.sec-faq .accordion-content p {font-size:2.6rem; letter-spacing:-.8px;}

	/* Footer */
	.sec-footer {padding:9.6rem 0 24rem;}
	.sec-footer .footer-logo {width:39.1rem; height:6.2rem;}
	.sec-footer .footer-info {width:64rem; margin-top:2.2rem; color:#ccc; font-size:2.3rem; font-weight:500; line-height:3.6rem;}
	.sec-footer .footer-copyright {width:63.4rem; margin-top:2.7rem; color:#777; font-size:2.2rem; font-weight:500; line-height:3rem;}
	.sec-footer .line-pc {display:none;}
	.sec-footer .line-mo {display:inline-block;}

	/* Modal Popup */
	.modal-box {background-color:rgba(0,0,0,0.79);}

	/* modal01 */
	.modal-box.modal01 .modal-content {max-height:calc(100% - 8rem); overflow-y:auto;}
	.modal-box.modal01 .modal-body picture {aspect-ratio:480 / 391; width:100%;}
	.modal-box.modal01 .modal-body .modal-tit {margin:3.5rem 0;}
	.modal-box.modal01 .modal-body .modal-tit span {font-size:2.8rem; letter-spacing:-1px; line-height:4.4rem;}
	.modal-box.modal01 .modal-body .modal-tit span:nth-child(2) {margin-top:0; font-size:3.8rem;}
	.modal-box.modal01 .modal-body .btn-box {display:block;}
	.modal-box.modal01 .modal-body .btn-box > a {display:block; width:100%; line-height:7.7rem; letter-spacing:-1px;}
	.modal-box.modal01 .modal-body .btn-box > a.btn-continue {margin-top:1.6rem;}
}
