@charset "UTF-8";
@import url(/resources/font/campaign/EsaManru/EsaManru.css);
@import url(https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css);

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:
    url(../images/section09-quiz01-bg.jpg)
    url(../images/section09-quiz02-bg.jpg)
    url(../images/section09-quiz03-bg.jpg)
    url(../images/section09-quiz04-bg.jpg)
    url(../images/section09-quiz05-bg.jpg)
    url(../images/section09-quiz-btn-O.png)
    url(../images/section09-quiz-btn-X.png)
    url(../images/section09-quiz-btn-O-hover.png)
    url(../images/section09-quiz-btn-X-hover.png)
    url(../images/section09-quiz05-select01.png)
    url(../images/section09-quiz05-select02.png)
    url(../images/section09-quiz05-select03.png)
    url(../images/section09-quiz05-select01-hover.png)
    url(../images/section09-quiz05-select02-hover.png)
    url(../images/section09-quiz05-select03-hover.png);
	
}


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.4rem;font-weight:500;line-height:2.4rem;color:#242424;letter-spacing:-0.03em}
.campaign-wrap img {vertical-align:bottom}
.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%}

.swiper-pagination-fraction, .swiper-pagination-custom, 
.swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;line-height:initial}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:0.6rem;height:0.6rem;background-color:#CACACA;opacity:1;transition:all 0.3s ease}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.8rem;border-radius:1.5rem;background-color:#F37321}

.dis-inline {display:inline}

.campaign-wrap .cont-section.section01 {height:90rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:5rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-logo {width:32.2rem;height:4.3rem;margin:auto;filter:drop-shadow(0 0 2.4rem #111)}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:100%;display:inline-flex;flex-direction:column;align-items:center;margin-top:21.1rem;filter:drop-shadow(0 0 7rem rgba(255,255,255,0.7));-webkit-animation:fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;animation:fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both}
.campaign-wrap .cont-section.section01 .section-inner h3 > span {display:block;font-family:'EsaManru';font-weight:300;font-size:10rem;color:#242424;line-height:125%}
.campaign-wrap .cont-section.section01 .section-inner h3 > span:nth-child(2) {position:relative}
.campaign-wrap .cont-section.section01 .section-inner h3 > .txt-point {font-family:'EsaManru';font-weight:700;font-size:10rem;line-height:100%;color:#fff;background-color:#B63E29;padding:1.6rem 1rem 0.9rem;margin-bottom:1rem0;box-shadow:0 0 7rem rgba(255, 255, 255, 0.2);filter:drop-shadow(0 0 7rem rgba(255,255,255,0.7))}
.campaign-wrap .cont-section.section01 .section-inner h3 > .txt-sub {font-family:'NanumSquareNeoBold';font-size:4.5rem;line-height:150%;filter:drop-shadow(0 0 0.8rem rgba(255,255,255,1))}
.campaign-wrap .cont-section.section01 .section-inner .txt-scroll {font-weight:700;font-size:1.7rem;color:#111;position:absolute;left:50%;transform:translateX(-50%);bottom:8rem;filter:drop-shadow(0 0 0.8rem #fff)}
.campaign-wrap .cont-section.section01 .section-inner .txt-scroll > span {display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;border-bottom:0.12rem solid #111;filter:drop-shadow(0 0 0.4rem #fff)}
.campaign-wrap .cont-section.section01 .section-inner .txt-scroll > span::after {content:'';display:block;width:1rem;height:1.4rem;background-image:url(../images/section01-icon-scrollDown.png);background-repeat:no-repeat;background-position:center center;background-size:contain}

.campaign-wrap .cont-section.section02 {height:90rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {display:flex;align-items:center;justify-content:center;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner h4 {font-family:'NanumSquareNeoBold';font-size:4.5rem;line-height:150%;letter-spacing:-0.03em;color:#fff}
.campaign-wrap .cont-section.section02 .section-inner h4 > span {display:block;font-size:3rem;line-height:150%;margin-bottom:0.5rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li {position:absolute;height:auto}
.campaign-wrap .cont-section.section02 .section-inner > ul > li:nth-child(1) {top:18.6rem;left:17.3rem;width:35.1rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li:nth-child(2) {top:11rem;right:20.1rem;width:35.4rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li:nth-child(3) {bottom:9.3rem;right:35.9rem;;width:34.3rem}

.campaign-wrap .cont-section.section03 {height:100vh;overflow:hidden}
.campaign-wrap .cont-section.section03 .bg-wrap {position:absolute;inset:0;overflow:hidden}
.campaign-wrap .cont-section.section03 .bg-wrap .bg {position:absolute;inset:0;background-size:cover;background-position:center;opacity:0}
.campaign-wrap .cont-section.section03 .bg-wrap .bg.bg01 {background-image:url(../images/section03-bg01.jpg)}
.campaign-wrap .cont-section.section03 .bg-wrap .bg.bg02 {background-image:url(../images/section03-bg02.jpg)}
.campaign-wrap .cont-section.section03 .bg-wrap .bg.bg03 {background-image:url(../images/section03-bg03.jpg)}
.campaign-wrap .cont-section.section03 .graph-content {position:absolute;inset:0;display:flex;justify-content:start;align-items:end;flex-direction: column;opacity:0;z-index:10;margin-top:12.6rem;margin-right:37rem}
.campaign-wrap .cont-section.section03 .graph-content img {width:44rem;height:52.9rem}
.campaign-wrap .cont-section.section03 .nav {position:absolute;top:37rem;right:34.3rem;display:flex;flex-direction:column;gap:0.4rem;z-index:20}
.campaign-wrap .cont-section.section03 .nav .dot {width:0.6rem;height:0.6rem;border-radius:50%;background:#6B6B6B;transition:all 0.3s ease}
.campaign-wrap .cont-section.section03 .nav .dot.active {height:1.8rem;border-radius:1.5rem;background-color:#9C453B}
.campaign-wrap .cont-section.section03 .section03-right {position:absolute;top:14rem;left:40.9rem;z-index:99}
.campaign-wrap .cont-section.section03 .section03-right h4 {display:flex;flex-direction:column;gap:0.5rem;color:#fff;margin-bottom:25rem}
.campaign-wrap .cont-section.section03 .section03-right h4 > span {font-family:'NanumSquareNeo';font-size:2.6rem;line-height:150%}
.campaign-wrap .cont-section.section03 .section03-right h4 > span + span {font-family:'NanumSquareNeo';font-size:3.6rem;line-height:160%}
.campaign-wrap .cont-section.section03 .section03-right h4 > span + span > strong {display:inline-block;position:relative;font-family:'NanumSquareNeoExtraBold'}
.campaign-wrap .cont-section.section03 .section03-right h4 > span + span > strong::after {content:'';display:block;width:100%;height:2.5rem;background-color:#B63E29;position:absolute;bottom:0.5rem;left:0;z-index:-1}
.campaign-wrap .cont-section.section03 .section03-right .txt-scroll {font-weight:500;font-size:1.6rem;color:#c5c5c5}
.campaign-wrap .cont-section.section03 .section03-right .txt-scroll > span {display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;border-bottom:0.12rem solid #c5c5c5}
.campaign-wrap .cont-section.section03 .section03-right .txt-scroll > span::after {content:'';display:block;width:1rem;height:1.4rem;background-image:url(../images/section03-icon-scrollDown.png);background-repeat:no-repeat;background-position:center center;background-size:contain}

.campaign-wrap .cont-section.section04 {height:90rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04 .section-inner {padding-top:10.45rem}
.campaign-wrap .cont-section.section04 .section-inner .txt-sectionMain {font-family:'NanumSquareNeoBold';font-size:3rem;line-height:150%;letter-spacing:-0.03em;color:#fff;filter:drop-shadow(0 0 2rem #111);text-align:center}
.campaign-wrap .cont-section.section04 .section-inner .txt-sectionMain > p + p {font-family:'NanumSquareNeoExtraBold';font-size:4.5rem;margin-top:0.5rem}

.campaign-wrap .cont-section.section05 {height:95.2rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding-top:10rem}
.campaign-wrap .cont-section.section05 .section-inner .txt-sectionMain {display:flex;flex-direction:column;gap:0.5rem;align-items:center;font-family:'NanumSquareNeo';font-size:2.6rem;line-height:150%;letter-spacing:-0.03em;margin-bottom:5rem}
.campaign-wrap .cont-section.section05 .section-inner .txt-sectionMain > p + p {font-size:3.6rem;line-height:160%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section05 .section-inner .txt-sectionMain > p > span {font-family:'NanumSquareNeoExtraBold'}
.campaign-wrap .cont-section.section05 .section-inner .yt-inner > .yt-box {width:109rem;height:61.3rem;margin:auto}

.campaign-wrap .cont-section.section06 {min-height:96.2rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {padding-top:10rem;padding-bottom:9.05rem}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionMain {display:flex;flex-direction:column;gap:0.5rem;align-items:center;font-family:'NanumSquareNeo';font-size:2.6rem;line-height:150%;letter-spacing:-0.03em;color:#111;margin-bottom:4rem}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionMain > p + p {font-size:3.6rem;line-height:160%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionMain > p > span {font-family:'NanumSquareNeoExtraBold'}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionSub {text-align:center}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionSub > p {font-size:2rem;line-height:150%;letter-spacing:-0.01em}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionSub > p > span {padding:0.1rem;font-weight:700;font-size:2rem;background-color:#FF7319;color:#fff}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionSub .camp-txt-box {font-weight:400;font-size:1.4rem;line-height:150%;letter-spacing:-0.04em;color:#6B6B6B;text-align:center}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionSub .camp-txt-box > span {font-weight:700}
.campaign-wrap .cont-section.section06 .section-inner .txt-sectionSub .camp-txt-box::before {content:'';display:block;width:2rem;height:0.1rem;margin:2rem auto;background-color:#6B6B6B}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper {padding:6.5rem 0}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide {transition:all 0.3s ease;transform:scale(0.85)}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide .slide-inner {width:100%;height:100%;display:flex;align-items:center}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide .slide-inner .img-box {position:relative;width:100%;height:auto}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide .slide-inner .img-box > p {display:inline-block;padding:0.1rem 1.5rem;font-weight:400;font-size:1.4rem;line-height:150%;letter-spacing:-0.03em;color:#fff;background-color:#575757;position:absolute;left:50%;transform:translateX(-50%);top:0;border-radius:0.4rem}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide .slide-inner .img-box > img {width:100%;border:0.1rem solid #575757;margin-top:1.2rem}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide.swiper-slide-active {transform:scale(1.1)}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide.swiper-slide-active .slide-inner .img-box > p {display:inline-block;padding:0.2rem 2rem;font-weight:400;font-size:1.8rem;line-height:150%;letter-spacing:-0.03em;color:#FF7319;background-color:#fff;box-shadow:inset 0 0 0 0.1rem #FF7319;border-radius:0.5rem}
.campaign-wrap .cont-section.section06 .section-inner .section06Swiper .swiper-slide.swiper-slide-active .slide-inner .img-box > img {margin-top:1.6rem;border:0.1rem solid #FF7319}

.campaign-wrap .cont-section.section07 {height:130.7rem;background-image:url(../images/section07-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner {padding:10rem 0;width:99rem;margin:auto}
.campaign-wrap .cont-section.section07 .section-inner .txt-sectionMain {text-align:center}
.campaign-wrap .cont-section.section07 .section-inner .txt-sectionMain .section-eyebrowTxt {display:inline-block;padding:0.5rem 1.5rem;border-radius:0.5rem;font-weight:600;font-size:1.8rem;line-height:150%;letter-spacing:-0.01em;color:#009A6E;background-color:#fff;margin-bottom:1.5rem}
.campaign-wrap .cont-section.section07 .section-inner .txt-sectionMain p {font-family:'NanumSquareNeo';font-size:2.6rem;line-height:150%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section07 .section-inner .txt-sectionMain p > span {font-family:'NanumSquareNeoBold'}
.campaign-wrap .cont-section.section07 .section-inner .txt-sectionMain p + p {font-size:3.6rem;line-height:160%;margin-top:0.5rem}
.campaign-wrap .cont-section.section07 .section-inner .txt-sectionMain p + p > span {font-family:'NanumSquareNeoExtraBold'}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag {width:100%;height:45rem;background-color:#fff;margin-top:5rem}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag .info-inner {height:100%;display:flex;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag .info-inner .img-upcyclingBag {width:40rem;height:40rem;background-image:url(../images//section07-img01.png);background-repeat:no-repeat;background-position:center center}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag .info-inner .txt-upcyclingBag {margin-left:4rem}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag .info-inner .txt-upcyclingBag h5 {font-family:'NanumSquareNeo';font-size:2.1rem;line-height:140%;letter-spacing:initial}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag .info-inner .txt-upcyclingBag h5::before {content:'';display:block;width:28.6rem;height:2.8rem;background-image:url(../images/section07-img02.png);background-repeat:no-repeat;background-position:center center;margin-bottom:1.2rem}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag .info-inner .txt-upcyclingBag h5 > span {font-family:'NanumSquareNeoBold'}
.campaign-wrap .cont-section.section07 .section-inner .info-upcyclingBag .info-inner .txt-upcyclingBag ul {margin-top:2rem;display:flex;flex-direction:column;gap:0.5rem;font-weight:500;font-size:1.5rem;line-height:150%;letter-spacing:-0.04em;color:#363636}
.campaign-wrap .cont-section.section07 .section-inner .process-upcyclingBag {margin-top:8rem;text-align:center}
.campaign-wrap .cont-section.section07 .section-inner .process-upcyclingBag .section-eyebrowTxt {display:inline-block;padding:0.5rem 1.5rem;border-radius:0.5rem;font-weight:600;font-size:2rem;line-height:150%;letter-spacing:-0.01em;color:#fff;background-color:#009A6E;margin-bottom:2rem}
.campaign-wrap .cont-section.section07 .section-inner .process-upcyclingBag > p {font-family:'NanumSquareNeoBold';font-size:2.5rem;line-height:150%;letter-spacing:-0.03em;margin-bottom:5rem}
.campaign-wrap .cont-section.section07 .section-inner .process-upcyclingBag > p > span {font-family:'NanumSquareNeoExtraBold'}

.campaign-wrap .cont-section.section08 {height:112rem;background-image:url(../images/section08-bg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner {padding:10rem 0;width:110rem;margin:auto}

.campaign-wrap .cont-section.section09 {height:90rem;background-image:url(../images/section09-bg.jpg)}
.campaign-wrap .cont-section.section09 .section-inner {padding-top:18rem}
.campaign-wrap .cont-section.section09 .section-inner h4 {font-family:'NanumSquareNeoBold';font-size:3.5rem;line-height:160%;color:#fff;text-align:center}
.campaign-wrap .cont-section.section09 .section-inner h4 > span {display:block;font-family:'NanumSquareNeo';font-size:2.5rem;line-height:150%;margin-bottom:0.5rem}
.campaign-wrap .cont-section.section09 .section-inner .btn-quiz-start {margin-top:3rem;display:flex;justify-content:center}
.campaign-wrap .cont-section.section09 .section-inner .btn-quiz-start > a  {display:flex;justify-content:center;align-items:center;width:41rem;height:5.9rem;background-color:#fff;color:#009A6E;padding:1.5rem 1rem;border-radius:1rem}
.campaign-wrap .cont-section.section09 .section-inner .btn-quiz-start > a > span {font-family:'NanumSquareNeoExtraBold';font-size:2rem;display:inline-flex;gap:1rem}
.campaign-wrap .cont-section.section09 .section-inner .btn-quiz-start > a > span::after {content:'';display:block;width:2.9rem;height:2.1rem;background-image:url(../images/section09-btn-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain}

/* quize modal */
html.modal-active,
body.modal-active {overflow:hidden}
.quiz-modal {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}
.quiz-modal .modal-container {width:100%;height:100%}
.quiz-modal .modal-container .quizSlide {position:relative;width:100%;height:100%}
.quiz-modal .modal-container .quizSlide .slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center}
.quiz-modal .modal-container .quizSlide .slide.active {opacity:1;pointer-events:auto;z-index:10}
.quiz-modal .modal-container .quizSlide .slide.slide01 {background-image:url(../images/section09-quiz01-bg.jpg)}
.quiz-modal .modal-container .quizSlide .slide.slide02 {background-image:url(../images/section09-quiz02-bg.jpg)}
.quiz-modal .modal-container .quizSlide .slide.slide03 {background-image:url(../images/section09-quiz03-bg.jpg)}
.quiz-modal .modal-container .quizSlide .slide.slide04 {background-image:url(../images/section09-quiz04-bg.jpg)}
.quiz-modal .modal-container .quizSlide .slide.slide05 {background-image:url(../images/section09-quiz05-bg.jpg)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner h5 {font-family:'NanumSquareNeo';font-size:3.5rem;line-height:160%;color:#fff;text-align:center}
.quiz-modal .modal-container .quizSlide .slide .slide-inner h5 > span > em {font-family:'NanumSquareNeoExtraBold'}
.quiz-modal .modal-container .quizSlide .slide .slide-inner h5 > .quiz-number{display:block;font-family:'EsaManru';font-weight:700;font-size:3rem;line-height:125%;letter-spacing:initial;margin-bottom:1rem}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box {margin-top:5rem}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options {display:flex;gap:10rem;align-items:center;justify-content:center}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options .option {width:12rem;height:12rem;border-radius:50%;background-repeat:no-repeat;background-position:center center;cursor:pointer;transition:all 0.3s ease}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options .option:nth-child(1) {background-image:url(../images/section09-quiz-btn-O.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options .option:nth-child(2) {background-image:url(../images/section09-quiz-btn-X.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options.slide05-quizOptions .option:nth-child(1) {background-image:url(../images/section09-quiz05-select01.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options.slide05-quizOptions .option:nth-child(2) {background-image:url(../images/section09-quiz05-select02.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options.slide05-quizOptions .option:nth-child(3) {background-image:url(../images/section09-quiz05-select03.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options .option:hover:nth-child(1) {background-image:url(../images/section09-quiz-btn-O-hover.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options .option:hover:nth-child(2) {background-image:url(../images/section09-quiz-btn-X-hover.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options.slide05-quizOptions .option:hover:nth-child(1) {background-image:url(../images/section09-quiz05-select01-hover.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options.slide05-quizOptions .option:hover:nth-child(2) {background-image:url(../images/section09-quiz05-select02-hover.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .quiz-options.slide05-quizOptions .option:hover:nth-child(3) {background-image:url(../images/section09-quiz05-select03-hover.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent {display:none;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:67rem;height:36rem;background-color:#fff;border-radius:1rem;box-shadow:0.2rem 0.2rem 0 0 rgba(0,0,0,0.1)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answerTag {margin-bottom:1.8rem}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answerTag > span {display:inline-block;padding:0.3rem 1rem;background-color:#FF21A6;color:#fff;font-size:2.1rem;font-weight:700;line-height:100%}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent small {font-size:1.8rem}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent.active {display:block}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer {display:none}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent.active .answer.active {height:100%;display:flex;align-items:center;justify-content:center}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6 {font-family:'NanumSquareNeo';font-size:1.8rem;line-height:150%;letter-spacing:initial;display:flex;flex-direction:column;gap:1rem;align-items:center}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6 > span {width:6rem;height:6rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.quiz05-incorrect > strong {font-family:'EsaManru';font-weight:500;font-size:2.5rem;line-height:125%;letter-spacing:initial;color:#B63729}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.quiz05-incorrect > strong > em {font-weight:700}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.quiz05-incorrect::after {background-color:#B63729}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6::after {content:'';display:block;width:3rem;height:0.2rem;margin-top:1rem;margin-bottom:2rem}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.X > span {background-image:url(../images/section09-quiz-btn-X-hover.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.X::after {background-color:#B63729}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.O > span {background-image:url(../images/section09-quiz-btn-O-hover.png)}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.O::after {background-color:#009465}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.correct {display:block;font-family:'EsaManru';font-weight:500;font-size:2.5rem;line-height:125%;letter-spacing:initial;color:#009465}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.correct > strong {font-weight:700}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer h6.correct::after {content:'';display:block;width:3rem;height:0.2rem;background-color:#009465;margin:2rem auto}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer p {font-family:'NanumSquareNeo';font-size:1.8rem;line-height:150%;letter-spacing:-0.02em;color:#111;margin-bottom:3rem}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer p > span {font-family:'NanumSquareNeoBold'}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer .btn-next,
.modal-close {display:inline-block;padding:1.2rem 3rem;font-family:'NanumSquareNeoExtraBold';font-size:1.8rem;line-height:initial;letter-spacing:-0.05em;background-color:#A6A6A6;color:#fff;border-radius:6.3rem;box-shadow:0.2rem 0.2rem 0.2rem 0 rgba(0,0,0,0.1);transition:all 0.3s ease}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer .btn-next:hover,
.modal-close:hover {background-color:#009465}
.quiz-modal .modal-container .quizSlide .slide .slide-inner .quiz-box .answerContent .answer .answerContent-close {width:2.7rem;height:2.7rem;background-image:url(../images/section09-btn-answerContent-close.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:2.5rem;right:2.7rem;cursor:pointer}

.campaign-wrap .cont-section.section10 {min-height:90.9rem;background-color:#252525}
.campaign-wrap .cont-section.section10 .section10-inner {display:flex;flex-direction:row;height:100%}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left {width:89rem;height:100%;background-color:#252525;color:#fff}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner {margin-left:38.9rem;padding-top:13.5rem;width:40rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > h4 {font-family:'NanumSquareNeo';font-size:3.6rem;line-height:160%}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > h4 > strong {font-family:'NanumSquareNeoExtraBold'}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-info {margin-top:3rem;margin-bottom:18.3rem;font-family:'NanumSquareNeo';font-size:1.6rem;line-height:160%}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-info > ul {display:flex;flex-direction:column;gap:2rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-info > ul > li {display:flex;gap:1rem;align-items:center}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-info > ul > li > span {display:inline-block;padding:0.3rem 1.5rem;font-family:'Pretendard' ;font-weight:600;background-color:#009A6E;color:#fff;border-radius:0.5rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-txt > p {display:inline-block;font-weight:700;font-size:1.6rem;line-height:initial;letter-spacing:initial;border-bottom:0.12rem solid #fff;padding-bottom:0.95rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-txt > .kakao-banner {width:40rem;height:8rem;display:flex;align-items:center;justify-content:center;gap:2.7rem;background-color:#fff;margin-top:2rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-txt > .kakao-banner::after {content:'';display:block;width:5rem;height:5rem;background-image:url(../images/section10-icon-kakaoch.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section10 .section10-inner .section10-left .left-inner > .camp-event-txt > .kakao-banner > p {font-family:'NanumSquareNeoBold';font-size:1.6rem;line-height:160%;color:#252525}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right {width:103rem;background-color:#fff}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner {margin-left:15.5rem;padding-top:10.8rem;height:100%;padding-bottom:10.8rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form {width:50rem;min-height:69.4rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > h5 {height:6.8rem;background-color:#252525;color:#fff;text-align:center;font-family:'NanumSquareNeo';font-size:2.2rem;line-height:136%;display:flex;align-items:center;justify-content:center;gap:0.5rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > h5 > span {font-family:'NanumSquareNeoBold';font-size:4rem;line-height:100%}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box {padding:4rem 4.5rem;border:0.2rem solid #252525;background-color:#F3F3F3}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list {padding-bottom:3.5rem;border-bottom:0.1rem solid #838383;margin-bottom:2rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul {display:flex;flex-direction:column;gap:1.5rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-head label {font-family:'NanumSquareNeoBold';font-size:1.6rem;line-height:135%;letter-spacing:-0.02em;display:inline-block;margin-top:0.9rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-head label > span {color:#009465}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-cont .select-field::before {z-index:1;border:solid #252525;border-width:0 0.2rem 0.2rem 0;right:1rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-cont .select-field select {padding:0 3rem 0 1rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-cont .flex-box.mobile-box {gap:1rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-cont .flex-box.mobile-box > div {width:9rem!important}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-cont .flex-box.zipcode-box > input {width:17rem!important}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-cont .flex-box.zipcode-box > a {display:flex;align-items:center;justify-content:center;width:14.3rem;height:3.6rem;border-radius:0.5rem;background-color:#252525;color:#fff;font-family:'NanumSquareNeoBold';font-size:1.5rem;line-height:145%;letter-spacing:0.1rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .form-list > ul > li .form-inner > .inner-cont > p {font-weight:500;font-size:1.3rem;color:#9F9F9F;margin-top:0.9rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list {color:#838383}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul {display:flex;flex-direction:column;gap:0.5rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul > li {display:flex}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul > li:not(:nth-child(1)) {margin-left:2rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label {line-height:145%}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label span {line-height:145%;font-weight:500;font-family:'Pretendard';font-size:1.3rem;color:#838383;letter-spacing:-0.01em}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label:before {width:1.4rem;height:1.4rem;border:0.1rem solid #838383}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label:after {left:0.2rem;top:0.3rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .agree-list > ul > li > .btn-agree-more {display:flex;align-items:center;font-size:1rem;font-weight:500;color:#9E9E9E;line-height:initial;letter-spacing:-0.01em;border-bottom:1px solid #9E9E9E;margin-left:0.7rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .btn-area {margin-top:2.5rem}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .btn-area > .btn-write {display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;height:5.9rem;border-radius:1rem;background-color:#252525;color:#fff;font-family:'NanumSquareNeoExtraBold';font-size:2rem;line-height:145%;letter-spacing:-0.01em}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > .form-box .btn-area > .btn-write::after {content:'';display:block;width:3rem;height:2.1rem;background-image:url(../images/section10-btn-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section10 .section10-inner .section10-right .right-inner .myEco-score-form > p {margin-top:0.7rem;text-align:right;font-weight:500;font-size:1.5rem;line-height:150%;letter-spacing:-0.01em}

.btn-agree-more-block > span {display:inline-block;align-items:center;font-size:1rem;font-weight:500;color:#9E9E9E;line-height:initial;letter-spacing:-0.01em;border-bottom:1px solid #9E9E9E;margin-left:2.5rem;padding-bottom:3px}

.form-inner {display:flex;align-items:flex-start;justify-content:space-between}
.form-inner > .inner-head {width:24%}
.form-inner > .inner-head > p {margin-top:0.3rem;font-weight:500;font-size:1.3rem;line-height:135%;letter-spacing:-0.01em;color:#838383}
.form-inner > .inner-cont {width:72%}
.form-inner > .inner-cont input,
.form-inner > .inner-cont select {height:3.6rem;font-size:1.4rem;color:#838383;font-family:'Pretendard';font-family:500;background-color:#fff;border:0;width:100%}
.form-inner > .inner-cont .select-field {height:3.6rem}
.form-inner > .inner-cont .flex-box {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}
.form-inner > .inner-cont .flex-box + .flex-box {margin-top:1rem}

.btn-parentCertify {display:inline-flex;align-items:center;justify-content:center;background-color:#252525;color:#fff!important;width:14rem;height:3.6rem;margin-bottom:0.9rem;font-size:1.5rem;border-radius:0.5rem}
.txt-parentCertify {font-size:1.3rem;color:rgba(0,0,0,0.6);display:flex;align-items:center;gap:0.5rem}
.txt-parentCertify::before {content:'';display:block;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:contain;}
.txt-parentCertify-complete {display:flex;align-items:center;height:3.6rem;color:#252525;font-weight:600;line-height:1.4rem;font-size:1.7rem}

.popup-layer__type2.popup-information .popup-wrap {width:65rem}
.popup-layer__type2.popup-information .popup-wrap .popup-cont .popup-header > strong {font-size:2.4rem;letter-spacing:-0.05em}
.popup-layer__type2.popup-information .popup-wrap .body-cont {color:#111!important;font-size:1.8rem!important}
.popup-layer__type2.popup-information .popup-wrap .body-cont ul {font-size:1.4rem;color:#111;word-break:keep-all}
.popup-layer__type2.popup-information .popup-wrap .body-cont h6 {font-weight:600;font-size:1.5rem}
.popup-layer__type2.popup-information .popup-wrap .body-cont strong {color:#009A6E!important;font-size:1.8rem!important}
.popup-layer__type2.popup-information .popup-wrap .pos-popup-btn .btn-popup-confirm {background-color:#009A6E}


@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


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