@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

*{margin:0;padding:0;}
* html {height: 1px;}
body{min-width: 1024px;-webkit-text-size-adjust:none}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
margin: 0;
padding: 0;
box-sizing:border-box;
-webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6{font-weight: normal}

ul,li,dd{list-style: none}
dl,dt,dd{margin: 0}
img{border: none}
hr{display: none}
fieldset{border: 0}
caption{display: none}
legend{display: none}
form{ margin : 0}
em{font-style: normal}
table{border-collapse: collapse;border-spacing:0; border: 0}
img.btn{cursor: pointer}
div.hide{display: none}

a{font-family: 'Nanum Gothic'}
a:link,a:visited{text-decoration: none}
a:hover,a:active{text-decoration: none}
.noline{border-width: 0}
.none{display: none}
.clear{clear: both}
.clear:after{content: ''; display: block;clear: both}
.floatleft{float: left}
.floatright{float: right}

#header{overflow: hidden;width: 100%;height: 84px;background: #f7f7f7;font-family: 'Nanum Gothic'}
#contents{}
#footer{width: 100%;background: #f7f7f7;border-top: 1px solid #ddd}
.container{position: relative;width: 1024px;margin: 0 auto}

.logo{float: left;margin: 16px 0 0 0}
.nav{position: relative;float: left;margin: 20px 0 0 50px}
.topnav {overflow: hidden}
.topnav li {float: left;margin: 0;padding: 0 7px 0 0}
.topnav li a {padding:10px 10px;display: block;color: #000;font-size:17px;font-weight: 700}
.topnav li a:hover{color: #0E65C5}
.topnav li span {display: none;position: absolute;left: 0; top:37px;float: left;padding: 6px 0 8px 0;color: #fff;background: #2a5289;font-size: 12px;text-align:center;letter-spacing: -0.5px}
.topnav li span a{color:#fff}
.topnav li span.mn1 {left: 10px}
.topnav li span.mn2 {left: 10px}
.topnav li span.mn3 {left: 230px}
.topnav li span.mn4 {left: 435px}
.topnav li span.mn5 {left: 550px}
.topnav li span a { display: inline;font-size: 12px;}
.topnav li span a:hover{color: #D7D12E}
.vimg{width: 100%;height: 400px;background: url(/images/vimg.png) center center no-repeat}
.box{overflow: hidden;margin: 44px 0 20px 0}
.item{float: left;margin: 0 14px 0 0}
.item:last-child{margin: 0}
.result{width: 328px;height: 318px;margin: 0 14px 0 0;background: url(/images/result_bg.png) 0 0 no-repeat}
.result ul{margin: 0 20px 0 20px}
.result li{margin: 0 0 13px 0;padding: 0 0 0 5px;font-size: 14px !important;letter-spacing: -0.5px;font-family:'Nanum Gothic'}
/* .result li{margin: 0 0 13px 0;padding: 0 0 0 15px;background: url(/images/dot.png) 0 center no-repeat;font-size: 14px;letter-spacing: -0.5px}*/

.latest{margin: 0 0 50px 0}
.notice{float: left;width: 328px;height: 189px;margin: 0 14px 0 0;background: url(/images/latest_bg.png) 0 0 no-repeat}
.column{float: left;width: 328px;height: 189px;margin: 0 14px 0 0;background: url(/images/latest_bg.png) 0 0 no-repeat}
.tit{margin: 20px 0 10px 20px}
.latest ul{margin: 0 20px 0 20px}
.latest li{margin: 0 0 12px 0;padding: 0 0 0 5px;font-size: 14px !important;letter-spacing: -0.5px;font-family:'Nanum Gothic'}
/* .latest li{margin: 0 0 12px 0;padding: 0 0 0 15px;background: url(/images/dot.png) 0 center no-repeat;font-size: 14px;letter-spacing: -0.5px}*/

.botnav{margin: 20px 0 0 0;font-size: 12px}
.botnav a{display: inline-block;margin: 0}
.addr{margin:10px 0 0 0;padding: 0 0 10px 0}
.blogo{position: absolute;top: 20px;right: 5px}
.home {color: #999;font-size: 11px}