﻿

@media screen and (min-width: 769px){
	.wrap_lnb02 .lnb_select {
		display:none!important;
	}
	
	#wrap_lnb {
		width:100%; 
		position:relative; 
		border-bottom:1px solid #dddddd;
	}
	.lnb {
		justify-content: center;
		display: flex;
		gap: 6rem;
	}
	.lnb li {
		display:inline-block;  
		position:relative; 
		width:initial!important; 
		padding:0 1rem;
	}
	.lnb li:not(:first-child)::after {
		position:absolute; 
		top:50%; 
		transform:translateY(-50%); 
		width:0.4rem; 
		height:0.4rem; 
		background:#fff; 
		content:''; 
		left:-0.2rem;
	}
	.lnb li a {
		display:block; 
		line-height:6.5rem; 
		font-size:2rem; 
		color: var(--text03); 
		font-weight: 500;
		position:relative;
	}
	.lnb li a.on{
		color: var(--main-blue);
	}


	.lnb li a::before {
		position:absolute;
		bottom:0;
		left:50%;
		transform:translateX(-50%);
		background: var(--main-blue);
		content:'';
		height:2px;
		width:0%;
		transition:width ease 0.3s;
	}


	.lnb li a.on::before {
		animation-delay: 0.2s;
		animation-duration: 0.5s;
		animation-name: lnb_move;
		animation-iteration-count: once;
		animation-direction: alternate;
		animation-fill-mode: forwards;
	}


	@-webkit-keyframes lnb_move {
	  from{
		width:0;
	  }
	  to{
		width:100%;
	  }
	}


	

}


@media screen and (max-width:768px){
	.lnb {
		display: none;
	}
	.wrap_lnb02 .lnb_select {
		/* display:none!important; */
	}
}