@charset "UTF-8";


/*----------------------------------------------------------------------------------------------------------------------gnav----------*/

#gnav{
position:fixed;
z-index:1;
top:50px;
left:33.32%;
width:58.31%;
}

#gnav ul{ 
width:100%;
display:flex;
}

#gnav li{ 
margin-right:4.5%;
padding-bottom:10px;
}

#gnav li.active span{
border-bottom:1px solid #333;
padding-bottom:10px;
}

#gnav li a{ 
color:#333;
font-weight:bold;
opacity: 1;
position: relative;
}

#gnav li a:after{ 
position: absolute;
bottom: -10px;
left: 0;
content: "";
width: 100%;
height: 1px;
background: #333;
transform: scale(0, 1);
transform-origin: right top;
transition: transform 0.3s;
}

#gnav li a:hover::after{ 
transform-origin: left top;
transform: scale(1, 1);
}

#gnav li a.current::after {
position: absolute;
bottom: -10px;
left: 0;
content: "";
width: 100%;
height: 1px;
background: #333;
transform: scale(1, 1);
}


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

#gnav{
left:25%;
width:100%;
}

#gnav li{ margin-right:2.8%; }

}


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

#gnav{ display:none; }

}