@charset "utf-8";

#submenu { width:100%; height: auto; text-align: center; position: relative; top: -30px; z-index: 8  }
#submenu ul {width: 100%; margin: 0 auto; background: #276a66; border-radius: 30px }
#submenu li {width:auto; height: 45px;list-style-type:none; position:relative; display: inline-block; padding: 0 5px }
#submenu li a { line-height: 45px;  text-align:center;  color:#fff; font-family: 'Pretendard','Noto Sans KR', sans-serif; font-size:13px; display: block;}
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { color:#fffeaf;  text-decoration:none; display:block; text-decoration-line: underline;
    text-underline-offset:5px; }
#submenu li.on a { color:#fffeaf;  display:block;  text-decoration-line: underline;
    text-underline-offset: 5px;}


@media screen and (min-width: 1200px) {
	
#submenu { width:100%; height: auto; text-align: center; position: relative; top: -30px; z-index: 8  }
#submenu ul {width: 1200px; margin: 0 auto; background: #276a66; border-radius: 30px }
#submenu li {width:auto; height: 60px;list-style-type:none; position:relative; display: inline-block; padding: 0 30px }
#submenu li a { line-height: 60px;  text-align:center;  color:#fff; font-family: 'Pretendard','Noto Sans KR', sans-serif; font-size:15px; display: block;}
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { color:#fffeaf;  text-decoration:none; display:block; text-decoration-line: underline;
    text-underline-offset: 10px; }
#submenu li.on a { color:#fffeaf;  display:block;  text-decoration-line: underline;
    text-underline-offset: 10px;}
	
}