@charset "utf-8";
/* CSS Document */

/* LAYOUT #1# */

/****** sub_cont */
.subcont_wrap {
	background: url(../../images/main/subcont_bg.gif) repeat-x 0 0;
	height: auto;
	width: 100%;
}
.sub_cont {
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
	width: 1024px;
}
.cont_left {
	background: #fff;
	float: left;
	width: 230px;
}
.cont_right {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	float: left;
	margin-left: 16px;
	min-height: 600px;
	position: relative;
	width: 778px;
}
#shortcut { display: none; position:fixed; top:230px; right:40px; z-index:1000;}
#shortcut ul li{width:98px; height:98px; border:1px solid #ccc; border-radius:5px; background-size:100%; margin-bottom:5px;}
#shortcut ul li a{width:98px; height:25px; padding-top:70px; display:inline-block; font-size:1em; font-family:'Noto Sans Korean',sans-serif; font-weight:400; text-align:center;}
#shortcut ul li:hover{background-size:100%;}
.short1{background:#feece1 url(../../images/main/info_01.png) no-repeat 0 0;} 
.short2{background:#fbf7d2 url(../../images/main/info_02.png) no-repeat 0 0;}
.short3{background:#f2f7d7 url(../../images/main/info_03.png) no-repeat 0 0;}
.short4{background:#eaf6fa url(../../images/main/info_04.png) no-repeat 0 0;}
.short1:hover{background:#fcd9c4 url(../../images/main/info_01.png) no-repeat 0 0;} 
.short2:hover{background:#f8eea4 url(../../images/main/info_02.png) no-repeat 0 0;}
.short3:hover{background:#e6efb0 url(../../images/main/info_03.png) no-repeat 0 0;}
.short4:hover{background:#d5edf5 url(../../images/main/info_04.png) no-repeat 0 0;}
.topbtn{text-align:center; text-shadow:0 0 3px #fff;}
.topbtn a{color:#333; font-weight:bold;}

/*** left_gnb */
#left_gnb h2{width:100%; height:210px; background:url(../../images/main/sub_top.jpg) repeat 0 0 ; text-align:center; line-height:200px; color:#fff; font-size:1.8em; font-weight:500;}
#left_gnb nav{border-right:1px solid #ccc; border-left:1px solid #ccc;}
#left_gnb nav ul{width:100%; height:auto; font-family:'Noto Sans Korean',sans-serif;}
#left_gnb nav ul li a{display:block; padding-left:19px; height:39px; border-bottom:1px solid #ccc; line-height:40px; font-size:1em; background:#fff; color:#37474f;}
#left_gnb nav ul li a:hover, #left_gnb nav ul li a.leftgnb_act
{color:#d94f4f; border-left:4px solid #d94f4f; padding-left:15px; background:#fff url(../../images/main/leftgnb2_bul.gif) no-repeat 93% 50%;}
#left_gnb nav ul li ul{padding:10px 0; background:#f7f7f7; border-bottom:1px solid #ccc;}
#left_gnb nav ul li ul li a
{display:block; font-size:0.9em; background:#f7f7f7 url(../../images/main/leftgnb3_bul.gif) no-repeat 0 center; border-bottom:0; padding-left:15px; margin-left:15px; height:30px; line-height:30px;}
#left_gnb nav ul>li>ul>li a:hover, #left_gnb nav ul>li>ul>li a.leftsuvgnb_act
{border-left:0; font-weight:normal; text-decoration:underline; color:#d94f4f; padding-left:15px; background:#f7f7f7 url(../../images/main/leftgnb3_bul.gif) no-repeat 0 center;}
#left_gnb nav ul>li>ul>li>ul.l_nav_deaph3{padding:5px 0 0 0; border:0;}
#left_gnb nav ul>li>ul>li>ul.l_nav_deaph3 li a
{display:block; font-size:0.85em; background:#f7f7f7 url(../../images/main/m_pt.png) no-repeat 0 center; border-bottom:0; padding-left:20px; margin-left:18px; height:25px; line-height:25px;}
#left_gnb nav ul>li>ul>li>ul.l_nav_deaph3 li a:hover, #left_gnb nav ul>li>ul>li>ul.l_nav_deaph3 li a.leftdeaph3_act{text-decoration:none; color:#d94f4f;}

/*** contents */
.title_box{height:98px; padding-top:30px; padding-left:30px; border-bottom:1px solid #ccc; color:#37474f;}
.title_box h3{font-size:1.7em; font-weight:500; padding-bottom:20px;}
.location{font-size:0.8em; color:#37474f; padding-right:4%; word-break:keep-all; text-align:right;}
.location a{display:inline-block; color:#37474f; margin-bottom:5px;}
.location a:hover{text-decoration:underline;}
.location a.titlehome{background:url(../../images/main/location.png) no-repeat left 3px; padding:5px 0 0 18px;}
.location span.currpage{color:#d94f4f; font-weight:500;}
.bstxt07{font-size:0.7em;}
.bstxt09{font-size:0.9em;}

/*** cont_box */
.cont_box{padding:30px; font-size:1.3em; line-height:1.5;}
/*** 사이트맵 */
.sitemap > li{padding:20px; border:1px solid #ddd; margin-top:20px;}
.sitemap > li:first-child{margin-top:0;}
.sitemap > li h4{font-size:0.9em;}
.sitemap > li h4 a{ display:block; padding:5px 10px; background:#2796c2; color:#fff; }
.s_depth2{padding:15px 0;}
.s_depth2 > li{float:left; width:18.5%; font-size:0.65em; margin-right:15px; margin-bottom:15px; }
.s_depth2 > li:nth-child(5){margin-right:0;}
.s_depth2 > li a{padding:3%; background:#e6edf0; display:block; color:#0072a5;}
.s_depth2 > li a:hover{text-decoration:underline; background:#dae1e4;}
.s_depth2:after{content:""; display: block; clear:both;}
.s_depth3{padding-top:10px; font-size:0.95em;}
.s_depth3 > li a{background:#fff;}
.s_depth3 > li a:hover{background:#fff;}

/*** 정보통신원소개 */
.pointbox{font-family:'Noto Sans Korean',sans-serif; font-weight:400; color:#37474f;}
.quotes{width:75%; padding:30px 40px; background:url(../../images/main/pointer_left_sky.png) no-repeat 0 0, url(../../images/main/pointer_right_sky.png) no-repeat bottom right, right;}
.pointbox p strong{font-size:1.4em; font-weight:500; color:#0288d1;}
.pointbox span{font-size:0.8em; font-family:'Noto Sans Korean',sans-serif; font-weight:400;}
/* introduce */
.introduce{padding:40px 30px 0; font-size:0.7em;}
.introduce p{margin-bottom:20px;}
.introduce p.intro_sign{text-align:right; font-size:1.5em; padding-top:20px;}
/* history */
dl.history_box{overflow:hidden; border-top:2px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px; background: url(../../images/main/squared_metal.gif) repeat 0 0; font-size:1em;}
.history_box:last-child{margin-bottom:0;}
.history_box dt{width:15%; padding-left:4%; /*padding-top:20px;*/ float:left; font-family:'Noto Sans Korean',sans-serif; font-weight:400; font-size:1.2em; color:#0288d1; }
.history_box dd{width:79%; float:left; font-family:'Noto Sans Korean',sans-serif; font-weight:400; font-size:0.7em;}
.history_box dd ul {
	background: #fff;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}
.history_box dd ul li {
	border-bottom: 1px dotted #ddd;
	clear: both;
	display: inline-block; /*li 내용에 따라 height가 변한다.*/
	height: 100%;
	padding: 5px 0;
	width: 100%;
}
.history_box dd ul li:last-child{border-bottom:0;}
.history_box dd ul li.last_line{border-bottom:1px solid #ddd;}
.history_box dd ul li > span:first-child {
	color: #0288d1;
	display: inline-block;
	float: left;
	font-size: 1em;
	font-weight: 500;
	margin-right: 8px;
	padding: 0;
	padding-left: 10px;
	text-align: right;
	width: 108px;
}
.history_box dd ul li > span:last-child { 
	display: inline-block;
	float: left;
	width: 432px;
}
/* organization */
.orgtab{overflow:hidden; float:right; margin-right:40px;}
.orgtab li{float:left; width:80px; height:28px; margin-left:2px;}
.orgtab li a{display:inline-block; width:80px; line-height:28px; font-size:0.65em; background:#e7e7e7; color:#4d4d4d; border-radius:5px 5px 0 0; text-align:center;}
.orgtab li a.orgact{background:#0288d1; color:#fff;}
/* korean org */
.orgbox{border:1px solid #ddd; border-radius:10px; margin:0 25px 30px; height:680px; background:#fff url(../../images/main/orgbg8.png) no-repeat center center; }
.orgbox.eng{font-size:0.8em;}
.organization{font-family:'Noto Sans Korean',sans-serif; font-weight:400; margin-top:50px;}
.organization li{text-align:center;}
.organization li strong.kin{display:block; color:#37474f; margin:0 auto; font-size:1.3em; width:210px; height:48px; padding-top:8px; background:url(../../images/main/org_kin_bg.png) no-repeat 0 0; background-size:100% 100%;}
.org_depth1{width:80%; margin:0 auto; margin-top:40px;}
.org_depth1 li{width:40%; height:50px; line-height:50px; font-size:1.1em; color:#37474f; background:#d7e688;}
.org_depth1 li.org01{float:left;}
.org_depth1 li.org02{float:right;}
.org_depth2{width:80%; margin:0 auto; margin-top:40px;}
.org_depth2 > li{width:32%; height:50px; line-height:50px;  color:#37474f; background:#abdceb;}
.org_depth2 li.org01{float:left; margin-right:2%;}
.org_depth2 li.org02{float:left; margin-right:2%;}
.org_depth2 li.org03{float:left;}
.org_depth3{margin-top:30px;}
.org_depth3 > li{width:100%; padding:4px 0; background:#fcd9c4; font-size:0.85em; color:#37474f; line-height:1.1; margin-bottom:20px;}
/* eng org */
.orgbox.eng .organization li strong.kin{line-height:0.9; font-weight:500;}
.orgbox.eng .organization li strong.kin span.nm{font-size:0.8em;}
.orgbox.eng .org_depth1{margin-top:35px;}
.orgbox.eng .org_depth1 > li{width:45%; font-size:0.9em; line-height:1; padding:13px 0; height:17px;}
.orgbox.eng .org_depth2 > li{font-size:0.9em; line-height:0.9; }
.orgbox.eng .org_depth2 > li span{height:40px; padding-top:10px; width:95%;  margin:auto; display:block;}
.orgbox.eng .org_depth2 > li:first-child span{padding-top:18px; height:32px;}
.orgbox.eng .org_depth3{margin-top:20px;}
.orgbox.eng .org_depth3 > li{width:95%; padding:13px 2.5% 0; height:42px; color:#37474f; line-height:1.2; font-size:0.9em; margin-bottom:20px;}
.orgbox.eng .org_depth3 > li.line3{padding-top:5px; height:50px;}
/* regulation tab */
.regulation { }
.regulation table { width: 100%; }
.regtabs{overflow:hidden; margin-bottom:5px;}
.regtabs li{font-family:'Noto Sans Korean',sans-serif; font-weight:400; float:left; width:19.5%;  margin-right:0.5%;}
.regtabs li:last-child{margin-right:0; width:20%;}
.regtabs li a{display:inline-block; width:90%; height:30px; padding:5%; text-align:left; line-height:1; font-size:0.85em; background:#e7e7e7; color:#4d4d4d; letter-spacing:-1px;}
.regtabs li a.active{background:#0288d1; color:#fff;}
#tab1, #tab2, #tab3, #tab4, #tab5{padding:20px; background:#fff; border:1px solid #ccc;}
.h5_decimal{font-family:'Noto Sans Korean',sans-serif; font-weight:400; width:100%; background:#fff; border-top:2px solid #ccc;}
.h5_decimal li{font-size:0.8em; list-style-type:decimal; list-style-position:inside; padding:8px 15px; border-bottom:1px solid #ccc;}
.h5_decimal li:nth-child(odd){background:#f5f5f5;}
.h5_decimal li:last-child{border-bottom:2px solid #ccc;}
a.regbtn{display:inline-block; padding:2px 10px; background:#0288d1; color:#fff; font-size:13px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif; float:right; margin-top:3px;}
a.regbtn:hover{background:#303747;}
/* road */
#map_view{width:100%; height:380px;}
.tourbox{font-family:'Noto Sans Korean',sans-serif; font-weight:400; font-size:0.8em; margin-top:5px; text-align:right;}
.tourbox a{display:inline-block; color:#fff;}
.apibtn{background:#04adbf url(../../images/main/apiicon.png) no-repeat 10px center; padding:5px 15px 5px 30px;}
.tourbtn{background:#db4e4e; color:#fff; padding:5px 12px;}
.tourbox a:hover{text-decoration:underline;}

/*** 정보서비스 */
/* top roundbox */
.roundtopbox{padding:20px; border:1px solid #ddd; border-radius:5px; background:#fefdef; font-size:1em; margin-bottom:30px;}
.roundtopbox h4, .linebox h4{font-size:1em; font-weight:500;}
.roundtopbox p, .linebox p{font-size:0.7em;}
.roundtopbox ul, .linebox ul{font-size:0.7em;}
.roundtopbox p.lh230{line-height:1.5;}
/* linebox */
.linebox{border:1px solid #ddd; padding:20px; font-size:1em;}
/* dottedbox */
.dottedbox{border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; background:#f5f5f5; padding:30px;}
/* basic explain box */
.explain{padding:0 20px; font-size:0.7em;}
.explain p{font-size:1em;}
.explain p.intro_sign{text-align:right; font-size:1.2em; padding-top:10px;}
.explain ul li img{display:block; margin-top:3px;}
.explain table { width: 100%; }
/* decimal list */
.decimal-out li{font-size:1em; list-style-type:decimal; list-style-position:outside;}
.decimal-out li a{color:#2196f3;}
/* disk list */
.disk-out li{list-style-type:disc; list-style-position:outside;}
/* bullet list */
.bul_r_sky li{padding-left:15px; background:url(../../images/main/bul_r_sky.gif) no-repeat 0 10px;}
.bul_r_gray li{padding-left:15px; background:url(../../images/main/bul_r_gray.gif) no-repeat 0 10px;}
/* application arrow */
.appli01{padding:0; list-style:none; overflow:hidden; font-size:0.9em;}
.appli01 li:first-child{background:none; padding-left:0 !important;}
.appli01 li{float:left; padding-left:25px; margin-right:5px; background:url(../../images/main/arw_red.png) no-repeat 0 center;}
.roundtopbox ul.appli02{padding:0; list-style:none; overflow:hidden;}
.roundtopbox ul.appli02 li:first-child{background:none; padding-left:0 !important; margin-left:5px;}
.roundtopbox ul.appli02 li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_gray.png) no-repeat 0 center;}
/* arrow */
ul.arw_red, ul.arw_gray, ul.arw_sky{padding:0; list-style:none; overflow:hidden; }
ul.arw_red li, ul.arw_gray li, ul.arw_sky li{line-height:1.2; margin-bottom:5px;}
ul.arw_red li:first-child, ul.arw_gray li:first-child, ul.arw_sky li:first-child{background:none; padding-left:0 !important;}
ul.arw_red li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_red2.png) no-repeat 0 center;}
ul.arw_gray li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_gray.png) no-repeat 0 center;}
ul.arw_sky li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_sky.png) no-repeat 0 center;}
/* 무선랜사용방법 */
.lanimgbox{width:80%; overflow:hidden; margin:auto;}
.lanimgbox > p{float:left;}
.lanimgbox > ul{float:right; width:38%; margin-top:80px;}
/* guest */
ul.guest{width:50%; margin:auto;}
.guest li{width:100%; overflow:hidden;}
.guest li:first-child{margin-bottom:5px;}
.guest label{float:left; width:20%;}
.guest input[type=text]{float:left; width:70% !important;}
.guestbtn input[type=button]{
	font-family:'나눔고딕', 'Nanum Gothic', sans-serif; cursor:pointer;
	background:url(../../images/main/btn_link_off.gif) no-repeat right center; color:#fff !important; padding:7px 13px 7px 13px; margin-left:5px; margin-bottom:3px; font-size:14px;}
.guestbtn input[type=button]:hover{background:url(../../images/main/btn_link_on.gif) no-repeat right center;}

/*** 정보교육센터 */
.h3_box{padding-bottom:5px;}
.h3_box h3{padding-left:25px; background:url(../../images/main/h3_tit1.png) no-repeat 0 5px; font-size:0.9em; line-height:1.2;}
.h4_box{padding:15px 25px 5px;}
.h4_box h4{padding-left:18px; background:url(../../images/main/h4_tit1.png) no-repeat 0 5px; font-size:0.8em; line-height:1.2;}
.h4_box > p{font-size:0.7em; line-height:1.2;}
.reg_h4 h4{padding-left:25px; background:url(../../images/main/h3_tit1.png) no-repeat 0 center; font-size:1em;}
.h5_box h5{font-size:1.2em; font-weight:500; color:#0288d1;}
.addtxt{padding-top:10px; padding-left:25px;}
.addtxt p{font-size:0.65em; line-height:1.4;}
.spanaddtxt{display:inline-block; line-height:1.2; padding-top:5px; padding-left:0;}
/* 관련기관 */
.roundlist{width:90%; margin:auto; overflow:hidden;}
.roundlist li{width:49%; padding:30px 0; text-align:center; border-radius:10px; background:#f5f5f5; border:1px solid #ddd; margin-top:10px; line-height:1;}
.roundlist li strong{font-size:1.4em;}
.roundlist li span{font-size:0.8em; position:relative; top:-4px; margin-left:8px;}
.roundlist li:nth-child(odd){float:left;}
.roundlist li:nth-child(even){float:right;}
.roundlist li a{display:block; width:100%; padding:15px 0 15px 40px; text-align:center; font-size:1em;}
#logo3_4_1{background:url(../../images/main/site_img1.gif) no-repeat 0 0; background-size:33% 100%;}
#logo3_4_2{background:url(../../images/main/site_img2.gif) no-repeat 0 0; background-size:33% 100%;}
#logo3_4_3{background:url(../../images/main/site_img3.gif) no-repeat 0 0; background-size:33% 100%;}
#logo3_4_4{background:url(../../images/main/site_img4.gif) no-repeat 0 0; background-size:33% 100%;}

/*** 자료실 */
.searchbox{font-size:1em; margin-bottom:7px; overflow:hidden;}
.pagenum{float:left; font-size:0.7em; overflow:hidden;}
.pagenum li{float:left;}
.searchbox fieldset{float:right;}
select{height:24px; padding:0 5px; border:1px solid #ddd; font-size:13px;}
input[type=text], input[type=password]{height:18px; padding:2px; border:1px solid #ddd; font-size:13px;}
a.searchbtn, a.inputbtn{display:inline-block; padding:0 10px; height:24px; line-height:24px; background:#0288d1; color:#fff; position:relative; top:-1px; font-size:13px;}
a.searchbtn:hover, a.inputbtn:hover{background:#303747;}

.roundtopbox.port{margin-bottom:10px;}

/* board */
.board{width:100%;}
.board_view{font-size:0.9em;}
.board_view > table{width:100%; border-left:1px solid #ddd;}
.topline{border-top:2px solid #757c86;}
.board_view > table th{padding:5px 10px; height:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f5f5f5;}
.board_view > table td{padding:5px 10px; height:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:left;}
.board_view > table td input[type=file]{background:#f5f5f5; border:0; font-size:13px;}
/* add_file_icon > table */
#file_upload_posbl > table td, #file_upload_imposbl > table td{padding:0 0; height:10px; border-bottom:0; border-right:0; font-size:1em;}
td.add_file_icon > table td{padding:0 0; height:10px; border-bottom:0; border-right:0; font-size:1em;}
/* td.add_file_icon a{display:block; padding-left:17px; background:url(../../images/main/add_file_icon.gif) no-repeat left 50%; font-size:1em;} */
td.add_file_icon a:hover{text-decoration:underline;}
/* addfilebox > div#egovComFileList #file_upload_imposbl */
#egovComFileList div input[type=button]{padding:1px 5px; border:1px solid #999; border-radius:3px; margin-left:3px; cursor:pointer; background:#999; color:#fff; font-size:12px;}
td.addfilebox{font-size:1em;}
td.addfilebox input[type=button]{padding:1px 5px; border:1px solid #999; border-radius:3px; margin-left:3px; cursor:pointer; background:#999; color:#fff; font-size:12px;}
/* table.add_file_icon */
table.add_file_icon td{padding:0 0; height:10px; border-bottom:0; border-right:0;}
/* add_file_del */
table.add_file_del td{padding:0 0; height:10px; border-bottom:0; border-right:0;}
table.add_file_del .em100{font-size:1em;}
table.add_file_del td img{cursor:pointer;}

/* 공지사항글쓰기 */
td textarea.etbox{width:98%; height:50%;}
td textarea.etbox iframe{width:100%;}

/* mospop */
.moswrap{width:100%;}
.mospop{width:35%; padding:2% 3% 1.5%; margin:10% auto 0; background:#abdceb; }
.mospop p{font-size:1.2em; color:#333; line-height:1.5; margin-bottom:30px;}
.mospop a{display:block; width:30%; height:5%; margin:0 auto; text-align:center; padding:2%; background:#37464f; color:#fff; font-size:1.2em; border-radius:5px;}
.mospop a:hover{background:#333;}

/* dns */
.bstable.left_td.dnstb input[type=text]{width:98%;}

/*** bstable */
th, td{line-height:1.3; word-break:break-all; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}
th{font-family:'Noto Sans Korean',sans-serif; font-weight:400; font-size:0.8em;}
td{font-weight:400; font-size:0.7em;}
td img{vertical-align:middle;}
.tablebox{width:95%; margin:0 25px;}
.bstable {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-top: 16px;
	width: 100%;
}
.bstable thead th{background:#fbfbfb; height:20px; padding:5px 10px; vertical-align:middle; border-top:2px solid #757c86; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:0.7em;}
.bstable tbody th, .bstable tfoot th
{background:#fbfbfb; height:20px; padding:5px 10px; vertical-align:middle; text-align:center; border-top:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:1em;}
.bstable td{background:#fff; height:20px; padding:5px 10px; vertical-align:middle; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:1em;}
.bstable td.left_td, .bstable th.left_td, table.left_td td{text-align:left; padding:5px 10px;}
.tb_topline, td.topline, tbody th.topline{border-top:2px solid #757c86;}
.bstable td.td_bg{background:#fbfbfb;}
/* left align */
table.left_td td.center_td{text-align:center;}
/* tr hover */
table.hovertd tr:hover td{cursor:pointer; background:#fbfbfb;}
/* td abbreviation */
.bstable td.abbre{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bstable tbody.bd-bot-line{border-bottom:2px solid #ddd;}
th.listTitle{font-family:'Noto Sans Korean',sans-serif; font-weight:400; font-size:0.8em;}
/* table pd */
table.pd5 td, table.pd5 th, table.pd5 td.left_td{padding:5px;}
#bbs_cn td, #bbs_cn p, #bbs_cn td p, #bbs_cn th, #bbs_cn strong, #bbs_cn em, #bbs_cn h1, #bbs_cn h2, #bbs_cn h5{font-size:14px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif}


/*** btn */
a.graybtn{display:inline-block; padding:3px 10px 2px; background:#5a5a5a; color:#fff; font-size:13px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}
a.graybtn:hover{background:#303747;}
a.bluebtn{display:inline-block; padding:3px 10px 2px; background:#0288d1; color:#fff; font-size:13px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}
a.bluebtn:hover{background:#303747;}
.down_btn{
	font-family:'나눔고딕', 'Nanum Gothic', sans-serif;
	display:inline-block; background:url(../../images/main/btn_down_off.gif) no-repeat right center; color:#fff !important; padding:7px 39px 7px 13px; margin-left:5px; margin-bottom:3px; font-size:14px;}
.down_btn:hover{background:url(../../images/main/btn_down_on.gif) no-repeat right center;}
.link_btn{
	font-family:'나눔고딕', 'Nanum Gothic', sans-serif;
	display:inline-block; background:url(../../images/main/btn_link_off.gif) no-repeat right center; color:#fff !important; padding:7px 13px 7px 13px; margin-left:5px; margin-bottom:3px; font-size:14px;}
.link_btn:hover{background:url(../../images/main/btn_link_on.gif) no-repeat right center;}

/* peagent */
.peagent{padding:10px; border-radius:10px; border:1px solid #ddd; box-shadow:5px 5px 10px #ccc;}

/* 넘박스 */
.paginate_regular {padding:15px 0;	text-align:center;	line-height:normal; font-size:0.65em;}
.paginate_regular a, .paginate_regular strong {margin: 0 -2px; padding: 2px 8px; display:inline-block; position:relative; font-weight:400; color:#333; text-decoration:none; vertical-align:middle;}
.paginate_regular a:hover, .paginate_regular a:active, .paginate_regular a:focus {background:#f5f5f5}
.paginate_regular strong{color:#C60; font-family:'나눔고딕', 'Nanum Gothic', sans-serif; font-weight:700;}
.paginate_regular .direction {font-weight: normal; color: #767676; white-space: nowrap;}
.paginate_regular .direction span {font-weight: bold; font-size: 14px}
.paginate_regular .direction:hover, .paginate_regular .direction:active, .paginate_regular .direction:focus {background:#fff; color:#333;  font-weight:700;}

/* LAYOUT #2# =============================================================== */
@media all and (max-width:640px) {

/****** sub_cont */
.sub_cont {
	padding: 3%; /* padding px to percent */
	width: 94%;
}
.cont_left {
	display: none;
}
.cont_right {
	float: none;
	margin-left: 0;
	min-height: 550px;
	width: 100%;
}
.cont_box {
	padding: 2%;
	width: 96%;
}
.introduce {
	font-size: 0.65em;
	padding: 2%;
}
/* history */
dl.history_box {
	background: none;
}
dl.history_box dt { display: none; }
dl.history_box dd { width: 100%; }
.history_box dd ul li > span:first-child {
	display: inline;
	float: none;
}
.history_box dd ul li > span:last-child {
	display: inline;
	float: none;
	width: auto;
}
.tablebox {
	margin: 0;
	width: 100%;
}
.explain {
	padding: 0;
}

} /* @media all and (max-width:640px) */

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

/*** left_gnb *//*
#left_gnb h2{height:180px; line-height:180px; font-size:1.6em;}
#left_gnb nav ul li a{padding-left:15px; font-size:0.9em;}
#left_gnb nav ul li a:hover, #left_gnb nav ul li a.leftgnb_act{padding-left:11px;}
#left_gnb nav ul li ul li a{font-size:0.87em; padding-left:12px; margin-left:14px;}
#left_gnb nav ul>li>ul>li a:hover, #left_gnb nav ul>li>ul>li a.leftsuvgnb_act{padding-left:12px;}
#left_gnb nav ul>li>ul>li>ul.l_nav_deaph3 li a{font-size:0.7em;}
/*** contents *//*
.title_box h3{font-size:1.6em;}
.bstxt07{font-size:0.65em;}
.bstxt09{font-size:0.85em;}

/*** 정보통신원소개 *//*
.quotes{width:80%;}
.quotes.w50{width:60% !important;}
.pointbox p strong{font-size:1.3em;}
.pointbox span{font-size:0.7em;}
/* introduce *//*

/* history *//*
.history_box dt{width:22%;}
.history_box dd{width:72%; font-size:0.7em;}
.history_box dd ul li > span:first-child{font-size:1em;}
/* organization *//*
.orgtab{margin-right:20px;}
.orgtab li{width:70px; height:28px;}
.orgtab li a{width:70px; line-height:28px; font-size:0.6em;}
/* koe org *//*
.orgbox{margin:0 0 30px; height:640px; background:#fff url(../../images/main/orgbg8.png) no-repeat center 50px;}
.organization{margin-top:30px;}
.organization li strong.kin{font-size:1.3em; width:210px; height:48px; padding-top:8px;}
.org_depth1{width:90%; margin-top:40px; }
.org_depth1 li{width:40%; height:50px; line-height:50px; font-size:1.1em;}
.org_depth2{width:90%; margin-top:40px;}
.org_depth2 > li{width:32%; height:50px; line-height:50px;}
.org_depth3{margin-top:30px;}
.org_depth3 > li{padding:4px 0; font-size:0.85em; line-height:1.1; margin-bottom:20px;}
/* eng org *//*
.orgbox.eng{margin:0 0 30px; height:640px; background:#fff url(../../images/main/orgbg8.png) no-repeat center 40px;}
.orgbox.eng .organization li strong.kin{line-height:0.9; font-weight:500;}
.orgbox.eng .organization li strong.kin span.nm{font-size:0.8em;}
.orgbox.eng .org_depth1{margin-top:35px;}
.orgbox.eng .org_depth1 > li{width:45%; font-size:0.9em; line-height:1; padding:13px 0; height:17px;}
/* eng org_depth2 *//*
.orgbox.eng .org_depth2 > li{font-size:0.8em; line-height:0.9;}
.orgbox.eng .org_depth2 > li span{height:30px; padding-top:10px; width:95%;  margin:auto; display:block;}
.orgbox.eng .org_depth2 > li:first-child span{padding-top:18px; height:22px;}
.orgbox.eng .org_depth3{margin-top:30px;}
.orgbox.eng .org_depth3 > li{width:95%; padding:13px 2.5% 0; height:42px; color:#37474f; line-height:1.2; font-size:0.9em; margin-bottom:15px;}
.orgbox.eng .org_depth3 > li.line3{padding-top:5px; height:50px;}
/* regulation *//*
.regtabs li a{height:40px; font-size:0.85em;}

/*** bstable *//*
.tablebox{width:93%;}
th{font-size:0.65em;}
td{font-size:0.62em;}
.bstable thead th{padding:5px; font-size:0.65em;}
.bstable tbody th, .bstable tfoot th{padding:5px; font-size:0.65em;}
.bstable td{padding:5px; font-size:0.62em;}
.bstable td.left_td, table.left_td td{padding:5px;}



/*** 정보서비스 */
/* top roundbox *//*
.roundtopbox{padding:20px; border:1px solid #ddd; border-radius:5px; background:#fefdef; font-size:0.9em; margin-bottom:30px;}
/* basic explain box *//*
.explain{padding:0 20px; font-size:0.65em;}
/* decimal list *//*
.decimal-out li{font-size:0.95em;}
/* 무선랜사용방법 *//*
.lanimgbox{width:90%;}
/* PC관련 윈도우설치img *//*
p img.centered.mt10.w80{width:90% !important;}

/*** 정보교육센터 *//*
.h3_box{padding-bottom:5px;}
.h3_box h3{font-size:0.9em;}
.h4_box{padding:15px 25px 5px;}
.h4_box h4{font-size:0.8em;}
.reg_h4 h4{font-size:1em;}
.h5_box h5{font-size:1.2em; font-weight:500; color:#0288d1;}
.addtxt{padding-top:10px; padding-left:25px;}
.addtxt p{font-size:0.65em; line-height:1.4;}
.spanaddtxt{display:inline-block; line-height:1.2; padding-top:5px; padding-left:0;}
/* 관련기관 *//*
.roundlist li a{padding:5px 0 5px 50px; font-size:0.9em;}
#logo3_4_1, #logo3_4_2, #logo3_4_3, #logo3_4_4{background-size:40% 100%;}

/*** 자료실 *//*
.pagenum{font-size:0.65em;}

/* board *//*
.board_view{font-size:1em;}
.board_view > table th{padding:5px;}
.board_view > table td{padding:5px;}

/* 공지사항글쓰기 *//*
td textarea.etbox{width:97%; height:40%;}
td textarea.etbox iframe{width:90%;}

/* dns *//*
.bstable.left_td.dnstb input[type=text]{width:90%;}


}

@media all and (max-width:1100px){
#shortcut{top:230px; right:-20px;}
#shortcut ul li{width:60px; height:70px; margin-bottom:3px;}
#shortcut ul li a{width:45px; padding-left:5px; height:0; padding-top:43px; font-size:0.75em; line-height:1; text-align:left;}
#shortcut ul li.short1 a{width:30px; padding-left:10px; height:0; padding-top:43px;}
#shortcut ul li.short2 a{width:35px; padding-left:5px; height:0; padding-top:43px;}
#shortcut ul li.short3 a{width:36px; padding-left:4px; height:0; padding-top:48px;}
#shortcut ul li.short4 a{width:33px; padding-left:7px; height:0; padding-top:43px;}
.short1, .short2, .short4, .short1:hover, .short2:hover, .short4:hover{background-position:-12px -5px;} 
.short3, .short3:hover{background-position:-10px 0;} 
.topbtn{padding-left:5px; text-align:left;}
.topbtn a{color:#333; font-weight:bold;}

}


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

#shortcut{display:none;}

/*** contents *//*
.title_box{height:auto; width:90%; padding:5%;}

/* organization *//*
.orgbox{margin:0 0 30px; height:650px; background:#fff url(../../images/main/orgbg8.png) no-repeat center 55px;}
.organization{margin-top:35px;}
.organization li strong.kin{font-size:1.3em; width:210px; height:48px; padding-top:8px;}
.org_depth1{width:90%; margin-top:40px; }
.org_depth1 li{width:40%; height:50px; line-height:50px; font-size:1.1em;}
.org_depth2{width:90%; margin-top:40px;}
.org_depth2 > li{width:32%; height:50px; line-height:50px;}
.org_depth3{margin-top:30px;}
.org_depth3 > li{padding:4px 0; font-size:0.85em; line-height:1.1; margin-bottom:20px;}
/* regulation *//*
.regtabs li a{height:40px; font-size:0.8em;}

.tablebox{width:100%; margin:0 0;}

/* 무선랜사용방법 *//*
.lanimgbox > p{float:none; margin:auto;}
.lanimgbox > p img{display:table; margin-left:auto; margin-right:auto; width:70%; padding-left:15%;}
.lanimgbox > ul{width:75%; padding-left:10%; float:none; margin:0 auto; }
.lanimgbox > ul.decimal-out.li_mb10 li{margin-bottom:0 !important;}
.linebox.ml20.mr20 div.centered p img{width:90%; padding:0 5%;}

.h3_box{padding-bottom:5px;}
.h3_box h3{padding-left:25px; font-size:0.9em;}
.h4_box{padding:15px 0 5px;}
.h4_box h4{padding-left:18px; font-size:0.8em;}
.reg_h4 h4{padding-left:25px; font-size:1em;}
.h5_box h5{font-size:1.2em; font-weight:500; color:#0288d1;}
.addtxt{padding-top:10px; padding-left:0;}
.addtxt p{font-size:0.65em; line-height:1.4;}
.spanaddtxt{display:inline-block; line-height:1.2; padding-top:5px; padding-left:0;}
.explain{padding:0 0;}
.explain > p{margin-left:20px;}
.disk-out.ml30.pt10.li_mb10{margin-left:0 !important;}
.disk-out.pt10{padding-left:20px !important;}

.disk-out.ml40.pt15.pb10{margin-left:20px !important;}

/* 관련기관 *//*
.roundlist{width:100%;}
.roundlist li{width:48%; padding:4% 0;}
.roundlist li strong{font-size:0.9em;}

/* guest *//*
ul.guest{width:70%; margin:auto;}

/* dns *//*
.bstable.left_td.dnstb input[type=text]{width:90%;}


}

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

.quotes.w50{width:70% !important;}
/* organization *//*
.orgbox{height:620px; background-position:center 60px; background-size:68%;}
.organization li strong.kin{font-size:1.2em;}
.org_depth1{margin-top:35px;}
.org_depth1 li{font-size:1.1em;}
.org_depth2{margin-top:35px;}
.org_depth2 li{font-size:0.85em; letter-spacing:-1px;}
.org_depth3 > li{font-size:0.85em;}

.explain ul li img{width:90%;}
p img{width:90%;}

/* 공지사항글쓰기 *//*
td textarea.etbox{width:97%; height:40%;}
td textarea.etbox iframe{width:50%;}
#smart_editor2{width:50%;}

/* guest *//*
ul.guest{width:90%; margin:auto;}

}

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

.quotes.w50{width:75% !important;}
/* history *//*
dl.history_box{padding-bottom:1%;}
.history_box dt{width:96%; padding:0 2%; float:none; font-size:2em; text-align:right;}
.history_box dd{width:96%; padding:0 2%; float:none; font-size:0.8em;}
.history_box dd ul li{padding:1%;}
.history_box dd ul li > span:first-child{width:20%; padding-right:1.5%; padding-left:0; font-size:1em;}
/* organization *//*
.orgbox{height:610px; background-position:center 50%; background-size:80% 80%;}

/* 관련기관 *//*
.roundlist{width:90%; margin:0 auto;}
.roundlist li{width:88%; padding:5%;}
.roundlist li span{font-size:0.8em; position:relative; top:-4px; margin-left:8px;}
.roundlist li:nth-child(odd){float:none;}
.roundlist li:nth-child(even){float:none;}
.roundlist li a{display:block; width:69%; padding:3% 0 3% 30%; text-align:center; font-size:0.8em;}
.roundlist li span{font-size:0.8em; position:relative; top:-2px; margin-left:8px;}

}

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

.quotes.w50{width:80% !important;}
.title_box h3{padding-bottom:15px;}

/* organization *//*
.orgbox, .orgbox.eng{border:1px solid #ddd; border-radius:10px; margin:0 0 30px; height:820px; background:#fff url(../../images/main/orgbg640.png) no-repeat center center; }
.organization{margin-top:30px; width:100%;}
.organization li strong.kin{font-size:1.3em; width:80%; height:50px; padding-top:6px;}
.org_depth1{width:80%; margin:0 auto;}
.org_depth1 li{width:100%;}
.org_depth1 li.org01{float:none; margin-top:20px;}
.org_depth1 li.org02{float:none; margin-top:10px;}
.org_depth2{width:80%; height:auto; margin:0 auto; margin-top:20px;}
.org_depth2 > li{width:100%; position:relative;}
.org_depth2 li.org01{float:none; margin-right:0; margin-bottom:275px;}
.org_depth2 li.org02{float:none; margin-right:0; margin-top:0; margin-bottom:75px;}
.org_depth2 li.org03{float:none; margin-top:10px;}
.org_depth3{width:100%; margin:auto; margin-top:0;}
.org_depth3 > li:first-child{margin-top:10px;}
.org_depth3 > li{width:100%; height:35px; padding:5px 0; background:#fcd9c4; font-size:0.85em; color:#37474f; line-height:1.1; margin-bottom:5px;}
/* eng org *//*
.orgbox.eng .org_depth1{margin-top:0;}
.orgbox.eng .org_depth1 > li{width:100%; font-size:1em; line-height:1; padding:13px 0; height:24px;}
/* eng org_depth2 *//*
.orgbox.eng .org_depth2 > li{font-size:1em; line-height:1.2;}
.orgbox.eng .org_depth2 > li span{height:30px; padding-top:13px; width:95%;  margin:auto; display:block;}
.orgbox.eng .org_depth2 > li:first-child span{padding-top:13px; height:30px;}
.orgbox.eng .org_depth3{margin-top:16px;}
.orgbox.eng .org_depth3 > li{width:95%; padding:5px 2.5% 0; height:42px; color:#37474f; line-height:1.1; font-size:0.85em; margin-bottom:5px;}
.orgbox.eng .org_depth3 > li.line3{padding-top:5px; height:40px;}
/* eng org *//*
.orgbox.eng .org_depth1{font-size:0.9em;}
.orgbox.eng .org_depth2{font-size:0.9em;}
/* regulation *//*
.regtabs{margin-bottom:1px;}
.regtabs li{width:49.5%; margin-bottom:1px; margin-right:0;}
.regtabs li:nth-child(odd){width:49.5%; margin-right:0.5%;}
.regtabs li a{height:18px; padding:5%; font-size:0.8em;}
.regulation div.explain{padding:0 0;}
a.regbtn{float:none; display:block; margin-top:0; width:50px; position:relative; left:10px;}

.h3_box.pl25{padding-left:0 !important;}
.explain.pl70.pt10{padding-left:20px !important;}
p img.centered.mt10.w80{width:95% !important; margin-right:5%;}
.roundtopbox ul.bul_r_gray.pt10.pl10.li_mb10{padding-left:0 !important;}
.explain.pl45{padding-left:25px !important;}

.linebox{padding:10px; font-size:0.9em;}
.linebox.ml20.mr20{margin-left:0 !important; margin-right:0 !important;}

.roundtopbox h4{font-size:0.9em; line-height:1.3;}
.pl20{padding-left:0 !important;}
.ml20.mr20{margin-left:0 !important; margin-right:0 !important;}
.disk-out.pl20.pt10{padding-left:20px !important;}
.disk-out.ml40.pt10.li_mb10{margin-left:20px !important;}
.explain > p{margin-left:0;}

/*** 자료실 *//*
.searchbox{font-size:1em; margin-bottom:7px; overflow:hidden;}
.pagenum{float:none; font-size:0.7em; overflow:hidden;}
.searchbox fieldset{float:none;}

.explain > .ml20{margin-left:5px !important;}

}

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

/* introduce *//*
.quotes{width:82%; padding:30px 30px; line-height:1.2;}
.quotes.w50{width:80% !important;}
/* history *//*
dl.history_box{padding-bottom:1%;}
.history_box dd ul li{padding:1.5%;}
.history_box dd ul li{line-height:1.2;}
.history_box dd ul li > span:first-child{width:100%; padding-right:0; text-align:left;}
.pointbox p strong{font-size:1.2em;}
/* regulation *//*
.regtabs li a{height:18px; padding:5%; font-size:0.8em;}
/* road */
.tourbox{margin-bottom:20px;}
.apibtn{background:#04adbf; padding:5px 12px;}
.explain{padding:0;}
/* guest *//*
.title_box h3{padding-bottom:10px;}

.ml25{margin-left:10px !important;}

}

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

/* regulation *//*
.regtabs li{width:100%;}
.regtabs li:nth-child(odd){width:100%; margin-right:0;}
.regtabs li a{height:20px; padding:3% 5%; font-size:0.9em; margin-bottom:1px;}

.disk-out.pt10.pl20.pb10{padding-left:0 !important;}

/* guest *//*
ul.guest{width:100%;}
.guest label{float:none; width:100%; display:block;}
.guest input[type=text]{float:none; width:100% !important;}

}

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

/* introduce *//*
.quotes{width:100%; padding:20px 0 0; line-height:1.2; background:none;}
.quotes.w50{width:100% !important; padding-bottom:0;}
/* history *//*
dl.history_box{padding-bottom:1%;}
/* history */
#map_view{height:250px;}
.tourbox{font-size:0.65em; margin-top:5px; text-align:left;}
.apibtn{background:#04adbf; padding:5px 12px;}
.h4_box{padding: 15px 0 5px;}
/* regulation *//*
a.regbtn{float:none; display:block; margin-top:0; width:50px; position:relative; left:10px;}

.title_box h3{font-size:1.4em;}
.roundlist li a{display:block; width:69%; padding:3% 0 3% 30%; text-align:center; font-size:0.65em;}
.ml25{margin-left: 0 !important;}

.disk-out.pt10.pl40.li_mb10{padding-left:20px !important;}
ul.decimal-out.pt10.pl40.li_mb10{padding-left:20px !important;}
ul.decimal-out.pt20.pl40.li_mb10{padding-left:20px !important;}
ul.decimal-out.pl25.li_mb25{padding-left:20px !important;}
ul.decimal-out.pl25.li_mb10.mb50{padding-left:20px !important;}
ul.decimal-out.pl25.li_mb20{padding-left:20px !important;}
ul.decimal-out.pl25.li_mb10{padding-left:20px !important;}

.h5_box.mt5 > ul.decimal-out.ml50.mt5.li_mb5{margin-left:20px !important;}

ul.disk-out.ml40.pt10.pb10{margin-left:0 !important;}
ul.disk-out.ml40.pt10.li_mb10{margin-left:0 !important;}
ul.disk-out.ml30.pt10{margin-left:0 !important;}


.pl25{padding-left: 0 !important;}
.pl50{padding-left:25px !important;}
.pl30{padding-left: 0 !important;}
.linebox.ml25.mr25.mt15{margin-right:0 !important;}
.linebox.ml25.mr25.mt15 ul.decimal-out.ml25.li_mb5{padding-left:20px !important;}
.linebox.ml30.mr30.mt10.center{margin-right:0 !important; margin-left: 0 !important;}
.explain > div.decimal-out.pl10.li_mb20 ul{padding-left:10px !important;}

input[type=text]{width:50%;}

}