/* 탑메뉴 기본 */
.header-section {font-family: 'pretendard', sans-serif;}
.header-section img {max-height: 38px;width: 100%;max-width: unset;}
.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: -8px;}
@media only screen and (min-width: 1001px) {
	.header-section.style1 ul li a.m-link {padding: 35px 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 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: 0px;}
	.header-section img {max-height: 26px;}
	.header-section.style1 ul li a {padding: 10px 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: 360px) {
	.header-section {padding-bottom: 10px;}
	.header-section .logo.mar-4 {margin-top: 6px;}
	.header-section img {max-height: 23px;}
	.header-section.style1 ul li a {padding: 14px 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;}
.header-section ul li ul li a {color: #323335;transition: all 0.3s ease-out 0s;}
.header-section ul > li:hover > a {color:#02a1e0;}
.header-section ul li ul > li:hover > a {color:#02a1e0;margin-left:8px;transition: all 0.3s ease-out 0s;}
.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.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.admin-parent a.m-link:hover {color:#02a1e0;}
.header-section ul li.search-parent, .header-section ul li.cart-parent, .header-section ul li.login-parent, .header-section ul li.admin-parent {border-bottom: 0;}

@media only screen and (min-width: 1440px) {
    .left-menu-conainer-l {position: fixed;width: 240px;height: 100vh;box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 20%);z-index: 99;}
	.header-section.style1 {box-shadow: 0px 0px 8px 1px rgb(0, 0, 0 / 20%);}
	.header-section.pin-style.pin-start {position: fixed;width: 240px;height: 100vh;}
	.header-section.pin-style.pin.style1 {box-shadow: none;}
	.header-section .container .row {flex-direction: column;margin-left: -15px;margin-right: -15px;}
	.header-section .container .row .full-1400 {flex: 0 0 100%;max-width: 100%;padding-left: 0;padding-right: 0;}
	.header-section .logo {margin-left: 25px;margin-bottom: 26px;}
	.header-section .logo.mar-4 {margin-top: 30px;}
	.header-section img {max-height: 57px;width: 100%;max-width: unset;}
	.header-section.style1 ul li a.m-link {padding: 10px 10px;}
	.header-section.style1 ul li a {padding: 15px 25px;}
	.header-section ul.menu-1 {width: 100%;padding-left: 20px;padding-right: 20px;justify-content: flex-start;position: relative;}
	.header-section #menu {position: relative;width: 100%;border-top: 1px solid #efefef;}
	.header-section #menu ul.nav {display: flex;flex-direction: column;}
	.header-section ul li {border-bottom: 1px solid #efefef;}
	.header-section ul li.mega-menu > ul {left: 100%;top: 0;width: 1100px;}
	.header-section ul li ul {top: 0;left: 100%;margin-left: 0;}
	.header-section ul li ul.dm-align-2 {left: 100%;}
	.header-section ul li ul li {border-bottom: 1px solid #efefef;}
	.header-section ul li.right ul li ul {left: 100%;right: auto;}
	.header-section ul li.search-parent .search-box {top: -20px;left: 100%;width: 500px;}
	.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: calc(50% - 26px);right: 10px;}
}
@media only screen and (min-width: 1200px) {
    .header-section.style1 ul li a {font-size: 17px;letter-spacing: -0.05em;}
    .header-section.style1 ul li ul li a {font-size: 14px;}
}
@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 백그라운드 색상*/
}
@media screen and (max-width: 1439px) {
    .display-fixed {position: fixed;z-index: 99;}
    .header-section.style1 {border-bottom: 1px solid #dbdbdb;background-color: rgba(255, 255, 255, 1.0);}
}
@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:#02a1e0;}
    .header-section #menu > ul li ul li:hover > a, .header-section #menu > ul li ul li.active > a {color:#02a1e0;}
}