
.m_top {display:none}

header:hover .lang a{color:#333}
header:hover .lang .ov {border-bottom:2px solid var(--main_c);color:var(--main_c)}

header.roll {
			backdrop-filter: blur(10px); 
			background:rgba(255, 255, 255, 0.8);
}


header h1 {line-height:0}
header h1 img {width:150px}
 
header {
	width: 100%;
	height: 80px;
	position: sticky;
	top:0;
	border-bottom: 1px solid #ddd;
	z-index:99999;
	transition: 0.4s all;
}
 

header .container {
     width:95%;
	max-width:1700px; 
    margin: 0 auto;  
 }
 
.lang {display:flex; gap:20px; }
.lang a {color:#333}
.lang .ov {border-bottom:2px solid var(--main_c);color:var(--main_c)}
 @media(min-width:901px){

		.header{display:flex; justify-content:space-between; align-items:center}

		.header .gnb > ul {display:flex; width:calc(95vw - 400px); max-width:800px }
		.header .gnb > ul > li {
			width:20%; 
			line-height:80px;
			 
			position: relative;
		}
		.header .gnb > ul > li::after{
			content: "";
			position: absolute;
			left:0;
			bottom: 0;
			width: 100%;
			height: 3px;
			background-color: var(--main_c);
			transform: scaleX(0);
			transition: all 0.3s;
		}
		.header .gnb > ul > li:hover::after{
			 transform: scaleX(100%);
		}
		.header .gnb > ul > li > a {
			display: block;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			color:#333;
		}
		.header .gnb > ul > li > .submenu {
			position: absolute;
			left: 0;
			top: 80px;
			width: 100%;
			z-index: 10;
			padding-top:15px;
			display: none;
		}
		.header .gnb > ul > li > .submenu  li {line-height:1.2}
 		.header .gnb > ul > li > .submenu > li > a {
			display: block;
			font-size: 16px;
			font-weight: 500;
			text-align: center;
			padding:8px 0;
		}

		#gnbBg {
			width: 100%; 
			min-height:220px;
			backdrop-filter: blur(20px); 
			background:rgb(243 243 243 / 88%);
			position: absolute;
 			left: 0;
			top: 80px;
			z-index: 9;
			display: none;

		}


	 
 }

@media(max-width:900px){
		header {
			width: 100%;
			height: 70px;
			position: sticky;
			top:0;
			border-bottom:none; 
			background-color:#fff;
			z-index:99999
	}
	header h1 img{width:120px;}
     header .container {display:none}
	.m_top {display:flex; align-items:center;  justify-content:space-between; height:70px; width:100%; box-sizing:border-box; padding:0 4%; }
	.m_top a {color:#333; font-size:1.3em;}


}
