/* header */
.header 
{
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--background-deppgray);
    background-color: #fff;
    z-index: 9999;
}

.headerInner 
{
    width: calc((1400 / 1920) * 100%);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerInner ul 
{
    display: flex;
    gap:0 40px;
align-items: center;
}

.headerInner ul li 
{
    font-size: var(--menu-font);
    cursor: pointer;
}

.headerInner ul li a 
{
    font-weight: 400;
    color: #767676;
}
.headerInner ul li span 
{
    font-weight: 400;
    color: #767676;
    cursor: pointer;
}
.headerInner ul li.on a,
.headerInner ul li:hover a ,
.headerInner ul li span:hover
{
    color: var(--main-color);
    font-weight: 600;
}

.headerInner ul li a.Active  {
    color: var(--main-color); /* 강조 색상 */
    font-weight: 600;
}


.lang{
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.lang .earth {
	width: 24px;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}
.lang .earth img {
  transition: filter 0.5s ease; 
}

.lang:hover .earth img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(97%) saturate(1747%) hue-rotate(197deg) brightness(95%) contrast(101%);

}
.lang:hover .Eng, .lang:hover .Kor{
	color :var(--main-color);
	font-weight: 600;
}

.lang .Eng, .lang .Kor{
	display: flex;
    align-content: center;
    align-items: center;
    margin-left: -2px;
    font-size: 12px;
    padding: 3px;
    font-weight: 600
}
.lang .Eng img, .lang .Kor img{
	width: 24px;
}
.langTootip{
	font-size: 12px;
	padding:3px;
	font-weight: 600;
	transition:0.3s all;
}

.langSelec{
	display: flex;
}