@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/nanumsquare-neo');

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    /* content:url(../images/camp-floatingBanner-bgHover.png) url(../images/cont-btn-arrow-hover.png); */
	
}

:root {
	--base-dropshadow:drop-shadow(2px 4px 26px rgba(0,0,0,0.45));
	--light-dropshadow:drop-shadow(2px 0 30px rgba(0,0,0,0.1));
	--dark-dropshadow:drop-shadow(0px 4px 50px rgba(0,0,0,0.75));
}

.wrap-camp {letter-spacing:-1px}
.campaign-wrap {position:relative;width:1920px;margin:auto;font-family:'NanumSquare Neo';font-weight:500;letter-spacing:-0.07em;color:#262319}
.campaign-wrap img {vertical-align:bottom}
.campaign-wrap .cont-section {position:relative;background-position:center top;background-repeat:no-repeat;background-size:contain}
.campaign-wrap .cont-section .cont-inner {position:relative;width:1440px;margin:auto}

.cont-section.cont01 {height:888px;background-image:url(../images/cont01-bg.jpg);display:flex;align-items:center}
.cont-section.cont01 .cont-inner .title-box {margin-left:127px;width:512px}
.cont-section.cont01 .cont-inner .title-box > h3 {margin-top:28px;margin-bottom:58px}
.cont-section.cont01 .cont-inner .title-box > .tac {filter:drop-shadow(0px 0px 25px rgba(0,0,0,0.85))}

.cont-section.cont02 {height:800px;background-image:url(../images/cont02-bg.jpg);display:flex;align-items:center}
.cont-section.cont02 .cont-inner {display:flex;justify-content:flex-end}
.cont-section.cont02 .cont-inner .txt-box {margin-right:148px;width:405px;color:#fff}
.cont-section.cont02 .cont-inner .txt-box .top-txt {font-size:43px;font-weight:700;line-height:160%;filter:var(--light-dropshadow);display:flex;flex-direction:column;gap:5px}
.cont-section.cont02 .cont-inner .txt-box .txt {margin-top:33px;font-size:24px;line-height:165%;display:flex;flex-direction:column;gap:18px;filter:var(--base-dropshadow);margin-left:12px}
.cont-section.cont02 .cont-inner .txt-box .txt strong {font-weight:900}

.cont-section.cont03 {height:891px;background-image:url(../images/cont03-bg.jpg);display:flex;align-items:center}
.cont-section.cont03 .cont-inner .txt-box {width:378px;margin-left:150px;color:#fff}
.cont-section.cont03 .cont-inner .txt-box .top-txt {font-size:43px;font-weight:700;line-height:160%;filter:var(--light-dropshadow);display:flex;flex-direction:column;gap:5px}
.cont-section.cont03 .cont-inner .txt-box .txt {margin-top:33px;font-size:24px;line-height:165%;filter:var(--base-dropshadow)}
.cont-section.cont03 .cont-inner .txt-box .txt strong {font-weight:900}
.cont-section.cont03 .data-list {width:820px;height:891px;background-image:url(../images/cont03-data-img.png);background-repeat:no-repeat;background-position:center center;position:absolute;top:0;right:0}

.cont-section.cont04 {height:300px}
.cont-section.cont04 .cont04Swiper {height:100%}
.cont-section.cont04 .cont04Swiper .swiper-slide {background-repeat:no-repeat;background-position:center center}
.cont-section.cont04 .cont04Swiper .swiper-slide.slide01 {background-image:url(../images/cont04-slide-bg01.jpg)}
.cont-section.cont04 .cont04Swiper .swiper-slide.slide02 {background-image:url(../images/cont04-slide-bg02.jpg)}
.cont-section.cont04 .cont04Swiper .swiper-slide.slide03 {background-image:url(../images/cont04-slide-bg03.jpg)}
.cont-section.cont04 .cont04Swiper .swiper-slide > .slide-inner {height:100%;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}
.cont-section.cont04 .cont04Swiper .swiper-slide > .slide-inner > p:first-child {filter:var(--dark-dropshadow)}

.cont-section.cont05 {height:800px;background-image:url(../images/cont05-bg.jpg);display:flex;align-items:center}
.cont-section.cont05 .cont-inner {display:flex;justify-content:flex-end}
.cont-section.cont05 .cont-inner .txt-box {margin-right:149px;width:412px;color:#fff}
.cont-section.cont05 .cont-inner .txt-box .top-txt {font-size:43px;font-weight:700;line-height:160%;filter:var(--light-dropshadow);display:flex;flex-direction:column;gap:5px}
.cont-section.cont05 .cont-inner .txt-box .txt {margin-top:33px;font-size:24px;line-height:165%;display:flex;flex-direction:column;gap:18px;filter:var(--base-dropshadow);margin-left:12px}
.cont-section.cont05 .cont-inner .txt-box .txt strong {font-weight:900}

.cont-section.cont06 {padding:120px 0;background-color:#FF7268;display:flex;align-items:center}
.cont-section.cont06 .cont-inner {display:flex;flex-direction:column;gap:60px;align-items:center}
.cont-section.cont06 .cont-inner > h4 {filter:var(--light-dropshadow)}
.cont-section.cont06 .cont-inner > ul {display:flex;flex-direction:row;gap:15px;width:1225px;height:421px}
.cont-section.cont06 .cont-inner > ul > li {width:25%;background-repeat:no-repeat;background-position:center top}
.cont-section.cont06 .cont-inner > ul > li:nth-child(1) {background-image:url(../images/cont06-card-bg01.png)}
.cont-section.cont06 .cont-inner > ul > li:nth-child(2) {background-image:url(../images/cont06-card-bg02.png)}
.cont-section.cont06 .cont-inner > ul > li:nth-child(3) {background-image:url(../images/cont06-card-bg03.png)}
.cont-section.cont06 .cont-inner > ul > li:nth-child(4) {background-image:url(../images/cont06-card-bg04.png)}
.cont-section.cont06 .cont-inner > ul > li > p {padding:270px 30px 21px 30px;font-size:18px;font-weight:400;line-height:180%;color:#556151;letter-spacing:-0.07em;text-align:center;height:130px;display:flex;justify-content:center;align-items:center}

.cont-section.cont07 {padding:120px 0;background-color:#FFCDC3;display:flex;align-items:center}
.cont-section.cont07 .cont-inner {text-align:center}
.cont-section.cont07 .cont-inner > h4 {margin-bottom:25px}
.cont-section.cont07 .cont-inner > .sub-txt {font-size:22px;font-weight:700;color:#464646}
.cont-section.cont07 .cont-inner .cont07Swiper {width:1380px;margin:auto;margin-top:60px;padding-bottom:40px}

.swiper-button-prev::after,
.swiper-button-next::after {display:none}
.swiper-button-prev,
.swiper-button-next {width:38px;height:39px;background-repeat:no-repeat;background-position:center center}
.swiper-button-prev {background-image:url(../images/cont07-arrow-prev.png)}
.swiper-button-next {background-image:url(../images/cont07-arrow-next.png)}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {top:initial;bottom:0}
.swiper-pagination-bullet {width:16px;height:16px;background-color:#ADADAD;opacity:1}
.swiper-pagination-bullet-active {background-color:#fff}

.cont-section.cont08 {padding:120px 0;background-color:#FFE7DF;display:flex;align-items:center}
.cont-section.cont08 .cont-inner {text-align:center}
.cont-section.cont08 .cont-inner > h4 {margin-bottom:35px}
.cont-section.cont08 .cont-inner > .kit-info {width:683px;margin:auto;background-color:#fff;border-radius:7px}
.cont-section.cont08 .cont-inner > .kit-info > .inner {padding:25px 50px 32px 50px}
.cont-section.cont08 .cont-inner > .kit-info > .inner > h5 {font-size:22px;font-weight:800;color:#6A6A6A;border-bottom:1px dashed #6A6A6A;padding-bottom:7px}
.cont-section.cont08 .cont-inner > .kit-info > .inner > ol {margin-top:20px;font-size:22px;font-weight:700;line-height:170%}
.cont-section.cont08 .cont-inner > .kit-info > .inner > ol > li {text-align:left;color:#5F5F5F}
.cont-section.cont08 .cont-inner > .relief-goods-box {width:875px;margin:auto;margin-top:60px}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul {display:flex;flex-direction:row;flex-wrap:wrap;row-gap:15px}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li {width:25%;height:225px;position:relative}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li .photo {filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.05))}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li input {margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;border-radius:9px}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li input::before {content:'';display:block;width:201px;height:200px;filter:var(--light-dropshadow);background-repeat:no-repeat;background-position:center center;border-radius:9px;transition:all 0.2s}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li input:checked::before {box-shadow:0 0 0 2px #009465 inset}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(1) input::before {background-image:url(../images/cont08-relief-goods01.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(1) input:hover::before {background-image:url(../images/cont08-relief-goods01-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(2) input::before {background-image:url(../images/cont08-relief-goods02.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(2) input:hover::before {background-image:url(../images/cont08-relief-goods02-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(3) input::before {background-image:url(../images/cont08-relief-goods03.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(3) input:hover::before {background-image:url(../images/cont08-relief-goods03-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(4) input::before {background-image:url(../images/cont08-relief-goods04.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(4) input:hover::before {background-image:url(../images/cont08-relief-goods04-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(5) input::before {background-image:url(../images/cont08-relief-goods05.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(5) input:hover::before {background-image:url(../images/cont08-relief-goods05-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(6) input::before {background-image:url(../images/cont08-relief-goods06.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(6) input:hover::before {background-image:url(../images/cont08-relief-goods06-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(7) input::before {background-image:url(../images/cont08-relief-goods07.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(7) input:hover::before {background-image:url(../images/cont08-relief-goods07-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(8) input::before {background-image:url(../images/cont08-relief-goods08.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li:nth-child(8) input:hover::before {background-image:url(../images/cont08-relief-goods08-hover.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li input ~ label {display:block;width:146px;height:50px;background-image:url(../images/cont08-btn-plus.png);background-repeat:no-repeat;background-position:center center;position:absolute;left:50%;transform:translateX(-50%);bottom:0;cursor:pointer;filter:drop-shadow(1px 1px 5px rgba(0,0,0,0.08));transition:all 0.2s}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li input ~ label::before {content:'담기';text-indent:-99999em;color:transparent}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li input:checked ~ label {background-image:url(../images/cont08-btn-plusOn.png)}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > ul > li input:checked ~ label::before {content:'담기 완료'}
.cont-section.cont08 .cont-inner > .relief-goods-box > .goods-list > p {font-size:18px;color:#626262;margin-top:35px}
.cont-section.cont08 .cont-inner > .relief-goods-box > .btn-kit-complete {margin-top:60px}
.cont-section.cont08 .cont-inner > .relief-goods-box > .btn-kit-complete > button {width:366px;height:89px;background-color:#009465;border-radius:5px;transition:all 0.2s}
.cont-section.cont08 .cont-inner > .relief-goods-box > .btn-kit-complete > button:disabled,
.cont-section.cont08 .cont-inner > .relief-goods-box > .btn-kit-complete > button[disabled] {background-color:#9C9C9C}

.cont-section.cont09 {padding:120px 0;background-color:#FFF8F3;display:flex;align-items:center}
.cont-section.cont09 .cont-inner {text-align:center}
.cont-section.cont09 .cont-inner > h4 {margin-bottom:70px}
.cont-section.cont09 .cont-inner > .zeroWaste-kit-info {width:662px;margin:auto}
.cont-section.cont09 .cont-inner > .zeroWaste-kit-info > ul {padding:35px 55px;display:flex;flex-direction:column;gap:23px;font-size:23px;color:#556151;text-align:left;background-color:#fff;border-radius:7px;margin-bottom:70px}
.cont-section.cont09 .cont-inner > .zeroWaste-kit-info > ul > li > span {display:inline-block;margin-right:30px;font-weight:700}
.cont-section.cont09 .cont-inner > .zeroWaste-kit-info > ul > li > strong {color:#007963}
.cont-section.cont09 .cont-inner > .btn-zeroWaste-kit {margin-top:40px}

.mt5 {margin-top:5px}
.ml12 {margin-left:12px}

.blocker {background-color:rgba(94,94,94,0.6);z-index:999}
.modal.kitMessage-modal {width:670px;height:250px;border-radius:10px;overflow:hidden;box-shadow:none}
.modal.kitMessage-modal .modal-inner {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.modal.kitMessage-modal .modal-inner p {font-size:20px;color:#40483D}
.modal.kitMessage-modal .modal-inner .btn-close {font-size:25px;font-weight:900;width:107px;height:52px;text-align:center;line-height:50px;background-color:#9C9C9C;color:#fff;border-radius:3px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));transition:all 0.2s}
.modal.kitMessage-modal .modal-inner .btn-close:hover {background-color:#656565}
.modal.kitMessage-modal .close-modal {width:27px;height:27px;background-image:url(../images/modal-close.png);top:25px;right:27px}


/* 노트북 배율 스타일 지우지 말 것 */
@media (max-width: 1536px) {
	html, body {zoom:0.96}
    .campaign-wrap {zoom:0.87}
    
    .campaign-wrap .cont-section .cont-inner {margin-top:-1px}
}