/* sub-top-menu */
#sub-top-menu {position: relative; width: 100%; height: 70px; margin-top: -70px; background: rgba(0, 0, 0, .2); text-align: center; z-index: 1;}
#sub-top-menu ul {display: flex; justify-content: center; height: 100%; max-width: 1300px; margin: 0 auto;}
#sub-top-menu ul li {flex: 1; max-width: 50%;}
#sub-top-menu ul li a {position: relative; display:block; width: 100%; height: 100%; font-size: 18px; font-weight: 400; color: #fff; transition: 200ms; font-family: 'NanumSquare'; line-height: 70px; }
#sub-top-menu ul li a:hover {background: rgba(255, 255, 255, .1);}
#sub-top-menu ul li a.active {background: #fff; color: #000;}

/* media query */
@media screen and (max-width: 1300px) {
}

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

@media screen and (max-width: 1024px) {
    #sub-top-menu{height: 50px; margin-top: -50px;}
    #sub-top-menu ul li a{line-height: 50px; font-size: 16px;}
}


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

}