.off { display: none; }

.splash_page { background: #f8f9fa; text-align: center; width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.splash_page img:nth-child(1) { width: 15rem; margin-bottom: 10rem;}
.splash_page img:nth-child(2) { width: 4rem;}


/* bottom main menu */
nav { position: fixed;height: 8rem;  bottom: 0; left: 0; width: 100%; border-top: 1px solid #dddddd; z-index: 9999;}
nav ul { display: flex; justify-content: space-between; background: #fff;}
nav ul li { width: 24%;text-align: center;position: relative;}
nav ul li a { display: block;  padding: 1.5rem 0; font-size: 1.5rem; color: #bcc4cf; }
nav ul li.on a { color: #4e4e57;font-weight: 600;}
nav ul li a:before { content: ''; display: block; margin: 0 auto .5rem; width: 3.375rem; height: 3rem; }
nav ul li:nth-child(1) a:before { background: url(../img/menu1_off.png) no-repeat; background-size: contain;}
nav ul li.on:nth-child(1) a:before { background: url(../img/menu1.png) no-repeat; background-size: contain;}
nav ul li:nth-child(2) a:before { background: url(../img/menu2_off.png) no-repeat; background-size: contain;}
nav ul li.on:nth-child(2) a:before { background: url(../img/menu2.png) no-repeat; background-size: contain;}
nav ul li:nth-child(3) a:before { background: url(../img/menu3_off.png) no-repeat; background-size: contain;}
nav ul li.on:nth-child(3) a:before { background: url(../img/menu3.png) no-repeat; background-size: contain;}
nav ul li:nth-child(4) a:before { background: url(../img/menu4_off.png) no-repeat; background-size: contain;}
nav ul li.on:nth-child(4) a:before { background: url(../img/menu4.png) no-repeat; background-size: contain;}
nav ul li.on:after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2.7rem; height: .4rem; background: #0f812a; border-radius: 3px;}

/* top menu */
.top_menu { background: #f8f9fa; width: 100%; height: 6.5rem; padding: 1.5rem 1rem 1.5rem 0; position: fixed; top: 0; left: 0; z-index: 9998; display: flex; justify-content: space-between; align-items: center;}
.top_menu .sub_menu { /* width: 100%; */ width:98%; margin-left: 0;}
.top_menu .share_wrap { width: 8%; text-align: center;}
.top_menu .share_wrap .share { text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem; width: 2.5rem; height: 2.5rem; background: url("../img/share.png") no-repeat center / contain;  z-index: 10;}
.top_menu .swiper { position: relative;}
.top_menu .swiper:after { content: ''; z-index: 1; position: absolute; right: -1px; top: 0; height: 100%; width: 20px; background: linear-gradient(90deg, transparent, #f8f9fa 45%);}
.top_menu .swiper-wrapper { align-items: center; }
.top_menu .swiper-wrapper .swiper-slide { min-width: 11rem !important; }
.top_menu .swiper-wrapper .swiper-slide:nth-child(1) { min-width: 14rem !important; }
.top_menu .swiper-wrapper .swiper-slide p { background: #fff; font-weight: 500;padding: 0.8rem 0; font-size: 1.7rem;border-radius: 20px; border: 1px solid #ccc; color: #999999; display: flex; align-items: center; justify-content: center;}
.top_menu .swiper-wrapper .swiper-slide p span { font-size: 1.7rem; color: #999;font-weight: 500; white-space: nowrap;}
.top_menu .swiper-wrapper .swiper-slide.on p {  border: 1px solid #0f812a; background: #0f812a; color: #fff;}
.top_menu .swiper-wrapper .swiper-slide.on p span { color: #dbf253;}

/* 1,2,3 pages */
ul.contents_wrap { margin-top: 6.5rem; padding: 1.5rem 0;padding-bottom: 13rem; }
ul.contents_wrap li { display: none;  padding: 0 1.5rem;}
ul.contents_wrap li.ads_main_big { padding: 0; text-align: center;}
ul.contents_wrap li.on { display: block;}
ul.contents_wrap li:nth-child(1) { margin-top: 0;}
ul.contents_wrap li p.tit { line-height:1.5; color: #0f812a; font-size: 2rem; font-weight: 700; display: flex; align-items: center;}
ul.contents_wrap li pre.subtit { font-weight: 700;font-size: 1.7rem; line-height: 1.3;}
ul.contents_wrap li pre.content { font-size: 1.7rem; line-height: 1.3; margin-bottom: 1.5rem;}
ul.contents_wrap li .emo_all { display: inline-block; width: 2rem; height: 2rem; margin: 0 0.5rem;}
ul.contents_wrap li .emo_all:nth-child(1) { margin-left: 0;}

/* 기금e든든 */
.btn_wrap { display: none; position: fixed; bottom: 9rem; width: 97%; left: 50%; transform: translateX(-50%); background: #0b846d; padding: 1.3rem ; font-size: 1.7rem; text-align: center; color: #fff; border-radius: 5px;}
.btn_wrap.on { display: block;}

/* qna */
.qna_wrap { margin-top: 6.5rem; margin-bottom: 8rem; padding: 1.5rem;}
.qna_wrap ul { padding: 0 1rem 1.5rem; background: #f8f9fa;}
.qna_wrap ul li { }
.qna_wrap ul li .question { border-bottom: 1px solid #ddd; font-size: 1.8rem; padding: 1.8rem 2.5rem; position: relative;line-height: 1.3; }
.qna_wrap ul li .question:before { content: ''; width:1.8rem; height:1.8rem; background: url(../img/emo10.png) no-repeat; background-size: contain; position: absolute; top: 2rem; left: 0.2rem;line-height: 1.3;}
.qna_wrap ul li .question img { position: absolute; right: 0.5rem; top: 50%; width: 1.3rem; transform: translateY(-50%);}
.qna_wrap ul li .answer { transition: 0.3s; max-height:0; overflow: hidden; font-size: 1.6rem; padding: 0 1.5rem 0 3.5rem; position: relative; background: #fff; line-height: 1.3; color: #858585;}
.qna_wrap ul li .answer:before { content: ''; width:1.7rem; height:1.7rem; background: url(../img/emo11.png) no-repeat; background-size: contain; position: absolute; top: 1.6rem; left: 1.1rem;}
.qna_wrap ul li.on .answer { max-height: 500px; padding: 1.5rem 1.5rem 1.5rem 3.5rem;border-bottom: 1px solid #ddd; }


.title_wrap p.gr { color: #0f812a; margin-bottom: .5rem;font-size: 1.8rem; margin-top: 0.5rem; font-weight: 500;}
.title_wrap p.info { font-weight: 700; line-height: 1.3;font-size: 2.2rem; margin-bottom: 2rem;}

.news_page { padding: 2.5rem 1.5rem; margin-bottom: 8rem;}
.news_page .news_wrap .recent { background: #f8f9fa; margin-bottom: 1.5rem; padding: 1.5rem; border-radius: 5px;}
.news_page .news_wrap .recent h3 { line-height: 1.2; padding: 1rem 0; margin-bottom: 1rem; border-bottom: 1px solid #ebebec; font-size: 2rem; font-weight: 600;}
.news_page .news_wrap .recent .content { font-size: 1.7rem; color: #999999; line-height: 1.2;}
.news_page .news_wrap .recent .date { font-size: 1.5rem; color: #0f812a; margin: 1.5rem 0;}
.news_page .news_wrap .recent .newslink { font-size: 1.7rem; font-weight: 500; display: block; text-align: center; width: 100%; background: #e6ebef; color: #7c8289; padding: 1rem 0; border-radius: 5px;}