@charset "euc-kr";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:300,400,500,700,900|Roboto:400,500,700');
/* font-family: 'Roboto', sans-serif; font-family: 'Nanum Gothic', sans-serif; font-family: 'Noto Sans KR', sans-serif; */
*{margin:0; padding:0; font-family:'³ª´® °íµñ', 'Nanum Gothic', sans-serif; box-sizing:border-box;}
a{text-decoration:none; color:#000;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}


/* top */
.topbg{margin-bottom:13px; border-bottom:1px solid #ec0000;}
.top{width:1100px; margin:0 auto; padding:23px 0 8px;}
.top div{float:left;}
.top .logo{width:160px;}
.top .logo img{width:100%;}
.top .menu{display:table; width:840px; height:38px;}
.top .menu ul{display:table-cell; vertical-align:middle;}
.top .menu ul li{float:right; margin:0 10px;}
.top .menu ul li a{display:block; font-size:16px; font-weight:700; color:#333; transition:all 0.5s;}
.top .menu ul li a:hover{color:#f00;}
.top .topicon{width:100px; margin-top:3px; text-align:right;}
.top .topicon img{width:30px; margin-left:5px;}


/* sub */
.sub .title{font-size:24px; font-weight:700; color:#000;}
.sub .board{margin-top:20px;}