@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
@font-face{font-family:NG; src:url('/layouts/mit_main/font/NanumBarunGothic.eot'); src:local(※), url('/layouts/mit_main/font/NanumBarunGothic.woff') format('woff');}
@font-face{font-family:NGEN; src:url('/layouts/mit_main/font/NanumBarunGothicBold.eot'); src:local(※), url('/layouts/mit_main/font/NanumBarunGothicBold.woff') format('woff');}

body,html {width:100%;padding:0;margin:0;font-size:12px;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;background:url('./image/main_bg.jpg') #f8f8f8 repeat;}
input,select,textarea {font-size:12px;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

*{text-decoration:none; font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, blockquote, th, td {  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  
list-style-type: none;  
 }

img{border:0; vertical-align:middle;}
img.btn{vertical-align:middle;cursor:pointer;}
a img{vertical-align:middle;}

.wrap { width:100%; }

/* skiptoContent */
#skiptoContent{position:absolute;width:100%}
#skiptoContent dt{position:absolute;left:0;top:-10000px}
a.skip{display:block;position:absolute;left:0;top:-10000px;z-index:1000;width:100%;font-size:15px;text-align:center}
a.skip:hover, a.skip:focus, a.skip:active{position:absolute;top:0;z-index:1000;padding:15px 0;background:#fff;font-weight:800;color:#000;text-decoration:underline}

.head_wrap { position:fixed; top:0; left:0; width:100%; height:90px; padding:0; background:url('./image/head_bg.jpg') repeat-x ; z-index:999; }
.head_wrap .head_top{ position:relative;width:980px; height:35px;margin:0 auto;}
.head_wrap .head_top .top_l {float:left;font-size:11px;height:35px;padding:0;color:#d5d5d5;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}
.head_wrap .head_top .top_l a {color:#d5d5d5;outline:none;}
.head_wrap .head_top .top_l a:hover {color:#eaf1fd;}
.head_wrap .head_top .top_r {float:right;height:25px;padding:10px 0 0 0;margin:0;}
.head_wrap .head_top .top_r ul {padding:0;margin:0;}
.head_wrap .head_top .top_r li {list-style-type:none;display:inline;padding:0;font-size:11px;color:#d5d5d5;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}
.head_wrap .head_top .top_r li a {color:#444;outline:none;}
.head_wrap .head_top .top_r li a:hover {color:#ff6600;}
.head_wrap .head_top .top_r .admin a {color:#ffffff;}
.head_wrap .head_top .top_r span {padding:0;margin:0 10px 0 10px;color:#666;}
.head_wrap .head_logo{ position:relative;width:980px; height:55px;margin:0 auto; }
.head_wrap .head_logo .logo_l {float:left;width:170px;height:55px;padding:0;margin-right:100px;}
.head_wrap .head_logo .logo_r {float:left;width:710px;height:55px;background:url('./image/bar.png') top right no-repeat ;}
.head_wrap .head_logo .logo_r ul {padding:9px 0 0 0;margin:0;}
.head_wrap .head_logo .logo_r li {float:left;list-style-type:none;height:37px;font-size:18px;color:#d5d5d5;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}
.head_wrap .head_logo .logo_r li a {color:#d5d5d5;outline:none;}
.head_wrap .head_logo .logo_r li a:hover {color:#eaf1fd;}
.head_wrap .head_logo .logo_r .cat {background:url('./image/bar.jpg') top left no-repeat ;padding:0 18px 0 22px;}
.head_wrap .head_logo .logo_r .nocat {background:url('./image/bar.jpg') top left no-repeat ;padding:0 18px 0 22px;}
.head_wrap .head_logo .logo_r .nocata {cursor: pointer;}

.head_wrap .head_logo .navi {
	float:left;
	padding:0;
	height:37px;
	width:870px;
	z-index:99;
}
.head_wrap .head_logo .navi img {
	vertical-align:top;
}
.head_wrap .head_logo .navi ul {
	overflow:hidden;
	margin:0px;
	padding:9px 0 0 0;
	width:870px;
}
.head_wrap .head_logo .navi ul li {
	float:left;
	list-style-type:none;
	padding:0 10px 0 10px;
	background:url('./image/bar.jpg') top left no-repeat ;
}
.head_wrap .head_logo .navi ul li.first {
	padding:0;
}

.head_wrap .head_logo .navi ul li.gap {
	padding:0;
	width:320px;
}

.head_wrap .head_logo .navi ul li.end {
	padding:0px;
}

.right_navi_wrap {position: fixed;width:110px;z-index:9999; top: 30px; right: 30px;}
.right_navi_wrap .tel {float:left;height:170px;padding:0;margin-bottom:5px;}
.right_navi_wrap .online {float:left;height:110px;padding:0;margin:0;}
.right_navi_wrap ul {padding:0;margin:0;}
.right_navi_wrap li {float:left;width:100px;height:50px;padding:0;margin-bottom:10px;}
.right_navi_wrap li a {}
.right_navi_wrap li a:hover {opacity:0.8;}


#footer_wrap {width:100%;height:100px;margin:0;padding:0;background:url('')#5e6f8b repeat;}
#footer_wrap .foot_cont {width:1200px;height:100px;margin:0 auto;padding:0;}
#footer_wrap .foot_cont .logo{ float:left;width:200px;margin:0;padding:30px 10px 0 40px;}
#footer_wrap .foot_cont .copy{float:left; width:1200px;margin:0;padding:20px 0 0 0;text-align:center;font-size:13px; line-height:140%; font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif; color:#dae5f8; }
#footer_wrap .foot_cont .copy .info {font-size:11px;color:#cacaca;line-height:30px; }
#footer_wrap .foot_cont .copy .admin {margin-left:20px;color:#cacaca; }
#footer_wrap .foot_cont .copy .admin a{font-size:11px; font-family:arial; color:#cacaca; }

