@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: -39px;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{ max-width:95%}
.board .cat{ margin-right:0; width:100% !important; padding:2px 0 !important}
.responsive .cell_cat{width:auto;}
/* 20170814 수정 */
table.responsive tbody td{padding:9px 0;word-break:break-word;}
/* // 20170814 수정 */
/* 20170814 추가 */
table tbody td.tbl_img{text-align:center}
table tbody td.tbl_img img{width: 85%;margin: 0 auto;}
/* // 20170814 추가 */
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: left;line-height: 1.5em;}
select{ height:23px; border:1px solid #bebebe}
.sTxt{ margin-left:3px;}
.txtL{  text-align:left; }
.fR{ display:inline-block; float:right;}
/* 20170814 추가 */
.tbl_lst{width: 100%;}
/* // 20170814 추가 */

/* 20160808 */
.listDown{ float: right; margin-top:15px; margin-bottom:-44px}

/* 영문 lnb */
.lnb-list > ul li > .lnb-list03 > li{ white-space:normal;}
.imgN{display:none}
.imgN2{ display:block}


/* 20170517 (S) */
.harf{width: 40%; margin-left: 10%;margin-right: -50px;}
.mB10{margin-bottom:10px !important}	

.goventext{padding-bottom:15px; font-size: 12px; color:#666; }
.goventext strong{ display: inline-block; margin-bottom:5px;}
.goventext p{font-size: 12px; color:#666; word-break: keep-all;   }
.goventext p span{display: inline-block;margin: 2px 0px;padding-left: 10px;box-sizing: border-box;}
.goventext p span{display: inline-block; margin-bottom:2px; }
.govenTxt{  line-height: 20px}
/* 20170517 (E) */	


/*20170811(S) */

iframe {width:100%}
div.confnla4{	height: 58px !important;	background-image: url(../images/cssimg/confnla4.gif);	background-color:	#f7f7f7 !important;	background-position: bottom !important;	background-repeat: 	repeat-x !important;}
 /*20170811(E)*/

/* 170816 추가 */
.visubimg_pc{display: block;}
.visubimg_mb{display: none}
.visubimg_mb_2{display: none}
/* // 170816 추가 */

@media all and (min-width:768px) and (max-width:1116px) {
	 div{ box-sizing:border-box; }
	/* Header, Footer */
	.wrap_header {width:100%;min-width: 100%}
	#header, .contents, #footer, #container{width:100%; box-sizing:border-box;}
	.wrap_footer{width:100%;min-width:100%;}
	.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:10px}
	#nav ul ul {border-left: 1px solid #e9e9e9;}
	/* Main */
	.tab_container{ padding:20px 10px; }
	.tab_list li {width: 24.4%;}
	.info_stat .addr_stat{ width:100%; height:auto; }
	/* 200527 (s) */
	.info_stat .sec_wide{ width:60%;  padding:13px 10px; height:180px }
	.info_stat .sec_thin{ width:40%;  padding:13px 10px; height:180px }
	/* //200527 (e) */
	.info_stat .event{ width:40%;  height:177px; padding:20px 10px;}
	/* 200527 (s) */
	.info_stat p{margin-bottom:10px; padding-bottom:8px;}
	.info_stat .letter a,
	.info_stat .letter .ico_letter {margin-top: 0;}
	/* //200527 (e) */
 	.info_stat .event .banner_slide{ margin:0px 0;margin:0 auto;}
	.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:60%; height:170px;  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}
	/* Sub */
	 div#container{   min-width:inherit; }
	 .container-left{ width:23%; white-space:nowrap;}
	 .lnb-list li .topLink{ font-size:100%; letter-spacing: -0.8px}
	 div#container-wrap{ width:100%}
	 .lnb-list h3{ background-size: 100% 60px}
	 div#container-right {width: 75%;padding: 0 30px 100px;margin-left: 2%;background-color: #fff;}
	 .lnb-list{ white-space:normal}
	 .mBxxs input{ width:30%}
	 .boardSearch .right input.csb-text{ width:60%;  }
	 input.csb-text2{  width:70%}
	 .txtL select{ margin-bottom:5px}
	 .grBbox {background:url(../images/domain/grBback.gif) right bottom no-repeat;}
	 .dowldbt li a {padding:5px 8px;}
	 .grBbox2 {padding-left: 140px;background:url(../images/domain/grBback2.gif) 25px 35px no-repeat}
	 /* 영문  */
	 .imgN{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%}
	 
	 /* 20170517 (S) */
	 p.text01 br{display:none;}
	 p.text01{word-break: keep-all;}
	 /* 20170517 (E) */
}

@media all and (max-width:914px){
	.info_stat .addr_stat .cell_ico{display:none}
	.info_stat .letter .ico_letter{display:none}
	.tab_list li.on .btn_more {display: block;margin:0 auto;}
	.tab_list li a {line-height: 60px;}
	.tab_list li {height:60px;}
	.tab_list li.on a {line-height: 30px;}
	.tab_list li.on .btn_more {line-height: 18px;}
	.info_stat .letter a{margin-top: 30px;}
	.info_stat h1 small{ font-size:11px;display: block;}
	 #footer .btn_down{ position:absolute; margin:-34px 0 0; right:15px; background:#fff;}
	.contents{ margin-bottom:0}
	#container {padding-bottom: 0}
	/* 200527 (s) */
	/*.info_stat .addr_stat td {padding:7px 0;}*/
	/* //200527 (e) */
	.grBbox {background:url(../images/domain/grBback.gif) right bottom no-repeat;}
	.dowldbt li a {padding:5px 5px;}
	.grBbox2 {padding-left: 120px;background:url(../images/domain/grBback2.gif) 15px 35px no-repeat}
	.dowldbt li a {font-size: 12px;}
	.dowldbt li a img{margin-left: 5px;}
	
	/* 20170517 (S) */
	.harf{margin-left:6%; margin-right:-20px;}
	/* 20170517 (E) */
}

@media all and (max-width:768px){
	 div{ box-sizing:border-box; }
	/* Header, Footer */
	#container {padding-bottom: 0}
	.wrap_header {width:100%;min-width:100%;}
	.wrap_footer {width:100%;min-width:100%;}
	#header, .contents, .banner, #footer, #footer:lang(en) .meta{ width:101%;}
	.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 li.m3, #nav li.m4, #nav li.m5{ width:calc( 100% / 3);}
	#nav li.m1 a{border-right:1px solid #0e6bbe !important;border-bottom:1px solid #093e6f !important}
	#nav li.m2 a{border-bottom:1px solid #093e6f !important;border-left:1px solid #093e6f !important}
	#nav li.m3 a{border-top:1px solid #0e6bbe !important;border-bottom:1px solid #093e6f !important;border-right:1px solid #0e6bbe !important}
	#nav li.m4 a{border-top:1px solid #0e6bbe !important;border-bottom:1px solid #093e6f !important;border-left:1px solid #093e6f !important}
	#nav li.m5 a{border-top:1px solid #0e6bbe !important;border-bottom:1px solid #093e6f !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;/* color: #fff !important; */}
	#footer .btn_down{font-size:11px;border:0; display: block;position: relative;right: 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}
	.info_stat .letter .ico_letter{display:block}
	.info_stat .whois input[type=text]{ width:60%}
	.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}
	div#container{ min-width:100%;}
	div#container-wrap{ width:100%; padding-bottom:0px; margin-top:0px;}
	.dNoneT{ display:none !important}
	.mobileT{ display:block !important; width:100%; text-align:center; font-size:125%; color:#e51919; margin-top:30px}
	.grBbox {background:url(../images/domain/grBback.gif) right bottom no-repeat;}
	.grBbox2 {padding: 10px;background: none;}
	/* 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;}
	 .mBxxs input{ width:40%}
 	.cont_table01 tbody td.left{ padding:10px }
	/* 20160808 */
	.listDown{  margin-bottom:0px}
	.fnb li:first-child a{color:#d5ffc5 !important}
	/**/

	/* 170816 추가 */
	.visubimg_pc{display: none !important;}
	.visubimg_mb{display:block;height: 100%}
	/* // 170816 추가 */
  }
@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 7px}
	.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 {width: 24.5%;}
	.tab_list li a{ font-size:13px;letter-spacing: -0.18em}
	.tab_list li.on a:after{ margin-left:3px; top:6px}
	.info_stat .event .wrap_arrow{right:10px}
	.info_stat .whois input[type=text]{ width:30%}
	.box_bannerZone .btn{ width:24%}
	.box_bannerZone .btn p{ margin-left:5px}
	.box_bannerZone .btn span{ font-size:13px; text-align:left; margin-left:5px;}
	.links{width:72%}
	.links li{ width:50%; line-height:60px}
	.info_stat .whois input[type=text]{ width:60%}
	#footer .btn_down span{ display:none}
	#footer .btn_down{ margin: 7px 0 5px 0; float:left }
	/* 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;height: 280px !important;}
 	.contTab.third ul li{ padding-left:0px; width:33.3%}
	.contTab ul li a img{ height:32px; width:100%; margin-top:0px }
	/*.mt2{margin-top:2px !important}*/
	.contTab{ background-position: left bottom;}
	table.basicList tbody td{ font-size:12px;}
	.board .cat{font-size:10px;white-space: normal;line-height: 12px;margin: 0 3px;}
	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% } 
	
	.txtL select{ margin-bottom:5px}
	.sTxt{display:inline-block;} 
	
	
	/* 20170517 (S) */
	.harf{margin-left:0; width:100%}
	 
	/* 20170517 (E) */
	
} 
/* 170816 추가 */
@media all and (max-width:470px){
	.visubimg_mb{display:none !important;}
	.visubimg_mb_2{display:block;height: 100%}
} 
/* // 170816 추가 */

 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;}