/* 탑메뉴 기본 */
.header-section {font-family: 'pretendard', sans-serif;}
.header-section .container {max-width: 1780px;}
.header-section .logo.mar-4 {margin-top: 17px;}
.header-section img {max-height: 50px;width: 100%;max-width: unset;}
@media only screen and (min-width: 1001px) {
	.header-section.style1 ul li a.m-link {padding: 25px 10px;}
	.header-section.style1 ul li .em-lang-select-1 {padding: 21px 10px;}
	.header-section ul li.cart-parent a.m-link {font-size: 16px;}
	.header-section ul li.login-parent a.m-link {font-size: 16px;}
	.header-section ul li.admin-parent a.m-link {font-size: 16px;}
}
@media only screen and (max-width: 1000px) {
    .header-section .logo.mar-4 {margin-top: 13px;padding-left: 0;}
	.header-section img {max-height: 35px;}
	.header-section.style1 ul li a {padding: 22px 12px;}
	.header-section.style1 ul li .em-lang-select-1 {padding: 16px 10px;}
	.header-section ul li.menu-icon {padding: 0 0 0 20px;}
	.header-section.style1 ul li.menu-icon a {padding: 20px 10px;}
	.header-section #menu {padding: 23px 0 0;}
	.header-section #menu > ul li a {padding: 15px 25px;text-transform: none;}
	.header-section #menu > ul li .arrow {right: 10px;}
	.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: 6px;}
}
@media only screen and (max-width: 640px) {
	.header-section {padding-bottom: 10px;}
	.header-section.style1 .mod-menu .row {margin-left: 0;margin-right: 0;}
	.header-section .logo.mar-4 {margin-top: 6px;margin-left: -5px;}
	.header-section img {max-height: 26px;}
	.header-section.style1 ul li a {padding: 10px 10px;}
	.header-section.style1 ul li .em-lang-select-1 {padding: 3px 10px;}
	.header-section ul li.menu-icon {padding: 0 0 0 10px;}
	.header-section.style1 ul li.menu-icon a {padding: 7px 10px;}
	.header-section #menu {padding: 12px 0 0;}
	.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: 18px;}
}
@media only screen and (max-width: 480px) {
	.header-section .logo.mar-4 {margin-top: 6px;margin-left: 0px;}
}
@media only screen and (max-width: 360px) {
	.header-section {padding-bottom: 10px;}
	.header-section .logo.mar-4 {margin-top: 6px;margin-left: 0px;}
	.header-section img {max-height: 23px;}
	.header-section.style1 ul li a {padding: 14px 10px;}
	.header-section.style1 ul li .em-lang-select-1 {padding: 9px 10px;}
	.header-section ul li.menu-icon {padding: 0 0 0 10px;}
	.header-section.style1 ul li.menu-icon a {padding: 12px 10px;}
	.header-section #menu {padding: 12px 0 0;}
	.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: 14px;}
}

/* 탑메뉴 변형 */
.header-section ul li a {color: #505050;letter-spacing: -0.05em;}
.header-section ul li ul li a {color: #323335;}
.header-section ul > li:hover > a {color:#02a1e0;}
.header-section ul li ul > li:hover > a {color:#02a1e0;}
.header-section ul li.mega-menu ul > li:hover > a {color:#323335;}
.header-section ul li.mega-menu ul li ul > li:hover > a {color:#02a1e0;}
.header-section ul li.search-parent a.m-link, 
.header-section ul li.cart-parent a.m-link, 
.header-section ul li.login-parent a.m-link, 
.header-section ul li.inquiry-parent a.m-link, 
.header-section ul li.lang-parent a.m-link, 
.header-section ul li.lang-parent .gui-input, 
.header-section ul li.lang-parent .field-icon i,
.header-section ul li.admin-parent a.m-link {color: #505050;}
.header-section ul li.search-parent a.m-link:hover, 
.header-section ul li.cart-parent a.m-link:hover, 
.header-section ul li.login-parent a.m-link:hover, 
.header-section ul li.inquiry-parent a.m-link:hover, 
.header-section ul li.lang-parent a.m-link:hover, 
.header-section ul li.lang-parent .gui-input:hover, 
.header-section ul li.lang-parent .prepend-icon:hover .field-icon i,
.header-section ul li.admin-parent a.m-link:hover {color:#c08457;}

.header-section ul li.mega-menu > ul > li {
	padding: 20px 0px 30px 0px;
    float: left;
    border: none;
    width: 20%;
}

@media only screen and (min-width: 1001px) {
    .header-section.style1 {background-color: #fff;}
    .header-section.pin-style.pin {background:rgba(255, 255, 255, 1.0);} /*gnb sticky 백그라운드 색상*/
	/* 1DEPTH 메뉴 센터 정렬 + 호버백그라운드 + 하위메뉴 폭 맞춤 */
	.header-section.style1 #menu {width: 100%;}
	.header-section.style1 #menu ul.nav {width: 100%;}
    .header-section.style1 #menu ul.nav li.first {width: calc(100% / 7);text-align: center;} /* 메뉴 분류수로 분할 */
	.header-section.style1 #menu ul.nav li.first a {padding: 18px 16px;}
	.header-section.style1 #menu ul.nav li.first ul {text-align: left;}
	.header-section.style1 #menu ul.nav li.first ul li a {padding: 12px 23px;}
	.header-section.style1 #menu > ul li:hover > a, .header-section.style1 #menu > ul li.active > a {background-color:#c08457 !important;color: #fff;}
	.header-section.style1 #menu > ul li ul li:hover > a, .header-section.style1 #menu > ul li ul li.active > a {background-color:#fff !important;color: #c08457;}
	.header-section ul li ul {width: 100%;}
	.header-section ul li ul.dm-align-2 {left: 115px;}
	.header-section ul li ul li ul li {width: 97%;}
	.header-section ul li.mega-menu > ul {max-width: 1170px;}
	/* 메뉴 하단 배치 */
	.header-section .container {width: 100%;max-width: 100%;}
	.header-section .logo-center {text-align: center;border-bottom: 1px solid #efefef;}
	.header-section .logo.mar-4 {margin-bottom: 17px;}
	.header-section .main-nav {max-width: 1170px;margin-left: auto;margin-right: auto;}
	.header-section .main-nav .nav.top-nav {float: none;position: absolute;}
    .header-section ul li.search-parent .search-box {left: unset;right: 0;z-index: 1;}

}
@media only screen and (min-width: 1001px) and (max-width: 1199px) {
	/* 메뉴 하단 배치 */
    .header-section .main-nav .nav.top-nav {right: calc(50% - 480px);top: 0;}
    .header-section ul li.search-parent .search-box {width: 975px;}
}
@media only screen and (min-width: 1200px) {
    .header-section.style1 ul li a {font-size: 17px;font-weight: 600;}
    .header-section.style1 ul li ul li a {font-size: 15px;}
	.header-section ul li.mega-menu ul li a {font-size: 15px;}
	.header-section.style1 ul li .em-lang-select-1 .gui-input {font-size: 16px;font-weight: 600;}
	.header-section ul li a.m-link span.pc-only {
		font-size: 0.9em;
		letter-spacing: -0.05em;
	}
	
	/* 메뉴 하단 배치 */
	.header-section .main-nav .nav.top-nav {right: calc(50% - 580px);top: 0;}
	.header-section ul li.search-parent .search-box {width: 1170px;}
	.header-section ul li.mega-menu > ul {left: calc(50% - 585px);}
}
@media only screen and (max-width: 1199px) {
    .header-section ul li a.m-link span.pc-only {
		display: none;
	}
}
@media only screen and (max-width: 1000px) {
    .header-section.style1 {background-color: #fff;border-bottom: 1px solid #dbdbdb;}
    .header-section #menu > ul li:hover > a, .header-section #menu > ul li:active > a,
    .header-section #menu > ul li.hover > a, .header-section #menu > ul li.active > a {color:#c08457;}
    .header-section #menu > ul li ul li:hover > a, .header-section #menu > ul li ul li.active > a {color:#c08457;}
}