@charset "UTF-8";

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:2.5rem;font-weight:400;line-height:140%;color:#121212;letter-spacing:-0.02em}
.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}

.swiper-slide img {display:block;width:100%;height:100%;object-fit:cover}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {display:none}
.swiper-button-next,
.swiper-button-prev {background-repeat:no-repeat;background-position:center center;background-size:contain}

.campaign-wrap .cont-section.section01 {height:231.8rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner.inner-top {width:108rem;padding-top:10.3rem;height:125.8rem}
.campaign-wrap .cont-section.section01 .section-inner.inner-top .txt-eyebrow {font-size:3rem;line-height:140%;color:#fff;margin-bottom:7rem}
.campaign-wrap .cont-section.section01 .section-inner.inner-top h3 {width:100%;height:64.5rem;margin-bottom:10rem}
.campaign-wrap .cont-section.section01 .section-inner.inner-top .section01-illust {width:100%;height:29.9rem;background-image:url(../images/section01-illust.png);background-repeat:no-repeat;background-position:center top;background-size:contain}
.campaign-wrap .cont-section.section01 .section-inner.inner-video {width:100%;height:108rem}
.campaign-wrap .cont-section.section01 .section-inner.inner-video .yt-box {width:65%;height:70.2rem;margin:auto}

.campaign-wrap .cont-section.section02 {height:148rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {padding-top:20rem}
.campaign-wrap .cont-section.section02 .section-inner h4 {font-weight:700;font-size:4.8rem;color:#fff;margin-bottom:11.5rem;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner h4 > span {color:#00995C}
.campaign-wrap .cont-section.section02 .section-inner .section02-illust {width:96.7rem;height:81.6rem;background-image:url(../images/section02-illust.png);background-repeat:no-repeat;background-position:center top;background-size:contain;margin-left:42rem}
.campaign-wrap .cont-section.section02 .section-inner .child-figure {width:66.2rem;margin-left:83.5rem;}
.campaign-wrap .cont-section.section02 .section-inner .child-figure > img {width:100%;height:12.3rem}
.campaign-wrap .cont-section.section02 .section-inner .child-figure > .txt-source {margin-top:4rem;font-weight:300;font-size:2rem;color:#D9D8D8;text-align:right}

.campaign-wrap .cont-section.section03 {height:176rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:16.6rem;width:99.5rem}
.campaign-wrap .cont-section.section03 .section-inner > ul {display:flex;flex-direction:column;gap:16.9rem;margin-bottom:6rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner {display:flex;gap:15rem;align-items:center}
.campaign-wrap .cont-section.section03 .section-inner > ul > li:nth-child(2) > .list-inner {flex-direction:row-reverse}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner .photo-box {width:44.8rem;height:28rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner .photo-box img {border-radius:1rem;box-shadow:0 0.4rem 0.4rem 0 rgba(0,0,0,0.25)}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner .camp-txt-box {width:35.2rem;color:#fff;text-align:center}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner .camp-txt-box h5 {font-weight:600;font-size:4rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner .camp-txt-box .list-figure {margin-bottom:3.2rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner .camp-txt-box .list-txt {font-weight:500;font-size:2.4rem}
.campaign-wrap .cont-section.section03 .section-inner .section02-footnote {margin-top:6rem;font-weight:300;font-size:2rem;color:#D9D8D8}

.campaign-wrap .cont-section.section04 {height:104.2rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04 .section-inner {width:69rem;margin:auto}
.campaign-wrap .cont-section.section04 .section-inner .section04Swiper {padding:0 6.6rem 4rem 6.6rem}
.campaign-wrap .cont-section.section04 .section-inner .section04Swiper .section04Swiper-button-next, 
.campaign-wrap .cont-section.section04 .section-inner .section04Swiper .section04Swiper-button-prev {width:2.5rem;height:4.6rem;transform:translateY(-50%)}
.campaign-wrap .cont-section.section04 .section-inner .section04Swiper .section04Swiper-button-next {background-image:url(../images/section04-slide-next.png)}
.campaign-wrap .cont-section.section04 .section-inner .section04Swiper .section04Swiper-button-prev {background-image:url(../images/section04-slide-prev.png)}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:1.4rem;height:1.4rem;margin:0 1rem;background:#00995C;opacity:1}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff}

.campaign-wrap .cont-section.section05 {height:138.7rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding-top:19.7rem;width:108.1rem}
.campaign-wrap .cont-section.section05 .section-inner h4 {margin-bottom:16.1rem;text-align:center}
.campaign-wrap .cont-section.section05 .section-inner h4 > img {width:34.3rem;height:15.3rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container {width:100%;height:67.3rem;background-image:url(../images/section05-brickBox-bg.png);background-repeat:no-repeat;background-position:center bottom;background-size:contain;position:relative}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick {position:absolute;background-repeat:no-repeat;background-position:center bottom;background-size:contain;opacity:1;transform:translateX(0) translateY(0);transition:transform 0.8s cubic-bezier(.2, .8, .2, 1), opacity 0.4s ease-out}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick.drop {opacity:0;transform:translateX(0) translateY(80%)}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick01 {width:41.9rem;height:18.5rem;background-image:url(../images/section05-brick01.png);left:32.6rem;bottom:0.33rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick02 {width:24.2rem;height:14.5rem;background-image:url(../images/section05-brick02.png);left:41.8rem;bottom:10.1rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick03 {width:41.4rem;height:16.1rem;background-image:url(../images/section05-brick03.png);left:35.7rem;bottom:18.7rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick04 {width:23rem;height:15rem;background-image:url(../images/section05-brick04.png);left:49.7rem;bottom:29rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick05 {width:24.7rem;height:19.8rem;background-image:url(../images/section05-brick05.png);left:33.2rem;bottom:27.7rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick06 {width:41.9rem;height:19.1rem;background-image:url(../images/section05-brick06.png);left:38.2rem;bottom:38rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick07 {width:24.2rem;height:15rem;background-image:url(../images/section05-brick07.png);left:59.3rem;bottom:45.7rem}
.campaign-wrap .cont-section.section05 .section-inner .brick-container .brick08 {width:40.6rem;height:18rem;background-image:url(../images/section05-brick08.png);left:33rem;top:0}

.campaign-wrap .cont-section.section06 {height:147.3rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {padding-top:18.9rem}
.campaign-wrap .cont-section.section06 .section-inner h4 {margin-bottom:19.1rem;text-align:center}
.campaign-wrap .cont-section.section06 .section-inner h4 > img {width:52.5rem;height:22.3rem}
.campaign-wrap .cont-section.section06 .section-inner ul {width:86.8rem;height:70.6rem;margin:auto;position:relative}
.campaign-wrap .cont-section.section06 .section-inner ul > li {position:absolute}
.campaign-wrap .cont-section.section06 .section-inner ul > li.puzzle01 {width:30.5rem;height:34rem;top:0;left:0}
.campaign-wrap .cont-section.section06 .section-inner ul > li.puzzle02 {width:28.3rem;height:32.2rem;top:0;left:28.1rem}
.campaign-wrap .cont-section.section06 .section-inner ul > li.puzzle03 {width:28.3rem;height:28.4rem;top:0;left:54rem}
.campaign-wrap .cont-section.section06 .section-inner ul > li.puzzle04 {width:30.5rem;height:33.3rem;top:33.2rem;left:0}
.campaign-wrap .cont-section.section06 .section-inner ul > li.puzzle05 {width:26.3rem;height:33.9rem;top:33.2rem;left:28.1rem}
.campaign-wrap .cont-section.section06 .section-inner ul > li.puzzle06 {width:35.2rem;height:32.9rem;top:33.2rem;left:51.6rem}

.campaign-wrap .cont-section.section07 {background-color:#16222C}
.campaign-wrap .cont-section.section07 .section-inner {padding-top:20.3rem;padding-bottom:20.9rem;width:94.4rem}
.campaign-wrap .cont-section.section07 .section-inner h4 {text-align:center;font-size:4rem;line-height:140%;color:#fff;margin-bottom:9.5rem}
.campaign-wrap .cont-section.section07 .section-inner h4 strong {display:inline-block;font-weight:700;margin-top:1.5rem}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box {display:flex;flex-direction:column;gap:8.3rem}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion {width:100%;border-radius:1.5rem;overflow:hidden}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion h5 {height:13.8rem;background-color:#005E48;font-size:3rem;color:#fff;padding:2.6rem;display:flex;align-items:center}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion h5 > span {display:block;position:relative;padding-left:3.5rem}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion h5 > span > em {position:absolute;top:0;left:0}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-content {display:none;background-color:#fff}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-content > ul {padding:3.6rem 3.7rem 4.1rem 7.2rem;display:flex;flex-direction:column;gap:1.5rem}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-content > ul > li {position:relative;padding-left:2rem}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-content > ul > li::before {content:'';display:block;width:0.5rem;height:0.5rem;background-color:#010101;border-radius:50%;position:absolute;top:1.3rem;left:0}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-content .accordion-txt-box {height:13.2rem;background-color:#EBEBEB;display:flex;align-items:center;font-size:2.2rem;color:#010101;padding-left:7.2rem}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-toggle {width:100%;height:8rem;background-color:#EBEBEB;display:flex;align-items:center;justify-content:center;cursor:pointer}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-toggle > span {font-size:2.8rem;color:#010101;display:flex;gap:4rem;align-items:center}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-toggle > span::after {content:'';display:block;width:2.8rem;height:1.5rem;background-image:url(../images/section07-accordion-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-toggle.active {background-color:#fff}
.campaign-wrap .cont-section.section07 .section-inner .accordion-box .accordion .accordion-toggle.active > span::after {transform:rotate(180deg)}

.campaign-wrap .cont-section.section08 {background-color:#005E48}
.campaign-wrap .cont-section.section08 .section-inner {padding-top:13.7rem;padding-bottom:12.5rem;width:94.4rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-top {height:41.5rem;background-image:url(../images/section08-top-bg.png);background-repeat:no-repeat;background-position:bottom right;background-size:34.1rem 41.5rem;display:flex;align-items:center}
.campaign-wrap .cont-section.section08 .section-inner .inner-top h4 {font-size:4rem;color:#fff;display:flex;flex-direction:column;gap:2.6rem;line-height:140%}
.campaign-wrap .cont-section.section08 .section-inner .inner-top h4 > span + span {font-weight:700}

.form-inner {display:flex;justify-content:space-between}
.form-inner > .inner-head {width:30.3rem}
.form-inner > .inner-head > p {margin-top:0.3rem;font-size:1.3rem;line-height:135%;letter-spacing:-0.01em;color:#838383}
.form-inner > .inner-cont {width:61.1rem}
.form-inner > .inner-cont.w100p {width:100%}
.form-inner > .inner-cont input,
.form-inner > .inner-cont select {height:4rem;font-size:1.6rem;color:#606060;font-family:'Pretendard';font-weight:400;background-color:#fff;width:100%;border-radius:0.8rem}
.form-inner > .inner-cont .select-field {height:4rem}
.form-inner > .inner-cont .flex-box {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0.8rem}
.form-inner > .inner-cont .flex-box + .select-field {margin-top:0.8rem}
.form-inner > .inner-cont .flex-box .input-field-1 {width:100%}
.form-inner > .inner-head label {font-size:2rem;line-height:3rem;color:#fff}
.form-inner > .inner-cont .select-field::before {z-index:1;border:solid #cdcdcd;border-width:0 0.2rem 0.2rem 0;top:1.9rem;right:2rem;padding:0.6rem}
.form-inner > .inner-cont .select-field select {padding:0 3rem 0 1rem}
.form-inner > .inner-cont .at {font-size:1.32rem;line-height:1.98rem;color:#fff}

.campaign-wrap .cont-section.section08 .section-inner .inner-form {padding:1.4rem 1.5rem 2.6rem 1.5rem;background-color:#005341;border-radius:1rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .form-list {margin-bottom:1.6rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .form-list > ul {display:flex;flex-direction:column;gap:0.8rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list {background-color:#F2F3F3;color:#000;border-radius:0.64rem;padding:2.4rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list > ul {display:flex;flex-direction:column;gap:0.6rem;line-height:initial}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list > ul > li > .agree-list-inner {display:flex}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list > ul > li > .agree-list-inner > .input-field .chk-cont1 input[type="checkbox"] + label {line-height:2.4rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list > ul > li > .agree-list-inner > .input-field .chk-cont1 input[type="checkbox"] + label span {line-height:2.4rem;font-family:'Pretendard';font-size:1.6rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list > ul > li > .agree-list-inner > .input-field .chk-cont1 input[type="checkbox"] + label:before {width:1.3rem;height:1.3rem;border:0.1rem solid #767676;border-radius:0.25rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list > ul > li > .agree-list-inner > .input-field .chk-cont1 input[type="checkbox"] + label:after {width:1.6rem;height:1.3rem;left:0.3rem;top:0.5rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form .agree-list > ul > li > .agree-list-inner > .btn-agree-more {display:flex;align-items:center;justify-content:center;width:8.4rem;height:2.3rem;font-size:1.32rem;color:#000;line-height:1.98rem;margin-left:0.8rem;border-radius:0.5rem;background-color:#A4D5BF}
.campaign-wrap .cont-section.section08 .section-inner .inner-form > ul {display:flex;flex-direction:column;font-size:1.32rem;color:#fff;margin-top:1rem;margin-left:1.2rem;line-height:2.7rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form > ul > li {position:relative;padding-left:1.8rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-form > ul > li::before {content:'';display:block;width:0.5rem;height:0.5rem;background-color:#fff;border-radius:50%;position:absolute;top:1.1rem;left:0}
.campaign-wrap .cont-section.section08 .section-inner .btn-area {margin-top:3.2rem;display:flex;justify-content:center}
.campaign-wrap .cont-section.section08 .section-inner .btn-area > .btn-write {display:flex;align-items:center;justify-content:center;width:20.8rem;height:6.7rem;background-color:#16222C;color:#fff;font-weight:800;font-size:2.08rem;border-radius:0.8rem}

.btn-parentCertify {display:inline-flex;align-items:center;justify-content:center;background-color:#A4D5BF;color:#005C49!important;width:20rem;height:4.6rem;margin-bottom:0.9rem;font-weight:500;font-size:1.6rem;border-radius:0.8rem}
.txt-parentCertify {font-size:1.6rem;color:#fff;display:flex;align-items:center;gap:0.8rem;line-height:140%}
.txt-parentCertify::before {content:'';display:block;width:1.8rem;height:1.8rem;background:url(/resources/microCampaign/cpView20001090/pc/images/cont07-ico-certifyBefore.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.txt-parentCertify-complete {display:flex;align-items:center;height:3.6rem;color:#fff;font-weight:600;line-height:1.4rem;font-size:1.8rem}

.popup-layer__type2.popup-information .popup-wrap {width:76.6rem;zoom:0.85}
.popup-layer__type2.popup-information .popup-wrap .popup-cont {background-color:#EBEBEB;border-radius:1rem;padding:5rem;box-shadow:initial;border:0}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-header {width:57.5rem;height:14.7rem;margin:auto;background-image:url(../images/popup-header-bg.png);background-repeat:no-repeat;background-position:center center;background-size:contain;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:3.7rem}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-header > p {font-weight:600;font-size:3.6rem;line-height:130%;color:#006047;letter-spacing:-0.05em}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-header > p > span {color:#009B56}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body {border-top:0;margin-top:0;padding:0;overflow:hidden;max-height:initial}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont {padding-bottom:0}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.txt-main {font-size:2.2rem;line-height:140%;color:#006047;text-align:center;margin-bottom:5.7rem}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list {background-color:#fff;border-radius:1rem;padding:2.5rem 3rem;height:25rem;overflow-y:scroll;margin-bottom:0}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list ul {font-size:1.8rem;color:#006047;word-break:keep-all;display:flex;flex-direction:column;gap:1.8rem}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list ul li {margin-bottom:0}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list ul li h6 {font-weight:700;font-size:2rem;line-height:140%}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list ul li p {position:relative;padding-left:2rem;font-weight:400}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list ul li p::after {content:'ㆍ';display:block;position:absolute;top:0;left:0}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list ul li strong {font-weight:700;font-size:2.4rem;line-height:140%;color:#005b48}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-body .body-cont .row.popup-list ul li small {font-size:1.8rem;line-height:140%}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .pos-popup-btn {margin-top:5.5rem;padding-top:0;border-top:0;display:flex;align-items:center;justify-content:center}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .pos-popup-btn .btn-popup-confirm {display:flex;align-items:center;justify-content:center;width:17.5rem;height:7.3rem;border-radius:1rem;font-weight:600;font-size:3.2rem;line-height:140%;color:#fff;background-color:#005E48}

.campaign-copyright {background-color:#16222C!important}

/* 노트북 배율 스타일 지우지 말 것 */
@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%}    
}