.side-menu > li.h-nav .h-lag A.earth {width:24px; height:24px; background:url('/resources/common/images/ico-lag.png') 0px 0px; background-size:24px; margin-top: 18px;}


.side-menu > li.h-nav A {color:#fff}
.side-menu > li.h-nav A i {display:inline; width:24px; height:24px; background:url('/resources/common/images/ico-pen.png') 0px 0px; background-size:24px;}
.side-menu > li.h-nav A.h-Inquiry:hover {background-color:#2e2f5f}

.side-menu.on > li.h-nav A:hover {}
.side-menu.on > li.sitemap,
.side-menu.on > li.h-nav A,
.side-menu.on > li.link {
	color:#222222;
}

.side-menu.on > li.h-nav .h-lag A.earth {width:24px; height:24px; background:url('/resources/common/images/ico-lag_on.png') 0px 0px; background-size:24px; margin-top: 18px;}
.side-menu.on > li.h-nav A:hover {color:#fff}
.side-menu.on > li.h-nav A i {display:inline; width:24px; height:24px; background:url('/resources/common/images/ico-pen2.png') 0px 0px; background-size:24px;}
.side-menu.on > li.h-nav A:hover i {display:inline; width:24px; height:24px; background:url('/resources/common/images/ico-pen.png') 0px 0px; background-size:24px;}

.side-menu.on > li > .login-out  {
	color:#222222;
	border: 0.1rem solid #222;
}
.side-menu.on > li.lang > a {
}
.side-menu.on > li.lang .lang-select {
    border: 0.1rem solid #222;
}
.login-out {
	display: block;
	width: 8rem;
    height: 4.4rem;
    line-height: 4rem;
	font-size: 1.6rem;
	font-weight: 500;
    border-radius: 1.2rem;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
}
.gnb + .side-menu.on > li.lang {
	border-radius: 1.5rem;
}
.gnb + .side-menu.on > li.lang .lang-select > li > a {
	transition: all 0.3s ease-in-out;
}
.gnb + .side-menu.on > li.lang .lang-select > li > a {
	color: #222;
	background: #fff;
}
.gnb + .side-menu.on > li.lang .lang-select > li + li {
    border-top: 0.1rem solid #222;
}
.gnb + .side-menu.on > li.lang .lang-select > li:first-child > a {
	border-radius: 1.5rem 1.5rem 0 0 ;
}
.gnb + .side-menu.on > li.lang .lang-select > li:last-child > a {
	border-radius: 0 0 1.5rem 1.5rem;
}
.side-menu.on > li.lang .lang-select {
	border-radius: 1.5rem;
}
.side-menu.on > li.all-search > a {
}
.side-menu.on + .search-wrap.on > .inp-wrap > input {
	color: #222;
    border: 0.1rem solid #222;
    background: #fff;
}
.side-menu.on + .search-wrap.on > .inp-wrap > input::placeholder {
	color: #222;
	opacity: 0.7;
}
.side-menu.on + .search-wrap.on  .btn-search {
	background-image: url(/img/ico-gnb-search_on.png);
}
.side-menu.on + .search-wrap.on .search-close {
	background-image: url(/img/ico-search-close_on.png);
}
/*�앸떒�� ��泥댄뀓�ㅽ듃*/
.bind{display:block; overflow:hidden; Font-size:1px; line-height:0; text-indent:-9999px;}
@media (max-width: 1560px){
	/* 紐⑤컮�� 硫붾돱 */
	body.on {
		overflow: hidden;
	}
	.menu-mobile{
		display: block;
	}
	.m-lang-select {
		display: flex;
		gap: 2rem;
		position: absolute;
		top: 4rem;
		left: 5rem;
	}
	.m-lang-select > li {
		position: relative;
	}
	.m-lang-select > li::after{
		content:"";
		display: block;
		position: absolute;
		top: 50%;
		right: -1rem;
		transform: translateY(-50%);
		width: 0.1rem;
		height: 1.5rem;
		background: rgba(0,0,0,0.1);
	}
	.m-lang-select > li:last-child::after {
		display: none;
	}
	.m-lang-select > li > a {
		color: #999;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 130%;
	}
	.m-lang-select > li.on > a{
		color: #222;
		font-weight: 700;
	}
	.m-lang-select > li > a:hover {
		color: #222;
		font-weight: 700;
	}
}
@media (max-width: 1230px){
	/* �ㅻ뜑 */
	@keyframes headerFix {
		0% {
			top: -7rem;
		}
		100% {
			top: 0;
		}
	}
	.gnb {
		text-indent: -9999px;
	}
}
@media (max-width: 768px){
	.m-lang-select {
		top: 2.5rem;
		left: 2rem;
	}
}

header.main-header {
	position: fixed;
	background-color: transparent;
	top: 0;
	width: 100%;
	transition: background 0.3s linear;
	/*border-bottom:1px solid rgba(153, 153, 153, .4);*/
}
header.main-header.fixed {
	background-color: #fff;
	/* border-bottom: 0.1rem solid #d9d9d9; */
	z-index:10000;
}
header.main-header.on {
	color: #222;
	background-color: #fff;
} 
header.main-header.fixed .main-gnb .gnb-depth1 > li > a,
header.main-header.on .main-gnb .gnb-depth1 > li > a:not(.active) {
	color: #222;
}
header.main-header.on .main-gnb .gnb-depth1 > li > a.active {
	color: #fff;
}
header.main-header .side-menu > li.lang .lang-select {
    border: 0.1rem solid #fff;
	height: 4.3rem;
}
header.main-header .side-menu.on > li.lang .lang-select {
    border: 0.1rem solid #222;
}
header.main-header .side-menu > li.lang .lang-select > li > a {
	background: transparent;
}
header.main-header .side-menu > li.lang .lang-select > li:not(:first-child) > a:hover {
	background: #ADADAD;
	color:#fff
}
header.main-header .side-menu.on > li.lang .lang-select > li:first-child > a::after {
}
header.main-header.on .menu-mobile span,
header.main-header.fixed .menu-mobile span {
	background: #222;
}