@charset "utf-8";


#submenu { display: flex; justify-content: center; width:1200px; height: 50px; text-align: center; position: absolute; top: -96px;  left: 50%; margin: 0 0 0 -600px}
#submenu ul {width: auto;  }
 #submenu li {list-style-type:none; position:relative; float: left }
  #submenu li a { width:auto; height: 50px; line-height:50px; padding: 0 33px; text-align:center;  color:#fff;  font-family:'Noto Sans KR', 고딕, sans-serif;font-size:14px; font-weight:bold ; display: block; background: #fc8c00; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  transition: 0.3s;  }
  #submenu li:hover a { color:#1d4580; background:#fff; text-decoration:none; display:block; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); }
   #submenu li.on a { color:#1d4580; background:#fff; display:block }