@charset "UTF-8";

:root {
	--camp-main-green:#286443;
	--camp-point-green:#00B362
}

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:
    url(../images/section08-tab01Photo-active.jpg)
    url(../images/section08-tab02Photo-active.jpg)
    url(../images/section08-tab03Photo-active.jpg)
    url(../images/section08-tab04Photo-active.jpg)
    url(../images/section08-tab01-contBg.jpg)
    url(../images/section08-tab02-contBg.jpg)
    url(../images/section08-tab03-contBg.jpg)
    url(../images/section08-tab04-contBg.jpg)
}

@font-face {
    font-family: 'EsaManru';
    font-weight: 500;
    font-style: normal;
    src: url('/resources/font/campaign/EsaManru/EsaManruMedium.eot');
    src: url('/resources/font/campaign/EsaManru/EsaManruMedium.eot?#iefix') format('embedded-opentype'),
        url('/resources/font/campaign/EsaManru/EsaManruMedium.woff2') format('woff2'),
        url('/resources/font/campaign/EsaManru/EsaManruMedium.woff') format('woff'),
        url('/resources/font/campaign/EsaManru/EsaManruMedium.otf') format("opentype");
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:2rem;font-weight:500;line-height:1.3;color:#171717;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;width:136rem;margin:auto}

.campaign-wrap .cont-section.section01 {height:100rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .camp-eyebrow {font-size:2.4rem;font-weight:700;position:absolute;top:2.95rem;right:6.2rem;color:#505050}
.campaign-wrap .cont-section.section01 .title-area {padding-top:12rem;margin-left:12rem}
.campaign-wrap .cont-section.section01 .title-area > p {margin-bottom:11.7rem}
.campaign-wrap .cont-section.section01 .title-area > h3 {font-size:14.1rem;font-weight:900;line-height:1.2;letter-spacing:-0.04em;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1.2rem}
.campaign-wrap .cont-section.section01 .title-area > h3 > span {display:inline-block;padding:0 2.3rem;background-color:var(--camp-point-green)}

.campaign-wrap .cont-section.section02 {background-color:#000;color:#fff}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont01 {height:36.4rem;display:flex;align-items:center;justify-content:center;font-size:5rem;line-height:1.7;font-weight:400;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont01 > p > span {font-weight:700;border-bottom:0.5rem solid #fff}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont02 {height:80rem;display:flex;align-items:center;justify-content:center;gap:9rem;letter-spacing:-0.05em}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont02 > p > img {width:69.9rem;height:56rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont02 .camp-txt-box > .main-txt {font-size:4.5rem;font-weight:800;line-height:1.36;display:inline-flex;flex-direction:column;align-items:flex-start;gap:0.6rem;margin-bottom:2.6rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont02 .camp-txt-box > .main-txt > span {display:inline-block;padding:0 1rem;background-color:var(--camp-point-green);color:#171717}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont02 .camp-txt-box > .camp-txt {color:#fff;font-size:2.5rem;font-weight:200;line-height:1.5;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1.7rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-cont02 .camp-txt-box > .camp-txt strong {font-weight:700}

.campaign-wrap .cont-section.section03 {background-color:#292929}
.campaign-wrap .cont-section.section03 .section-inner {padding:14rem 0}
.campaign-wrap .cont-section.section03 .section-inner .title-area {text-align:center;margin-top:-3rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6rem}
.campaign-wrap .cont-section.section03 .section-inner .title-area > img {width:51.6rem;height:52.2rem}
.campaign-wrap .cont-section.section03 .section-inner .title-area > p {color:#fff;font-size:4.5rem;font-weight:600;line-height:1.36;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section03 .section-inner .problem-list {display:flex;align-items:center;gap:2rem;margin-top:5rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li {border-radius:2rem;overflow:hidden;width:44rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner::before {content:'';display:block;width:100%;height:28.1rem;background-repeat:no-repeat;background-position:center top;background-size:contain}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li:nth-child(1) .list-inner::before {background-image:url(../images/section03-photo01.jpg)}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li:nth-child(2) .list-inner::before {background-image:url(../images/section03-photo02.jpg)}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li:nth-child(3) .list-inner::before {background-image:url(../images/section03-photo03.jpg)}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner .list-txt-box {background-color:#171717;color:#fff;padding:4.5rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner .list-txt-box .figure {margin-bottom:2.6rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner .list-txt-box .figure > span {font-size:3rem;font-weight:700;line-height:1.4;display:inline-block;padding:0 1rem;background-color:var(--camp-point-green);color:#171717}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner .list-txt-box h5 {display:flex;flex-direction:column;align-items:flex-start;gap:3rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner .list-txt-box h5::after {content:'';display:block;width:100%;height:0.1rem;background-color:#CBCBB0}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li:nth-child(1) .list-inner .list-txt-box h5 > img {width:24.3rem;height:2.8rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li:nth-child(2) .list-inner .list-txt-box h5 > img {width:18.1rem;height:2.8rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li:nth-child(3) .list-inner .list-txt-box h5 > img {width:18.6rem;height:2.8rem}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner .list-txt-box .list-txt {font-size:2.5rem;line-height:1.55;letter-spacing:-0.05em;font-weight:200}
.campaign-wrap .cont-section.section03 .section-inner .problem-list li .list-inner .list-txt-box .list-txt strong {font-weight:600}

.campaign-wrap .cont-section.section04 {background-color:var(--camp-main-green)}
.campaign-wrap .cont-section.section04 .section-inner {padding:14rem 0}
.campaign-wrap .cont-section.section04 .section-inner .main-txt {text-align:center;color:#fff;font-size:4.5rem;font-weight:600;line-height:1.36}
.campaign-wrap .cont-section.section04 .section-inner .main-txt > span {display:inline-block;padding:0 1rem;background-color:var(--camp-point-green);color:#171717;font-weight:800}
.campaign-wrap .cont-section.section04 .section-inner .solution-list {display:flex;align-items:center;gap:2rem;margin-top:5rem}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li {border-radius:2rem;overflow:hidden;width:44rem}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner::before {content:'';display:block;width:100%;height:28.1rem;background-repeat:no-repeat;background-position:center top;background-size:contain}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li:nth-child(1) .list-inner::before {background-image:url(../images/section04-photo01.jpg)}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li:nth-child(2) .list-inner::before {background-image:url(../images/section04-photo02.jpg)}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li:nth-child(3) .list-inner::before {background-image:url(../images/section04-photo03.jpg)}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box {background-color:#fff;color:#676767;padding:4.5rem}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box .figure {margin-bottom:2.6rem}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box .figure > span {font-size:3rem;font-weight:700;line-height:1.4;display:inline-block;padding:0 1rem;background-color:var(--camp-point-green);color:#171717}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box h5 {display:flex;flex-direction:column;align-items:flex-start;gap:3rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box h5::after {content:'';display:block;width:100%;height:0.1rem;background-color:#CBCBB0}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box h5 > img {width:35rem;height:7.9rem}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box .list-txt {font-size:2.5rem;line-height:1.55;letter-spacing:-0.06em;font-weight:300}
.campaign-wrap .cont-section.section04 .section-inner .solution-list li .list-inner .list-txt-box .list-txt strong {font-weight:600}

.campaign-wrap .cont-section.section05 {height:97.5rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding-top:50.4rem;text-align:center}
.campaign-wrap .cont-section.section05 .section-inner > p {font-size:6.8rem;font-weight:700;line-height:1.36;color:#fff}
.campaign-wrap .cont-section.section05 .section-inner > p > span {display:inline-block;padding:0 0.6rem;background-color:var(--camp-point-green);color:#101010}

.campaign-wrap .cont-section.section06 {padding:14rem 0;background-color:#fff}
.campaign-wrap .cont-section.section06 .section-inner {width:139rem}
.campaign-wrap .cont-section.section06 .section-inner > h4 {font-size:4.7rem;font-weight:700;color:var(--camp-main-green);line-height:1.36;width:78rem;margin:auto;text-align:center;position:relative}
.campaign-wrap .cont-section.section06 .section-inner > h4::before,
.campaign-wrap .cont-section.section06 .section-inner > h4::after {content:'';display:block;width:5.9rem;height:4.1rem;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute}
.campaign-wrap .cont-section.section06 .section-inner > h4::before {background-image:url(../images/section06-icon-comment-left.png);top:0;left:0}
.campaign-wrap .cont-section.section06 .section-inner > h4::after {background-image:url(../images/section06-icon-comment-right.png);top:0;right:0}
.campaign-wrap .cont-section.section06 .section-inner > p {margin-top:3.6rem;margin-bottom:4.9rem;display:flex;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section06 .section-inner > p > span {display:inline-flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:500;line-height:1.4;color:var(--camp-main-green);width:46.1rem;height:8.8rem;border:0.1rem solid var(--camp-main-green);border-radius:5rem}

.campaign-wrap .cont-section.section07 {height:64.1rem;background-image:url(../images/section07-bg.jpg);display:flex;align-items:center}
.campaign-wrap .cont-section.section07 .section-inner {font-size:2.8rem;font-weight:500;line-height:1.36;letter-spacing:-0.05em;color:#fff}
.campaign-wrap .cont-section.section07 .section-inner .main-txt {font-size:4.5rem;font-weight:700;line-height:1.36;letter-spacing:-0.05em;color:#000;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin-bottom:4rem}
.campaign-wrap .cont-section.section07 .section-inner .main-txt > span {display:inline-block;padding:0 0.6rem;background-color:var(--camp-point-green)}

.campaign-wrap .cont-section.section08 {padding:10rem}
.campaign-wrap .cont-section.section08 .section-inner {width:96.8rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu {width:100%}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul {display:flex;gap:1.6rem;justify-content:space-between;position:relative;height:27.1rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li {width:23rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;height:100%;text-align:center;background-color:#F0F0E7;border:0.1rem solid #DEDEDE;color:#878787;font-size:1.8rem;font-weight:400;padding:2rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li a::before {content:'';display:block;width:100%;height:10.8rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu1] a::before {background-image:url(../images/section08-tab01Photo.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu1].on a::before {background-image:url(../images/section08-tab01Photo-active.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu2] a::before {background-image:url(../images/section08-tab02Photo.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu2].on a::before {background-image:url(../images/section08-tab02Photo-active.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu3] a::before {background-image:url(../images/section08-tab03Photo.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu3].on a::before {background-image:url(../images/section08-tab03Photo-active.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu4] a::before {background-image:url(../images/section08-tab04Photo.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li[data-tab=menu4].on a::before {background-image:url(../images/section08-tab04Photo-active.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li a > p > .support-cate {font-size:2.4rem;font-weight:700;display:block;width:100%;padding:0 1rem;background-color:#DADAD2;border-radius:6rem;margin-bottom:0.8rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li a > p > span {line-height:140%}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li.on a {background-color:var(--camp-main-green);border:0;color:#fff;box-shadow:0.4rem 0.4rem 0 rgba(0,0,0,0.23);margin-top:-0.4rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu ul li.on a > p > .support-cate {background-color:#fff;color:var(--camp-main-green)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content {display:none;width:100%;margin-top:5rem;text-align:center}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner {margin-top:4rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .inner-box {background-repeat:no-repeat;background-position:center top;background-size:contain;width:96.8rem;height:48.4rem;border-radius:2rem;filter:drop-shadow(1.36rem 1.36rem 1.903rem #BDBDAE);padding:7rem;text-align:left;color:#fff}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content.tab-content01 .tab-cont-inner .inner-box {background-image:url(../images/section08-tab01-contBg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content.tab-content02 .tab-cont-inner .inner-box {background-image:url(../images/section08-tab02-contBg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content.tab-content03 .tab-cont-inner .inner-box {background-image:url(../images/section08-tab03-contBg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content.tab-content04 .tab-cont-inner .inner-box {background-image:url(../images/section08-tab04-contBg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .inner-box .camp-txt-box {margin-top:5rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .inner-box .camp-txt-box .main-txt {display:inline-flex;flex-direction:column;align-items:flex-start;gap:0.7rem;font-size:4rem;font-weight:700;margin-bottom:2.6rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .inner-box .camp-txt-box .main-txt > span {display:inline-block;padding:0.2rem 0.6rem;background-color:#fff;color:var(--camp-main-green)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .inner-box .camp-txt-box .sub-txt {font-size:2rem;line-height:1.6;font-weight:200}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .inner-box .camp-txt-box .sub-txt > strong {font-size:2rem;line-height:1.6;font-weight:600}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .btn-box::before {content:'';display:block;width:100%;height:0.1rem;background-color:#C0C0C0;margin:8rem 0}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .btn-box > a {display:flex;align-items:center;justify-content:center;width:35rem;height:7rem;margin:auto;background-color:var(--camp-main-green);box-shadow:0.4rem 0.4rem 0 rgba(0,0,0,0.23);color:#fff}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .btn-box > a > span {font-family:'EsaManru';font-size:2.4rem;font-weight:500;line-height:auto;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content.on {display:block}

.campaign-wrap .cont-section.section09 {height:30.2rem;background-color:#171717;display:flex;align-items:center;justify-content:center;text-align:center}
.campaign-wrap .cont-section.section09 .camp-txt-box {font-size:1.8rem;font-weight:300;color:#fff;line-height:1.6;display:flex;flex-direction:column;gap:.8rem}
.campaign-wrap .cont-section.section09 .camp-txt-box > p:nth-child(2) {color:rgba(255,255,255,0.3)}

.campaign-wrap .cont-section.section10 {height:10.9rem;background-color:#000;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:1.8rem;font-weight:300;line-height:1.6}

.camp-fixed-banner {position:fixed;right:6rem;top:35.6rem;width:19.2rem;height:28.9rem;background-image:url(../images/camp-fixed-banner-bg.png);background-repeat:no-repeat;background-position:center top;background-size:contain;border-radius:2rem;border:0.1rem solid #007943;filter:drop-shadow(0 0.4rem 0.4rem rgba(0,0,0,0.25))}
.camp-fixed-banner > a {display:flex;align-items:flex-end;width:100%;height:100%}
.camp-fixed-banner > a > span {display:flex;width:100%;height:9.5rem;background-color:var(--camp-point-green);align-items:center;justify-content:center;text-align:center;border-radius:0 0 2rem 2rem;font-size:2.4rem;font-weight:700;color:#171717}





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