/*Content CSS*/
#sub_top_menu { position:relative; width: 100%; height: 70px; margin-top:-70px; text-align: center; z-index: 5; background-color: rgba(0,0,0,.3);}
#sub_top_menu ul { display: flex; justify-content: center; height: 100%; width: 100%; max-width: 1300px; margin:0 auto; }
#sub_top_menu ul li { flex:1; }
#sub_top_menu ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 500; font-size:19px; color:rgba(255, 255, 255, 0.7); transition: all .3s ease;  word-break: keep-all; position: relative; line-height: 1.5; font-family: 'Pretendard'; }
#sub_top_menu ul li a::before {content: ''; width: 100%; height: 3px; position: absolute; display: block; left: 0; top:-0; background: transparent;}
#sub_top_menu ul li a::after {content: ''; position: absolute; display: none; width: 0px; height: 0px;     left: 50%; top: 3px; transform: translateX(-50%); border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent;}


#sub_top_menu ul li a:hover { color: rgba(255,255,255,1); }
#sub_top_menu ul li a.active {border-top-color: #fff; color:#fff; }
#sub_top_menu ul li a.active::before {background-color: #fff;}
#sub_top_menu ul li a.active::after {display: block;}



@media screen and (max-width:1024px) {
    #sub_top_menu {height: 60px; margin-top:-60px; }
    #sub_top_menu ul li a {font-size:15px; padding:0 10px ; }
}

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