@charset 'utf-8';
/* #cf-main {display: none;} */
/* 메인공통 */
#cf-main .section {padding-left: 26rem; background-repeat: no-repeat; background-size: 100%;}
#cf-main .section .fp-tableCell {padding-top: 9rem;}
#cf-main #main-section1 {background-image: url('../images/bg_main_01txt.png');}
#cf-main #main-section2 {background-image: url('../images/bg_main_02.png');}
#cf-main #main-section3 {background-image: url('../images/bg_main_03.png');}
#cf-main #main-section4 {background-image: url('../images/bg_main_04.png');}
#cf-main #main-section5 {background-image: url('../images/bg_main_05.png');}
#cf-main #main-section6 {background-image: url('../images/bg_main_06.png');}
/* #cf-main #main-section1.fp-completely, #cf-main #main-section4.fp-completely {background-size: 100% 100%;}
#cf-main #main-section2.fp-completely, #cf-main #main-section3.fp-completely {background-size: 100% 100%;} */

#menu-section {display: block;}
    
/* 풀페이지 섹션별 글자색과 로고 */
.fp-viewing-section-2 #cf-hd .hd-menu a {}
.fp-viewing-section-3 #cf-hd {background-color: transparent;}
.fp-viewing-main-footer #cf-hd {background-color: rgba(0,0,0,0.5);}



/* 풀페이지 왼쪽 메뉴 스타일링 */
#menu-section {position: fixed; left: 4rem; top: 50%; margin-top: -8rem; z-index: 1;}
#menu-section li {position: relative; padding-left: 3rem; line-height: 3.5rem; font-size: 1.6rem;}
#menu-section a {color: #b1ee69; opacity: 0.4;}
#menu-section li:before, #menu-section li:after {position: absolute; content: ''; display: block; background-color: #b1ee69; margin-top: 1.5rem; opacity: 0.4;}
#menu-section li:before {left: 0.3rem; top: 0; width: 0.7rem; height: 0.7rem; border-radius: 100%; transition: 0.3s;}
#menu-section li:after {left: 0.6rem; top: 0.7rem; width: 0.1rem; height: 3.3rem;}
#menu-section li:last-child:after {display: none;}
#menu-section .active a {opacity: 1;}
#menu-section .active:before {left: 0; width: 1.3rem; height: 1.3rem; opacity: 1;}
#menu-section .active:after {top: 1.3rem; height: 2.7rem;}

/* slick제어 */
.slick-arrow {width: 4.9rem; height: 4.9rem; background-size: cover; margin: 0.8rem; margin-left: 0; text-indent: -9999em;}
.slick-prev {background-image: url('../images/icon_prev_wh.png');}
.slick-next {background-image: url('../images/icon_next_wh.png')}
.slide-controls {margin-top: 4rem;}


.section-no {width: 5rem; line-height: 5rem; background-size: cover; text-align: center; font-weight: bold;}
.wh-circle1 {background-image: url('../images/bg_main_title_01.png'); color: #222;}
.wh-circle2 {background-image: url('../images/bg_main_title_02.png'); color: #F2B303;}
.or-circle {background-image: url('../images/bg_main_title_03.png'); color: #fff;}
.tr-circle {background-image: url('../images/bg_main_title_04.png'); color: #fff;}
.section-h2 {margin: 1.2rem 0 1rem; line-height: 1.2; font-size: 3.6rem; font-weight: bold;}
.section-desc {margin-bottom: 3rem; font-size: 1.8rem;}
.section-tab-menu {}
.section-tab-menu li {position: relative; float: left; padding-right: 3.2rem; line-height: 3.2rem; font-size: 1.8rem; font-weight: 500;}
.section-tab-menu li a {float: left; display: block; border-bottom: 2px solid transparent;}
.section-tab-menu li:after {position: absolute; right: 1.4rem; top: 1.4rem; content: ''; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #fff; opacity: 0.5;}
.section-tab-menu li:last-child:after {display: none;}
.section-tab-menu li a.active {border-color: #b1ee69; color: #b1ee69;}

.section-container {width: 100%; margin-top: 1.5rem;}
.contents-box {display: none;}

/* 1.어린이는 우리의 미래 */
.section-hgroup {color: #fff; font-size: 2rem; font-weight: 400;}
.ms1-1 {}
.ms1-1 p {margin: 0;}
.ms1-1 .arita {font-size: 4rem;}
.ms1-1 strong {color: #c0d72e; font-weight: bold;}
.ms1-btn {display: block; width: 30rem; height: 9rem; margin-top: 2rem; background-color: #066314; border-radius: 50px; color: #c2d82d; line-height: 9rem; font-size: 2.4rem; box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
.ms1-btn img {width: 6rem; height: 6rem; margin-top: 1.5rem; margin-left: 4rem; margin-right: 2rem;}

/* 2.진행중인 캠페인 */
.section-hgroup2 {float: left; width: 50rem; padding-right: 10rem; margin-top: 15rem; color: #fff; font-size: 2rem; font-weight: 400;}
.section-container {float: left; width: calc(100% - 50rem); margin: 0;}
#main-section2 .section-container {overflow: hidden;}
.section-h2 {margin-bottom: 2rem; font-size: 4rem;}
.section-desc {font-size: 1.8rem;}
.camp-wrap {}
.camp-slide {width: 35rem; height: 54rem; margin-right: 2.5rem; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.camp-img {height: 27rem; padding: 0; background-color: #f6f6f6;}
/* .camp-img:before {content: ''; display: block; width: 100%; height: 100%; background-position: center top; background-size: cover; box-shadow: 0 3px 5px rgba(0,0,0,0.2);} */
/* 내용 표시형식 너비 높이 배경이미기가운데 커버 박스웨도우 */
.camp-img {background-size: cover; background-repeat: no-repeat; background-position: center center;}
.campaign .camp-img1 {background-image: url('../images/img_cp_1.png');} 
.campaign .camp-img2 {background-image: url('../images/img_cp_2.png');}
.campaign .camp-img3 {background-image: url('../images/img_cp_3.png');}
.camp-dl {padding: 3rem;}
.camp-dl dd {}
.camp-cate {width: 24rem; margin-bottom: 1rem; color: #999; font-size: 1.8rem;}
.camp-title {width: 24rem; margin: 1rem 0 1.5rem; font-family: 'Nanum Myeongjo', 'Batang', serif; font-size: 2.4rem; font-weight: bold;}
.camp-txt {height: 5.4rem; margin-top: 2rem; margin-bottom: 1rem; font-size: 1.6rem; line-height: 3rem;}

/* 3.후원안내 */
.section-hgroup3 {position: relative; float: left; width: 50rem; padding-right: 10rem; margin-top: 25rem; color: #000; font-size: 2rem; font-weight: 400;}
.section-hgroup3 h2 {position: relative;}
.section-hgroup3 h2:before {content: ''; display: block; width: 14rem; height: 12.2rem; position: absolute; left: 12rem; top: -12rem; background-image: url('../images/logo_um(relf).png');}
.section-desc span {font-weight: 500;}
.support-wrap {max-width: 78rem; margin-top: 1.5rem; text-align: left;}
.support-wrap li {float: left; height: 25rem; padding: 4rem; background-position: right 12rem; background-size:inherit; background-origin: content-box;}
/* .support-wrap li:nth-child(odd) {margin-right: 4%;} */
.support-wrap li a {display: block;}
.support1 {width: 76rem; height: 36rem; background-image: url('../images/img-main-support1.png'); background-repeat: no-repeat; background-size: cover; color: #fff;}
.support2 {width: 36rem; height: 36rem; margin-top: 4rem; background-image: url('../images/img-main-support2.png'); background-repeat: no-repeat; background-size: cover; color: #fff;}
.support3 {position: absolute; right: 40rem; bottom: 18.5rem; width: 36rem; height: 17rem; margin-bottom: 4rem; background-image: url('../images/img-main-support3.png'); background-repeat: no-repeat; background-size: cover; color: #000;}
.support4 {position: absolute; right: 40rem; bottom: 3.2rem; width: 36rem; height: 17rem; background-image: url('../images/img-main-support4.png'); background-repeat: no-repeat; background-size: cover; color: #000;}
.sup1, .sup2 {padding-top: 15rem; padding-left: 3rem;}
.sup3, .sup4 {padding-top: 2rem; padding-left: 2rem;}
.support1 a, .support2 a {display: block; width: 11rem; height: 3.5rem; margin-top: 2rem; margin-left: 3rem; background-color: #fff; line-height: 3.5rem; text-align: center;}
.support3 a, .support4 a {display: block; width: 11rem; height: 3.5rem; margin-top: 1rem; margin-left: 2rem; background-color: #fff; line-height: 3.5rem; text-align: center;}
.sup {font-size: 2.4rem; margin-bottom: 1.5rem; font-weight: bold;}
.sup3 .sup, .sup4 .sup {font-size: 2.2rem;}
.support dd {font-size: 1.6rem;}
.sup3 dd, .sup4 dd {margin-top:-1rem;}

/* 4.투명성 */
/* #main-section4 .fp-tableCell {display: none;}
#main-section4 {padding-left: 0;} */
.section-hgroup4 .section-h2 {color: #fff;}
.section-hgroup4 {position: absolute; top: 20rem; left: 52rem; text-align: center;}
.cf-intro {color: #fff; font-size: 2.2rem; font-weight: 400; }
.ms4-txtbox {position: absolute; top: 46.7rem; left: 57rem; text-align: center;}
.ms4-txtbox dl {float: left; box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
.ms4-txtbox dt {font-size: 2.8rem; color: #fff;}
.txtb-wgr {width: 36rem; height: 9rem; line-height: 9rem; background-color: #99ca3b;}
.txtb-gr {width: 36rem; height: 9rem; line-height: 9rem; background-color: #01652f;}
.ms4-detail {width: 36rem; height: 6rem; line-height: 6rem; font-size: 1.8rem; background-color: #fff; color: #054311;}
.txtbox2 {margin-left: 4rem;}
.ms4-prize {position: absolute; left: 25rem; bottom: 8rem; width: 80%; text-align: center;}
.ms4-prize img {width: 20rem; height: 15rem;}
.ms4-prize li {float: left; width: 23rem; height: 17rem; margin: 0 6rem; color: #01652f; font-size: 1.8rem;}
.ms4-prize li span {line-height: 5rem;}

/* 5.재단소식 */
.section-hgroup5 {float: left; width: 50rem; padding-right: 10rem; color: #fff; font-size: 2rem; font-weight: 400;}
/* #main-section5 .section-container {overflow: hidden;} */
.section-h2 {margin-bottom: 2rem; font-size: 4rem;}
.section-desc {font-size: 1.8rem;}
.news-wrap {}
.news-slide {width: 32rem; height: 46rem; margin-right: 2.5rem; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.news-img {height: 27rem; padding: 0; background-color: #f6f6f6;}
/* .camp-img:before {content: ''; display: block; width: 100%; height: 100%; background-position: center top; background-size: cover; box-shadow: 0 3px 5px rgba(0,0,0,0.2);} */
/* 내용 표시형식 너비 높이 배경이미기가운데 커버 박스웨도우 */
.news-img {background-size: cover; background-repeat: no-repeat; background-position: center center;}
.newsboard1 .news-img1 {background-image: url('../images/news1-1.jpg');} 
.newsboard1 .news-img2 {background-image: url('../images/news1-2.jpg');}
.newsboard1 .news-img3 {background-image: url('../images/news1-3.jpg');}
.newsboard1 .news-img4 {background-image: url('../images/news1-4.jpg');}
.newsboard2 .news-img1 {background-image: url('../images/news2-1.jpg');} 
.newsboard2 .news-img2 {background-image: url('../images/news2-2.jpg');}
.newsboard2 .news-img3 {background-image: url('../images/news2-3.jpg');}
.newsboard2 .news-img4 {background-image: url('../images/news2-4.jpg');}
.newsboard3 .news-img1 {background-image: url('../images/news3-1.jpg');} 
.newsboard3 .news-img2 {background-image: url('../images/news3-2.jpg');}
.newsboard3 .news-img3 {background-image: url('../images/news3-3.jpg');}
.newsboard3 .news-img4 {background-image: url('../images/news3-4.jpg');}
.newsboard4 .news-img1 {background-image: url('../images/news4-1.jpg');} 
.newsboard4 .news-img2 {background-image: url('../images/news4-2.jpg');}
.newsboard4 .news-img3 {background-image: url('../images/news4-3.jpg');}
.newsboard4 .news-img4 {background-image: url('../images/news4-4.jpg');}
.news-dl {padding: 3rem;}
.news-dl dd {}
.news-cate {width: 24rem; margin-bottom: 1rem; color: #222; font-size: 1.8rem;}
.news-title {width: 24rem; margin: 1rem 0 1.5rem; font-family: 'Nanum Myeongjo', 'Batang', serif; font-size: 2.4rem; font-weight: bold;}
.news-txt {height: 5.4rem; margin-top: 2rem; margin-bottom: 1rem; font-size: 1.6rem; line-height: 3rem;}
.news-wrap .slick-list {padding: 1rem;}

/* 6.재단뉴스 */
#main-section6 {}
.section-hgroup6 {position: absolute; top: 59rem; left: 26rem; margin-top: -30rem; color: #fff;}
/* .notice-container {margin-top: 19rem;} */
.notice_wrap {position: relative; float: left; width: 60rem; height: 30rem; padding: 3rem 4rem; margin: 2rem; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.nt-wrap1 {background-color: transparent; box-shadow: none;}
.notice_wrap h3 {padding-bottom: 2rem; font-size: 2.4rem; font-weight: 700;}
.notice_wrap li {height: 3.2rem; line-height: 3.2rem;}
.notice_wrap li a {display: block; float: left; width: calc(100% - 10rem);  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice_wrap li span {float: right; width: 8rem; font-size: 1.4rem;}
.notice_more {position: absolute; right: 4rem; top: 3rem; display: block; width: 4rem; height: 4rem; background-image: url('../images/more-btn.png');}

/* .side-donabtn {position: fixed; left: 4rem; bottom: 5rem; display: block; width: 13rem; height: 19rem; padding-top: 3.5rem; color: #fff; font-size: 2rem; background-color: #01652f; border-radius: 10rem; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,0.3);} */
.side-donabtn img {position: fixed; left: 4rem; bottom: 5rem; display: block;}