@charset "UTF-8";
@import url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css');

.campaign-wrap {position:relative;width:1920px;margin:auto;font-family:'NanumSquareNeo', sans-serif;font-weight:400;color:#444;font-size:24px;line-height:38px;letter-spacing:-0.8px}
.campaign-wrap img {vertical-align:bottom}
.campaign-wrap .cont-section {position:relative}

.ctoc-logo {position:absolute;top:70px;left:3%;z-index:9}

.camp-floating-banner {width:171px;height:240px;background-image:url(../images/floating-banner-bg.png);background-repeat:no-repeat;position:fixed;top:150px;right:3%;z-index:99;box-shadow:0px 8px 7px 1px rgba(0,0,0,0.3);border-radius:40px}
.camp-floating-banner>a {color:#fff;font-size:25px;font-weight:800;padding-top:182px;display:flex;flex-direction:row;align-items:center;justify-content:center}

.cont-section.cont01 {height:966px;background-image:url(../images/cont01-bg.jpg);background-repeat:no-repeat;background-position:center top}
.cont-section.cont01 .title-area {position:absolute;top:155px;left:240px}
.cont-section.cont01 .title-area > .btn-support {margin-left:30px;margin-top:30px}

.cont-section.cont02 {height:1231px;background-image:url(../images/cont02-bg.jpg);background-repeat:no-repeat;background-position:center top}
.cont-section.cont02 .inner > p {position:absolute;top:440px;left:260px}

.cont-section.cont03 {height:1000px;background-image:url(../images/cont03-bg.jpg);background-repeat:no-repeat;background-position:center top}
.cont-section.cont03 .inner {margin-left:220px;padding-top:115px;font-size:36px;line-height:50px;color:#534c46;font-weight:700}
.cont-section.cont03 .inner > .txt-point {font-size:42px;font-weight:800;color:#885931}
.cont-section.cont03 .inner > p {margin-bottom:25px}

.cont-section.cont04 {height:1000px;background-image:url(../images/cont04-bg.jpg);background-repeat:no-repeat;background-position:center top}
.cont-section.cont04 .inner {padding-top:115px;text-align:center;font-size:36px;color:#fff;line-height:50px;font-weight:700}
.cont-section.cont04 .inner > p {margin-bottom:25px}

.cont-section.cont05 {height:1000px;background-image:url(../images/cont05-bg.jpg);background-repeat:no-repeat;background-position:center top}
.cont-section.cont05 .inner {margin-left:265px;padding-top:120px;font-size:36px;color:#463d2c;line-height:50px;font-weight:700}
.cont-section.cont05 .inner > p {margin-bottom:25px}

.cont-section.cont06 {height:898px;background-image:url(../images/cont06-bg.jpg);background-repeat:no-repeat;background-position:center top;display:flex;flex-direction:row;align-items:center;justify-content:center}
.cont-section.cont06 .inner {text-align:center;font-size:40px;color:#fff;line-height:60px;font-weight:700}
.cont-section.cont06 .inner > p:first-child {margin-bottom:80px}

.cont-section.cont07 {height:999px;background-image:url(../images/cont07-bg.jpg);background-repeat:no-repeat;background-position:center top}
.cont-section.cont07 .inner {font-size:40px;line-height:60px;color:#fff;padding-top:190px;margin-left:350px;font-weight:700}
.cont-section.cont07 .inner > p {text-shadow:0px 1px 15px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.3)}
.cont-section.cont07 .inner > p > span {color:#ffe5a7;font-size:44px;display:block;font-weight:800}
.cont-section.cont07 .inner > .btn-support > a {font-weight:700;font-size:32px}

.cont-section.cont08 {height:1111px;background-image:url(../images/cont08-bg.jpg);background-repeat:no-repeat;background-position:center top}
.cont-section.cont08 .inner {width:1656px;margin:auto;padding-top:130px}
.cont-section.cont08 .inner ul {display:flex;flex-direction:row;align-items:flex-start;justify-content:center}
.cont-section.cont08 .inner ul > li {margin-left:40px}
.cont-section.cont08 .inner ul > li > .list-inner {margin-left:45px;line-height:36px;color:#393939;font-weight:500;letter-spacing:-0.9px}
.cont-section.cont08 .inner ul > li > .list-inner > p {font-size:24px;font-weight:700}
.cont-section.cont08 .inner ul > li > .list-inner .list-title {font-size:52px;font-weight:900;color:#233856}
.cont-section.cont08 .inner ul > li > .list-inner .list-title > span {font-size:36px;font-weight:700;margin-left:10px}
.cont-section.cont08 .inner ul > li > .list-inner.right-list .list-title {color:#579607}
.cont-section.cont08 .inner ul > li > .list-inner.right-list .list-title > span {color:#41684c}
.cont-section.cont08 .inner ul > li > .list-inner.right-list .txt-small {font-size:18px;color:#333;margin-top:20px}
.cont-section.cont08 .inner ul > li > .list-inner.right-list .graph-area {text-align:center;margin-top:80px}
.cont-section.cont08 .inner ul > li > .list-inner.right-list .graph-area .graph-title {font-size:29px;font-weight:800;margin-bottom:40px}
.cont-section.cont08 .inner ul > li > .list-inner.right-list .graph-area .txt-source {font-size:18px;margin-top:40px;color:#333}

.cont-section.cont09 {height:1347px;background-image:url(../images/cont09-bg.jpg);background-repeat:no-repeat;background-position:center top;display:flex;flex-direction:row;align-items:center;justify-content:center}
.cont-section.cont09 .inner h4 {font-size:48px;color:#295531;font-weight:800;text-align:center;margin-bottom:40px}
.cont-section.cont09 .inner h4 > span {color:#54982e}
.cont-section.cont09 .inner .support-biz-list {background-color:#fff;width:1358px;border-radius:50px}
.cont-section.cont09 .inner .support-biz-list .tabs {padding:80px 95px;position:relative}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav {display:flex;flex-direction:row;margin-left:-23px;margin-right:-23px;flex-wrap:wrap}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li {width:33.3333%;text-align:center}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li:hover a img,
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li.active a img {filter:grayscale(0)}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li.active a span {background-color:#187a52;color:#fff}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li.active a {border:5px solid #187a52}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li a {display:block;margin-left:23px;margin-right:23px;position:relative;border:5px solid transparent}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li:nth-child(4) > a,
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li:nth-child(5) > a,
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li:nth-child(6) > a {margin-top:265px}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li a img {filter:grayscale(1);width:-webkit-fill-available}
.cont-section.cont09 .inner .support-biz-list .tabs .tabs-nav > li a span {display:flex;flex-direction:row;justify-content:center;align-items:center;width:33px;height:33px;background-color:#fff;border:1px solid #187a52;color:#187a52;border-radius:50%;font-size:18px;font-weight:800;position:absolute;bottom:-18px;left:50%;transform:translateX(-50%)}
.cont-section.cont09 .inner .support-biz-list .tabs-content {position:absolute;top:50%;transform:translateY(-50%);left:0;padding:0 95px}
.cont-section.cont09 .inner .support-biz-list .tabs-content .tab-content {background-color:#fff;font-size:20px;line-height:32px;font-weight:700}
.cont-section.cont09 .inner .support-biz-list .tabs-content .tab-content .tab-title {color:#187a52;font-size:30px;font-weight:800;margin-bottom:20px;display:flex;flex-direction:row;align-items:center}
.cont-section.cont09 .inner .support-biz-list .tabs-content .tab-content .tab-title > span {display:inline-flex;flex-direction:row;justify-content:center;align-items:center;width:34px;height:34px;background-color:#187a52;color:#fff;border-radius:50%;font-size:22px;font-weight:800;margin-right:8px}
.cont-section.cont09 .inner .support-biz-list .tabs-content .tab-content .tab-title > em {font-size:24px}

.cont-section.cont-footer {background-color:#775e50;text-align:center;color:#fff;font-weight:700;font-size:20px;padding:65px 0}

.btn-support > a {width:400px;height:90px;background-color:#006931;color:#fff;font-weight:800;font-size:36px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50px;box-shadow:0px 8px 7px 1px rgba(0,0,0,0.3)}

.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt80 {margin-top:80px}
.mt130 {margin-top:130px}

@media (max-width: 1600px) {
	body {
		overflow-x:hidden;
	}	
	
	html {
		width:1920px;
		overflow-x:scroll;
	}
}