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

* {box-sizing:border-box; margin:0; padding:0; 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; color:#121212;}
body,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, dd,
p,
fieldset, legend {margin:0; padding:0;}
ul, ol {list-style:none;}
table {border-collapse:collapse;}
em {font-style:normal;}
a {color:inherit; text-decoration:none;}
img {vertical-align:top;}
section {width:100%; text-align:center; padding:0; position:relative; overflow:hidden;}
body, input, textarea, select, button {font-size:3.5vw; 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;}
fieldset, button {border:none; outline:none;}
button:hover {cursor:pointer;}

.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: 0px !important;
}

html, body {
    font-size: calc(100vw * 10/750); 
}

@keyframes mv_opacity {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes mv_opacity1 {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

body{background:#121212;}

.bg-blue {background:#01acef!important;}
.text-blue {color:#01acef!important;}
.swiper-slide {cursor:grab;}

.title-sub.border {width:100vw; position:absolute; z-index:10; top:11.4rem; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center;}
.title-sub.border span {position:relative; font-size:3.8rem; font-weight:bold;}
/* .title-sub.border span:nth-child(1):before {content:''; width:5vw; height:1px; border-top:1px solid #000; position:absolute; right:-6.8vw; top:50%; transform:translateY(-50%);} */
.title-sub.border span.line {display:inline-block; width:3.2rem; height:.2rem; background-color: #000; margin:0 1vw;}

/* Swiper */
.swiper-container {width:100%; height:auto;}
.swiper-slide {position:relative; background:#ccc; text-align:center; display:flex; justify-content:center; align-items:center;}
.swiper-slide img {width:100%; height:auto;}
.swiper-pagination-bullet {background:#000;}

/* 우측하단 퀵메뉴 */
.quick_btn{ position: fixed; z-index: 10; left: 50%; bottom: -18rem; width: 100%; height: 18rem; transform: translateX(-50%); transition:bottom 0.3s ease; background-color: #01acef;}
.quick_btn.on{ bottom: 0; }
.quick_btn .quick_img01{ position: absolute; left: 0; top: 0; opacity: 0; transition:opacity 0.3s ease;}
.quick_btn .quick_img02{ position: absolute; left: 0; top: 0; opacity: 0; transition:opacity 0.3s ease;}
.quick_btn.bg_white .quick_img01{ opacity: 1;}
.quick_btn.bg_black .quick_img02{ opacity: 1;}
.quick_btn .quick_wrap{}
.quick_btn .quick_wrap img{ width: 100%;}
.quick_btn .quick_wrap a{}
.quick_btn .quick_wrap .btn_text{ position: absolute; left: 5.8rem; top: 50%; transform: translateY(-50%); font-size: 3rem; line-height: 4rem; color: #fff; font-weight: 800; }
.quick_btn .quick_wrap a:before {content:''; position:absolute; z-index: 1; bottom:5.8rem; left:18.0rem; width:6.1rem; height:2.7rem; background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_main_btn_arrow.png?v=1) no-repeat center center / 100% auto;}
.quick_btn.bg_white .quick_wrap .btn_text{ color: #121212; }
.quick_btn.bg_white .quick_wrap a:before { background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_main_btn_arrow_black.png?v=1) no-repeat center center / 100% auto;}

/* Main */
.main {text-align:center; padding:0; background:#242424; color:#fff; width:100%; height:100vh;}
.main {background:#242424 url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/main_visual.jpg?v=1) no-repeat center top / cover; width: 100%; height: 124.9rem; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main .text-abs {position:absolute; z-index: 2; top:18rem; left:50%; width: 50.2rem; height: 28.4rem; transform:translateX(-50%); display:flex; flex-direction:column;   mix-blend-mode: lighten;}
.main .title-sub {width:100%; position:absolute; z-index:10; top:11rem; left:50%; transform:translateX(-50%); display:flex; justify-content:center;}
.main .title-sub h2 { width: 100%; font-size: 3.4rem; font-weight: 400; line-height: 4.9rem; color: #fff;}
.main .title-sub h2 span{ display: inline-block; width: 17rem; height: 5.1rem; margin-right: 1rem; border: .1rem solid #fff; color: #fff; font-weight: 700; text-align: center;}
.main .main_btn {position:absolute; z-index:10; left:50%; transform:translateX(-50%); top:101.3rem; padding:2.7rem 6rem; text-align:left; width:58.5rem; height:13.6rem;
    background:#01acef url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/main_btn.jpg?v=1) no-repeat center; background-size: 58.5rem 13.6rem;
}
.main .main_btn span {font-size:2.8rem; font-weight:800; line-height:4.0rem; color:#fff;}
.main .main_btn span:before {content:''; position:absolute; top:7.4rem; left:17.4rem; width:6.1rem; height:2.7rem; background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_main_btn_arrow.png?v=1) no-repeat center center / 100% auto;}
.main .logo {position:absolute; top:2.3rem; left:2.3rem; }
.main .logo img{width: 100%;}
.main .logo .logo_btn {display:block; background-color: transparent; width: 11rem; height: 5.8rem;}

/* Video */
.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* Slide 01 */
.slide01 {position: relative; padding: 11.4rem 0 0px; background-color: #fff;}
.slide01 .title-sub02 { position:absolute; z-index:10; top:18.3rem; left:50%; width: 58.5rem; transform:translateX(-50%);}
.slide01 .title-sub02 h1 {display:flex; flex-direction:column; text-align:left;}
.slide01 .title-sub02 span {font-family:'Pretendard',sans-serif; font-size:7.2rem; line-height: 7.0rem; font-weight:900;}
.slide01 .title-sub02 span:nth-child(2) {text-align: right;}

/* Card Slider */
.card-slider {margin:22rem auto 0;}
.card-slider .wrap-slider {position:relative; display:flex; justify-content:center; align-items:center; margin:0 auto 0; overflow:hidden; padding:9rem 0 12rem;}
.card-slider .slider-container {position:relative; width:58rem; height:101.8rem; perspective:1000px;}
.card-slider .card {position:absolute; width:100%; height:100%; background-color:#fff; border-radius:1rem; display:flex; justify-content:center; align-items:center; transform-origin:center; transition:transform 0.8s ease, opacity 0.8s ease; cursor:grab;}
.card-slider .card img{ width: 100%; }
.card-slider .card .main_img02{ position: absolute; left: 0; top: 0; opacity: 0;}
.card-slider .card.front .main_img02{ position: absolute; left: 0; top: 0; animation: mv_opacity 4s ease-in-out infinite;}
.card-slider .dragging {cursor:grabbing; transition:none; /* 드래그 중에는 애니메이션 제거 */}
.card-slider .navigation {position:absolute; width:65.4rem; height:0;}
.card-slider .navigation button {position:absolute; width:5.8rem; height:5.8rem; transform: translateY(-50%);}
.card-slider .navigation .prev {left:0; background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_prev_gray.png?v=1) no-repeat center center / 100% auto;}
.card-slider .navigation .next {right:0; background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_next_gray.png?v=1) no-repeat center center / 100% auto;}
.card-slider .card .font0 {font-size:0; text-indent:-9999px;}
.card-slider .card {pointer-events:none;}
.card-slider .card.front {pointer-events:auto;}

/* Goods */
.goods {background:#121212; padding:11.5rem 0 10rem;}
.goods .title-sub {color:#fff; top:11.5rem; width: 100%; justify-content:center;}
.goods .title-sub span{color:#fff; }
.goods .title-sub.border span.line { width: 18.7rem; margin:0 1.8vw; background-color: #fff;}
.goods .title { margin:8.9rem auto 0; width: 58rem; font-size:6.8rem; line-height: 8.9rem; color:#fff; font-weight:bold; text-align: left;}
.goods .title .bg-blue {padding:0 1rem 0 1.4rem; color: #fff; font-size:6.8rem; line-height: 8.9rem; font-weight: 900;}
.goods .text-desc{ margin:3rem auto 0; width: 56rem; font-size: 2.8rem; line-height: 4rem; color:#cdcdcd; font-weight: 200; letter-spacing: -.05rem; text-align: left; }
.goods .img {position:relative; margin-top:7.2rem; width:100%; height:56rem; display:flex; justify-content:center; align-items:center;}
.goods .img img{ width: 100%;}
.goods .img01 {background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/goods_img.jpg?v=1) no-repeat center center / cover;}
.goods .img02 {margin-top:8rem; background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/goods_img.jpg?v=1) no-repeat center center / cover;}
.goods .img .desc {background:#121212; position:absolute; z-index:10; bottom:-4.9rem; width:63.4rem; height: 22rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:5.5vw 0;}
.goods .img .desc .text-blue {font-weight:bold; font-size:3.6rem; line-height: 4.6rem; font-weight: 900;}
.goods .img .desc span:last-child {font-size:2.8rem; line-height:4rem; margin-top:1.6vw; color: #fff; font-weight: 300;}

/* Slide 02 */
.slide02 {background:#121212; padding-bottom:10rem;}
/* .slide02 .sep {width:63.4rem; height:1px; margin:0 auto 9rem; border-bottom:1px solid #282828;} */
.slide02 .title-sub span{color:#fff; font-size:3.8rem; line-height: 5.6rem; font-weight: 100;}
.slide02 .title span{color:#fff; font-size:3.8rem; line-height: 5.6rem; font-weight:700; }
.slide02 .title-sub.sub02 {margin-top:11vw;}
.slide02 .title-sub.sub02 p {color:#fff; line-height:7vw;}
.slide02 .title-sub.sub02 p span {font-weight:bold; font-size:5.2vw;}
.slide02 .wrap-swiper {position:relative; margin-top:5vw;}
.slide02 .desc {position:absolute; z-index:10; left:50%; bottom:-13.8vw; background:#121212; transform:translateX(-50%); width:66vw; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:4vw 0 11vw; border-bottom:1px solid #282828;}
.slide02 .desc .text-blue {font-weight:bold; font-size:3.5vw;}
.slide02 .desc span:last-child {color:rgba(255,255,255,.75); line-height:4.25vw; margin-top:1.2vw;}

.slide02 .wrap-goods {position:relative; margin-top:7rem;}
.slide02 .wrap-goods .swiper{overflow: visible;}
.slide02 .wrap-goods .goods_item { position: relative; width:60.3rem; margin-right: 2.4rem; }
.slide02 .wrap-goods .goods_item img{width: 100%;}
.slide02 .wrap-goods .goods_item:last-child {margin-right: 0; }
.slide02 .wrap-goods .goods_item .item-desc{ position: absolute; left: 0; bottom: -5.4rem; width: 54.3rem; height: 23rem; padding: 4.4rem 0 0 5.8rem; background-color: #121212;}
.slide02 .wrap-goods .goods_item .item-desc .desc_tit { font-size: 3.6rem; line-height: 4.6rem; color: #fff; text-align: left; font-weight: 900;}
.slide02 .wrap-goods .goods_item .item-desc .desc_con { margin-top: .8rem; font-size: 2.8rem; line-height: 4.4rem; color: #ddd; text-align: left; font-weight: 300;}
.slide02 .wrap-goods .swiper-pagination { display: none; bottom:-7.5rem;}
.slide02 .wrap-goods .swiper-pagination-bullet {background:transparent; border:1px solid #fff; margin:0 1.5rem!important;}
.slide02 .wrap-goods .swiper-pagination-bullet-active {background:#fff;}
.slide02 .wrap-goods .slide_prd_img02{ position: absolute; left: 0; top: 0; opacity:0; }
.slide02 .wrap-goods .swiper-slide.swiper-slide-active .slide_prd_img02{ animation: mv_opacity1 5s ease-in-out infinite; }
.slide02 .swiper-button{ width: 6rem; height: 6rem; }
.slide02 .swiper-button.swiper-button-disabled {opacity: 1; cursor: pointer; pointer-events: auto !important;}
.slide02 .swiper-button::after{ display: none;}
.slide02 .swiper-button-prev { top: 50%; left:3.9rem; background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_prev_gray02.png?v=1) no-repeat center center / 100% auto;}
.slide02 .swiper-button-next { top: 50%; right:3.9rem; background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_next_gray02.png?v=1) no-repeat center center / 100% auto;}
.slide02 .swiper-button-prev svg, 
.slide02 .swiper-button-next svg {width:0; height:0;}
.slide02 .noti_list {margin:7rem auto 0; width: 63.4rem;}
.slide02 .noti_list .noti_item { padding-left: 1.6rem; text-indent: -1.6rem; font-size: 2.2rem; line-height: 3.8rem; letter-spacing: -0.02rem; color:#cdcdcd; font-weight: 200; text-align: left;}
.slide02 .tip {position:relative; width:63.4rem; height:22rem; margin:7rem auto 0; display:flex; justify-content:center; align-items:center;}
.slide02 .tip img{ width: 100%; }

/* Banner */
.banner_box{background:#121212; }
.banner_box .img {margin:0 auto 10rem; width:100%; overflow: hidden; pointer-events: none;}
.banner_box .img img{ width: 100%; }
.banner_box .banner {margin:0 auto; position:relative; width:100%; height: 30.8rem; padding:7.3rem 0}
.banner_box .banner .wrap-banner {display:flex; flex-direction:column; align-items:center;}
.banner_box .banner .wrap-banner > h2 {font-size:3.4rem; line-height: 4.4rem; font-weight:800; color:#fff;}
.banner_box .banner .wrap-banner button { margin-top:2.4rem; width:33.7rem; height: 8.7rem; background:#fff;}
.banner_box .banner .wrap-banner button span {font-size: 2.6rem; font-weight:700;}
/* .banner p {color:#fff; font-size:3.5vw;}
.banner p span {font-size:3.5vw; font-weight:bold;} */
/* .banner .img {position:absolute; z-index:10; top:-10vw; right:4vw; border:1px solid red; color:#fff; width:28vw; height:20vw;} */

/* Slide 03 */
.slide03 {padding: 12rem 0 10rem; background-color: #fff;}
.slide03 .title {width:59rem; margin:0 auto;}
.slide03 .title h2 {font-size:6.8rem; line-height: 8.9rem; font-weight:900; text-align:left;}
.slide03 .title h2 .bg-blue { display: inline-block; height: 8.9rem; padding:0 1rem 0 1.4rem; font-size:6.8rem; line-height: 8.9rem; font-weight: 900; color:#fff;}
.slide03 .title h2 .mt10{ display: block; margin-top: 1rem; margin-left: 1.4rem;}
.slide03 .title-sub.border {position:relative; top:unset; left:unset; transform:unset; margin:2rem auto 0; width:56.5rem; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.slide03 .title-sub.border p {display:flex; align-items:center;}
.slide03 .title-sub.border span {font-size:3.8rem; line-height: 4.8rem; letter-spacing: -.05rem; }
.slide03 .title-sub.border span.line {margin-left:2rem; width:20rem;}
.slide03 .title-sub.border > span {margin:0 0 0 7.5rem;}
.slide03 .wrap-swiper {position:relative; margin:7.3rem auto 0; max-width:63.4rem; overflow:visible;}
.slide03 .wrap-swiper .swiper {overflow:visible; width:auto; margin-left:0;}
.slide03 .swiper-slide {width:52.5rem; height: 72rem; margin-right:2.4rem; background:#ddd5d5; display:flex; align-items:center; justify-content:center;}
.slide03 .swiper-slide img{ width: 100%; }
.slide03 .swiper-slide:last-child { margin-right:0;}
.slide03 .noti_box{ position: absolute; left: 0; bottom: -7.2rem; margin-top: 1.5rem; font-size: 1.8rem; line-height: 2.8rem; color: #888888; text-align: left; font-weight: 300;}
.slide03 .wrap-swiper-btns {display:flex; justify-content:center; align-items:center; width:100%; height:6rem; position:relative; margin-top:2rem;}
.slide03 .wrap-swiper .swiper-pagination {position:relative; top:unset; bottom:unset; display:flex; justify-content:center; align-items:center; width:auto; margin:0 1.8rem;}
.slide03 .wrap-swiper .swiper-pagination-bullet-active {background:#b7b7b7 !important;}
.slide03 .wrap-swiper .swiper-pagination-bullet {width:1.2rem; height:1.2rem; margin:0 1.5rem; border:.1rem solid #b7b7b7; background:transparent; opacity:1;}
.slide03 .wrap-swiper .swiper-button-prev, .slide03 .wrap-swiper .swiper-button-next {position:relative; left:unset; right:unset; top:unset; bottom:unset; transform:unset; margin-top:unset;}
.slide03 .wrap-swiper .swiper-button-prev svg, .slide03 .wrap-swiper .swiper-button-next svg {width:0; height:0;}
.slide03 .wrap-swiper .swiper-button{ width: 6rem; height: 6rem; opacity: 0.7;}
.slide03 .wrap-swiper .swiper-button.swiper-button-disabled {opacity: 0.4;}
.slide03 .wrap-swiper .swiper-button::after{ display: none;}
.slide03 .wrap-swiper .swiper-button-prev {background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_prev_gray.png?v=1) no-repeat center center / 100% auto;}
.slide03 .wrap-swiper .swiper-button-next {background:url(https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_next_gray.png?v=1) no-repeat center center / 100% auto;}
.slide03 .item-desc{ position: absolute; left: 3rem; bottom: 2.4rem; display: flex; flex-direction: column; align-items: flex-start;}
.slide03 .item-desc .b_text{ margin-bottom: 1.6rem; font-size: 6rem; line-height: 7.6rem; font-weight: 800; color:#fff; text-align: left; }
.slide03 .item-desc .b_text strong{ font-weight: 700; color: #fff;}
.slide03 .item-desc .b_text_s{font-size: 2.8rem; line-height: 4rem; font-weight: 300; color:#fff; text-align: left; }
.slide03 .item-desc .s_text{ margin-bottom: .6rem; font-size: 2.6rem; line-height: 4.2rem; font-weight: 300; color:#fff; letter-spacing: -.02rem; text-align: left; }
.slide03 .item-desc .s_text strong{ font-weight: 700; color: #fff;}
.slide03 .item-desc p{ padding: 0 1.3rem;}
.slide03 .slide-item01 .item-desc p{ background-color: #2e32bb;}
.slide03 .slide-item02 .item-desc p{ background-color: #003325;}
.slide03 .slide-item03 .item-desc p{ background-color: #121212;}
.slide03 .slide-item04 .item-desc p{ background-color: #0089d8;}

/* BG */
.bg {}
.bg .wrap-bg img{width:100%; }
.bg .wrap-bg .bg_btn {position:absolute; z-index:10; left:50%; bottom:8rem; transform:translateX(-50%); width:63.4rem; height:12rem; display: flex; align-items: center; justify-content: center;}
.bg .wrap-bg .bg_btn span {position: relative; padding-right: 5rem; font-size:3rem; line-height: 4rem; color:#fff; font-weight: 700; }
.bg .wrap-bg .bg_btn span:before {content:''; position:absolute; top:50%; right:0; width:3.1rem; height:2.7rem; transform: translateY(-50%); background:url('https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_main_btn_arrow_s.png?v=1') no-repeat center center / 100% auto;}

/* FAQ */
.faq_wrap{ background-color: #fff;}
.faq-tabs {margin:0 auto ; width:63.4rem;  padding: 11.5rem 0 ; background-color: #fff;}
.faq-tabs .title { font-size: 2.8rem; line-height: 3.8rem; font-weight:700; text-align:left; padding-bottom:1rem; margin-bottom:6rem; border-bottom:.2rem solid #454545;}
.tabs {display:flex; justify-content:flex-end; margin-bottom:3rem; border-left:1px solid #595959; border-right:1px solid #595959;}
.tabs button {padding:2.1rem; cursor:pointer; background:#fff; font-size:2.6rem; line-height: 3.6rem; font-weight:700; flex:1; text-align:center; border-right:1px solid #595959; border-top:1px solid #595959; border-bottom:1px solid #595959;}
.tabs button:last-child {border-right:none;}
.tab.active {background:#121212; color:#fff;}
.tab-content {display:flex; flex-direction:column;}
.tab-panel {display:none;}
.tab-panel.active {display:block;}

.accordion-item {margin-bottom:0; border:1px solid #e6e6e6; border-bottom:none;}
.accordion-item:last-child {border-bottom:1px solid #e6e6e6;}

.accordion-title {position:relative; width:100%; padding:3.2rem 8rem 3.2rem 7rem; text-align:left; cursor:pointer; background:#fff;}
.accordion-title h3 {position:relative; font-size:2.6rem; line-height: 3.6rem; color:#000; font-weight:700; letter-spacing: -0.05rem;}
.accordion-title h3:before {content:'Q'; position:absolute; left:-3.6rem; top:50%; transform:translateY(-50%); width:3.4rem; height:3.4rem; color:#00a7ee;}
.accordion-title .wrap-line {position:absolute; top:50%; right:3.5rem; transform:translateY(-50%); width:2.8rem; height:2.8rem;}
.accordion-title .wrap-line .line {position:absolute;}
.accordion-title .wrap-line .line01 {width:100%; height:.2rem; background:#40c1f3; top:50%; left:50%; transform:translate(-50%, -50%);}
.accordion-title .wrap-line .line02 {width:.2rem; height:100%; background:#40c1f3; top:50%; left:50%; transform:translate(-50%, -50%); transition:transform .3s;}
.accordion-item.active .accordion-title .wrap-line .line02 {transform:translate(-50%, -50%) rotate(90deg);}
.accordion-content {overflow:hidden; max-height:0; transition:max-height 0.3s ease; padding:0 3.9rem 0 3.5rem;}
.accordion-content > picture {display:block; margin-bottom:4.5rem;}
.accordion-content > picture img {width:100%;}
.accordion-content p {text-align:left; padding:0rem 0 3rem; color:#797979; font-size:2.6rem; line-height:3.8rem; font-weight:300;}
.accordion-content .bold {font-weight:700;}
.accordion-content .line {text-decoration:underline; text-underline-offset:.3rem; text-decoration-thickness:1px;}
.accordion-content p + .sub-title {padding-top:.5rem;}
.accordion-content .sub-title {display:inline-block; width:100%; padding-bottom:1rem; color:#797979; font-size:2.4rem; font-weight:700; text-align:left;}
.accordion-item.active {border-left:.4rem solid #00a7ee;}
.accordion-item.active .accordion-title, .accordion-item.active .accordion-content {background:#f8f8f8;}
.accordion-item.active .accordion-title h3 {color:#00a7ee}
.accordion-item .bold{ font-weight: 700; color:#797979;}
.accordion-item .line{ text-decoration: underline; text-underline-offset : .3rem; text-decoration-thickness: 1px; }

/* Footer */
footer {text-align:center; background:#232323; padding:8.6rem 4rem 20rem;}
footer .f-logo img {height:6.2rem; margin-bottom:2.4rem;}
footer p {margin:2.3vw 0 0; font-size:2.4rem; line-height:3.6rem; color:#d9d9d9;}
footer p.copyright { line-height:3.2rem; color:#7f7f7f;}

/* Modal Popup */
.modal {visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; pointer-events:none; transition:all 0.5s ease;}
.modal.active {visibility:visible; opacity:1; pointer-events:auto;}
.modal-dim {position:fixed; z-index:110; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.modal-content {position:fixed; z-index:120; top:50%; left:50%; transform:translate(-50%, -20%); width:100%; max-width:63.4rem; height: 86rem; background:#fff; border-radius:0; box-shadow:1.2rem 1.2rem 3.4rem rgba(0, 0, 0, 0.2); transition:transform 0.75s ease;}
.modal-head {position:relative; width:100%; height:5.5rem;}
.modal.active .modal-content {transform:translate(-50%, -50%)}
.modal-close {position:absolute; top:1.5rem; right:1.5rem; width: 3.5rem; height: 3.5rem; cursor:pointer; font-size: 0; background:url('https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/close.png?v=1') no-repeat center center / 100% auto;}
.modal-body {padding:0 5rem 4rem;}
.modal-body .modal-tit {line-height:4.6rem; font-size:3.2rem; font-weight: 400;}
.modal-body .modal-tit .text-blue.underline {position:relative; font-weight: 700;}
.modal-body .modal-tit .text-blue.underline:before {content:''; position:absolute; bottom:-.4rem; left:0; width:100%; height:.1rem; border-bottom:.2rem solid #00a7ee;}
.modal-body .warn {position:relative; text-align:left; font-size:2.0rem; line-height:2.8rem; color:#e96060; padding-left:1.2rem; margin:1rem 0 0;}
.modal-body .warn:before {content:'*'; position:absolute; top:.2rem; left:0; font-size:1.4rem;}
.modal-body .img {display:flex; justify-content:center; align-items:center;}
.modal-body .img img{ width: 100%;}
.modal-body .desc {display:flex; justify-content:center; align-items:center; margin-top:0;}
.modal-body .desc span:first-child {display:block; border:.1rem solid #c0c0c0; font-size:2.6rem; color:#a6a6a6; margin-right:1.2rem; padding:.8rem;}
.modal-body .desc span:last-child {color:#a6a6a6; font-size: 2.0rem; line-height:2.8rem;}
.modal-body .btn-gift {display: block; width:100%; height: 11rem; margin-top:3.8rem; display: flex; justify-content: center; align-items: center; }
.modal-body .btn-gift span {position: relative; padding-right: 5.5rem; font-size:3.2rem; line-height: 4.2rem; font-weight:bold; color:#fff;}
.modal-body .btn-gift span:before {content:''; position:absolute; top:50%; right:0; width:3.1rem; height:2.7rem; transform: translateY(-50%); background:url('https://cdn.unicef.or.kr/images-1/unicef-team4-1/mo/images/ico_main_btn_arrow_s.png?v=1') no-repeat center center / 100% auto;}

.modal01 .modal-head {height:6rem;}
.modal01 .modal-content {max-width:58rem; height: 74rem;}
.modal01 .modal-body .modal-tit { margin-top: 3rem; line-height:4.6rem; font-size:3rem; font-weight: 400; text-align: center;}
.modal01 .modal-body .modal-tit .text-blue{line-height:4.6rem; font-size:3.2rem; font-weight: 700;}
.modal01 .modal-body .img img{ width: 40rem;}
.modal01 .modal-body .btn-gift {margin-top:2.5rem; height: 7rem;}
.modal01 .modal-body .btn-gift span {padding-right: 0;}
.modal01 .modal-body .btn-gift span:before {display: none;}