@charset "UTF-8";

body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;  
   /* content:
   	url(../images/section06-btn01-hover.png)
   	url(../images/section06-btn02-hover.png)
   	url(../images/camp-fixed-banner01-hover.png)
	url(../images/camp-fixed-banner02-hover.png);*/
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:190.8rem;margin:auto;font-family:'Pretendard';font-size:2.5rem;font-weight:400;color:#1e1e1e;letter-spacing:-0.015em}
.campaign-wrap img {width:100%;max-width:100%}
.campaign-wrap * {box-sizing:border-box}
.campaign-wrap input[type='checkbox'] {position:absolute;left:0;top:0;width:0;height:0;opacity:0}
.campaign-wrap .cont-section {position:relative;background-position:center top;background-repeat:no-repeat;background-size:cover}
.campaign-wrap .cont-section .section-inner {position:relative;height:100%;margin:auto;z-index:9}
.bg-size-cover {background-repeat:no-repeat;background-position:center top;background-size:cover}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0;clip:rect(0 0 0 0)}

#story {width:100%;height:10rem;background-color:transparent;position:absolute;top:-10rem;z-index:-1}

.campaign-wrap .cont-section.section01 {height:85.2rem;background-image:url(../images/section01-bg-v2.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:12rem;width:120rem}
.campaign-wrap .cont-section.section01 .section-inner > h3 {width:93.5rem;height:49.8rem;margin-left:11rem}
.campaign-wrap .cont-section.section01 .section-inner > .camp-btn {position:absolute;right:6.2rem;bottom:9.6rem}

.campaign-wrap .cont-section.section02 {background-color:#fffccc;padding:11rem 0}
.campaign-wrap .cont-section.section02 .section-inner {width:171rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-top {width:96rem;margin:auto}
.campaign-wrap .cont-section.section02 .section-inner .inner-top .video-player {width:100%;height:54rem;margin-bottom:1.8rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-top .video-player iframe {width:100%;height:100%;border:0}
.campaign-wrap .cont-section.section02 .section-inner .inner-top .videoThumbSwiper .swiper-slide {cursor:pointer}
.campaign-wrap .cont-section.section02 .section-inner .inner-top .videoThumbSwiper .swiper-slide img {border:0.5rem solid transparent;transition:.25s}
.campaign-wrap .cont-section.section02 .section-inner .inner-top .videoThumbSwiper .swiper-slide.active img {border-color:#44dc88}
.campaign-wrap .cont-section.section02 .section-inner .inner-top .videoThumbSwiper .swiper-slide span {display:block;text-align:center;font-family:'Pretendard';font-weight:600;font-size:2.5rem;line-height:4.3rem;color:#56432f;margin-top:0.5rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom {margin-top:10rem;position:relative}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom h4 {width:82.6rem;height:6.3rem;margin:auto;margin-bottom:2rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .camp-txt-sub {font-size:2.7rem;line-height:4rem;letter-spacing:-0.015em;color:#796147;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box {margin-top:5.5rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-write {width:91.7rem;height:64.4rem;margin:auto;background-image:url(../images/section02-messageWrite-bg.png);position:relative;padding:4.7rem 6.7rem 0 10.6rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-write textarea {width:74.6rem;height:26rem;margin:auto;border:0;background-color:transparent;font-size:2.7rem;line-height:4rem;letter-spacing:-0.015em;color:#56432f}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-write textarea::placeholder {color:#796147}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-write button {width:46.2rem;height:8rem;position:absolute;bottom:10.8rem;left:22.9rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .apply-info {margin-top:3.7rem;margin-left:50.3rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .apply-info > ul {font-size:2.3rem;line-height:3.5rem;letter-spacing:-0.015em;color:#796147}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-list {margin-top:6.5rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-list > ul {display:flex;gap:3rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-list > ul > li {width:55rem;height:40rem;background-color:#d3f3e1}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-list > ul > li .list-inner {padding:5.6rem 7.3rem;position:relative;height:100%}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-list > ul > li .list-inner .camp-story {width:100%;height:19.4rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:2.7rem;line-height:4rem;letter-spacing:-0.015em;color:#56432f}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-list > ul > li .list-inner .story-more {font-weight:800;font-size:2.5rem;line-height:4.3rem;letter-spacing:-0.015em;color:#18b05c;display:inline-block;background-image:url(../images/section02-messageList-moreBg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;position:absolute;left:50%;transform:translateX(-50%);bottom:5rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom .afterClass-apply-box .story-list .list-info {text-align:center;margin-top:3.5rem;font-size:2.3rem;line-height:3.5rem;color:#796147}

.campaign-wrap .cont-section.section03 {background-color:#d3f3e1;padding:11rem 0}
.campaign-wrap .cont-section.section03 .section-inner {width:120rem}
.campaign-wrap .cont-section.section03 .section-inner h4 {width:61.2rem;height:13.3rem;margin:auto;margin-bottom:6rem}
.campaign-wrap .cont-section.section03 .section-inner h5 {width:13.2rem;height:7.2rem;margin:auto;margin-bottom:3rem}
.campaign-wrap .cont-section.section03 .section-inner h5.season02-title {height:7rem;margin-top:4rem}
.campaign-wrap .cont-section.section03 .section-inner .slide01,
.campaign-wrap .cont-section.section03 .section-inner .slide02 {width:100%;height:100%;position:relative}
.campaign-wrap .cont-section.section03 .section-inner .section0301Swiper,
.campaign-wrap .cont-section.section03 .section-inner .section0302Swiper {margin:0 10.8rem}
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-next > svg,
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-prev > svg,
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-prev:after,
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-next:after {display:none}
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-next,
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-prev {width:5.1rem;height:7.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain;opacity:1}
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-next {background-image:url(/resources/microCampaign/cpView20001521/pc/images/slide-next.png)}
.campaign-wrap .cont-section.section03 .section-inner .swiper-button-prev {background-image:url(/resources/microCampaign/cpView20001521/pc/images/slide-prev.png)}

.campaign-wrap .cont-section.section04 {background-image:url(../images/section04-bg.jpg);padding:11rem 0}
.campaign-wrap .cont-section.section04 .section-inner .inner-top {width:120rem;margin:auto}
.campaign-wrap .cont-section.section04 .section-inner .inner-top h4 {width:72.6rem;height:13.1rem;margin:auto;margin-bottom:2.5rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .camp-txt {text-align:center;font-size:2.7rem;line-height:4rem;color:#796147}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .camp-txt .small {margin-top:1rem;font-size:2.3rem;line-height:3rem;color:#b9a896}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide {width:100%;height:100%;position:relative;margin-top:6rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .section04Swiper {padding-bottom:6rem;margin:0 11.8rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-next > svg,
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-prev > svg,
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-prev:after,
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-next:after {display:none}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-next,
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-prev {width:5.1rem;height:7.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain;opacity:1}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-next {background-image:url(/resources/microCampaign/cpView20001521/pc/images/slide-next.png)}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .swiper-button-prev {background-image:url(/resources/microCampaign/cpView20001521/pc/images/slide-prev.png)}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .section04Swiper .section04Swiper-pagination .swiper-pagination-bullet {opacity:1;background-color:#acb8b2;width:2.1rem;height:2.1rem;margin:0 1.3rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-top .slide .section04Swiper .section04Swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;background-color:#44dc88}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom {width:100%;margin:auto;margin-top:10rem;background-image:url(../images/section04-imgBg-v2.png);background-position:left 18.3rem top;background-repeat:no-repeat}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box {width:120rem;margin:auto;padding-top:12rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box h4 {width:34.6rem;height:17rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .camp-txt {font-size:2.7rem;line-height:4rem;color:#796147;margin-top:3.5rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .camp-txt > span {font-weight:700;color:#18b05c}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .camp-btn-box {width:110.4rem;margin:auto;margin-top:13.6rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .camp-btn-box > ul {width:110.4rem;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide {width:110.4rem;margin:auto;margin-top:3.5rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner {background-color:#56432f;padding:2.5rem 3.3rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle {display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle > span {width:51rem;height:2.9rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle::after {content:'';display:block;width:1.8rem;height:1.2rem;background-image:url(../images/section04-guide-toggle-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle.active::after {transform:rotate(180deg)}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content {display:none;padding-top:3rem;margin-top:3rem;font-size:2.7rem;line-height:4rem;text-align:left;color:#fff;position:relative}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content::before {content:'';display:block;width:100%;height:0.4rem;background-image:url(../images/section04-guide-dotLine.png);background-repeat:no-repeat;background-size:cover;background-position:left top;position:absolute;top:0;left:0}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul {display:flex;flex-direction:column;gap:1rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul li {position:relative;padding-left:3rem;word-break:keep-all;line-height:140%}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul li::before {content:'';display:block;width:0.6rem;height:0.6rem;background-color:#fff;position:absolute;top:1.5rem;left:0.5rem;border-radius:50%}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul li > strong {font-weight:700;color:#fff}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content .txt-small {font-weight:300;font-size:2rem;line-height:3.2rem;margin-top:3rem;color:#cac9c9;margin-left:3rem}
.campaign-wrap .cont-section.section04 .section-inner .inner-bottom .bottom-box .overseas-guide .overseasGuide-accordion-inner .guide-content .txt-small > span {display:inline-block;border-bottom:0.2rem solid #cac9c9;line-height:2.2rem}

.campaign-copyright {height:10rem;font-size:2rem;color:#e0e0e0!important}

.cp-1521-paging .paging a img {display:none}
.cp-1487-paging .paging a:first-child,
.cp-1487-paging .paging a:last-child {display:block;width:1.9rem;height:1.6rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.cp-1487-paging .paging a:first-child {background-image:url(../images/section02-messageList-first.png)}
.cp-1487-paging .paging a:last-child {background-image:url(../images/section02-messageList-last.png)}
.cp-1521-paging .paging .page_direct.page_prev,
.cp-1521-paging .paging .page_direct.page_next {display:block;width:1rem;height:1.6rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.cp-1521-paging .paging .page_direct.page_prev {background-image:url(../images/section02-messageList-prev.png);margin-right:1rem}
.cp-1521-paging .paging .page_direct.page_next {background-image:url(../images/section02-messageList-next.png);margin-left:1rem}
.cp-1521-paging .paging {display:flex;align-items:center;justify-content:center;gap:2.2rem}
.cp-1521-paging .paging a {font-weight:400;font-size:2.5rem;line-height:4.3rem;color:#56432f;margin:0}
.cp-1521-paging .paging a.page-now {font-weight:800;color:#18b05c;border-bottom:0.2rem solid #18b05c}

#storyPopup .popup-wrap {width:87rem;background-color:#d3f3e1;border-radius:6.3rem}
#storyPopup .popup-wrap .wrap-inner {width:100%;height:100%;padding:9rem 6rem 14.8rem;position:relative}
#storyPopup .popup-wrap .wrap-inner .popup-body {max-height:70vh;overflow-y:auto}
#storyPopup .popup-wrap .wrap-inner .popup-body .camp-story-detail {font-size:3rem;line-height:5rem;color:#56432f;text-align:center}
#storyPopup .popup-wrap .wrap-inner .btn-popup-close.storyPopup-close {font-weight:800;font-size:2.5rem;line-height:4.2rem;color:#18b05c;background-image:url(../images/section02-messageList-moreBg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;position:absolute;left:50%;transform:translateX(-50%);bottom:7rem;width:10rem;height:5rem;top:initial;right:initial}

.layer-popup.ytPopup .popup-dim {background-color:rgba(0,0,0,0.75)}
.layer-popup.ytPopup .popup-wrap {width:70%;height:auto}
.layer-popup.ytPopup .popup-wrap .wrap-inner {width:100%;height:100%;position:relative}
.layer-popup.ytPopup .popup-wrap .wrap-inner .yt-detail {width:100%;aspect-ratio:16/9}
.layer-popup.ytPopup .popup-wrap .wrap-inner .yt-detail iframe {width:100%;height:100%}
.layer-popup.ytPopup .popup-wrap .wrap-inner .btn-popup-close {top:-6rem;right:0;width:5.4rem;height:5.4rem;margin:auto;cursor:pointer;background:url(/resources/v4/mobile/images/main/btn_close.png) no-repeat 50% 50%;border:0;outline:none;font-size:0}

.camp-fixed-banner {position:fixed;bottom:10rem;right:18.7rem;opacity:0;width:17.2rem;height:13.87vw;z-index:999;transition:opacity 0.3s}
.camp-fixed-banner.active {opacity:1}
.camp-fixed-banner > ul {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.camp-fixed-banner > ul > li > a {display:block;width:100%;height:100%}


/* 노트북 배율 스타일 지우지 말 것 */
@media (max-width: 1536px) {
    html {overflow-x:hidden;font-size:50%}
    .wrap-camp {width:1536px}
    .campaign-wrap {width:100%}
    .campaign-wrap img {max-width:100%}    
}