@media screen and (max-width: 1199px) {
#submenu { width:100%; height: auto; position:relative; margin:0 auto 3px; background:#FFF; text-align:center; overflow: hidden; box-sizing: border-box; }
#submenu ul {     }
 #submenu li { display:inline-block; list-style-type:none; width:30%; height: 50px; line-height:50px;  text-align:center;background:none; padding:0; position:relative;  }
  #submenu li a { display:block; text-align:center;  color:#414141; font-family:'Noto Sans KR', 고딕, sans-serif;font-size:13px;     }
  #submenu li:hover a { color:#f08200; text-decoration:none; display:block; font-weight:normal; border-bottom:#f08200 solid 3px }
   #submenu li.on a { height: 50px;  color:#f08200;  display:block; font-weight:normal; border-bottom:#f08200 solid 3px; padding-bottom: -3px }

}
@media screen and (min-width: 1200px) {

#submenu { width:1200px; height: auto; position:relative; margin:0 auto 3px; background:#FFF; text-align:center; overflow: hidden  }
#submenu ul {     }
 #submenu li { display:inline-block; list-style-type:none; width:150px; height: 50px; line-height:50px;  text-align:center;background:none; padding:0; position:relative; }
  #submenu li a { text-align:center;  color:#414141; font-family:'Noto Sans KR', 고딕, sans-serif;font-size:16px;     }
  #submenu li:hover a { color:#f08200; text-decoration:none; display:block; font-weight:normal; border-bottom:#f08200 solid 3px }
   #submenu li.on a { height: 50px; color:#f08200;  display:block; font-weight:normal; border-bottom:#f08200 solid 3px}

}