/*Content CSS*/
#sub_top_menu {background:rgba(255,255,255,.1);  text-align: center; z-index: 5; position: relative; width: 100%; height: 60px ;margin-top:-60px; }
#sub_top_menu ul {display: flex; justify-content: center; height: 100%; width: 1300px; margin: 0 auto;}
#sub_top_menu ul li {max-width:220px; height: 100%; flex:1; }
#sub_top_menu ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: 'Montserrat', 'NanumSquare',sans-serif;
font-size:17px; color:#fff; width:100%; transition: all .3s ease; font-weight: 500;  background-color: transparent; word-break: keep-all;}
#sub_top_menu ul li a:hover {background-color: rgba(255,255,255,.1); }
#sub_top_menu ul li a.active {background-color: #000; color:#fff; }


@media screen and (max-width:1300px) {
    #sub_top_menu ul {width: 100%;}
    #sub_top_menu ul li a {font-size:15px; }
}
@media screen and (max-width:1024px) {
    #sub_top_menu {height: 55px; margin-top:-55px; }
    #sub_top_menu ul li {width:auto; height: 100%;}
    #sub_top_menu ul li a {font-size:14px; padding:0 15px ; line-height: 20px ;}
}

@media screen and (max-width: 960px) {

}

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