@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*---------- Font ----------*/
body, h1, h2, h3, h4, h5, h6, label, input, button, textarea, select, img {font-family:'Noto Sans KR', sans-serif;}



#gnb ul {
  position: relative;
  z-index: 597;
  float: left;
}
#gnb ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle; 

}
#gnb ul > li {
   border-bottom: solid 1px #83bcff;

}
#gnb ul li.hover,
#gnb ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#gnb ul ul {
  margin-top: -1px; /* submenu 위치 */
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 100%;
  z-index: 598;
  width: 100%;
}
#gnb ul ul li {
  float: none;
}

#gnb ul li:hover > ul {
  visibility: visible;
}
#gnb ul li {
  float: none;
}
#gnb ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#gnb {    
	width: 265px;
    display: inline-block;
    border-bottom: solid 1px #ede6dc; 
}
hr.bs-hr1 {
    width: 10px;
    left: 55px;
    height: 0px;
    position: fixed;
    top: 635px;
    z-index: 9999;
    display: inline-block;
}
hr.bs-hr2 {
    width: 10px;
    left: 55px;
    height: 0px;
    position: absolute;
    top: 770px;
    z-index: 9999;
    display: inline-block;
}


#gnb > ul {
  float: none;
}

#gnb > ul ul li {
  width:100%;
}
#gnb ul li:hover > a {
  color: #0074fd;;
}
#gnb ul li ul li:hover > a {
  color: #0074fd;;
}
#gnb > ul > li:hover {
  background: #fff;
}


#hd_menu button#menu_open {
    float: left;
    width: 265px;
    height: 50px;
    border: 0;
    background: #0074fd;
    text-align: left;
    color: #fff;
    padding: 0 20px;
    font-weight: bold;
    font-size: 1.167em;
}

.header-nav.nav-wrap {
	top:-54px;
	background-color: #000;
}
.header_fixed {
	position:fixed !important;
	top:0px !important;
	z-index:99;  
	width: 100%;
	background-color:#ffffff;
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.125) !important;    
	transition: all 0.6s;
}

 #hd_menu_area {
    position: relative;
    background: #000;
    width: 100%;
    margin: 0 auto;
}


.header-title .header-title-search .eyoom-form .input-button .button {position:absolute;top:5px;right:5px;width:55px;height:38px;line-height:38px;font-size:1.25rem;text-align:center;background-color:transparent;color:#28a5b1;border-radius:3px;border:0;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sidebar-shop-member-btn {z-index:1002;position:absolute;top:50%;left:-47px;width:42px;height:100px;transform:translateY(-50%);background:#0074fd;border:0;font-size:1.25rem;color:#fff;border-radius:42px}
.footer-top {padding:20px 0;background-color:#222;border-bottom: 1px solid #222;border-top: 2px solid #222;color: #BEBDBD;}
.main-heading h2 strong {color:#0074fd}
.main-heading h2:after {content:"";position:absolute;bottom:-2px;left:0;display:block;width:53px;height:3px;background:#0074fd;z-index:1}
.navbar-nav .dropdown-menu {
    font-size: .875rem;
}
.egs-shop001-m1-in .swiper-slide picture img {
    display: block;
    width: 100vw;
    height: 445px !important;
    object-fit: cover;
}
.egs-shop001-m1-in .swiper-thumbs-wrap {
    position: absolute;
    bottom: 20px;
    left: 50%;
    max-width: 240px;
    transform: translateX(-50%);
    z-index: 2;
}

.egs-shop001-m1-in .swiper-main .swiper-cont {
    position: absolute;
    top: 40% !important;
    left: 60px;
    right: 60px;
    text-align: center;
    transform: translateY(-40%) !important;
    z-index: 3;
}

/* Shop category (pc) */
@media (min-width:992px) {
    /* Category Nav */
    .header-nav .navbar-nav > li.nav-category > a {display:block;width:190px;padding:15px 30px 15px 21px !important;font-size:1rem;text-align:left;margin-left:0px;background:#0074fd;color:#fff !important;border-radius:3px 3px 0 0}
	.header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > .dropdown-menu {display:block;top:0 !important;left:100% !important;width:calc(100vw - 336px);max-width: 1000px;padding:10px 0;border:1px solid rgba(0, 0, 0, 0.3);border-radius:3px;background-color:#fff}
	.navbar-nav .dropdown-menu.bs {
		background-color: #459bfe;
		border: 1px solid rgba(0,0,0,0.7);
		border-radius: 0;
		margin: 0;
		padding: 8px 0;
		top: 100%;
		display: inherit;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		transition: all 0.2s ease-in-out;
		font-size: .875rem;
	}
	
	.header_fixed .navbar-nav .dropdown-menu.bs {
		background-color: #459bfe;
		border: 1px solid rgba(0,0,0,0.7);
		border-radius: 0;
		margin: 0;
		min-width: 12rem;
		padding: 8px 0;
		top: 100%;
		display: inherit;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		transition: all 0.2s ease-in-out;
		font-size: .875rem;
	}
	
	.header-nav .navbar-nav .nav-category:hover .dropdown-menu.bs {
		opacity: 1;
		visibility: visible;
	}

	.navbar-expand-lg .navbar-nav.left {
		flex-direction: row;
		float: left;
	}
	.navbar-expand-lg .navbar-nav.right {
		flex-direction: row;
		/*float: right; */
		justify-content: flex-end;
	}
	
	.navbar-expand-lg .navbar-nav.right li:last-child a {
		/*padding: 15px 0 15px 15px !important;*/
	}
		
	.top-header.bshidden {
		display: none;
	}
		
	.box__category-2depth {
		/*display: none;*/
		position: absolute;
		left: 0px;
		top: 0;
		width: 100%;
		height: 440px;
		border-right: 1px solid #eee;
		border-top: 1px solid #eee;
		background-color: #fff;
		box-sizing: border-box;
		padding: 20px 0 0 30px;
	}
	.box__category-2depth {
		/*visibility: hidden;*/
	}

	.box__2depth-content {
		overflow: hidden;
	}

	.box__2depth-list {
		float: left;
		width: 20%;
		height: 400px;
	}
	.box__2depth-list .text__emphasis {
		display: block;
		padding: 22px 0 0 35px;
		font-size: 14px;
		font-weight: 700;
		line-height: 28px;
		color: #222;
		letter-spacing: -1px;
	}
	.box__2depth-list .list__category-2depth {
		padding: 5px 0 0 35px;
	}
	.box__2depth-list .link__2depth-item {
		font-size: 14px;
		line-height: 29px;
		letter-spacing: -1px;
		color: #777;
	}
	.box__2depth-list .list-item__2depth {
		display: block;
		padding: 5px 0 0 35px;
		font-size: 14px;
		line-height: 29px;
		letter-spacing: -1px;
		color: #777;
	}
	.box__2depth-list .list-item__2depth {
		display: block;
		padding: 5px 0 0 35px;
		font-size: 14px;
		line-height: 29px;
		letter-spacing: -1px;
		color: #777;
	}

	.box__2depth-list + .box__2depth-list {
		border-left: 1px solid #eee;
	}
	.box__category-ad {
		position: absolute;
		right: 0;
		top: 20px;
		width: 40%;
		height: 400px;
		border-left: 1px solid #eee;
		box-sizing: border-box;
	}
	.box__category-ad img {
		width: 100%;
		max-width: 327px;
		height: auto;
	}
	.box__category-ad {
		display: block;
		height: 400px;
		padding: 10px 35px 0 35px;
		box-sizing: border-box;
		text-align: center;
	}
	.box__category-ad .box__ad-info {
		position: relative;
		margin-top: 17px;
		text-align: left;
	}
	.box__category-ad .box__ad-info .text__ad-title {
		font-size: 17px;
		line-height: 27px;
		letter-spacing: -1px;
		color: #222;
	}
	.box__category-ad .box__ad-info .text__ad-detail {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -1px;
		color: #777;
	}
	.box__2depth-list .list-item__2depth {
		display: block;
		padding: 5px 0 0 35px;
		font-size: 14px;
		line-height: 29px;
		letter-spacing: -1px;
		color: #777;
	}
	.box__2depth-list .text__emphasis {
		display: block;
		padding: 22px 0 0 35px;
		font-size: 14px;
		font-weight: 700;
		line-height: 28px;
		color: #222;
		letter-spacing: -1px;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link.og-color  {
		color: #fc9d00;
	}
	.navbar-expand-lg .navbar-nav .nav-link.gr-color {
		color: #6ac345;
	}
	.navbar-nav .dropdown-toggle.og-color::after {
		color: #fc9d00;
	}
	.navbar-nav .dropdown-toggle.gr-color::after {
		color: #6ac345;
	}
	
}
/* Shop category (992) */
@media (min-width:992px) {
    /* Category Nav */
   .container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 100%;
		padding:0 40px;
	}
}
/* Shop category (1200) */
@media (min-width:1200px) {
    /* Category Nav */
   .container, .container-lg, .container-md, .container-sm, .container-xl {
		width: 100%;
		max-width: 1320px;
		padding:0 40px;
	}
}
/* Shop category (1400) */
@media (min-width:1400px) {
    /* Category Nav */
   .container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1320px;
	}
}



@media (max-width:1499px) {   
	.egs-shop001-m1-in .swiper-thumbs-wrap {
		bottom: 20px !important;
	}
}
@media (max-width:1399px) {   
	.egs-shop001-m1-in .swiper-main .swiper-cont {
		top: 40% !important;
		transform: translateY(-40%) !important;
	}
}

@media (max-width:1239px) {   
	.header-nav .navbar-nav > li.nav-category > a {   
		width: 100%;
		padding: 15px 21px 15px 21px;
	}
}
@media (max-width:1199px) {   
	.egs-shop001-m1-in .swiper-main .swiper-cont {
		top: 50% !important;
		transform: translateY(-50%) !important;
	}
}
@media (max-width:1100px) {   
	.header-nav .navbar-nav > li.nav-category > a {   
		width: 54px;
		padding: 15px 21px 15px 21px;
		
	}
	.header-nav .navbar-nav > li.nav-category > a font {   
		display:none;
	}
}
@media (max-width:576px) {   
	.egs-shop001-m1-in .swiper-button-next, .egs-shop001-m1-in .swiper-button-prev {
		top: var(--swiper-navigation-top-offset,50%) !important;
		bottom: 10px;
	}
}
@media (max-width:991px) {   
	.box__category-ad {
		display: none;
	}
}