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

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

html {font-size:62.5%}

.wrap-camp {letter-spacing:-1px}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:2.4rem;font-weight:500;color:#353535}
.campaign-wrap img {vertical-align:bottom}
.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 .cont-inner {position:relative;margin:auto}

.camp-fixed-banner {position:fixed;top:28rem;right:3rem;z-index:99;width:19.4rem;height:29.1rem}
.camp-fixed-banner > a {display:block;width:100%;height:100%;background-image:url(../images/camp-fixed-banner.png);background-repeat:no-repeat;background-position:center top;background-size:contain;transition:all 0.3s}

.cont-section.cont01 {height:100rem;background-color:#009465}
.cont-section.cont01 .cont-inner {width:165.6rem;padding-top:9.6rem}
.cont-section.cont01 .cont-inner::after {content:'';display:block;width:104.8rem;height:56.3rem;background-image:url(../images/cont01-photo.png);background-repeat:no-repeat;background-position:center top;background-size:contain;position:absolute;top:9.6rem;right:0}
.cont-section.cont01 .cont-inner h3 {font-family:'EsaManru';font-size:12rem;font-weight:300;color:#fff;letter-spacing:-0.04em;line-height:120%;margin-top:20.8rem;position:relative;width:91.1rem;z-index:1}
.cont-section.cont01 .cont-inner h3 > span {font-weight:500;color:#FFFCA3}
.cont-section.cont01 .cont-inner h3::after {content:'';display:block;width:39.9rem;height:49.2rem;background-image:url(../images/camp-title-illust.png);background-repeat:no-repeat;background-position:center top;background-size:contain;position:absolute;top:-8.4rem;right:7.2rem}
.cont-section.cont01 .cont-inner .sub-txt {font-size:2.6rem;color:#fff;letter-spacing:-0.03em;line-height:160%;position:absolute;bottom:0;right:14rem}

.cont-section.cont02 {background-color:#fff}
.cont-section.cont02 .cont-inner {padding-top:12.2rem;padding-bottom:12.5rem;width:125.4rem;display:flex;justify-content:space-between}
.cont-section.cont02 .cont-inner .camp-photo-box {width:80.1rem}
.cont-section.cont02 .cont-inner .camp-txt-box {margin-top:9.8rem;width:39rem}
.cont-section.cont02 .cont-inner .camp-txt-box h4 {font-family:'EsaManru';font-size:4.5rem;font-weight:300;letter-spacing:-0.05em;line-height:136%;margin-bottom:2.6rem}
.cont-section.cont02 .cont-inner .camp-txt-box h4 > span {color:#fff;padding:0.4rem 0.9rem 0 0.9rem;background-color:#089660}
.cont-section.cont02 .cont-inner .camp-txt-box h4 > span > strong {font-weight:500}
.cont-section.cont02 .cont-inner .camp-txt-box .inner-txt {font-size:2.5rem;line-height:148%;color:#5E5E5E;display:flex;flex-direction:column;gap:1.7rem}
.cont-section.cont02 .cont-inner .camp-txt-box .inner-txt .color-green {font-weight:700;color:#089660}

.cont-section.cont03 {background-color:#E1EDD0}
.cont-section.cont03 .cont-inner {padding-top:10rem;padding-bottom:13.8rem;width:136rem;letter-spacing:-0.03em}
.cont-section.cont03 .cont-inner h4 {font-family:'EsaManru';font-size:4.5rem;line-height:136%;color:#6D6D6D;font-weight:300;text-align:center;margin-bottom:5.2rem}
.cont-section.cont03 .cont-inner h4 > span {font-weight:500}
.cont-section.cont03 .cont-inner ul {display:flex;justify-content:space-between}
.cont-section.cont03 .cont-inner ul > li {width:44rem}
.cont-section.cont03 .cont-inner ul > li > .list-inner {border-radius:1rem;background-color:#fff;border:0.113rem solid #D6D6BB;overflow:hidden}
.cont-section.cont03 .cont-inner ul > li > .list-inner .list-txt-box {padding:3.7rem 4.45rem 4.5rem;display:flex;flex-direction:column;gap:2rem}
.cont-section.cont03 .cont-inner ul > li > .list-inner .list-txt-box h5 {font-size:3rem;font-weight:700;color:#505050;line-height:140%}
.cont-section.cont03 .cont-inner ul > li > .list-inner .list-txt-box p {font-size:2.5rem;font-weight:400;color:#727272;line-height:155%}
.cont-section.cont03 .cont-inner ul > li > .list-inner .list-txt-box p > strong {font-weight:700}

.cont-section.cont04 {background-color:#fff}
.cont-section.cont04 .cont-inner {padding-top:10rem;padding-bottom:11rem;width:136rem;letter-spacing:-0.03em}
.cont-section.cont04 .cont-inner h4 {font-family:'EsaManru';font-size:4.5rem;line-height:136%;color:#089660;font-weight:300;text-align:center;margin-bottom:5.2rem}
.cont-section.cont04 .cont-inner h4 > span {font-weight:500}
.cont-section.cont04 .cont-inner ul {display:flex;justify-content:space-between}
.cont-section.cont04 .cont-inner ul > li {width:44rem}
.cont-section.cont04 .cont-inner ul > li > .list-inner {border-radius:1rem;background-color:#F6FCE6;border:0.113rem solid #D5E6A7;overflow:hidden}
.cont-section.cont04 .cont-inner ul > li > .list-inner .list-txt-box {padding:3.7rem 4.45rem 4.5rem;display:flex;flex-direction:column;gap:2rem;height:29.6rem}
.cont-section.cont04 .cont-inner ul > li > .list-inner .list-txt-box h5 {font-size:3rem;font-weight:500;color:#089660;line-height:140%}
.cont-section.cont04 .cont-inner ul > li > .list-inner .list-txt-box h5 > span {font-weight:700}
.cont-section.cont04 .cont-inner ul > li > .list-inner .list-txt-box p {font-size:2.5rem;font-weight:400;color:#696969;line-height:150%}
.cont-section.cont04 .cont-inner ul > li > .list-inner .list-txt-box p > strong {font-weight:700}

.cont-section.cont05 > ul {display:grid;grid-template-columns:repeat(5, 1fr)}
.cont-section.cont05 > ul > li {height:31.7rem}
.cont-section.cont05 > ul > li:nth-child(7) {grid-column:auto / span 3}
.cont-section.cont05 > ul > li > .grid-inner {position:relative;width:100%;height:100%;color:#fff}
.cont-section.cont05 > ul > li > .grid-inner > span {font-size:1.8rem;font-weight:500;line-height:140%;letter-spacing:-0.03em;position:absolute;top:1.2rem;left:1.6rem}
.cont-section.cont05 > ul > li > .grid-inner.section-main-txt {background-color:#089660;display:flex;align-items:center;justify-content:center;text-align:center}
.cont-section.cont05 > ul > li > .grid-inner.section-main-txt > p {font-family:'EsaManru';font-size:4.8rem;font-weight:300;line-height:136%;letter-spacing:-0.03em}
.cont-section.cont05 > ul > li > .grid-inner.section-main-txt > p > span {font-weight:500;color:#FFFCA3}

.cont-section.cont06 {background-color:#fff}
.cont-section.cont06 .cont-inner {padding-top:12rem;padding-bottom:12rem;width:136rem;text-align:center}
.cont-section.cont06 .cont-inner h4 {font-family:'EsaManru';font-size:4.7rem;font-weight:300;color:#089660;line-height:136%;letter-spacing:-0.03em;display:inline-block;position:relative;margin-bottom:3.6rem}
.cont-section.cont06 .cont-inner h4 > span {font-weight:500}
.cont-section.cont06 .cont-inner h4::before,
.cont-section.cont06 .cont-inner h4::after {content:'';display:block;width:5.8rem;height:4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute}
.cont-section.cont06 .cont-inner h4::before {background-image:url(../images/cont06-icon-left.png);top:-0.3rem;left:-8rem}
.cont-section.cont06 .cont-inner h4::after {background-image:url(../images/cont06-icon-right.png);top:-0.3rem;right:-8rem}
.cont-section.cont06 .cont-inner .child-name > span {font-size:2.4rem;color:#6B9B8E;line-height:140%;display:inline-block;padding:1rem 2.9rem;border:0.1rem solid #6B9B8E;border-radius:5rem}
.cont-section.cont06 .cont-inner .letter-box {margin-top:5.8rem;margin-bottom:4rem;display:flex;justify-content:space-between}
.cont-section.cont06 .cont-inner .info-txt {font-size:1.8rem;font-weight:400;color:#949187;line-height:140%}
.cont-section.cont06 .cont-inner .info-txt > span {color:#096F48;margin-right:0.7rem;vertical-align:middle}

.cont-section.cont07 {height:64.2rem;background-image:url(../images/cont07-bg.jpg)}
.cont-section.cont07 .cont-inner {padding-top:19.6rem;margin-left:32rem}
.cont-section.cont07 .cont-inner .section-main-txt {font-family:'EsaManru';font-size:4.6rem;font-weight:300;color:#6D6D6D;line-height:145%;letter-spacing:-0.05em;margin-bottom:11.3rem}
.cont-section.cont07 .cont-inner .info-txt {font-size:1.8rem;font-weight:400;color:#949187;line-height:140%}
.cont-section.cont07 .cont-inner .info-txt > span {margin-right:0.7rem;vertical-align:middle}

.cont-section.cont08 {background-color:#fff}
.cont-section.cont08 .cont-inner {padding-top:10rem;padding-bottom:10rem;width:136rem}
.cont-section.cont08 .cont-inner::after {content:'';display:block;width:100%;height:74.6rem;background-color:#F8F8E9;border-radius:2rem;position:absolute;top:10rem;left:0}
.cont-section.cont08 .cont-inner .tab-menu {position:relative;z-index:1;width:96.8rem;margin:auto;margin-top:6rem;letter-spacing:-0.03em}
.cont-section.cont08 .cont-inner .tab-menu ul {display:flex;gap:1.6rem;justify-content:space-between;position:relative;height:15rem}
.cont-section.cont08 .cont-inner .tab-menu ul li {width:23rem}
.cont-section.cont08 .cont-inner .tab-menu ul li a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;background-color:#F0F0F0;border:0.1rem solid #DEDEDE;color:#878787;font-size:1.8rem;font-weight:400}
.cont-section.cont08 .cont-inner .tab-menu ul li a > span {line-height:140%}
.cont-section.cont08 .cont-inner .tab-menu ul li a > span > strong {display:block;font-size:2.4rem;font-weight:700;margin-bottom:1rem}
.cont-section.cont08 .cont-inner .tab-menu ul li.on a {background-color:#69BD83;border:0.1rem solid #3BA87E;color:#fff;box-shadow:4px 4px 0 #089660}
.cont-section.cont08 .cont-inner .tab-menu ul li.on a > span {text-shadow:2px 1px rgba(8, 150, 96, 0.6)}
.cont-section.cont08 .cont-inner .tab-menu .content {display:none;width:100%;margin-top:5rem;text-align:center}
.cont-section.cont08 .cont-inner .tab-menu .content .tab-cont-inner img {box-shadow:14px 14px 19px rgba(189, 189, 174, 1);border-radius:2.2rem}
.cont-section.cont08 .cont-inner .tab-menu .content .tab-cont-inner .info-txt {font-size:1.8rem;font-weight:400;color:#949187;line-height:140%;margin-top:5rem}
.cont-section.cont08 .cont-inner .tab-menu .content .tab-cont-inner .info-txt > span {margin-right:0.7rem;vertical-align:middle}
.cont-section.cont08 .cont-inner .tab-menu .content .tab-cont-inner .btn-box {margin-top:10rem}
.cont-section.cont08 .cont-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:#089660;box-shadow:4px 4px 0 #096F48;color:#fff}
.cont-section.cont08 .cont-inner .tab-menu .content .tab-cont-inner .btn-box > a > span {font-family:'EsaManru';font-size:2.4rem;font-weight:500;letter-spacing:-0.03em;display:flex;align-items:flex-end;gap:1.4rem}
.cont-section.cont08 .cont-inner .tab-menu .content .tab-cont-inner .btn-box > a > span::before {content:'';display:block;width:2.6rem;height:2.8rem;background-image:url(../images/cont08-btn-icon.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.cont-section.cont08 .cont-inner .tab-menu .content.on{display:block}

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