/*Content CSS*/
#sub_top_menu {background:transparent;  text-align: center; z-index: 5; position: relative; margin-top:40px;}
#sub_top_menu ul {display: flex; justify-content: center;}
#sub_top_menu ul li {width:180px; margin-right:20px;}
#sub_top_menu ul li:last-child {margin-right:0;}
#sub_top_menu ul li a {display: block; font-family: 'NanumSquare',sans-serif; font-size:17px; color:#000; padding-bottom:12px; width:100%; border-bottom: 3px solid #e4ecee; transition: all .3s ease; font-weight: 400;}
#sub_top_menu ul li a.active {border-color:#0053a5;}
#sub_top_menu ul li a:hover {border-color:#0053a5;}


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

}

@media screen and (max-width:1024px) {
    #sub_top_menu {margin-top:30px; padding:0 15px;}
    #sub_top_menu ul li {flex:1; margin-right:20px; max-width: 120px; }
    #sub_top_menu ul li a {font-size: 15px; padding-bottom:10px ;}
}

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

}

@media screen and (max-width: 640px) {
    #sub_top_menu ul li {margin-right:10px; max-width: 100px; }
    #sub_top_menu ul li a {font-size: 13px; padding-bottom:8px ; letter-spacing: -.4px; white-space: nowrap;}
}

@media screen and (max-width: 480px) {
    #sub_top_menu ul li a {font-size: 12px; border-bottom-width: 2px; }
}