@charset "UTF-8";
@import url(/resources/font/campaign/EsaManru/EsaManru.css);

:root{
	--camp-color-green:#009465;
	--camp-color-yellow:#ffd566
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:inherit;font-size:3rem;line-height:initial;font-weight:300;color:#333;letter-spacing:-0.04em}
.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 .cont-inner {position:relative;width:154.3rem;margin:auto}

.campaign-wrap .cont-section.cont01 {height:97.5rem;background-image:url(../images/cont01-bg.jpg);color:#fff}
.campaign-wrap .cont-section.cont01 .cont-inner {padding-top:7.5rem}
.campaign-wrap .cont-section.cont01 .cont-inner .eyebrow-txt {font-family:'EsaManru';font-weight:300;font-size:2.5rem;display:inline-block;padding-bottom:1rem;border-bottom:0.4rem solid #fff}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area {text-align:center;margin-top:16rem;zoom:0.9}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area > h3 {display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area > h3 > span {font-family:'EsaManru';font-weight:300;font-size:6.5rem}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area > h3::after {content:'';display:block;width:113rem;height:57.6rem;background-image:url(../images/camp-title-deco.png);background-position:center top;background-repeat:no-repeat;background-size:contain;position:absolute;top:-12.5rem;left:32.5rem}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area > p {font-size:3.5rem;margin-top:2rem}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area > p > span {font-weight:900;display:inline-block;padding-bottom:0.1rem;border-bottom:0.6rem solid #fff}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area .btn-box {margin-top:4.5rem;display:flex;justify-content:center}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area .btn-box > a {display:flex;flex-direction:column;justify-content:center;width:45rem;height:17rem;border-radius:3rem;background-color:var(--camp-color-green);color:#fff;font-family:'EsaManru';font-weight:300;font-size:3.8rem}
.campaign-wrap .cont-section.cont01 .cont-inner .top-title-area .btn-box > a > span {font-weight:700;font-size:5rem;color:var(--camp-color-yellow)}

.campaign-wrap .cont-section.cont02 {height:99.3rem;background-image:url(../images/cont02-bg.jpg);color:var(--camp-color-green)}
.campaign-wrap .cont-section.cont02 .cont-inner {padding-top:5.5rem;text-align:center}
.campaign-wrap .cont-section.cont02 .cont-inner h4 {font-family:'EsaManru';font-weight:300;font-size:6.5rem;margin-bottom:3.5rem}
.campaign-wrap .cont-section.cont02 .cont-inner h4 > span {font-weight:700}
.campaign-wrap .cont-section.cont02 .cont-inner .camp-txt-box {display:flex;flex-direction:column;gap:3rem}
.campaign-wrap .cont-section.cont02 .cont-inner .camp-txt-box strong {font-weight:600}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport {margin-top:4rem}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul {display:flex;justify-content:space-between;width:79rem;margin:auto}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li {width:38.3rem;height:55rem}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li > .inner h5 {display:flex;align-items:center;justify-content:center;height:17.7rem;background-color:var(--camp-color-green);color:#fff;border-radius:3rem 3rem 0 0;font-family:'EsaManru';font-weight:500;font-size:3.5rem;position:relative}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li > .inner h5 strong {font-weight:500;color:var(--camp-color-yellow)}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li > .inner h5::after {content:'';display:block;width:5rem;height:5rem;border-radius:50%;position:absolute;bottom:-2.5rem;background-color:var(--camp-color-green);background-image:url(../images/cont02-icon-arrow.png);background-repeat:no-repeat;background-position:center center;z-index:9}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li > .inner p {height:37.3rem;background-color:#fff;border:0.5rem solid var(--camp-color-green);border-radius:0 0 3rem 3rem;color:#333;position:relative;line-height:4rem}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li > .inner p > span {color:var(--camp-color-green);font-weight:600}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li > .inner p::before {content:'';display:block;width:12rem;height:12rem;background-repeat:no-repeat;background-position:center center;background-size:contain;margin:auto;margin-top:5.5rem;margin-bottom:2.5rem}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li:nth-child(1) > .inner p::before {background-image:url(../images/cont02-icon01.png)}
.campaign-wrap .cont-section.cont02 .cont-inner .about-sosoSupport > ul > li:nth-child(2) > .inner p::before {background-image:url(../images/cont02-icon02.png)}

.campaign-wrap .cont-section.cont03 {height:109.3rem;background-image:url(../images/cont03-bg.jpg);color:#fff}
.campaign-wrap .cont-section.cont03 .cont-inner {padding-top:15.5rem}
.campaign-wrap .cont-section.cont03 .cont-inner .eyebrow-txt {font-family:'EsaManru';font-weight:300;font-size:2.5rem;display:inline-block;padding-bottom:1rem;border-bottom:0.4rem solid #fff}
.campaign-wrap .cont-section.cont03 .cont-inner h4 {font-family:'EsaManru';font-weight:300;font-size:6.5rem;line-height:9rem;text-align:center;margin-top:12rem}
.campaign-wrap .cont-section.cont03 .cont-inner h4 > span {display:inline-block;position:relative;z-index:0}
.campaign-wrap .cont-section.cont03 .cont-inner h4 > span::after {content:'';display:block;width:101%;height:1.9rem;background-color:var(--camp-color-green);position:absolute;left:-0.2rem;bottom:1rem;z-index:-1}
.campaign-wrap .cont-section.cont03 .cont-inner .cont-info-txt {font-size:2rem;color:rgba(255,255,255,0.5);text-align:right;margin-top:24rem;margin-right:6rem}
.campaign-wrap .cont-section.cont03 .cont-inner .photo-box {position:absolute;left:0;bottom:0;width:39.7rem;height:21.7rem}
.campaign-wrap .cont-section.cont03 .cont-inner .photo-box > p {width:100%;text-align:center;font-size:2rem;position:absolute;bottom:2rem}

.campaign-wrap .cont-section.cont04 {height:107.5rem;background-image:url(../images/cont04-bg.jpg)}
.campaign-wrap .cont-section.cont04 .cont-inner {display:flex;justify-content:space-between;padding-top:10.5rem}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-left .camp-txt-box {padding-top:53.5rem;width:52.5rem;text-align:center}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-left .camp-txt-box .main-txt {font-family:'EsaManru';font-weight:300;font-size:4.5rem;color:var(--camp-color-green)}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-left .camp-txt-box .main-txt > span {display:block;font-weight:700;font-size:6.5rem}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-left .camp-txt-box .sub-txt {margin-top:1.5rem;font-size:3rem;line-height:4rem}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-right {width:81.9rem}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-right ul li {position:relative}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-right ul li .photo-txt-box {position:absolute}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-right ul li:nth-child(1) {margin-bottom:1.1rem}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-right ul li:nth-child(1) .photo-txt-box {width:100%;text-align:center;left:0;top:50%;transform:translateY(-50%);font-size:2.5rem;font-weight:600;color:#fff}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-right ul li:nth-child(2) .photo-txt-box {width:43rem;text-align:right;left:-3rem;bottom:0;font-size:2.5rem;line-height:3.5rem}
.campaign-wrap .cont-section.cont04 .cont-inner .inner-right ul li:nth-child(2) .photo-txt-box > .big-txt {font-size:3rem;font-weight:600;margin-bottom:2rem}

.campaign-wrap .cont-section.cont05 {height:95.6rem;background-image:url(../images/cont05-bg.jpg)}
.campaign-wrap .cont-section.cont05 .cont-inner {padding-top:21rem;text-align:center}
.campaign-wrap .cont-section.cont05 .cont-inner .main-txt {font-family:'EsaManru';font-weight:300;font-size:6.5rem;line-height:9rem;letter-spacing:-0.038em}
.campaign-wrap .cont-section.cont05 .cont-inner .main-txt > p > span {display:block;font-size:4.5rem}
.campaign-wrap .cont-section.cont05 .cont-inner .main-txt > p > strong {font-weight:700;color:var(--camp-color-green);position:relative;z-index:0}
.campaign-wrap .cont-section.cont05 .cont-inner .main-txt > p > strong::after {content:'';display:block;width:101%;height:1.9rem;background-color:var(--camp-color-yellow);position:absolute;left:-0.25rem;bottom:0.2rem;z-index:-1}
.campaign-wrap .cont-section.cont05 .cont-inner .sub-txt {margin-top:4rem;display:flex;flex-direction:column;gap:3rem}

.campaign-wrap .cont-section.cont06 {height:116.5rem;background-image:url(../images/cont06-bg.jpg)}
.campaign-wrap .cont-section.cont06 .cont-inner {padding-top:16rem;text-align:center}
.campaign-wrap .cont-section.cont06 .cont-inner .main-txt {font-family:'EsaManru';font-weight:300;font-size:6.5rem;line-height:9rem;color:var(--camp-color-green)}
.campaign-wrap .cont-section.cont06 .cont-inner .main-txt > p > span {display:block;font-size:4.5rem}
.campaign-wrap .cont-section.cont06 .cont-inner .main-txt > p > strong {font-weight:700;position:relative;z-index:0}
.campaign-wrap .cont-section.cont06 .cont-inner .main-txt > p > strong::after {content:'';display:block;width:101%;height:1.9rem;background-color:var(--camp-color-yellow);position:absolute;left:-0.25rem;bottom:0.2rem;z-index:-1}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list {margin-top:6rem}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul {display:flex;justify-content:space-between;width:120rem;margin:auto}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul > li {width:38.3rem;height:48.1rem}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul > li > .inner h5 {display:flex;align-items:center;justify-content:center;height:14.3rem;background-color:var(--camp-color-green);color:#fff;font-size:3rem;line-height:4rem;border-radius:3rem 3rem 0 0}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul > li > .inner p {height:33.8rem;background-color:#fff;border:0.5rem solid var(--camp-color-green);border-radius:0 0 3rem 3rem;color:var(--camp-color-green);position:relative;font-family:'EsaManru';font-weight:300;font-size:3.5rem}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul > li > .inner p::before {content:'';display:block;width:15.5rem;height:15.5rem;background-repeat:no-repeat;background-position:center center;background-size:contain;margin:auto;margin-top:3rem;margin-bottom:2.5rem}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul > li:nth-child(1) > .inner p::before {background-image:url(../images/cont06-icon01.png)}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul > li:nth-child(2) > .inner p::before {background-image:url(../images/cont06-icon02.png);margin-bottom:5rem}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > ul > li:nth-child(3) > .inner p::before {background-image:url(../images/cont06-icon03.png)}
.campaign-wrap .cont-section.cont06 .cont-inner .support-list > p {margin-top:3.5rem}

.campaign-wrap .cont-section.cont07 {height:96.3rem;background-image:url(../images/cont07-bg.jpg)}
.campaign-wrap .cont-section.cont07 .cont-inner {padding-top:16rem;text-align:center;color:#fff}
.campaign-wrap .cont-section.cont07 .cont-inner .main-txt {font-family:'EsaManru';font-weight:300;font-size:6.5rem;margin-bottom:5rem}
.campaign-wrap .cont-section.cont07 .cont-inner .main-txt > .top {font-size:4.5rem;line-height:6rem}
.campaign-wrap .cont-section.cont07 .cont-inner .main-txt > .point {font-size:6.5rem;font-weight:700;margin:0.8rem 0}
.campaign-wrap .cont-section.cont07 .cont-inner .main-txt > .point > span {color:var(--camp-color-yellow)}
.campaign-wrap .cont-section.cont07 .cont-inner .btn-box {margin-bottom:2.5rem}
.campaign-wrap .cont-section.cont07 .cont-inner .btn-box > p {font-size:3.5rem;margin-bottom:4rem}
.campaign-wrap .cont-section.cont07 .cont-inner .btn-box > p > strong {font-weight:700;color:var(--camp-color-yellow)}
.campaign-wrap .cont-section.cont07 .cont-inner .btn-box > a {display:inline-block;width:45rem;height:17rem}
.campaign-wrap .cont-section.cont07 .cont-inner .btn-box > a > img {filter:drop-shadow(0.8rem 0.8rem 1.1rem rgba(0,0,0,0.5))}

.camp-fixed-box {width:25rem;height:34.5rem;position:fixed;top:18rem;right:3rem;opacity:0;transition:all 0.3s}
.camp-fixed-box.active {opacity:1}
.camp-fixed-box a {display:block;width:100%;height:100%}
.camp-fixed-box .fixed-box-txt {width:100%;height:15.9rem;background-color:var(--camp-color-green);border-radius:2rem;color:#fff;font-size:2.3rem;line-height:3.3rem;position:relative}
.camp-fixed-box .fixed-box-txt::before {content:'';display:block;width:7.5rem;height:6.7rem;background-image:url(../images/camp-fixed-banner-icon.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:-3.5rem;left:10rem}
.camp-fixed-box .fixed-box-txt > p {display:flex;justify-content:center;align-items:center;height:100%;text-align:center;padding-top:2rem}
.camp-fixed-box .fixed-box-count {width:100%;height:18.6rem;background-color:#fff;border-radius:2rem;color:var(--camp-color-green);font-size:2.3rem;font-weight:600;display:flex;flex-direction:column;gap:0.5rem;align-items:center;justify-content:center;text-align:center;border:0.5rem solid #009477}
.camp-fixed-box .fixed-box-count span {font-size:4.5rem;font-weight:900}


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