@charset "UTF-8";

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:
    url(../images/camp-bar-iconOn.png)
    url(../images/camp-bar-step01Bg.jpg)
    url(../images/camp-bar-step02Bg.jpg)
    url(../images/camp-bar-step03Bg.jpg)
    url(../images/camp-bar-step04Bg.jpg)
    url(../images/section03-listBox01-bg02.jpg)
    url(../images/section03-listBox02-bg02.jpg)
    url(../images/section03-listBox03-bg02.jpg)
    url(../images/section03-icon01-on.png)
    url(../images/section03-icon02-on.png)
    url(../images/section03-icon03-on.png)
    url(../images/section03-popup01-img.jpg)
    url(../images/section03-popup02-img.jpg)
    url(../images/section03-popup03-img.jpg)
    url(../images/section04-quizBox-o-gray.png)
    url(../images/section04-quizBox-x-gray.png)
    url(../images/section05-btn-vote.png)
    url(../images/section05-btn-complete.png)
    url(../images/section05-btn-vote-txt.png)
    url(../images/section05-selectBg-on.png);
}

@font-face {
	font-family: 'NanumGothicExtraBold';
	font-weight: 800;
	font-display: swap;
	src: url(/resources/font/campaign/NanumGothic/NanumGothicExtraBold.otf) format('otf'),
		url(/resources/font/campaign/NanumGothic/NanumGothicExtraBold.woff) format('woff'),
		url(/resources/font/campaign/NanumGothic/NanumGothicExtraBold.woff2) format('woff2');
}


html {font-size:62.5%}

.wrap-camp {letter-spacing:-1px}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';color:#000;letter-spacing:-0.03em}
.campaign-wrap img {vertical-align:bottom;width:100%;max-width:100%}
.campaign-wrap * {box-sizing:border-box}
.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;width:161.4rem;margin:auto}

.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;margin-top:initial}

.mission-tag {width:12.7rem;height:4.9rem}
.disabled {cursor:default;pointer-events:none}

.campaign-wrap .cont-section.section01 {height:86.6rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:7.6rem;height:100%}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:83rem;height:50rem;margin:auto}
.campaign-wrap .cont-section.section01 .section-inner .lmh-photo {width:47.4rem;height:52.2rem;position:absolute;left:59.5rem;bottom:-0.8rem;background-image:url(../images/section01-model.png);background-repeat:no-repeat;background-position:center center;background-size:contain}

.campaign-wrap .cont-section.section02 {height:49.2rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {padding-top:7.6rem}
.campaign-wrap .cont-section.section02 .section-inner h4 {width:79rem;height:10.3rem;margin:auto}
.campaign-wrap .cont-section.section02 .section-inner ul {display:flex;width:79rem;margin:auto;justify-content:center;gap:5.4rem}
.campaign-wrap .cont-section.section02 .section-inner ul > li {width:36.8rem;height:27.7rem;background-size:contain;background-position:center bottom;background-repeat:no-repeat}
.campaign-wrap .cont-section.section02 .section-inner ul > li:nth-child(1) {background-image:url(../images/section02-card01-bg.png)}
.campaign-wrap .cont-section.section02 .section-inner ul > li:nth-child(2) {background-image:url(../images/section02-card02-bg.png)}
.campaign-wrap .cont-section.section02 .section-inner ul > li .gift-list-inner {text-align:center;font-size:2.3rem;font-weight:700;color:#fff;line-height:140%;padding-top:16rem}
.campaign-wrap .cont-section.section02 .section-inner ul > li .gift-list-inner .txt-small {font-size:1.8rem;font-weight:600}

.campaign-wrap .cont-section.section03 {height:97.6rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:8.9rem}
.campaign-wrap .cont-section.section03 .section-inner .top-txt-box {width:74.6rem;height:23.8rem;margin-left:31rem;background-image:url(../images/section03-txtBox-bg.png);background-repeat:no-repeat;background-position:left top;background-size:contain}
.campaign-wrap .cont-section.section03 .section-inner .top-txt-box .box-inner {display:flex;flex-direction:column;align-items:center;margin-left:23.3rem}
.campaign-wrap .cont-section.section03 .section-inner .top-txt-box .box-inner h4 {width:46rem;height:4.3rem;margin-top:1.6rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section03 .section-inner .top-txt-box .box-inner p {font-size:2rem;font-weight:500;line-height:140%;color:#fff;text-align:center}
.campaign-wrap .cont-section.section03 .section-inner .top-txt-box .box-inner p > span {display:inline-block;font-weight:700;color:#FFFC55;background-color:#006E55;padding:0.1rem 0.5rem}
.campaign-wrap .cont-section.section03 .section-inner .mission01-box {width:115rem;height:50rem;margin:auto;display:flex;flex-direction:column;position:relative}

#cardSlots {display:flex;align-items:center;justify-content:space-between}
#cardSlots > div {width:36.9rem;height:20.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative;transition:all 0.3s}
#cardSlots > div::after {content:'';display:block;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute}
#cardSlots > div[data-number="1"] {background-image:url(../images/section03-listBox01-bg01.jpg)}
#cardSlots > div[data-number="1"]::after {width:12.4rem;height:9.4rem;background-image:url(../images/section03-listBox01-iconLine.png);top:4.5rem;left:2.5rem}
#cardSlots > div[data-number="2"] {background-image:url(../images/section03-listBox02-bg01.jpg)}
#cardSlots > div[data-number="2"]::after {width:11.6rem;height:9.5rem;background-image:url(../images/section03-listBox02-iconLine.png);top:4.4rem;left:4.2rem}
#cardSlots > div[data-number="3"] {background-image:url(../images/section03-listBox03-bg01.jpg)}
#cardSlots > div[data-number="3"]::after {width:12.8rem;height:10.8rem;background-image:url(../images/section03-listBox03-iconLine.png);top:3.9rem;left:4.5rem}
#cardSlots > div > p {width:38.7rem;height:8.8rem;position:absolute;bottom:-5rem;left:-0.8rem}
#cardSlots > div.ui-droppable-disabled::after {display:none}
#cardSlots > div.ui-droppable-disabled[data-number="1"] {background-image:url(../images/section03-listBox01-bg02.jpg)}
#cardSlots > div.ui-droppable-disabled[data-number="2"] {background-image:url(../images/section03-listBox02-bg02.jpg)}
#cardSlots > div.ui-droppable-disabled[data-number="3"] {background-image:url(../images/section03-listBox03-bg02.jpg)}
#cardSlots > div.ui-droppable-disabled > p {display:none}

#cardPile {width:64.6rem;height:16.4rem;position:absolute;left:50%;transform:translateX(-50%);bottom:0}
#cardPile .cardPile-inner {width:100%;height:100%;position:relative}
#cardPile .cardPile-inner > div {background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute}
#cardPile .cardPile-inner > div + .arrow {background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;transition:all 0.3s}
#cardPile .cardPile-inner > div[data-number="1"] {width:18.5rem;height:14.1rem;background-image:url(../images/section03-icon01.png);top:0;left:0}
#cardPile .cardPile-inner > div[data-number="1"] + .arrow {width:7.9rem;height:13.4rem;background-image:url(../images/section03-arrow01.png);top:-5rem;left:-10rem}
#cardPile .cardPile-inner > div[data-number="2"] {width:15.3rem;height:12.5rem;background-image:url(../images/section03-icon02.png);top:1.2rem;left:22.8rem}
#cardPile .cardPile-inner > div[data-number="2"] + .arrow {width:10.6rem;height:11.6rem;background-image:url(../images/section03-arrow02.png);top:-6rem;left:20.5rem}
#cardPile .cardPile-inner > div[data-number="3"] {width:19.5rem;height:16.4rem;background-image:url(../images/section03-icon03.png);top:0;right:0}
#cardPile .cardPile-inner > div[data-number="3"] + .arrow {width:7.8rem;height:13rem;background-image:url(../images/section03-arrow03.png);top:-6rem;right:-6rem}
#cardPile .cardPile-inner > div.correct[data-number="1"] {width:14.8rem;height:12.1rem;background-image:url(../images/section03-icon01-on.png);left:-23.8rem!important;top:-31rem!important}
#cardPile .cardPile-inner > div.correct[data-number="1"] + .arrow {display:none}
#cardPile .cardPile-inner > div.correct[data-number="2"] {width:15.3rem;height:12.4rem;background-image:url(../images/section03-icon02-on.png);left:17rem!important;top:-32rem!important}
#cardPile .cardPile-inner > div.correct[data-number="2"] + .arrow {display:none}
#cardPile .cardPile-inner > div.correct[data-number="3"] {width:18.1rem;height:15.2rem;background-image:url(../images/section03-icon03-on.png);left:55rem!important;top:-31rem!important}
#cardPile .cardPile-inner > div.correct[data-number="3"] + .arrow {display:none}

.successMessage {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999}
.successMessage::after {content:'';display:block;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.6)}
.successMessage.active {display:block}
.successMessage .popup-content {width:68.8rem;height:40.8rem;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9999}
.successMessage .popup-content .popup-content-inner {position:relative;width:100%;height:100%}
.successMessage .popup-content .popup-content-inner .popup-txt-box {padding:6.7rem 4.4rem}
.successMessage .popup-content .popup-content-inner .popup-txt-box > p {margin-top:6.7rem;margin-left:30.5rem;font-size:2rem;font-weight:500;line-height:160%;color:#111;text-align:left}
.successMessage .popup-content .popup-content-inner .btn-popup-check {width:23.1rem;height:8.4rem;position:absolute;left:50%;transform:translateX(-50%);bottom:4rem}
.successMessage .popup-content .popup-content-inner .btn-popup-close {width:2.6rem;height:2.6rem;background-image:url(../images/section03-popup-close.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:2.8rem;right:2.8rem}
.successMessage[data-number="1"] .popup-content {background-image:url(../images/section03-popup01-img.jpg)}
.successMessage[data-number="2"] .popup-content {background-image:url(../images/section03-popup02-img.jpg)}
.successMessage[data-number="3"] .popup-content {background-image:url(../images/section03-popup03-img.jpg)}

.campaign-wrap .cont-section.section04 {height:109.9rem;background-image:url(../images/section04-bg.jpg);overflow:hidden}
.campaign-wrap .cont-section.section04 .section-inner {padding-top:14rem}
.campaign-wrap .cont-section.section04 .section-inner .top-txt-box {text-align:center}
.campaign-wrap .cont-section.section04 .section-inner .top-txt-box .mission-tag {margin:auto;margin-bottom:1.6rem}
.campaign-wrap .cont-section.section04 .section-inner .top-txt-box h4 {width:52.6rem;height:4.1rem;margin:auto;margin-bottom:3rem}
.campaign-wrap .cont-section.section04 .section-inner .top-txt-box p {font-size:2.1rem;font-weight:500;color:#111;line-height:140%}
.campaign-wrap .cont-section.section04 .section-inner .top-txt-box p > span {font-weight:700;display:inline-block;padding:0.1rem 0.5rem;color:#fff;background-color:#FF21A6}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box {width:123.7rem;height:78.5rem;margin:auto;margin-top:-2.2rem;padding:6rem 5rem;background-image:url(../images/section04-quizBox-bg.png);background-repeat:no-repeat;background-position:center bottom;background-size:contain}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide {position:relative;width:100%;height:100%;margin-top:8rem;text-align:center}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;pointer-events:none}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide.active {opacity:1;pointer-events:auto;z-index:10}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner h5 {margin:auto;margin-bottom:4rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .btn-mission02 {width:8.4rem;height:17.7rem;position:absolute;bottom:10rem;right:6rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options {display:flex;gap:4rem;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options .option {width:19.4rem;height:19.4rem;background-color:#fff;border:0.7rem solid #fff;border-radius:50%;box-sizing:content-box;box-shadow:0 0.4rem 0.4rem 0 rgba(0,0,0,0.25)}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options .option > span {display:block;width:19.4rem;height:19.4rem;border:1.9rem solid #0099E0;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options .option:nth-child(1) > span {background-image:url(../images/section04-quizBox-o.png);background-size:6.1rem 11.1rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options .option:nth-child(2) > span {background-image:url(../images/section04-quizBox-x.png);background-size:11.9rem 11.2rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options .option.active > span {background-color:#FFFC55}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options .option.inactive:nth-child(1) > span {background-image:url(../images/section04-quizBox-o-gray.png)}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .quiz-options .option.inactive:nth-child(2) > span {background-image:url(../images/section04-quizBox-x-gray.png)}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .answerContent {display:none;margin-top:3rem;text-align:center;font-size:2rem;font-weight:600;line-height:140%;color:#004233}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .answerContent .answerTag {margin-bottom:1.8rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .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%}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .answerContent small {font-size:1.8rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide .slide-inner .answerContent.active {display:block}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide.slide01 .slide-inner h5 {width:75.7rem;height:9.7rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide.slide02 .slide-inner h5 {width:61.7rem;height:14.4rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .slide.slide03 .slide-inner h5 {width:71.9rem;height:14.4rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .dots {position:absolute;top:-5rem;left:50%;transform:translateX(-50%);display:flex;gap:1.5rem}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .dot {width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;border:0.1rem solid #000}
.campaign-wrap .cont-section.section04 .section-inner .mission02-box .quizSlide .dot[aria-current="true"] {background:#FFFC55}

.camp-popup {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999}
.camp-popup::after {content:'';display:block;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.6)}
.camp-popup.active {display:block}
.camp-popup .popup-content {text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9999}
.camp-popup.finalMessage .popup-content {width:50.4rem;height:67rem}
.camp-popup.finalMessage .popup-content .popup-content-inner .mission-complete {width:50.4rem;height:49.8rem;margin:auto}
.camp-popup.completeMessage .popup-content {width:65.9rem;height:67.8rem}
.camp-popup.completeMessage .popup-content .popup-content-inner .mission-complete {width:65.9rem;height:49.5rem;margin:auto}
.camp-popup .popup-content .popup-content-inner .campPopup-btn-box {width:50rem;margin:auto;margin-top:2rem;font-size:2rem;font-weight:600;line-height:160%;color:#fff}
.camp-popup .popup-content .popup-content-inner .campPopup-btn-box > ul {display:flex;justify-content:space-between}
.camp-popup .popup-content .popup-content-inner .campPopup-btn-box > ul > li > a,
.camp-popup .popup-content .popup-content-inner .campPopup-btn-box > ul > li > button {display:block;width:23rem;height:8.4rem}
.camp-popup .popup-content .popup-content-inner .campPopup-btn-box > ul > li > p {margin-top:2rem}

.campaign-wrap .cont-section.section05 {min-height:120.8rem;background-color:#FCFFF8}
.campaign-wrap .cont-section.section05 .section-inner {padding-top:10rem}
.campaign-wrap .cont-section.section05 .section-inner .top-txt-box {width:90rem;height:26.1rem;margin:auto;background-image:url(../images/section05-txtBox-bg.png);background-repeat:no-repeat;background-position:right bottom;background-size:23.7rem 24.5rem;text-align:center}
.campaign-wrap .cont-section.section05 .section-inner .top-txt-box .mission-tag {margin:auto;margin-bottom:1.6rem}
.campaign-wrap .cont-section.section05 .section-inner .top-txt-box h4 {width:53.8rem;height:8.6rem;margin:auto;margin-bottom:3rem}
.campaign-wrap .cont-section.section05 .section-inner .top-txt-box p {font-size:2.1rem;font-weight:500;line-height:140%;color:#111}
.campaign-wrap .cont-section.section05 .section-inner .top-txt-box p > strong {font-weight:700}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box {width:84.5rem;margin:auto}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul {display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:2rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li {width:26.9rem;height:24.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li:nth-child(1) {background-image:url(../images/section05-supportList01.jpg)}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li:nth-child(2) {background-image:url(../images/section05-supportList02.jpg)}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li:nth-child(3) {background-image:url(../images/section05-supportList03.jpg)}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li:nth-child(4) {background-image:url(../images/section05-supportList04.jpg)}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li:nth-child(5) {background-image:url(../images/section05-supportList05.jpg)}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li:nth-child(6) {background-image:url(../images/section05-supportList06.jpg)}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner {width:100%;height:100%;position:relative}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner input {position:absolute;bottom:1.6rem;left:1.6rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner input::before {content:'';display:block;width:7.4rem;height:7.4rem;background-image:url(../images/section05-selectBg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all 0.2s}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner input:checked::before {background-image:url(../images/section05-selectBg-on.png)}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner > p {position:absolute;bottom:1.6rem;right:1.6rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner > p > span {display:flex;align-items:center;justify-content:center;gap:0.3rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner > p > span > em {font-family:'NanumGothicExtraBold';font-size:3rem;font-weight:800;line-height:150%;-webkit-text-stroke:0.15rem #000;color:#fff;display:inline-block;margin-top:0.5rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box > ul > li .box-inner > p > span > img {width:2.6rem;height:3rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box .mission03-btn-box {display:flex;justify-content:center;margin-top:6rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box .mission03-btn-box > button {width:39.7rem;height:10.5rem}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box .mission03-btn-box > button.mission03-disabled {cursor:default;pointer-events:none}
.campaign-wrap .cont-section.section05 .section-inner .mission03-box .mission03-btn-box > button.mission03-complete {width:39.7rem;height:10.5rem}

.campaign-wrap .cont-section.section06 {height:104.5rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {padding:10rem;text-align:center}
.campaign-wrap .cont-section.section06 .section-inner h4 {width:54.3rem;height:22.7rem;margin:auto;margin-bottom:1.7rem}
.campaign-wrap .cont-section.section06 .section-inner > p {font-size:2.1rem;font-weight:600;line-height:140%;color:#004233}
.campaign-wrap .cont-section.section06 .section-inner .camp-btn-box {display:flex;justify-content:center;margin-top:1.5rem}
.campaign-wrap .cont-section.section06 .section-inner .camp-btn-box > a {display:block;width:47.5rem;height:10.5rem}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box {width:69.6rem;height:12.7rem;border:0.1rem solid #004233;margin:auto;margin-top:4.5rem;display:flex;flex-direction:column;justify-content:center;gap:0.8rem;font-size:2rem;font-weight:600;line-height:140%;color:#004233}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box strong {font-weight:800}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box .txt-small {font-size:1.7rem}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box .txt-small > span {display:inline-block;border-bottom:0.1rem solid #004233}

.campaign-wrap .cont-section.section07 {min-height:186.7rem;background-color:#059A71}
.campaign-wrap .cont-section.section07 .section-inner {width:106.3rem;padding-top:17.5rem;color:#fff}
.campaign-wrap .cont-section.section07 .section-inner .goods-info {width:100%}
.campaign-wrap .cont-section.section07 .section-inner .goods-info::after {content:'';display:block;width:100%;height:0.3rem;background-image:url(../images/section07-line01.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin-top:4.4rem}
.campaign-wrap .cont-section.section07 .section-inner .goods-info > ul {width:101.4rem;margin:auto;display:flex;justify-content:space-between;gap:3rem;filter:drop-shadow(0.4rem 0.2rem 0.4rem rgba(0,0,0,0.25));font-size:1.9rem;font-weight:600}
.campaign-wrap .cont-section.section07 .section-inner .goods-info > ul > li {display:flex;gap:0.6rem}
.campaign-wrap .cont-section.section07 .section-inner .goods-info > ul > li > span {display:inline-block;padding:0.3rem 1.2rem;background-color:#007251;border-radius:6rem;font-size:1.6rem;font-weight:700}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box {margin-top:5.8rem;font-size:2rem;font-weight:600;line-height:140%;text-align:center}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box h4 {width:45.7rem;height:5.1rem;margin:auto;margin-bottom:2.5rem}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper {width:95.4rem;height:48.6rem;margin:auto;margin-top:2.7rem;display:flex;align-items:center}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .swiper-wrapper {display:flex;align-items:center}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .swiper-slide {width:37rem!important;height:35.6rem;display:flex;justify-content:center;align-items:center}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .swiper-slide .slide-card {width:27.2rem;height:35.6rem;overflow:hidden;position:relative;transition:width 0.4s ease, height 0.4s ease}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .swiper-slide .slide-card img {width:100%;height:100%;object-fit:cover;display:block}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .swiper-slide .slide-card::after {content:"";position:absolute;inset:0;background:rgba(0,0,0,0.5);transition:opacity 0.4s ease;opacity:1}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .swiper-slide-active .slide-card {width:37rem;height:48.6rem}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .swiper-slide-active .slide-card::after {opacity:0}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .goods01swiper-btn-next,
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .goods01swiper-btn-prev {width:2.4rem;height:4.2rem;background-repeat:no-repeat;background-position:center center;background-size:contain;transform:translateY(-50%)}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .goods01swiper-btn-next {background-image:url(../images/section07-slide01-btn-next.png);right:22.5rem}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01Swiper .goods01swiper-btn-prev {background-image:url(../images/section07-slide01-btn-prev.png);left:22.5rem}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01-txt {font-size:1.7rem;font-weight:600;line-height:140%;color:#004233;margin-top:4.4rem;text-align:center}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box .goods01-txt > span {border-bottom:0.1rem solid #004233}
.campaign-wrap .cont-section.section07 .section-inner .goods01-slide-box::after {content:'';display:block;width:100%;height:7.3rem;background-image:url(../images/section07-line02.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin-top:4.6rem}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box {margin-top:5.8rem;font-size:2rem;font-weight:600;line-height:140%;text-align:center}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box h4 {width:46.9rem;height:5.1rem;margin:auto;margin-bottom:2.5rem}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide {width:100%;height:38.5rem;margin:auto;margin-top:4.1rem;position:relative}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .goods02Swiper .swiper-slide .slide-inner {width:100%;height:100%;display:flex;align-items:flex-start;background-color:#059A71}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .goods02Swiper .swiper-slide .slide-inner p:nth-child(1) {width:40.3rem;height:38.5rem}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .goods02Swiper .swiper-slide .slide-inner p:nth-child(2) {height:9rem}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .goods02ThumbsSwiper {position:absolute;bottom:0;right:0;z-index:9;width:63.5rem;height:14.2rem}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .goods02ThumbsSwiper .swiper-slide {cursor:pointer}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control {position:absolute;bottom:16rem;right:0;z-index:9;width:32.2rem;height:2rem;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-pagination {width:22rem;display:flex;align-items:center;gap:1rem}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-pagination > span {font-size:1.7rem;font-weight:600}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-pagination .progress__bar {position:relative;width:16.9rem;height:0.1rem;background-color:rgba(255,255,255,0.6)}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-pagination .progress__bar .progress__fill {position:absolute;inset:0;display:block;height:0.3rem;background-color:#fff;top:-0.1rem}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-button {display:flex;align-items:center;justify-content:space-between;width:7rem;height:100%}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-button .goods02swiper-btn-next,
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-button .goods02swiper-btn-prev {width:1.3rem;height:2rem;background-repeat:no-repeat;background-position:center center;background-size:contain;position:initial}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-button .goods02swiper-btn-next {background-image:url(../images/section07-slide02-btn-next.png)}
.campaign-wrap .cont-section.section07 .section-inner .goods02-slide-box .inner-slide .swiper-control .custom-button .goods02swiper-btn-prev {background-image:url(../images/section07-slide02-btn-prev.png)}

.campaign-wrap .camp-mission-progressbar {width:131.6rem;height:3.5rem;background-color:#fff;border:0.2rem solid #004233;border-radius:6rem;position:fixed;left:50%;transform:translateX(-50%);bottom:2.2rem;z-index:99}
.campaign-wrap .camp-mission-progressbar::before {content:'';height:100%;display:block;border-radius:6rem;background-size:cover;background-position:left center;background-repeat:no-repeat;position:absolute;top:0;left:0;transition:all 0.3s}
.campaign-wrap .camp-mission-progressbar .progressbar-inner {position:relative;width:100%;height:100%;background-size:contain;background-position:left center;background-repeat:no-repeat}
.campaign-wrap .camp-mission-progressbar .progressbar-inner > div {position:absolute;background-repeat:no-repeat;background-position:center center;background-size:cover}
.campaign-wrap .camp-mission-progressbar .progressbar-inner .mission-ing {width:12rem;height:11.5rem;background-image:url(../images/camp-bar-model.png);bottom:-1.5rem;left:-4.5rem;z-index:9}
.campaign-wrap .camp-mission-progressbar .progressbar-inner .mission-gift {width:6.4rem;height:6.3rem;background-image:url(../images/camp-bar-iconOff.png);top:50%;transform:translateY(-50%)}
.campaign-wrap .camp-mission-progressbar .progressbar-inner .mission-gift.gift01 {left:50%;transform:translate(-50%, -50%)}
.campaign-wrap .camp-mission-progressbar .progressbar-inner .mission-gift.gift02 {right:-1.5rem}
.campaign-wrap .camp-mission-progressbar.step01::before {width:32.9rem;background-image:url(../images/camp-bar-step01Bg.jpg)}
.campaign-wrap .camp-mission-progressbar.step01 .progressbar-inner .mission-ing {left:25rem}
.campaign-wrap .camp-mission-progressbar.step02::before {width:50%;background-image:url(../images/camp-bar-step01Bg.jpg)}
.campaign-wrap .camp-mission-progressbar.step02 .progressbar-inner .mission-ing {left:50%;transform:translateX(-50%)}
.campaign-wrap .camp-mission-progressbar.step03::before {width:87rem;background-image:url(../images/camp-bar-step02Bg.jpg)}
.campaign-wrap .camp-mission-progressbar.step03 .progressbar-inner .mission-ing {left:80rem}
.campaign-wrap .camp-mission-progressbar.step03 .progressbar-inner .mission-gift.gift01 {background-image:url(../images/camp-bar-iconOn.png)}
.campaign-wrap .camp-mission-progressbar.step04::before {width:107.9rem;background-image:url(../images/camp-bar-step03Bg.jpg)}
.campaign-wrap .camp-mission-progressbar.step04 .progressbar-inner .mission-ing {right:18rem;left:initial}
.campaign-wrap .camp-mission-progressbar.step04 .progressbar-inner .mission-gift.gift01 {background-image:url(../images/camp-bar-iconOn.png)}
.campaign-wrap .camp-mission-progressbar.step05::before {width:100%;background-image:url(../images/camp-bar-step04Bg.jpg)}
.campaign-wrap .camp-mission-progressbar.step05 .progressbar-inner .mission-ing {right:0;left:initial}
.campaign-wrap .camp-mission-progressbar.step05 .progressbar-inner .mission-gift.gift01,
.campaign-wrap .camp-mission-progressbar.step05 .progressbar-inner .mission-gift.gift02 {background-image:url(../images/camp-bar-iconOn.png)}


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