@charset "utf-8";

#submenu { width:100%; height: auto; text-align: center; position: relative; top: -20px; z-index: 8  }
#submenu ul {width: auto }
#submenu li {width:33%; height: 30px; list-style-type:none; position:relative; display: inline-block; margin-left: -2px;  margin-top: 1px}
#submenu li a {  line-height:30px; text-align:center;  color:#696969; font-family: 'Nanum Gothic';font-size:13px; border:1px solid #877469; display: block; background: #fff ;margin-left: -3px }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { color:#fff; background:#877469; text-decoration:none; display:block }
#submenu li.on a { color:#fff; background:#877469 ; display:block;  }


@media screen and (min-width: 1200px) {
	
#submenu { width:100%; height: auto; text-align: center; position: relative; top: -25px; z-index: 8  }
#submenu ul {width: 1200px; margin: 0 auto}
#submenu li {width:142px; height: 50px;list-style-type:none; position:relative; display: inline-block; margin-left: -2px; margin-top: 1px}
#submenu li a {  line-height:50px; text-align:center;  color:#696969; font-family: 'Nanum Gothic';font-size:14px; border:1px solid #877469; display: block; background: #fff ;margin-left: -3px }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { color:#fff; background:#877469; text-decoration:none; display:block }
#submenu li.on a { color:#fff; background:#877469; display:block;  }
	
}