@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;  
    content:
   	url(../images/section06-icon-plus-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.5rem;font-weight:400;line-height:140%;color:#000;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:contain}
.campaign-wrap .cont-section .section-inner {position:relative;height:100%;width:140rem;margin:auto}
.bg-size-cover {background-repeat:no-repeat;background-position:center center;background-size:cover}

.campaign-wrap .cont-section.section01 {height:108rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:7.7rem}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:65.1rem;height:36.8rem;position:absolute;left:37.3rem;top:7.7rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-img-box {width:65.8rem;height:45.5rem;position:absolute;left:37rem;top:46rem;background-image:url(../images/section01-people-img.png)}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt-bottom {width:59.7rem;height:9.7rem;position:absolute;left:40.2rem;bottom:5.6rem}

.campaign-wrap .cont-section.section02 {height:108rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {padding-top:16rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box {margin-left:18.8rem;display:flex;flex-direction:column;gap:31rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > div {font-size:2.2rem;line-height:3rem;letter-spacing:-0.015em;color:#2d2f2c}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > div .txt-img {width:59rem;height:6.3rem;margin:3rem 0 3rem -0.3rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > .box02 {display:flex;flex-flow:row-reverse;margin-right:39rem}

.campaign-wrap .cont-section.section03 {height:108rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:15.7rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-box {margin-left:18.8rem;font-size:2.2rem;line-height:3rem;letter-spacing:-0.015em;color:#2d2f2c}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-box .txt-img {width:54.4rem;height:6.5rem;margin-top:1.9rem}

.campaign-wrap .cont-section.section04 {background-color:#fff}
.campaign-wrap .cont-section.section04 .section-inner {padding:8rem 0 10rem;width:90rem}
.campaign-wrap .cont-section.section04 .section-inner h4 {width:53.5rem;height:9rem;margin:auto;margin-bottom:4.5rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box {width:100%}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box .yt-inner {width:100%;height:50.6rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box .yt-inner > .yt-box {width:100%;height:100%}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box h5 {margin:4rem 0;text-align:center;font-weight:500;font-size:2.6rem;line-height:2.6rem;color:#2c312a}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box h5 > span {color:#22881f;display:inline-block;padding:0.5rem;background-color:#f0fbe8}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul {display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li {width:21.1rem;height:11.6rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li > a {display:block;width:100%;height:100%;position:relative;pointer-events:none;cursor:default}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li > a::after {content:'';display:block;width:100%;height:100%;background-color:rgba(163,163,163,0.94);position:absolute;top:0;left:0;z-index:0}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li > a > span {position:absolute;z-index:1}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li > a > span.number {display:flex;align-items:center;justify-content:center;width:3.3rem;height:3.3rem;border-radius:50%;background-color:#fde541;font-weight:800;font-size:1.7rem;color:#222;letter-spacing:0.02em;top:1rem;left:1rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li > a > span.date {font-weight:500;font-size:2.2rem;line-height:4.3rem;letter-spacing:-0.015em;color:#5c5c5c;bottom:0.5rem;left:50%;transform:translateX(-50%);width:100%;text-align:center}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li.open > a {pointer-events:initial;cursor:pointer}
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li.open > a::after,
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li.open > a::before,
.campaign-wrap .cont-section.section04 .section-inner .camp-video-box ul > li.open > a > span.date {display:none}

.campaign-wrap .cont-section.section05 .section05Swiper .section05Swiper-pagination {position:absolute;z-index:1;bottom:8rem;right:68rem;left:initial;width:6.4rem;height:1.6rem;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section05 .section05Swiper .section05Swiper-pagination .swiper-pagination-bullet {width:1.6rem;height:1.6rem;opacity:1;background-color:#fff;margin:0}
.campaign-wrap .cont-section.section05 .section05Swiper .section05Swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#579729}
.campaign-wrap .cont-section.section05 .camp-cont-box {position:absolute;z-index:2;top:28rem;left:44.8rem}
.campaign-wrap .cont-section.section05 .camp-cont-box > p {font-size:2.2rem;line-height:3rem;letter-spacing:-0.015em;color:#2c312a}
.campaign-wrap .cont-section.section05 .camp-cont-box > p > strong {font-weight:600}
.campaign-wrap .cont-section.section05 .camp-cont-box .camp-btn {margin-top:7rem}
.campaign-wrap .cont-section.section05 .camp-cont-box .camp-btn > a {display:flex;align-items:center;justify-content:center;width:38rem;height:7rem;background-color:#22881f;color:#fff;font-weight:700;font-size:2.2rem;line-height:4rem;letter-spacing:-0.015em}

.campaign-wrap .cont-section.section06 {min-height:197.4rem;background-color:#cdf6af;background-image:url(../images/section06-bg.jpg);background-size:contain;background-position:center top}
.campaign-wrap .cont-section.section06 .section-inner {padding-top:10.2rem}
.campaign-wrap .cont-section.section06 .section-inner h4 {margin-bottom:8.2rem;text-align:center;font-size:3.5rem;font-weight:600;letter-spacing:-0.15rem}
.campaign-wrap .cont-section.section06 .section-inner h4 > span {display:inline-block;padding:0.3rem 0.6rem 0.5rem;background-color:#f2fbe9;color:#22881f;font-weight:700;margin-right:0.3rem}
.campaign-wrap .cont-section.section06 .section-inner h4 > span > em {font-family:'Poppins', sans-serif}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap {width:100%;position:relative}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap::before {content:'';display:block;width:95.8rem;height:36.4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../images/section06-txt-img.png);margin-left:3.6rem}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div {display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:2rem;width:101.1rem}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li {width:32.9rem;height:40.9rem;position:relative;background-color:#fff;border-radius:1.3rem;padding:1.6rem;cursor:pointer}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input {margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input::before {content:'';display:block;width:29.7rem;height:22.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain;margin-bottom:2rem}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(1) input::before {background-image:url(../images/section06-photo01.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(2) input::before {background-image:url(../images/section06-photo02.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(3) input::before {background-image:url(../images/section06-photo03.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(4) input::before {background-image:url(../images/section06-photo04.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(5) input::before {background-image:url(../images/section06-photo05.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(6) input::before {background-image:url(../images/section06-photo06.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(7) input::before {background-image:url(../images/section06-photo07.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(8) input::before {background-image:url(../images/section06-photo08.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:nth-child(9) input::before {background-image:url(../images/section06-photo09.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input + label {display:flex;flex-direction:column;gap:1.2rem;position:relative;cursor:pointer}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input + label > .item-label {font-weight:500;font-size:1.8rem;line-height:1.8rem;color:#a0a89d;letter-spacing:-0.01em}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input + label > .item-price {font-weight:700;font-size:3rem;line-height:3rem;color:#282828;letter-spacing:-0.01em}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input + label::after {content:'';display:block;width:5.4rem;height:5.4rem;background-image:url(../images/section06-icon-plus.png);background-repeat:no-repeat;background-position:center center;background-size:contain;transition:all 0.3s;position:absolute;right:0.8rem;top:0.3rem}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input + label > .item-description {display:block;margin-top:0.8rem;padding-top:1rem;border-top:0.1rem solid #e9e9e9}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input + label > .item-description > em {font-weight:500;font-size:1.8rem;line-height:1.6rem;color:rgba(40,40,40,0.9);letter-spacing:-0.01em;display:inline-block;padding:0 0.4rem;position:relative;z-index:0}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input + label > .item-description > em::after {content:'';display:block;width:100%;height:1rem;background-color:#f6ffcd;position:absolute;left:0;bottom:-0.4rem;z-index:-1}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li:hover input + label::after {background-image:url(../images/section06-icon-plus-hover.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > ul > li input:checked + label::after {background-image:url(../images/section06-icon-minus.png)}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box {width:36.9rem;height:100%;border-radius:1.3rem;background-color:#fff;overflow:hidden}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > ul {width:100%;padding:4.3rem 3.2rem 2.3rem}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > ul > li {height:4.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:0.1rem dashed #d4d4d4}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > ul > li .selected-item-label {font-weight:500;font-size:1.8rem;line-height:1.8rem;letter-spacing:-0.01em;color:#282828}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > ul > li .selected-item-price {text-align:right;font-weight:500;font-size:1.8rem;line-height:1.8rem;letter-spacing:-0.02em;color:#a0a89d}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportTotal-price {width:100%;height:8.4rem;background-color:#f4f6f2;padding:0 3.5rem;display:flex;align-items:center;justify-content:space-between}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportTotal-price > span {font-weight:600;font-size:2rem;line-height:2rem;letter-spacing:-0.01em;color:#282828}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportTotal-price > span + span {font-size:3.2rem;line-height:3.2rem;letter-spacing:-0.02em;color:#22881f}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportBtn {width:100%;padding:4.8rem 3.2rem 9.4rem;background-color:#f2fbe9}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportBtn > ul > li.camp-irregular {padding-bottom:2.8rem;border-bottom:0.1rem solid #cad1c2;margin-bottom:3.9rem}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportBtn > ul > li > a {display:flex;width:100%;height:6.2rem;align-items:center;justify-content:center;border-radius:0.5rem;font-weight:700;font-size:2.2rem;line-height:2rem}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportBtn > ul > li.camp-irregular > a {background-color:#fff;border:0.1rem solid #dadada;color:#22881f}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportBtn > ul > li.camp-regular > a {background-color:#22881f;border:0.1rem solid #dadada;color:#fff}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportBtn > ul > li > p {text-align:center;font-size:1.6rem;line-height:2.4rem;margin-top:2rem;color:#6b8361}
.campaign-wrap .cont-section.section06 .section-inner .supportWrap > div > .supportTotal-box > .supportBtn > ul > li > p > strong {font-weight:700}

.campaign-wrap .cont-section.section07 {height:75.7rem;background-image:url(../images/section07-bg-v2.jpg)}
.campaign-wrap .cont-section.section07 .section-inner {padding-top:11.2rem;width:116rem}
.campaign-wrap .cont-section.section07 .section-inner > p {width:36.4rem;height:4rem;margin-bottom:4.4rem}
.campaign-wrap .cont-section.section07 .section-inner h4 {width:49.1rem;height:9.8rem;margin-bottom:5.2rem}
.campaign-wrap .cont-section.section07 .section-inner .camp-txt-box {font-size:2.2rem;line-height:3rem;letter-spacing:-0.015em;color:#4b4b4b;display:flex;flex-direction:column;gap:1.3rem}
.campaign-wrap .cont-section.section07 .section-inner .camp-txt-box strong {font-weight:600}
.campaign-wrap .cont-section.section07 .section-inner .camp-btn {margin-top:7rem}
.campaign-wrap .cont-section.section07 .section-inner .camp-btn > a {display:flex;align-items:center;justify-content:center;width:38rem;height:7rem;background-color:#22881f;color:#fff;font-weight:700;font-size:2.2rem;line-height:4rem;letter-spacing:-0.015em}

.campaign-wrap .cont-section.section08 {background-color:#fff}
.campaign-wrap .cont-section.section08 .section-inner {padding:10rem 0 11.7rem}
.campaign-wrap .cont-section.section08 .section-inner h4 {width:65.9rem;height:4.5rem;margin:auto;margin-bottom:6.5rem}
.campaign-wrap .cont-section.section08 .section-inner > ul {width:100%;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section08 .section-inner > ul > li {width:35rem;height:35.8rem;background-repeat:no-repeat;background-position:center top;background-size:cover;position:relative}
.campaign-wrap .cont-section.section08 .section-inner > ul > li:nth-child(1) {background-image:url(../images/section08-img01.png)}
.campaign-wrap .cont-section.section08 .section-inner > ul > li:nth-child(2) {background-image:url(../images/section08-img02.png)}
.campaign-wrap .cont-section.section08 .section-inner > ul > li:nth-child(3) {background-image:url(../images/section08-img03.png)}
.campaign-wrap .cont-section.section08 .section-inner > ul > li:nth-child(4) {background-image:url(../images/section08-img04.png)}
.campaign-wrap .cont-section.section08 .section-inner > ul > li > p {font-size:2.2rem;line-height:3.7rem;letter-spacing:-0.015em;color:#5f6c55;position:absolute;top:17rem;left:50%;transform:translateX(-50%);text-align:center;width:100%}

.campaign-wrap .cont-section.section09 {background-color:#f0fbe8}
.campaign-wrap .cont-section.section09 .section-inner {padding:11rem 0 9.4rem}
.campaign-wrap .cont-section.section09 .section-inner h4 {width:64.4rem;height:4.5rem;margin:auto;margin-bottom:3.3rem}
.campaign-wrap .cont-section.section09 .section-inner .camp-txt-sub {font-size:2.2rem;line-height:3rem;letter-spacing:-0.015em;color:#2c312a;text-align:center;margin-bottom:5rem}
.campaign-wrap .cont-section.section09 .section-inner .camp-cont-img {width:104.4rem;height:98.3rem;margin:auto;background-repeat:no-repeat;background-position:center top;background-size:contain;background-image:url(../images/section09-img.png)}

.campaign-wrap .cont-section.section10 {height:110.6rem;background-image:url(../images/section10-bg.jpg)}
.campaign-wrap .cont-section.section10 .section-inner {padding-top:11rem}
.campaign-wrap .cont-section.section10 .section-inner .inner-top {margin-left:15.5rem;width:59.9rem}
.campaign-wrap .cont-section.section10 .section-inner .inner-top h4 {width:53.1rem;height:4.5rem;margin:auto;margin-bottom:3.5rem}
.campaign-wrap .cont-section.section10 .section-inner .inner-top .logo-list-img {width:100%;height:30.6rem;background-repeat:no-repeat;background-position:center top;background-size:contain;background-image:url(../images/section10-logo-list.png)}
.campaign-wrap .cont-section.section10 .section-inner .inner-bottom {width:102.4rem;margin:auto;margin-top:18.8rem;display:flex;justify-content:flex-end}
.campaign-wrap .cont-section.section10 .section-inner .inner-bottom .bottom-box {width:38rem}
.campaign-wrap .cont-section.section10 .section-inner .inner-bottom .bottom-box .camp-txt {font-size:2.2rem;line-height:3rem;letter-spacing:-0.015em;color:#2c312a}
.campaign-wrap .cont-section.section10 .section-inner .inner-bottom .bottom-box .camp-txt .txt-img {width:37.8rem;height:9.6rem;margin-top:3.3rem}
.campaign-wrap .cont-section.section10 .section-inner .inner-bottom .bottom-box .camp-btn {margin-top:5.5rem}
.campaign-wrap .cont-section.section10 .section-inner .inner-bottom .bottom-box .camp-btn > a {display:flex;align-items:center;justify-content:center;width:100%;height:7rem;background-color:#22881f;color:#fff;font-weight:700;font-size:2.2rem;line-height:4rem;letter-spacing:-0.015em}

.campaign-copyright {height:16.2rem;font-size:2.1rem}

.camp-fixed-banner {width:18rem;height:37rem;position:fixed;top:18rem;right:3rem;box-shadow:0.8rem 0.8rem 1.6rem rgba(58, 87, 93, 0.3);border-radius:2rem;background-repeat:no-repeat;background-position:center top;background-size:contain;background-image:url(../images/camp-fixed-banner.png);opacity:0;z-index:999;transition:all 0.3s}
.camp-fixed-banner.active {opacity:1}
.camp-fixed-banner > ul > li:nth-child(1) {width:100%;height:18.7rem;text-align:center;color:#222;padding-top:5.2rem;font-size:1.3rem;line-height:2.3rem;font-weight:500}
.camp-fixed-banner > ul > li:nth-child(1) > span {font-family:'Poppins', sans-serif;font-weight:700;color:#00a808;font-size:2.2rem;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px  1px 0 #fff,1px  1px 0 #fff}
.camp-fixed-banner > ul > li:nth-child(2) {width:100%;height:9.5rem;margin-top:6.5rem}
.camp-fixed-banner > ul > li:nth-child(2) > a {display:block;width:100%;height:100%}

.shake-lr {-webkit-animation:shake-lr 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;animation:shake-lr 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both}

@-webkit-keyframes shake-lr {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(23deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  90% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
}



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