@charset "utf-8";

#submenu { width:100%; height: 40px; text-align: center; position: relative; top: 10px  }
#submenu ul {width: auto }
 #submenu li {width:33%; height: 40px; line-height:40px;list-style-type:none; position:relative; display: inline-block; margin-left: -10px}
  #submenu li a { display: block;  text-align:center;  color:#333; font-family: 'Nanum Gothic';font-size:13px; font-weight:400 ; border:1px solid #ddd; display: block; background: #fff  }
  #submenu li:first-child{ border-left:0px solid #00344c;}
  #submenu li:hover a { color:#fff; background:#462e23; text-decoration:none; display:block }
   #submenu li.on a { color:#fff; background:#462e23; display:block }


@media screen and (min-width: 1200px) {
	
#submenu { width:100%; height: 50px; text-align: center; position: relative; top: 10px  }
#submenu ul {width: auto }
 #submenu li {width:145px; height: 50px; line-height:50px; list-style-type:none; position:relative; display: inline-block; margin-left: -10px}
  #submenu li a { display: block; text-align:center;  color:#333; font-family: 'Nanum Gothic';font-size:14px; font-weight:bold ; border:1px solid #ddd; display: block; background: #fff  }
  #submenu li:first-child{ border-left:0px solid #00344c;}
  #submenu li:hover a { color:#fff; background:#462e23; text-decoration:none; display:block }
   #submenu li.on a { color:#fff; background:#462e23; display:block }
}