@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´® °íµñ', 'NanumGothic', 'Nanum Gothic', sans-serif; box-sizing:border-box;}
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 */
.top .tbox{width:974px; height:102px; margin:0 auto; padding:14px 10px 0 35px;}
.top .tbox .logo{float:left;}
.top .tbox .logo a{display:block; width:180px; height:44px;}
.top .tbox ul{float:right; margin-top:10px; border-radius:5px; background:#000;}
.top .tbox ul li{position:relative; float:left; width:140px;}
.top .tbox ul li:before{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); height:10px; border-right:1px solid #fff;}
.top .tbox ul li:last-child::before{display:none;}
.top .tbox ul li>a{display:block; height:30px; font-size:14px; font-weight:700; color:#fff; text-align:center; line-height:30px; text-decoration:none;}
.top .tbox ul li:hover>a{color:#f00;}


/* submenu */
.submenu{display:none; position:absolute; top:30px; left:30px; z-index:9999; width:500px; padding-top:5px;}
.top .tbox ul li:last-child .submenu{left:-70px;}
.submenu p{float:left; margin:0 10px 5px 0;}
.submenu p a{display:block; font-size:12px; color:#888; text-decoration:none;}
.submenu p a:hover{color:#000;}