@charset "utf-8";
 body, html{ -webkit-text-size-adjust:none; min-width:320px;}
 a{ cursor:pointer}

/* 모바일 전체보기 메뉴 */ 
.mbi_menu_group{height:100%;background-color:#dfdfdf; border-bottom:1px solid #dfdfdf;  -webkit-overflow-scrolling:touch;  overflow-y:auto; -webkit-overflow-scrolling:touch}
.mbi_menu_header{height:49px; border-bottom:1px solid #00387F; background-color:#004ea2}
.lst_menu_mbi{width:100%;  }
.lst_menu_mbi li{background-color:#0f99d1; }
.lst_menu_mbi li a{display:block; position:relative ;padding:10px 20px 8px 15px ;border-top:1px solid #ccc;  font-size:1.2em; color:#666}
.lst_menu_mbi li a.btn_menu_depth1{padding:10px 20px 8px 15px; border-top:1px solid #999; font-weight:bold;font-size:1.3em; color:#fff; zoom:1}
.lst_menu2_mbi li a{ background:#444; color:#ccc; border-top:1px solid #888}
.lst_menu2_mbi li a:hover{ color:#ededed}
.btn_menu_open .bu_open{display:inline-block; position:absolute; top:16px; right:20px; border:6px solid #0f99d1; border-bottom:0; border-color:#0f99d1 transparent transparent transparent}  
 
.lst_menu_mbi li a.btn_menu_open{background:#f0f0f0}
.lst_menu_mbi li a.btn_menu_open:hover{ font-weight:bold;}

.h3_totalview{margin-top: -36px;border-left:1px solid #000;font-size:1.5em;font-weight:bold;color:#fff;text-align:center;}

.btn_menu_close{display:block;overflow:hidden;float:right;margin-top: -39px;width:46px;height:49px;background:url(/images/re_newal/btn_close.png) 0 0;background-size:100%;text-indent:-9999px;}

div.modal{background:#000; opacity:0.6; position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; display:none; }
 
.list_sub_menu li a{  text-indent:10px; font-size:1em; padding:5px 20px 3px 15px; color:#999}

 
/* 모바일 전체보기 메뉴 스크립트 CSS  */
.cbp_spmenu{position:fixed}
.cbp_spmenu_vertical{top:0;z-index:1000;width:270px; }
.cbp_spmenu_left{left:-270px}
.cbp_spmenu_left.cbp_spmenu_open{left:0px; height:100%}
.cbp_spmenu_push{overflow-x:hidden;position:relative;left:0}
.cbp_spmenu_push_toright{left:270px}
.cbp-spmenu-push-toleft{left:-270px}

a.btn_totalview{ display:none; float:left;  margin:12px 0 0 8px;}
a.btn_close{ display:none;}
.mobileS{ float:left; margin:12px 0 0 5px; display:none;}
.mbi_english{display:none;padding:0 5px;border:1px solid #ccc; border-right:1px solid #898989; border-bottom:1px solid #898989;font-size:14px;font-weight:bold;color:#555; margin:12px 0 0 5px; height:39px; line-height:39px; }

/* Visual*/
.visualTxt{  position:absolute; top:15%; right:6%; margin:0 auto; width:487px; } 

/* 유관사이트 */
.box_bannerZone{overflow:hidden; position:relative; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } 
.box_bannerZone .btn{position:absolute;left:0;top:0;width: 13%;text-align: center;}
.box_bannerZone .btn a{display:block; float:left; width:20px;height:19px;border:1px solid #ccc; margin-right:-1px }
.box_bannerZone .btn span{display: block; font-weight:bold;letter-spacing:-1px;font-size:14px;width: 100%;float: left;margin: 10px 0 0 0;}
.box_bannerZone .btn span img{ margin:-3px 0 0 4px}
.box_bannerZone .ban_list{overflow:hidden;} 
.box_bannerZone .btn p{float:left;  margin: 10px 0 0 20%; line-height:0}

.w100{ width:100%;}
.txtC{ text-align:center;}
.mB25{ margin-bottom:25px;}


/* Sub */
.mobileB, .mobileT, .tablet{ display:none !important}
.tabletTable table.basicList{ display:none;}
.tabletTable table.basicList tbody td.subject{ text-align:left; padding-left:10px; }
.downFile.tablet{ margin-bottom:30px; width:100%;}
.downFile.tablet strong{width:23%; padding:7px 1%; text-align:center;  }
.downFile.tablet span{ width:73%; padding:8px 0 6px 2%}
table.basicList a{ width:100%}
.board .cat{ margin-right:0; width:100% !important; padding:2px 0 !important}
 .responsive .cell_cat{width:auto;}
table.responsive tbody td{padding:9px 0;}
table.responsive tbody td .cell_cat{width:auto;}
 .responsive .cat{ width:18% !important}
 table.responsive tbody td.date{ text-align:center;}
 .viewList dt{ width:20%}
 .viewList dd{ padding: 2px 0 0px 3%; width:77%; }
 .viewList dd a{width: 62%}
table.datatable tbody td{ text-align:center}

/* 영문 lnb */
.lnb-list > ul li > .lnb-list03 > li{ white-space:normal;}
.imgN, .mapimg2{display:none}
.imgN2{ display:block}
	 
#nav li{ width:220px;}	
/* #nav li.m5 li a.dl {height:44px; padding-top:6px} */
#nav:lang(en) li.m5 a.dl {height:44px; padding-top:6px}


@media all and (min-width:769px) and (max-width:1116px) {
	 div{ box-sizing:border-box; }
	
	/* Header, Footer */
	#header, .contents, #footer, #container{ width:100%; padding:0 15px; box-sizing:border-box}	
	.contents{ padding:0}
	.row .col{ width:45%}
	.row .col55{ width:55%}
	.banner{ width:100%; box-sizing:border-box}
	.banner li{ width:50%}
	#nav li, #nav ul ul{ width:20%}
	#nav ul ul li{ text-indent:0}
	#nav ul ul li a, #nav ul ul li a:hover{ background-position:10px center; text-indent:20px}
	#nav ul ul {border-left: 1px solid #e9e9e9;}
 
	/* Main */
	.banner li:nth-child(even) a{ border-right:none}
	.tab_container{ padding:20px 10px; }
	.info_stat .addr_stat{ width:100%; height:auto; }
	.info_stat .sec_wide{ width:60%;  padding:20px 10px; height:177px }
	.info_stat .event{ width:40%;  height:177px; padding:20px 10px;}
	.info_stat h1{ margin-bottom:10px; padding-bottom:8px;}
 	.info_stat .event .banner_slide{ margin:20px 0;}
	.slick-slide img{ margin:0 auto  }
	.info_stat .event .wrap_arrow{ top:20px; right:15px;}
	.info_stat .event h1{ padding-bottom:9px;}
	.info_stat .addr_stat h1{ letter-spacing:-1px } 
	.whois.sec_grid.sec_wide{ width:100%; height:126px;  background-position:right center;}
	.info_stat .desc{ margin-top:-15px}
	.info_stat .whois form{ margin-top:15px;}
	.info_stat .whois input[type=text]{ width:40%}
	.visualTxt{ width:90%; top:20%}
	.links li{ width:25%; line-height:63px}
	.mapimg{display:none;}
	
	/* Sub */
	 div#container{   min-width:inherit; }
	 .container-left{ width:23%; white-space:nowrap;}
	 .lnb-list li .topLink{ font-size:100%}
	 div#container-wrap{ width:100%}
	 .lnb-list h3{ background-size: 100% 60px}
	 
	 div#container-right {width: 75%;padding: 0 30px ;margin-left: 2%;background-color: #fff;}
	 .lnb-list{ white-space:normal}
	 
	 .mBxxs input{ width:30%}
	 
	 /* 영문  */
	 .imgN, .mapimg2{display:block}
	 .imgN2{ display:none} 
	
	 .boxTerm, ol.eu_008_ol{ width:100%}
	 .boxTerm, .boxTerm .boxTop, .boxTerm .boxBtm{background-size:100%}
	 .agencySelect li{ width:33.3%}
	 .wrap_footer, .wrap_header{ min-width:auto;}
}
 
@media all and (max-width:914px){

	.info_stat .addr_stat .cell_ico{display:none}
	.info_stat h1 small{ font-size:10px}	
 
	 #footer .btn_down{ position:absolute; margin:80px 0 0; right:15px; background:#fff;}
	.contents{ margin-bottom:0}
	#footer h1{padding-top:20px}
	#footer:lang(en) .meta{margin-top:20px}
	#nav:lang(en) > ul > li > ul > li span{text-indent:20px}
}

@media all and (max-width:768px){
	 div{ box-sizing:border-box; }
	
	/* Header, Footer */
	
	#header, .contents, .banner, #footer, #footer:lang(en) .meta{ width:100%;}	
	#footer:lang(en) .meta{margin:10px 0px}
	.wrap_search, nav:hover ul ul, #nav ul ul.on, #nav:hover .btn_close, #nav .btn_close.on{ display:none}
	#header h1{ float:right; width:auto;  }
	.mobileS, a.btn_totalview{ display:block;}
	.mbi_english{ display:inline-block}
	#nav{ margin-top:12px; height:50px; width:100%;}
	#nav li{ width:50%;} 
	#nav:lang(en) li {width:50%}
	#nav li.m1 a{border-right:1px solid #0e6bbe !important;border-bottom:1px solid #093e6f !important} 
	#nav li.m2 a{border-top:1px solid #0e6bbe !important; border-right:1px solid #0e6bbe !important; border-bottom:1px solid #093e6f !important; }
	#nav li.m3 a{border-top:1px solid #0e6bbe !important;border-bottom:1px solid #093e6f !important;border-left:1px solid #093e6f !important;}
	#nav li.m4 a{border-top:1px solid #0e6bbe !important;border-bottom:1px solid #093e6f !important;}
	#nav:lang(en) li.m4{ width:100% !important; border-top:1px solid #093e6f !important; }
	#nav li.m5 a{border-top:1px solid #0e6bbe !important; border-left:1px solid #093e6f !important; }
	
	#footer{ background:#444; padding:10px; box-sizing:border-box}
	#footer h1, address{ display:none}
	#footer .meta{ margin:0; color:#ccc;}
	#footer .copyright{ color:#999; font-weight:800; font-size:11px}
	.fnb li a{ padding: 0 10px 0 0 ; line-height:21px; font-weight:800}
	#footer .btn_down{font-size:11px;border:0; display: block;position: relative;right: 0px; margin-top:0px }
	.fnb li a:before{ display:none;}
	.fnb li:nth-child(3) a{color:#74bbe2}
	
	/* Main */
	.row .col, .info_stat .sec_wide, .whois.sec_grid.sec_wide, #footer .meta{ width:100%; }
	.row .col:nth-child(1){height:160px;}
	.row .col{ height:100%}
	.slick-slide img{width:100%; text-align:center;}
	.slick-slide img.visualTxt{ width:auto; margin:0 auto; top:5%; right:12%}
	
	.banner li{width:33.3%; height:70px}
	.banner li:nth-child(3), .banner li:nth-child(6){ width:33.4%;}
	.banner li a{padding:15px; text-align:center;}
	.banner .ico{ float:none;}
	.banner .banner_edu img{ margin-top:-15px}
	
	.tab_container{padding:25px; }
	.contents .sec_grid{border-right:none; width:100%; height:auto}
	.contents .sec_grid .slick-slide img{ width:auto; margin:0 auto}
	
	.info_stat .addr_stat .cell_ico{ display:table-cell; width: auto; text-align:center;}
	.info_stat h1{ padding-bottom:5px}
	.whois.sec_grid.sec_wide{ width:100%;  background-position:right center;}
	.info_stat .desc{ margin-top:-15px}
	.info_stat .whois form{ margin:15px 0}
	.info_stat .event .wrap_arrow{ top:18px}
	.info_stat h1 small{ font-size:12px}
	.row{ border-bottom:0}  
	.box_bannerZone{ border:none}
	.box_bannerZone .btn{ width:20%}
	.links{ width:80%}
	.links li{width: 33.3%;height: 71px;line-height: 62px;}
	
	/* Sub */
	.container-left{ display:none}
	div#container-right{ width:100%; margin:0; padding:15px; min-height: 300px;}
	div#container{ min-width:100%;}
	div#container-wrap{ width:100%; padding-bottom:0px; margin-top:0px;}
	
	.dNoneT, .mapimg{display:none;}{ display:none !important}
	.mobileT{ display:block !important; width:100%; text-align:center; font-size:125%; color:#e51919; margin-top:30px}
	
	/* top */
	.btn-top{ display: block !important; margin-left:auto; right:5px; z-index:200}	
	.tNoneT{ display:none !important}
	.tabletTable table.basicList, .tablet{ display:table !important;}
	.mapimg2{display:block}
	
	 .mBxxs input{ width:40%} 
 	.cont_table01 tbody td.left{ padding:10px }
	
	/* 영문 */ 
	   .boxTerm, ol.eu_008_ol{ width:100%}
	 .boxTerm, .boxTerm .boxTop, .boxTerm .boxBtm{background-size:100%}
	 .agencySelect li{ width:33.3%} 
	 .wrap_footer, .wrap_header{ min-width:auto;}
	 .tablegraph {width:100%}  
   }

@media all and (max-width:640px){
	  table{ word-wrap:break-word !important}
	
	.slick-slide img.visualTxt{ max-width:90%; right:5%}
	#header h1 img{margin-right:5px; width:auto; height:20px; margin-top:5px}
	.mobileS img, a.btn_totalview img{ height:36px;}
	.mobileS{ margin-left:3px}
	.mbi_english{ height:34px; line-height:34px; font-size:12px; margin-left:3px}
	
	.banner li,.banner li:nth-child(3), .banner li:nth-child(6){ width:50%}
	.banner li a{ padding: 15px 10px}
	.banner li a span{ font-size:12px}
	.row .col:nth-child(1){ height:140px}
	.banner .banner_edu img.word{ width:40px; margin-right:5px; }
	
	.tab_container, .contents .sec_grid{padding:20px 10px;}
	.tab_list li a{ font-size:13px}
	.tab_list li.on a:after{ margin-left:3px; top:6px}
	.info_stat .event .wrap_arrow{right:10px}
	
	.box_bannerZone .btn{ width:23%}
	.box_bannerZone .btn p{ margin-left:5px}
	.box_bannerZone .btn span{ font-size:13px; text-align:left; margin-left:5px;}
	.links{width:77%}
	.links li{ width:50%; line-height:60px}
	
	.info_stat .whois input[type=text]{ width:30%}
	#footer .btn_down span{ display:none} 

	/* Sub */
	.contTop #location{ display:none}
	ul.uList01 li.uStyle01{padding:0; text-indent:0}
	.contTop{ padding-bottom:10px;}
	.contTop h1.tit{ margin-top:15px;}
	#contents{ padding-top:20px;}
	
	.dNone{ display:none !important;}
	.mobileB{ display:block !important; margin:0 auto !important;}
	iframe{ width:100% !important}
 	.contTab.third ul li{ padding-left:0px; width:33.3%}
	.contTab ul li a img{ height:32px; width:100%; margin-top:0px }
	
	.contTab{ background-position: left bottom;}
	table.basicList tbody td{ font-size:12px;}
	.board .cat{   font-size:10px;}
	
	select.wid100{ width:90%;height:22px; margin-bottom:5px}
	select.csb-select{ width:20%; height:22px}
	input.csb-text{ width:50%}
	
	.funny-table .funny-con td{ padding: 20px 10%; width:100%;  }
	.funny-table .funny-con td h4{padding-left:31px}
	.funny-table .funny-con td h4 img{ left:15% } 
	
	/* 영문 */
	.agencySelect li{ width:50%}
	  		
}

@media all and (max-width:500px){
	ul.brochure{padding-top:10px}
	ul.brochure li .tit{font-size: 13px; margin: 10px 0; padding-left: 0;}
	ul.brochure li{margin:10px 0; width:48%}
	ul.brochure li:nth-child(odd){width:48%}
	
	ul.brochure li .download{ font-size: 11px;  }
}

 a.link2 {display: block;  height: 100%;   text-align: center;   padding: 30% 0;   font-size: 15px;   color: #0574bb; word-break:keep-all;   font-weight: bold;   text-decoration: underline;   vertical-align: middle;}