@charset "utf-8";

nav{float:right;width:auto;  margin:25px 25px 0 0}

.content_wrap{width:100%; background:#f3f3f5; display:table; padding:120px 0 50px 0}
.sub_content{width:1250px; background:#fff; margin:0 auto; display:table; box-sizing:border-box; padding:30px 80px 50px 80px  }

/* 서브타이틀*/ 

h2{position:relative; font-size:36px; padding:10px 0 40px 0; font-weight:500; text-align:center; color:#000; width:1250px; margin:0 auto}
h2 a.btn_info{position:absolute; top:10px; right:0; background:#2798c2 url(../images/arrow.png) 85% center no-repeat; padding:10px 80px 10px 25px; color:#fff; transition:background .3s; font-size:18px}
h2 a.btn_info:hover{background:#0e57a8 url(../images/arrow.png) 90% center no-repeat; cursor:pointer}

h3{font-size:20px; padding:0 0 40px 0; font-weight:500; text-align:center; color:#444; width:90%; margin:0 auto}



/* 서브메뉴 기본3개*/
.subnav{width:1250px; display:table; margin:0 auto 25px auto}
.subnav li{width:33.3%; display:block; float:left; height:55px; text-align:center; box-sizing:border-box; border-right:1px solid #f3f3f5; border-bottom:1px solid #f3f3f5}
.subnav li a{width:100%; height:100%; font-size:16px;color:#454a55;
	background: #e4e7ef; padding:0 20px; box-sizing:border-box; line-height:55px; transition:background .3s; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subnav li a:hover{color:#fff; background: #5d89b9;}	
.subnav li a.on{background:#0e57a8; color:#fff; font-weight:500; }

.subnav li a.type_pt18{padding:18px 50px 0 15px;}

/* 서브메뉴 기본5개 type05*/
.subnav.type05 li{width:20%;}


/*메인뉴스 탭 */
.tabs {width:1250px; display:table; margin:0 auto 25px auto}
.tabs li {width:50%; display:block; float:left; text-align:center; box-sizing:border-box;}
.tabs li a {width:100%; height:100%; font-size:17px;color:#454a55; background: #e4e7ef; padding:15px 5px; box-sizing:border-box; line-height:20px; transition:background .3s; display:block; border:1px solid #d6dbec}
.tabs li a:hover {color:#fff; background: #5d89b9;}	
.tabs li.active a:hover  {background: #fff; background: #5d89b9; }
.tabs li.active {box-sizing:border-box; background:#0e57a8; color:#fff; font-weight:500;}
.tabs li.active a{box-sizing:border-box; background:#0e57a8; color:#fff; font-weight:500; border:1px solid #0e57a8}
.tab_content {margin:0 auto}

.tabs.type05 li{width:20%;}



/* 서브 보도자료 */
/*.news_text{width:1400px; margin:0 auto}*/
.news_text{}
.news_text h3{width:100%; color:#000; font-size:30px; font-weight:600; text-align:center; padding:30px 0 10px 0}
.news_text p.h3_sub{color:#000; font-size:20px; font-weight:500; text-align:center; padding:0 0 20px 0}
.news_text h4{padding-left:33px; font-size:18px; margin-top:20px;
	color:#122f83;	font-weight:500; background:url(../images/h4_blit.png) no-repeat 10px 7px}
	
.blit04 {font-size:18px; font-weight:500; background: url(../images/blit_04.png) no-repeat 15px 12px; padding-left: 30px;  margin: 0 0 0 7px;}
.blit05 {font-size:18px; font-weight:500; background: url(../images/blit_05.png) no-repeat 15px 22px; padding-left: 30px;  margin: 0 0 0 7px;}
	
.news_text p.font_B{padding:10px 0 0 10px; font-weight:600; color:#000; font-size:14px}
.news_text h5{background: url(../images/h5_blit.png) no-repeat 20px 16px; padding:8px 0 0 33px; font-size:15px; font-weight:500}
.news_text h6{padding-left:25px; font-size:16px; margin-top:20px; font-weight:500; color:#000}

.news_text h5.num{position:relative; background: none; padding:8px 0 0 33px; font-size:15px; font-weight:500; margin-bottom:10px}
.news_text h5.num strong{position:absolute; top:6px; left:12px; font-size:17px; color:#0258b9}
.text_small {font-size:14px; padding-top:5px; color:#333; padding:3px 0 0 28px;}


.news_text h4.blit_none{padding-left:10px; font-size:18px; margin-top:50px;	 background:none}


.text_box{width:100%; box-sizing:border-box; background:#f2f9fa; border:1px solid #dae9eb; padding:30px 50px; margin:0 auto 30px auto; display:block;}


.text_box p.title{font-size:22px; font-weight:600; text-align:center; color:#122f83; padding-bottom:10px; text-align:center;}
.text_box dl{width:100%;margin:20px 0; height:40px; line-height:40px; font-size:18px; display:table; background:#fff; border-top:1px solid #dae9eb; border-bottom:1px solid #dae9eb; box-sizing:border-box}
.text_box dt{width:180px; height:100%; display:table-cell; background:#3470ae; color:#fff; text-align:center;}
.text_box dd{padding-left:20px }

.text_box dt.type02{background:#3490ae}

.text_box ul{margin:20px 0 0 0px; text-align:left}
.text_box li.title{padding-left:0; font-size:18px; font-weight:600; color:#000}
.text_box li.title strong{color:#}
.text_box li.title2{background: url(../images/h5_blit.png) no-repeat 5px 16px; padding:8px 0 0 20px; font-size:18px; font-weight:600; color:#000}
.text_box li.title2 strong{color:#}
.text_box li{padding-left:10px; font-size:16px; margin-bottom:5px}

.text_box02{background:#f2f9fa; border-top:1px solid #dae9eb; border-bottom:1px solid #dae9eb; padding:5px 10px; margin:35px auto 10px auto; display:block; font-size:22px; color:#122f83; font-weight:500}
.text_box03{background:#f9f9f9; padding:15px; margin:10px auto; display:block; font-size:17px; text-align:center; border:1px solid #eee; box-sizing:border-box}
.text_box03 li{display:inline-block; background:url(../images/blit_02.png) no-repeat left center; padding:0 40px 0 15px}


.nuri_open{position:relative; background:#f9f9f9; padding:20px 20px 20px 180px; margin:30px auto; display:block; font-size:15px;  border:1px solid #eee; box-sizing:border-box}

.nuri_open li:nth-child(1){position:absolute; width:100px; display:block; top:20px; left:50px}
.nuri_open li:nth-child(1) img{width:100%}
.nuri_open li:nth-child(2){}

.tbl_box{padding:10px 0 0 10px; width:100%; box-sizing:border-box}

.down_box{}
.down_box li{font-size:15px; margin-bottom:10px}
.down_box li a img{vertical-align:middle}

.text13{font-size:13px; padding:5px 0 0 25px}
.text14{font-size:14px; padding:5px 0 0 25px}
.text15{font-size:15px;}
.text16{font-size:16px;}
.text18{font-size:18px;}

.fc_black{color:#000}
.fc_blue{color:#122f83}

.news_img {font-size:16px; color:#122f83; font-weight:600; text-align:center; margin-top:20px}
.news_img img{width:100%; margin-top:10px }


.list_01{padding-bottom:10px}
.list_01 li{background: url(../images/blit_03.png) no-repeat 35px 7px; padding:0 0 0 45px;font-size:14px}

.infoG{padding-top:50px; text-align:center}
.infoG img{width:100%}
.infoG li.down{margin-top:20px}
.infoG li.down a{display:inline-block; color:#fff; background:#273782 url(../images/btn_down.png) no-repeat 90% center; text-align:left; padding:12px 80px 12px 30px; font-size:16px; }

/* 카드뉴스 */
.cardnews{padding-top:30px; text-align:center}
.cardnews img{max-width:100%; margin-bottom:20px}

/* 서브버튼 */

.sub_btn{text-align:right; margin:20px 0 0 0; clear:both; }
.sub_btn a{display:inline-block; color:#fff; font-size:13px; padding:5px 20px 5px 40px; font-weight:600; border-radius:30px; transition:all .3s}
.sub_btn a.btn_down{background: url(../images/btn_down.png) no-repeat 16px center #79878c;}
.sub_btn a.btn_faq{background: url(../images/btn_faq.png) no-repeat 16px center #79878c;}
.sub_btn a.btn_news{background: url(../images/btn_news.png) no-repeat 16px center #79878c;}

.sub_btn a.btn_down:hover{background: url(../images/btn_down.png) no-repeat 16px center #0e57a8; cursor:pointer}
.sub_btn a.btn_faq:hover{background: url(../images/btn_faq.png) no-repeat 16px center #0e57a8;cursor:pointer}
.sub_btn a.btn_news:hover{background: url(../images/btn_news.png) no-repeat 16px center #0e57a8;cursor:pointer}


.btn_view{background: url(../images/btn_view.png) no-repeat 10px center #0e57a8; cursor:pointer; text-align:right; margin:0 0 0 10px; display:inline-block; color:#fff; font-size:13px; padding:4px 20px 4px 30px; border-radius:30px; transition:all .3s; font-weight:400}

/* FAQ */
.faq{border-top:2px solid #000}
.faq li{border-bottom:1px solid #c8c8c8; font-size:16px; font-weight:500}
.faq li>a{display:block;position:relative;padding:13px 30px 15px 55px;background:url(../images/bul_faq_q.gif) 11px 9px no-repeat; color:#333}
.faq li>a:after{display:block;position:absolute;top:50%;right:11px;width:9px;height:6px;margin-top:-3px;background:url(../images/bul_faq_arrow.gif) center center no-repeat;content:'';transition:all .4s}
.faq li>a.on:after{width:9px;height:2px;margin-top:-1px;background:url(../images/bul_faq_minus.gif) center center no-repeat}
.faq li .faq_a{display:none;padding:15px 30px 15px 55px;border-top:1px solid #c8c8c8;background:#f8f8f8 url(../images/bul_faq_a.gif) 11px 10px no-repeat}
.faq li .faq_a p{background:url(../images/bul_list_dot.gif) left 9px no-repeat}
.faq li .faq_a p:first-child{margin-top:0}
.faq li .faq_a p a{text-decoration:underline}
.faq li .faq_a p a:hover{color:#418117}


.faq_h3{font-size:24px; font-weight:600; color:#000; letter-spacing:-1px}
.faq_h4{font-size:17px; font-weight:600; color:#122f83; padding:20px 0 10px 0}

.faq_a p.title{ font-size:15px; margin-top:20px; color:#122f83; font-weight:500}
.list_04 li{background: url(../images/blit_02.png) no-repeat left 12px; padding:5px 0 0 15px; font-size:14px; border-bottom:none}

.faq_a table.tbl{background:#fff}
.faq_a p.h7{font-size:14px; padding: 5px 0 0 0}

	
	
/* 동영상 */
.movie_wrap{width:100%; margin:30px auto;}
.movie{width:100%;}
.movie_text{width:100%; height:300px; overflow-Y:scroll; border:1px solid #ddd; padding:20px; box-sizing:border-box;}



/* 카드뉴스*/
.sub_content.card{padding:40px 0; background:none!important}

.card ul{width:22%; margin:0 4% 40px 0; display:block; float:left; overflow:hidden; position:relative; border:1px solid #eee; box-sizing:border-box; border-radius:10px; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.2); }

.card ul:nth-child(5),
.card ul:nth-child(9),
.card ul:nth-child(13),
.card ul:nth-child(17),
.card ul:nth-child(21),
.card ul:nth-child(25),
.card ul:nth-child(29){margin:0 0 40px 0;}


.card ul li{width:100%; height:100%; display:block;}

.card ul li:nth-child(1){overflow:hidden; text-align:center; position:relative; display:block}
.card ul li:nth-child(2){position:absolute; background:#000; color:#fff; display:block; width:auto; height:35px; top:0; left:0; font-size:16px; text-align:left; line-height:35px; padding:0 30px; font-weight:400; box-sizing:border-box; }
.card ul li:nth-child(3){width:100%; height:90px; text-align:center; background:#fff; font-size:16px; color:#333;  box-sizing:border-box; padding:15px 20px 0 20px; line-height:22px}
.card ul li:nth-child(4) a{width:100%; height:100%; text-indent:-9999px; position:absolute; top:0; left:0; z-index:100 }
.card ul li:nth-child(5){position:absolute; z-index:99; width:100%; height:calc(100% - 80px); top:0; left:0;  background:url(../images/icon_play.png) no-repeat center; text-indent:-9999px}

.card ul:hover{cursor:pointer}

.card ul li:nth-child(1) img{transition: all .3s;}  
.card ul:hover li:nth-child(1) img{  transform: scale(1.3);}
.card ul:hover{box-shadow:none;}



@media all and (max-width:1600px){

nav{margin:20px 15px 0 0}

h2{font-size:32px; padding:10px 0 30px 0; width:1100px}
h2 a.btn_info{top:10px; right:0; background:#2798c2 url(../images/arrow.png) 85% center no-repeat; padding:7px 80px 7px 25px; font-size:16px}

h3{font-size:18px; padding:0 0 30px 0;}


.sub_content{width:1100px; padding:0 70px 70px 70px}
.subnav{width:1100px; margin:0 auto 20px auto}
.subnav li{height:50px; }
.subnav li a{line-height:50px; font-size:14px}


.tabs{width:1100px; margin:0 auto 20px auto}

.tabs li a{ font-size:14px}

.news_text h3{font-size:25px}
.text_box{font-size:15px; line-height:26px}
.news_text h4{font-size:16px}
.news_text h5{font-size:14px}
.news_text h6{font-size:14px}

.text_box02{font-size:18px}
.text_box03{font-size:16px; text-align:left}
.text_box03 li{padding:0 20px 0 12px}

.list_01 li{font-size:13px}
.text14{font-size:13px}


.card ul li:nth-child(3){height:70px; font-size:14px; line-height:18px; padding:15px 10px 0 10px}
.card ul li:nth-child(5){height:calc(100% - 70px); background-size:60px}


.nuri_open{padding:20px 20px 20px 160px; margin:25px auto; font-size:14px;}

.nuri_open li:nth-child(1){width:90px; display:block; top:20px; left:40px}
}

@media all and (max-width:1200px){
.sub_content{width:95%;}
.subnav{width:95%;margin:0 auto 15px auto}
.tabs{width:95%;margin:0 auto 15px auto}

h2{width:95%}

/*.card{width:90%}
.card ul{width:28%; margin:0 2% 30px 2%;}
.card ul li:nth-child(3) br{display:none}*/	


.copyright{width:95%;}
.gnb li{padding:0 10px}
}


@media all and (max-width:1000px){
.subnav{margin:10px auto}
.subnav li{width:50%}

.tabs.type05 li{width:33%;}
.text_box{padding:20px;}
}

	
@media all and (max-width:880px){	

.movie{width:95%; margin:0 auto}
.movie_text{width:100%; height:200px; overflow-Y:scroll; border:1px solid #ddd; }

.card{text-align:left}
.card ul{width:31%; margin:0 3.5% 30px 0}

.card ul:nth-child(4),
.card ul:nth-child(7),
.card ul:nth-child(10),
.card ul:nth-child(13),
.card ul:nth-child(16),
.card ul:nth-child(19),
.card ul:nth-child(22),
.card ul:nth-child(25){margin:0 0 30px 0}

.card ul:nth-child(5),
.card ul:nth-child(9),
.card ul:nth-child(13),
.card ul:nth-child(17),
.card ul:nth-child(21),
.card ul:nth-child(25),
.card ul:nth-child(29){margin:0 3.5% 30px 0}

.card ul li:nth-child(3) br{display:block}

.nuri_open{padding:20px 20px 20px 120px; font-size:12px;}
.nuri_open li:nth-child(1){width:80px; display:block; top:20px; left:20px}
.nuri_open li:nth-child(2) br{display:none; }
}



@media all and (max-width:768px){
.sub_content{padding:0 30px 30px 30px }
.dir{padding:15px 30px 0 0;}

.card{width:95%}

.card ul li:nth-child(3){font-size:14px;}

.text_box dl{height:auto; line-height:20px; padding:10px}
.text_box dt{width:100%; height:auto; display:block; background:none; color:#06C; text-align:left; padding-bottom:5px; font-weight:600}
.text_box dd{padding-left:0;  font-size:16px;}
.text_box dt.type02{background:none; color:#099}



}



@media all and (max-width:740px){
	

/* 모바일메뉴 */

.mobile_menu{display:block;} 
.pc_off{display:block}
.m_sns{display:block}
	
.inner{width:100%;}

.top_sns{display:none}
nav{margin:25px 0 0 0}
.subnav li{width:100%; height:45px;}
.subnav li a{ line-height:45px}

/*.tabs li{height:45px;}
.tabs li a{line-height:45px}*/
	
.dir{display:none}

.content_wrap{padding:75px 0 30px 0}


/* 서브서브 */

.sub_content{padding:20px }
.infoG{padding:0}
/* 서브 비주얼부분 헤더 포함됨 */ 

.subtop_inner{height:auto}


h2{font-size:28px; padding:0 0 10px 0}
h2 a.btn_info{top:5px; background:#2798c2; padding:5px 20px; font-size:15px}
h2 a.btn_info:hover{background:#0e57a8}
h3{font-size:16px; padding:0 0 20px 0;}

.text_box{text-align:left; padding:20px;}
/*.text_box li{background:url(../images/blit_02.png) left 8px no-repeat; padding:0 0 0 15px}*/

}

@media all and (max-width:600px){
	
.text_box p.title{font-size:18px; }
.text_box ul{margin:20px 0 0 0}
.text_box li.title{font-size:16px}
.text_box li{padding-left:5px; font-size:14px; margin-bottom:2px}

.news_text h4{padding-left:20px; font-size:16px; background:url(../images/h4_blit.png) no-repeat 0 7px}
.news_text h5{background: url(../images/h5_blit.png) no-repeat 5px 16px; padding:8px 0 0 20px}
.news_text h6{padding-left:10px}
.list_01 li{background: url(../images/blit_03.png) no-repeat 10px 7px; padding:0 0 0 20px;}
.news_text h4.blit_none{padding-left:0;}

.card ul{width:47%; margin:0 4% 20px 0}
.card ul:nth-child(odd){margin:0 0 20px 0}
.card ul:nth-child(even){margin:0 4% 20px 0}

.card ul li:nth-child(3) br{display:none}
.card ul li:nth-child(3){line-height:16px}


}

@media all and (max-width:510px){
	
.sub_content.card{padding:20px 0}	
.card{margin:10px auto 10px auto }
.text_box{padding:10px}


 
.card ul li:nth-child(2){height:25px; font-size:12px;line-height:25px; padding:0 10px;}
.card ul li:nth-child(3){ font-size:13px;line-height:16px; padding:10px }
}

@media all and (max-width:580px){
.tabs.type05 li{width:49%;}
}

@media all and (max-width:460px){
	
.subnav li{height:40px}	
.subnav li a{line-height:40px; white-space:normal}

.tabs li{width:100%; margin:1px 0 0 0; }
.tabs li a{padding:8px 5px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border:none}
.tabs li.active a{border:none}
.tabs li a br{display:none}
.tabs.type05 li{width:100%;}
.tabs.type05 li a{white-space:normal}


}