@charset "utf-8";

#submenu { width:100%; height: auto; text-align: center; position: relative; top: 0; background: #fff  }
#submenu ul {width: auto }
#submenu li {width:50%; height: 40px; list-style-type:none; position:relative; float: left;   }
#submenu li a {  line-height:40px; text-align:center;  color:#000; font-family: "s-core-dream-regular", sans-serif;font-size:14px;  display: block;  }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { color:#003e66; border-top: 3px solid #5fba9c; text-decoration:none; display:block }
#submenu li.on a { color:#003e66; border-top: 3px solid #5fba9c; display:block;  }


@media screen and (min-width: 1200px) {
	
#submenu { width:100%; height: 60px; text-align: center; position: relative; top: 0;  background: #fff  }
#submenu ul {width: 1300px; margin: 0 auto; }
#submenu li {width:180px; height: 60px;list-style-type:none; position:relative; float: left; }
#submenu li a {  line-height:60px; text-align:center;  color:#000;font-family: "s-core-dream-regular", sans-serif;font-size:16px; display: block;  }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { height: 54px; color:#003e66; border-top: 3px solid #5fba9c; display:block; line-height: 54px; margin-top: 3px; text-decoration:none; background: #fff }
#submenu li.on a { height: 54px; color:#003e66; border-top: 3px solid #5fba9c; display:block; line-height: 54px; margin-top: 3px; background: #fff }
	
}