@charset "UTF-8";

.header {
	height: 9.07vh;
	padding-left: 3.23vw;
	padding-right: 2.5vw;
}

.logo {
	width: 10.26vw;
}

.language-btn {
	width: 1.26vw;
}

.logo-area {
	padding: 2.22vh 0vw 3.31vh 0vw;
}

#desktop-nav ul {
	top: 1.49vh;
	left: 32.03vw;
	line-height: 9.07vh;
}

#desktop-nav ul li {
	padding: 0vh 9.37vw 0vh 0vw;
}

.language {
	width: 4.16vw;
	height: 2.98vh;
	font-size: 0.81rem;
/* 	padding: 0.4vh 0.67vw; */
}

.header ul li a {
	width: 4.59vw;
	height: 7.5vh;
	line-height: 6.4vh;
	font-size: 1.25rem;
}
.hamburger{
	display:none;
}

@media (max-width:768px){
	.header{
		height:54px;
		padding:24px;
		background:#fff;
	}
	.hamburger{
		display:block;
	}
	.logo-area,.logo_whbox{
		padding:14px 0 20px 0;
	}
	.logo_whbox{
		text-align:left;
	}
	.logo,.logo_withe{
		width:70%;
	}
	#desktop-nav,.language-btn{
		display:none;
	}
	#mobile_nav{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		z-index:100;
		background: linear-gradient(180deg, rgba(3,69,136,1) 0%, rgba(0,177,173,1) 100%);
	}
	#mobile_nav.on{
		display:block;
	}
	#mobile_nav > .nav_fstli{
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:54px;
	}
	#mobile_nav > .nav_ndli{
		position:absolute;
		width:100%;
		top:50%;
		transform:translateY(-50%);
	}
	#mobile_nav>li{
		
		text-align:center;
		padding:0 24px;
		
	}
	#mobile_nav>li a{
		font-size:28px;
		color:#fff;
		font-weight:600;
		margin-bottom:20px;
		display:block;
	}

}