@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, li {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;}
.point-gold {color:#d1b066;}
strong.point-blue {font-weight:700;}
strong.point-red {font-weight:700;}
.swiper {user-select:none;}
.swiper-box {position:relative;}
.swiper-box .swiper-button {position:static; margin:0; cursor:pointer;}
.swiper-box .swiper-button.swiper-button-disabled {opacity:1; pointer-events:auto !important;}
.swiper-box .swiper-button::after {display:none;}
.swiper-box .swiper-button-prev,
.swiper-box .swiper-button-next {position:absolute; top:calc(50% - 2.9rem); width:5.8rem; height:5.8rem; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.swiper-box .swiper-button-prev {left:calc(50% - 35rem); background-image:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_prev.png');}
.swiper-box .swiper-button-next {right:calc(50% - 35rem); background-image:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_next.png');}

.font01 {font-family:'Georgia';}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}

.wrap {max-width:240rem; margin:0 auto;}
section {position:relative;}
section .inner-1200 {width:100%; max-width:120rem; margin:0 auto;}
section .title-box {padding-bottom:6rem;}
section .title-box .title {font-size:5rem; font-weight:700; letter-spacing:-0.03em;}
section .title-box .sub-txt {padding-top:3.8rem; font-size:3rem; letter-spacing:-0.04em;}

@keyframes icoArrAni {
	0% {transform:translateX(0);}
	50% {transform:translateX(10px);}
}

@keyframes icoArrAni2 {
	0% {transform:translateX(0);}
	50% {transform:translateX(5px);}
}

/* QUICK MENU */
.quick-menu {z-index:101; position:fixed; right:0; bottom:-16rem; width:48.5rem; height:16rem; transition:bottom 0.3s ease;}
.quick-menu.on {bottom:0;}
.quick-menu .floating-item {z-index:-1; position:absolute; inset:0; opacity:0; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/quick_menu01_pc.png') no-repeat center / cover; pointer-events:none; transition:all 0.5s ease;}
.quick-menu .floating-item.is-active {z-index:102; opacity:1; pointer-events:auto;}
.quick-menu .donate-txt {z-index:5; position:absolute; bottom:2.5rem; left:19rem; width:100%; color:#e3c072; font-size:2.8rem; font-weight:700; line-height:1.3;}
.quick-menu .donate-txt:after {content:''; display:inline-block; width:1.1rem; height:1.9rem; margin-left:1.6rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/quick_menu_ico_arrow_pc.png') no-repeat center / 100%; animation:icoArrAni2 1s ease-in-out infinite; transition:all 0.5s ease;}

/* KV */
.sec-kv {overflow:hidden; padding:7.5rem 0 7rem;}
.sec-kv .logo-box .btn-logo {display:block; width:28.2rem; height:3.7rem; margin:0 auto;}
.sec-kv .kv-title {width:60.8rem; height:10rem; margin:1.4rem 31.6rem 3.6rem auto;}

/* INTRO */
.sec-intro {padding:7rem 0;}

/* RING */
.sec-ring {padding:7rem 0;}
.sec-ring .ring-track {position:relative; height:250vh;/* 수정X */}
.sec-ring .ring-track .ring-fixed {position:sticky; top:0; left:0; width:100%; height:100vh;/* 수정X */ display:flex; align-items:center; justify-content:center; overflow:hidden;}

/* 모든 콘텐츠 기준점 */
.sec-ring .ring-track .ring-box {position:relative; width:100%; height:54rem;}
.sec-ring .ring-track .ring-item {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:opacity 0.5s ease, visibility 0.5s ease;}
.sec-ring .ring-track .ring-item img {width:100%; height:100%; object-fit:contain;}
.sec-ring .ring-track .ring-item.is-show {opacity:1; visibility:visible;}
.sec-ring .ring-track .txt-box {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;}
.sec-ring .ring-track .txt-box p {position:absolute; margin:0; font-size:2.5rem; font-weight:500; opacity:0; visibility:hidden; transition:opacity 0.5s ease, visibility 0.5s ease; letter-spacing:-0.04em;}
.sec-ring .ring-track .txt-box p.is-show {opacity:1; visibility:visible;}
.sec-ring .ring-track .txt-box .txt01 {top:0; right:0;}
.sec-ring .ring-track .txt-box .txt02 {top:18.6rem; left:2rem;}
.sec-ring .ring-track .txt-box .txt03 {bottom:-1rem; right:0;}

.sec-ring .design-box {display:flex; background-color:#000;}
.sec-ring .design-box .img-box {flex-shrink:0; width:39.3rem;}
.sec-ring .design-box .txt-box {display:flex; flex-direction:column; justify-content:center; gap:1rem; padding-left:9rem; color:#fff; font-size:2.5rem;}

/* PRODUCT */
.sec-product {overflow:hidden; padding:7rem 0;}
.sec-product .product-swiper {width:100%; overflow:hidden; display:flex; align-items:flex-start;}
.sec-product .product-swiper .swiper-slide {position:relative; width:50.8rem; height:63.7rem; margin:0 .6rem;}
.sec-product .product-swiper .swiper-slide.swiper-slide-active:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:.4rem solid #e3c072;}

.sec-product .detail-box {margin-top:7rem; padding:5.6rem 8rem; background-color:#f6f6f6;}
.sec-product .detail-box .detail-inner {width:69.5rem; margin:0 auto; opacity:0.67;}
.sec-product .detail-box .detail-row {display:flex; justify-content:space-between; padding:2rem 0; border-bottom:1px solid #000; font-size:2.2rem; font-weight:500;}
.sec-product .detail-box .row-title {display:inline-block; padding-left:1.2rem;}
.sec-product .detail-box .material {padding-right:11.4rem; font-weight:300;}
.sec-product .detail-box .size-table {font-size:2rem; text-align:center;}
.sec-product .detail-box .size-table table {width:44rem; table-layout:fixed;}
.sec-product .detail-box .size-table th,
.sec-product .detail-box .size-table td {line-height:3.4rem;}
.sec-product .detail-box .size-table thead th {font-weight:300;}
.sec-product .detail-box .size-table tbody td {border-top:1px solid #a9a9a9; font-weight:500;}

/* PERSON */
.sec-person {padding:7rem 0;}
.sec-person .person-list {display:flex; flex-wrap:wrap; gap:1.5rem;}
.sec-person .person-list > li {position:relative; width:39rem;}
.sec-person .person-list .txt-box {position:absolute; bottom:2.4rem; left:2.4rem; display:flex; align-items:baseline; gap:.6rem; color:#fff;}
.sec-person .person-list .txt-box .job {font-size:2.2rem; font-weight:300;}
.sec-person .person-list .txt-box .name {font-size:2.5rem; font-weight:600;}

/* VIDEO */
.sec-video {padding:7rem 0;}
.sec-video .video-container {position:relative; width:120rem; height:67.5rem; 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;}

/* BADGE */
.sec-badge {padding:7rem 0;}
.sec-badge .badge-box {display:flex; gap:2.5rem;}
.sec-badge .badge-swiper {overflow:hidden; width:60rem;}
.sec-badge .badge-swiper .swiper-slide {position:relative; width:60rem; height:33.4rem;}
.sec-badge .swiper-box .swiper-button-prev {left:2rem; background-image:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_prev02.png');}
.sec-badge .swiper-box .swiper-button-next {right:2rem; background-image:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_next02.png');}
.sec-badge .desc-box {display:flex; flex-direction:column; justify-content:center; letter-spacing:-0.09em;}
.sec-badge .desc-box .desc-txt {padding-bottom:3rem; font-size:2.5rem; font-weight:300;}
.sec-badge .desc-box .notify-txt {font-size:2.2rem;}

/* FUTURE */
.sec-future {padding:7rem 0;}
.sec-future .future-swiper {width:100%; overflow:hidden; display:flex; align-items:flex-start;}
.sec-future .future-swiper .swiper-slide {position:relative; width:74.78rem; height:62.4rem; margin:0 1.2rem;}
.sec-future .future-swiper .swiper-slide.swiper-slide-active .txt-box {background-color:#050505;}
.sec-future .future-swiper .swiper-slide.swiper-slide-active:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:.4rem solid #050505;}
.sec-future .swiper-box .swiper-button-prev {left:calc(50% - 50rem);}
.sec-future .swiper-box .swiper-button-next {right:calc(50% - 50rem);}

.sec-future .txt-box {position:absolute; top:5.4rem; left:-1.2rem; width:38.6rem; padding:2.4rem 0 2.4rem 2.4rem; background-color:#252424; color:#fff; letter-spacing:-0.04em;}
.sec-future .txt-box .txt {font-size:2.2rem;}
.sec-future .txt-box .txt .num {font-size:4rem; font-weight:700; letter-spacing:-0.04em; vertical-align:sub;}
.sec-future .txt-box em {color:#979595; font-size:1.4rem;}

/* BANNER01 */
.sec-banner01 .bg-img {height:61.5rem; overflow:hidden;}
.sec-banner01 .bg-img img {width:100%; height:100%; object-fit:cover;}
.sec-banner01 .cont-box {position:absolute; top:50%; left:calc(50% - 60rem); transform:translateY(-50%);}
.sec-banner01 .cont-box .logo-box {display:block; width:38.6rem; margin:0 auto 8rem;}
.sec-banner01 .cont-box .title {display:block; padding-bottom:8rem; color:#fff; font-size:3rem; font-weight:500; text-align:center;}
.sec-banner01 .btn-donate {display:flex; justify-content:center; align-items:center; height:7.8rem; margin:0 auto; padding:0 2.4rem; background-color:#e3c072;}
.sec-banner01 .btn-donate span {display:inline-flex; align-items:center; font-size:3.5rem; font-weight:600;}
.sec-banner01 .btn-donate span:after {content:''; display:inline-block; width:1.3rem; height:2.2rem; margin-left:2.4rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_arrow_pc.png') no-repeat center / 100%;}

/* BANNER02 */
.sec-banner02 {margin-top:-1px; background-color:#e3c072;}
.sec-banner02 .inner-1200 {display:flex; justify-content:space-between; align-items:center; padding:7rem 0;}
.sec-banner02 .txt-box .title {padding-bottom:2.8rem; font-size:3.5rem;}
.sec-banner02 .txt-box .sub-txt {font-size:3rem; font-weight:500;}
.sec-banner02 .btn-donate {display:flex; justify-content:center; align-items:center; height:7.8rem; padding:0 5.8rem; background-color:#000;}
.sec-banner02 .btn-donate > span {color:#fff; font-size:3rem; font-weight:600;}

/* FAQ */
.sec-faq {padding:14rem 0 12rem;}
.sec-faq .title {margin-bottom:5.8rem; font-size:3.5rem; font-weight:700;}

.sec-faq .faq-category .category-title {position:relative; cursor:pointer; width:100%; padding-left:3.4rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; font-size:3rem; font-weight:600; line-height:8rem; text-align:left;}
.sec-faq .faq-category + .faq-category .category-title {border-top:0;}
.sec-faq .faq-category .category-title:after {content:''; position:absolute; top:50%; right:3.6rem; transform:translateY(-50%); width:2.7rem; height:1.6rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_faq_arrow.png') no-repeat center / 100%; transition:transform .3s;}
.sec-faq .faq-category.active .category-title:after {transform:rotate(180deg) translateY(50%);}
.sec-faq .category-content {display:none;}
.sec-faq .faq-category.active .category-content {display:block;}
.sec-faq .accordion-item {border-bottom:1px solid #ddd;}
.sec-faq .accordion-item .accordion-title {position:relative; width:100%;}
.sec-faq .accordion-item .accordion-title h3 {cursor:pointer; padding-left:3.4rem; background-color:#fff; color:#5d5c5c; font-size:2.6rem; font-weight:500; line-height:7.2rem; text-align:left;}
.sec-faq .accordion-item .accordion-title h3:after {content:''; position:absolute; top:50%; right:3.6rem; transform:translateY(-50%); width:2.6rem; height:2.6rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_faq_off.png') no-repeat center / 100%; transition:transform .3s;}
.sec-faq .accordion-item .accordion-content {overflow:hidden; height:0; transition:height 0.3s ease; padding:0 1rem 0 3.4rem; color:#5d5c5c; font-size:2.6rem; font-weight:300;}
.sec-faq .accordion-item .accordion-content > p {padding-bottom:4rem; line-height:1.3;}
.sec-faq .accordion-item .accordion-content > p:first-child {padding-top:3rem;}
.sec-faq .accordion-item .accordion-content > p:last-child {padding-bottom:6rem;}
.sec-faq .accordion-item .accordion-content .pic01 {margin-bottom:6rem;}
.sec-faq .accordion-item .accordion-content .pic02 {margin-bottom:6.5rem;}
.sec-faq .accordion-item .accordion-content .pic03 {margin-bottom:9rem;}

.sec-faq .accordion-item.active .accordion-title h3:after {height:.4rem; background-image:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_faq_on.png');}
.sec-faq .accordion-item.active .accordion-content {height:auto;}

.sec-faq .size-table {padding:3rem 0 7rem; color:#000; font-size:2rem; text-align:center; opacity:0.67;}
.sec-faq .size-table table {table-layout:fixed; width:82rem; margin:0 auto; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
.sec-faq .size-table th,
.sec-faq .size-table td {line-height:3.4rem;}
.sec-faq .size-table thead th {font-weight:300;}
.sec-faq .size-table tbody td {border-top:1px solid #b2b2b2; font-weight:500;}
.sec-faq .size-table thead th:first-child,
.sec-faq .size-table tbody td:first-child {padding-left:8rem;}
.sec-faq .size-table thead th:last-child,
.sec-faq .size-table tbody td:last-child {padding-right:8rem;}

/* FOOTER */
.sec-footer {display:flex; flex-direction:column; align-items:center; padding:8rem 0; background-color:#232323; 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.1);}
.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%; max-width:75rem; 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; width:3.5rem; height:3.5rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_close.png') no-repeat center / 100%; cursor:pointer;}

/* modal01 */
.modal-box.modal01 .modal-content {max-width:55rem; transform:translate(-50%, -50%) scale(.9);}
.modal-box.modal01 .modal-close {top:1.5rem; right:1.5rem;}
.modal-box.modal01 .modal-body {padding:5rem;}
.modal-box.modal01 .modal-body .modal-tit {margin-top:2.5rem; line-height:4rem; font-size:2.8rem; font-weight:700; text-align:center;}
.modal-box.modal01 .modal-body .modal-close.btn-cancel {position:static; display:flex; justify-content:center; align-items:center; width:100%; height:7rem; margin-top:2.5rem; background:#000; color:#fff; font-size:2.4rem; font-weight:700;}

/* modal02 */
.modal-box.modal02 .modal-content {max-width:63.4rem; transform:translate(-50%, -50%) scale(.9);}
.modal-box.modal02 .modal-close {top:1.5rem; right:1.5rem;}
.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 2rem; 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 .modal-tit {line-height:4.6rem; font-size:3.2rem; font-weight:400; white-space:nowrap;}
.modal-box.modal02 .modal-body .modal-tit .underline {position:relative; font-weight:700;}
.modal-box.modal02 .modal-body .modal-tit .underline:before {content:''; position:absolute; bottom:-.4rem; left:0; width:100%; height:1px; border-bottom:.2rem solid #d1b066;}
.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-31/unicef-excellence1-1/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:#000;}
.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;}

/* modal-person */
.modal-box.modal-person .modal-close {top:0; right:0; width:4rem; height:4rem;}
.modal-box.modal-person .modal-content {max-width:146.7rem; padding:2.5rem; transform:translate(-50%, -50%) scale(.8);}
.modal-box.modal-person .modal-content .modal-body {display:flex;}
.modal-box.modal-person .modal-content .img-box {flex-shrink:0; width:69rem;}
.modal-box.modal-person .modal-content .txt-box {padding:4rem;}
.modal-box.modal-person .modal-content h2 {padding-bottom:3.5rem; font-size:4.4rem; line-height:1.4; white-space:nowrap;}
.modal-box.modal-person .modal-content h2 .font01 {letter-spacing:-0.03em;}
.modal-box.modal-person .modal-content .name {display:inline-block; margin-right:.4rem; vertical-align:middle;}
.modal-box.modal-person .modal-content .name .name-0 {width:6.4rem;}
.modal-box.modal-person .modal-content .name .name-1 {width:11.3rem;}
.modal-box.modal-person .modal-content .name .name-2 {width:15.9rem;}
.modal-box.modal-person .modal-content .name .name-3 {width:12.4rem;}
.modal-box.modal-person .modal-content .name .name-4 {width:16rem;}
.modal-box.modal-person .modal-content .name .name-5 {width:15.1rem;}
.modal-box.modal-person .modal-content .name .name-6 {width:14rem;}
.modal-box.modal-person .modal-content .name .name-7 {width:12.9rem;}
.modal-box.modal-person .modal-content .name .name-8 {width:11.6rem;}
.modal-box.modal-person .modal-content .txt01 {display:inline-block; padding:2rem 0; font-size:3.6rem; font-weight:600;}
.modal-box.modal-person .modal-content .txt02 {font-size:3rem; font-weight:300; line-height:1.35;}

/* modal-support */
.modal-box.modal-support {z-index:102;}
.modal-box.modal-support .modal-close {top:3rem; right:4rem; width:4rem; height:4rem;}
.modal-box.modal-support .modal-content {max-height:120vh; overflow:auto; transform:translate(-50%, -50%) scale(.8);}
.modal-box.modal-support .modal-content .modal-body {padding:5rem 5.6rem;}
.modal-box.modal-support .form-title {margin-bottom:4rem;}
.modal-box.modal-support .form-title h2 {font-size:2.5rem;}
.modal-box.modal-support .form-container {padding-bottom:4rem;}
.modal-box.modal-support .form-container.type-submit {margin-top:-1rem; padding-bottom:3rem;}
.modal-box.modal-support .flex-box {display:flex; justify-content:space-between; gap:5rem;}
.modal-box.modal-support .img-box.ring-img {flex-shrink:0; width:18.5rem;}
.modal-box.modal-support .ui-radio-tab {display:flex; gap:1rem;}
.modal-box.modal-support .ui-radio-tab .ui-radio-block {width:100%; border:2px solid #e3c072;}
.modal-box.modal-support .ui-radio-tab .ui-radio-label {display:inline-flex; align-items:center; justify-content:center; background-color:#fff; cursor:pointer;}
.modal-box.modal-support .ui-radio-tab.type-size .ui-radio-block {width:9.2rem;}
.modal-box.modal-support .ui-radio-tab.type-size .ui-radio-label {width:100%; height:100%;}
.modal-box.modal-support .ui-radio-tab.type-money + .ui-radio-tab.type-money {margin-top:1rem;}
.modal-box.modal-support .ui-radio-tab.type-money .ui-radio-label {width:100%; height:5.4rem;}
.modal-box.modal-support .ui-radio-tab.type-money input[type="text"] {width:100%; height:5.4rem; padding:0 1.2rem; font-size:2rem; font-weight:700; text-align:center; outline:0;}
.modal-box.modal-support .ui-radio-tab.type-money input[type="text"]::placeholder {color:#000; opacity:1;}
.modal-box.modal-support .ui-radio-tab .ui-radio {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;}
.modal-box.modal-support .ui-radio-tab .ui-radio:checked + .ui-radio-label {background-color:#e3c072;}
.modal-box.modal-support .ui-radio-tab .ui-radio-text {font-size:2rem; font-weight:700; text-align:center;}
.modal-box.modal-support .alert-amount-zero {display:none; margin-top:.5rem; color:#e2231a; font-size:1.4rem;}
.modal-box.modal-support .alert-amount-zero.on {display:block;}
.modal-box.modal-support .flex-box.table-box {margin-top:4rem; justify-content:end;}
.modal-box.modal-support .size-table {width:39.8rem;}
.modal-box.modal-support .size-table table {width:100%; table-layout:fixed; border-top:1px solid #cbcbcb;}
.modal-box.modal-support .size-table th,
.modal-box.modal-support .size-table td {color:rgba(0,0,0,0.67); font-size:2rem; text-align:center;}
.modal-box.modal-support .size-table thead th {font-weight:300; line-height:3.4rem;}
.modal-box.modal-support .size-table tbody td {border-top:1px solid #cbcbcb; font-weight:500; line-height:3.5rem;}
.modal-box.modal-support .size-table tfoot td {padding-top:1.8rem; border-top:1px solid #cbcbcb; font-weight:300; text-align:right; letter-spacing:-0.02em;}
.modal-box.modal-support .btn-submit {display:inline-block; width:100%; background-color:#000; color:#e3c072; font-size:2.4rem; font-weight:700; text-align:center; line-height:8rem; cursor:pointer;}
.modal-box.modal-support .btn-submit:after {content:''; display:inline-block; width:1rem; height:1.7rem; margin-left:2rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_submit_arrow.jpg') no-repeat center / 100%;}

.modal-box.modal-support .support-notice {font-size:1.8rem; font-weight:300;}
.modal-box.modal-support .support-notice .once-txt {position:relative; color:#d1b066; font-size:2.2rem; font-weight:500; padding-bottom:6rem; padding-left:3rem; letter-spacing:-0.03em;}
.modal-box.modal-support .support-notice .once-txt:before {content:''; position:absolute; top:0; left:0; display:inline-block; width:2.3rem; height:2.3rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_notice.png') no-repeat center / 100%;}
.modal-box.modal-support .support-notice .notice-title {display:inline-block; padding-bottom:3rem; font-size:2.5rem; font-weight:700; letter-spacing:-0.03em;}
.modal-box.modal-support .support-notice .notify-txt {padding-top:1rem; color:#4a4a4a; letter-spacing:-0.02em;}
.modal-box.modal-support .support-notice .bagde-box {display:flex; white-space:nowrap;}
.modal-box.modal-support .support-notice .img-box {align-self:center; width:28rem; padding:2.4rem 0 0 2.4rem;}
.modal-box.modal-support .support-notice .img-box > img {width:17.8rem;}

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

/* 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-1200 {max-width:100%;}
	section .title-box {padding-bottom:10rem; padding-left:3rem;}
	section .title-box .title {font-size:5.5rem; line-height:1.3;}
	section .title-box .sub-txt {padding-top:7rem; font-size:3.5rem; line-height:1.4;}

	/* QUICK MENU */
	.quick-menu {bottom:-20rem; right:0; width:100%; height:17.3rem;}
	.quick-menu .floating-item {background-image:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/quick_menu01_mo.png');}
	.quick-menu .donate-txt {bottom:4.6rem; left:25.5rem; font-size:3.2rem;}
	.quick-menu .donate-txt:after {width:1.3rem; height:2.2rem; margin-left:1.6rem; background-image:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/quick_menu_ico_arrow_mo.png');}

	/* KV */
	.sec-kv {padding:8.5rem 0 7.5rem;}
	.sec-kv .kv-title {width:60.8rem; height:10rem; margin:1.5rem auto 3.8rem;}

	/* INTRO */
	.sec-intro {padding:7.5rem 0;}

	/* RING */
	.sec-ring {padding:7.5rem 0;}
	.sec-ring .ring-track {height:250vh;/* 수정X */}
	.sec-ring .ring-track .ring-fixed {height:100vh;/* 수정X */}

	/* 모든 콘텐츠 기준점 */
	.sec-ring .ring-track .ring-box {height:84rem;}
	.sec-ring .ring-track .txt-box p {font-size:2.5rem; font-weight:300;}
	.sec-ring .ring-track .txt-box p .point-gold {font-weight:500;}
	.sec-ring .ring-track .txt-box .txt01 {top:0; right:3rem;}
	.sec-ring .ring-track .txt-box .txt02 {top:11rem; left:3rem;}
	.sec-ring .ring-track .txt-box .txt03 {bottom:0; right:3rem;}

	.sec-ring .design-box .img-box {width:37.6rem;}
	.sec-ring .design-box .txt-box {gap:3rem; padding-left:3rem; font-size:2.7rem; letter-spacing:-0.02em;}
	.sec-ring .design-box .txt-box > p {line-height:1.4;}

	/* PRODUCT */
	.sec-product {padding:7.5rem 0;}
	.sec-product .product-swiper .swiper-slide {width:61.8rem; height:77.5rem; margin:0 .9rem;}
	.sec-product .product-swiper .swiper-slide.swiper-slide-active:before {border:.4rem solid #e3c072;}

	.sec-product .detail-box {margin-top:10rem; padding:3rem 3rem 8rem;}
	.sec-product .detail-box .detail-inner {width:100%; opacity:1;}
	.sec-product .detail-box .detail-row {padding:2rem 0 1.5rem; font-size:2.4rem;}
	.sec-product .detail-box .row-title {padding-left:1.2rem;}
	.sec-product .detail-box .material {padding-right:8.5rem;}
	.sec-product .detail-box .size-table {font-size:2.4rem;}
	.sec-product .detail-box .size-table table {width:44rem;}
	.sec-product .detail-box .size-table th,
	.sec-product .detail-box .size-table td {line-height:4.2rem;}

	/* PERSON */
	.sec-person {padding:7.5rem 0;}
	.sec-person .person-list {display: grid; grid-template-columns:repeat(3, 1fr); gap:.4rem; padding:0 3rem;}
	.sec-person .person-list > li {width:100%;}
	.sec-person .person-list .txt-box {bottom:1.4rem; left:1.4rem; gap:.4rem;}
	.sec-person .person-list .txt-box .job {font-size:2rem;}
	.sec-person .person-list .txt-box .name {font-size:2.2rem;}

	/* VIDEO */
	.sec-video {padding:7.5rem 0;}
	.sec-video .video-container {width:100%; height:42.1rem;}

	/* BADGE */
	.sec-badge {padding:7.5rem 0;}
	.sec-badge .title-box .title .pre-txt {display:inline-block; font-size:3rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em;}
	.sec-badge .badge-box {display:block;}
	.sec-badge .badge-swiper {width:68.9rem;}
	.sec-badge .badge-swiper .swiper-slide {width:68.9rem; height:33.3rem;}
	.sec-badge .swiper-box .swiper-button-prev {left:5.2rem;}
	.sec-badge .swiper-box .swiper-button-next {right:5.2rem;}
	.sec-badge .desc-box {padding:10rem 3rem 0;}
	.sec-badge .desc-box .desc-txt {padding-bottom:4rem; font-size:3rem; line-height:1.3;}
	.sec-badge .desc-box .notify-txt {font-size:2.2rem;}

	/* FUTURE */
	.sec-future {padding:7.5rem 0 15rem;}
	.sec-future .future-swiper .swiper-slide {width:61.9rem; height:68.4rem; margin:0 1.8rem;}
	.sec-future .future-swiper .swiper-slide.swiper-slide-active:before {border:.4rem solid #050505;}
	.sec-future .swiper-box .swiper-button-prev {left:calc(50% - 35rem);}
	.sec-future .swiper-box .swiper-button-next {right:calc(50% - 35rem);}

	.sec-future .txt-box {top:4.4rem; left:-1.4rem; width:38.6rem; padding:2.4rem 0 2.4rem 2.4rem; letter-spacing:-0.04em;}
	.sec-future .txt-box .txt {font-size:2.2rem;}
	.sec-future .txt-box .txt .num {font-size:4rem;}
	.sec-future .txt-box em {font-size:1.4rem;}

	/* BANNER01 */
	.sec-banner01 .bg-img {height:110.9rem;}
	.sec-banner01 .cont-box {top:12rem; left:50%; transform:translateX(-50%); width:100%;}
	.sec-banner01 .cont-box .logo-box {width:38.6rem; margin:0 auto 47.5rem;}
	.sec-banner01 .cont-box .title {padding-bottom:6rem; font-size:3rem; line-height:1.3;}
	.sec-banner01 .btn-donate {width:fit-content; height:7.8rem; padding:0 3.8rem; letter-spacing:-0.1em;}
	.sec-banner01 .btn-donate span {display:inline-flex; align-items:center; font-size:3.5rem;}
	.sec-banner01 .btn-donate span:after {width:1.3rem; height:2.2rem; margin-left:2.4rem; background:url('https://cdn.unicef.or.kr/images-31/unicef-excellence1-1/images/ico_arrow_pc.png') no-repeat center / 100%;}

	/* BANNER02 */
	.sec-banner02 .inner-1200 {display:block; padding:7rem 0; text-align:center;}
	.sec-banner02 .txt-box {padding-bottom:5rem;}
	.sec-banner02 .txt-box .title {padding-bottom:1.6rem; font-size:3.5rem;}
	.sec-banner02 .txt-box .sub-txt {font-size:3rem; font-weight:500;}
	.sec-banner02 .btn-donate {width:fit-content; height:7.8rem; margin:0 auto; padding:0 5.8rem;}
	.sec-banner02 .btn-donate > span {font-size:3rem;}

	/* FAQ */
	.sec-faq {padding:14rem 3rem 12rem;}
	.sec-faq .title {margin-bottom:6.8rem;}

	.sec-faq .faq-category .category-title {padding-left:3.4rem; font-size:3rem; line-height:8rem;}
	.sec-faq .accordion-item .accordion-title h3 {padding-left:3.4rem; background-color:#fff; font-size:2.6rem; line-height:7.2rem;}
	.sec-faq .accordion-item .accordion-content {padding:0 3.4rem; font-size:2.6rem;}
	.sec-faq .accordion-item .accordion-content > p {padding-bottom:4rem; letter-spacing:-0.02em; line-height:1.35; white-space:nowrap;}
	.sec-faq .accordion-item .accordion-content > p:first-child {padding-top:3rem;}
	.sec-faq .accordion-item .accordion-content > p:last-child {padding-bottom:6rem;}
	.sec-faq .accordion-item .accordion-content .pic01 {margin-bottom:6rem;}
	.sec-faq .accordion-item .accordion-content .pic02 {margin-bottom:6.5rem;}
	.sec-faq .accordion-item .accordion-content .pic03 {margin-bottom:9rem;}

	.sec-faq .size-table {padding:0 0 4rem; font-size:2rem;}
	.sec-faq .size-table table {width:100%;}
	.sec-faq .size-table th,
	.sec-faq .size-table td {line-height:3.4rem;}
	.sec-faq .size-table thead th {font-weight:300;}
	.sec-faq .size-table tbody td {border-top:1px solid #b2b2b2; font-weight:500;}
	.sec-faq .size-table thead th:first-child,
	.sec-faq .size-table tbody td:first-child {padding-left:0;}
	.sec-faq .size-table thead th:last-child,
	.sec-faq .size-table tbody td:last-child {padding-right:0;}

	/* 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.6);}

	/* modal01 */
	.modal-box.modal01 .modal-content {transform:translate(-50%, -50%);}

	/* modal02 */
	.modal-box.modal02 .modal-content {transform:translate(-50%, -50%);}

	/* modal-person */
	.modal-box.modal-person .modal-close {width:3.5rem; height:3.5rem;}
	.modal-box.modal-person .modal-content {max-width:75rem; max-height:100vh; overflow:auto; padding:4rem 3rem; transform:translate(-50%, -50%);}
	.modal-box.modal-person .modal-content .modal-body {position:relative; display:block; padding-top:14rem;}
	.modal-box.modal-person .modal-content .img-box {width:100%;}
	.modal-box.modal-person .modal-content .txt-box {padding:0;}
	.modal-box.modal-person .modal-content h2 {position:absolute; top:0; padding-bottom:3rem; font-size:3.4rem;}
	.modal-box.modal-person .modal-content .name {margin-right:2rem;}
	.modal-box.modal-person .modal-content .txt01 {padding:2rem 0; font-size:2.8rem;}
	.modal-box.modal-person .modal-content .txt02 {font-size:2.2rem; line-height:1.4;}

	/* modal-support */
	.modal-box.modal-support .modal-close {width:3.5rem; height:3.5rem;}
	.modal-box.modal-support .modal-content {transform:translate(-50%, -50%);}
}