.vte-container{
max-width:var(--container);
margin:auto;
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:0 16px;
}

/* logo */
.vte-left{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0;
}

#vte-logo{
height:52px;
}

.vte-license{
font-size:10px;
color:#666;
}

.logo-wrap{
display:flex;
flex-direction:column;
text-decoration:none;
}

/* menu */
.vte-nav{
flex:1;
display:flex;
justify-content:center;
}

.vte-menu{
display:flex;
align-items:center;
gap:28px;
list-style:none;
margin:0;
padding:0;
}

.vte-menu a{
font-size:15px;
font-weight:600;
color:#222;
text-decoration:none;
}

.vte-menu a:hover{
color:var(--sun2);
}

/* submenu */
.sub{
position:absolute;
top:100%;
left:0;
background:#fff;
border-radius:10px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
width:210px;
padding:10px 0;
display:none;
}

.has-sub:hover .sub{
display:block;
}