/*Content CSS*/
#sub_top_menu {background:#fff;  text-align: center; z-index: 5; position: relative; width: 100%; height: 80px ;margin-top:-0; border-bottom: 1px solid #ddd;}
#sub_top_menu ul {display: flex; justify-content: center; height: 100%;}
#sub_top_menu ul li {max-width:260px; height: 100%; flex:1;}
#sub_top_menu ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: 'NanumSquare',sans-serif; z-index: 1;
font-size:18px; color:#000; width:100%; transition: all .3s ease; font-weight: 400;  background-color: transparent; word-break: keep-all; position: relative; }
#sub_top_menu ul li a::before {content: ''; display: block; width: 100%; height: 3px; background-image: linear-gradient(to top, #2ba8bb, #208898); position: absolute; bottom: -2px;
left: 0; opacity: 0; }
#sub_top_menu ul li a.active::before {width: 100%; opacity: 1; }
#sub_top_menu ul li a:hover {background-color: #f8f8f8;}

@media screen and (max-width:1024px) {
    #sub_top_menu {height: 60px;  }
    #sub_top_menu ul li {width:auto; height: 100%; flex:1; max-width: 220px;}
    #sub_top_menu ul li a {font-size:15px; padding:0 15px ; line-height: 20px ;}
}

@media screen and (max-width: 960px) {
    #sub_top_menu ul li {max-width:220px;}
    #sub_top_menu ul li a {font-size:14px; }
}

@media screen and (max-width: 640px) {
    #sub_top_menu {display: none;}
}