/* BASIC css start */
body{ min-width: 1400px;}
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100;}

#header .headerTop { margin:55px auto 35px; position:relative; width:1240px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { position: absolute; top: 5px; left: 0; }
    
/* 검색창 */
#header .headerTop .searchArea { text-align: center; }
#header .headerTop .searchArea .search { display: inline-block; position: relative; width: 41%; max-width: 500px; height: 46px; border: 2px solid #222; border-radius: 25px; }
#header .headerTop .searchArea .search input { padding-right: 33px; width: 80%; height:45px; line-height:40px; border:none; background:#fff }
#header .headerTop .searchArea .search a { display:block; position:absolute; top:0; right:0; width:60px; height:45px; text-indent:-9999em; background:url(//skin.makeshop.co.kr/skin/allshop/pc/icon/searchicon.png) center no-repeat }

/* 미니배너 */
#header .headerTop .minibanBox{ position: absolute; top: -30px; right: 0; width: 255px;}
.minibanBox .slick-prev{ position: absolute; top: 0; right: 9px; width: 26px; height: 49px; background: url(//skin.makeshop.co.kr/skin/allshop/pc/icon/minbanlefticon.png) no-repeat; font-size: 0; z-index: 100; outline: 0;}
.minibanBox .slick-next{ position: absolute; top: 0; right: -10px; width: 26px; height: 49px; background: url(//skin.makeshop.co.kr/skin/allshop/pc/icon/minbanrighticon.png) no-repeat;  font-size: 0; z-index: 100; outline: 0;}
.slick-slide{ outline: 0; border: 0;}

/* 메뉴 */
#header .headerGnb { position: relative; width: 100%; border-bottom: 1px solid #e5e5e5;}
#header .headerGnb.header-scroll{position: fixed; top:0; width: 100%; background: #ffffff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 0.9;}
#header .headerGnb .headerGnb_in{position: relative; width: 1240px; margin: 0 auto;}
#header .headerGnb .headerGnb_in:after{display:block; clear:both; content:''}
#header .headerGnb .headerGnb_in > div{ float:left; height: 55px; line-height: 55px; }
#header .headerGnb .allmenu{ padding: 0 20px; border: 1px solid #e5e5e5; border-bottom: 0; color: #0e0e0e; font-size: 15px; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: bold;}
#header .headerGnb .allmenu img{margin: 0 15px 0 0; vertical-align: baseline;}
#header .headerGnb .gnbInner { margin:0 auto; position:relative; max-width:700px; overflow:hidden;}
#header .headerGnb .gnbInner ul { *zoom:1; padding: 0 30px; }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0 30px; position:relative; float:left }
#header .headerGnb .gnbInner ul li a { display:block; font-size:16px; color:#0e0e0e; white-space:nowrap; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: bold; line-height: 55px;}
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

#header .headerGnb .tnbmiddle{position:absolute; right:200px; top:0;}
#header .headerGnb .tnbmiddle ul li{ float:left}
#header .headerGnb .tnbmiddle ul li a{ display: block; height: 12px; line-height: 12px; margin: 22px 0 0; padding: 0 10px; color: #777777; font-size: 14px; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; border-right: 1px solid #e3e3e3;}
#header .headerGnb .tnbmiddle ul li:last-of-type a{border-right:0; padding-right: 0;}
#header .headerGnb .tnbRight{position:absolute; top:0; right:0;}
#header .headerGnb .tnbRight ul li{ position: relative; float:left; margin: 0 0 0 25px;}
#header .headerGnb .tnbRight ul li a .user_basket_quantity{ position: absolute; display: inline-block; top: 12px; left: 18px; width: 18px; height: 18px; line-height: 18px; background: #212121; border-radius: 50%; color: #fff; font-size: 10px; text-align: center; font-family: "맑은 고딕",'Malgun Gothic', sans-serif;}
    
/* 햄버거메뉴 */
#header .headerGnb .headerGnb_in .hammenu{  display: none;  float: unset; padding: 0; position: absolute; top: 56px; left: 0; height: 521px; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box;}
.hammenu .depth1{ width: 194px; height: 490px; padding: 15px 0; overflow-y: auto; direction: rtl;}
.hammenu .depth1 li{margin: 10px 0; text-align: left;}
.hammenu .depth1 li a{display: block; padding: 12px 25px; color: #323232; font-size: 14px; font-family: "맑은 고딕",'Malgun Gothic', sans-serif;}
.hammenu .depth1 > li.depopen{border-left: 4px solid #222; color:#000; font-weight: bold;}
.hammenu .depth2{ display: none;  position: absolute; top: 0; left: 195px; background: #fff; width: 100%; height: 479px; padding: 20px 0; border: 1px solid #e5e5e5; border-top: 0; border-left: 0; overflow-y: auto;}
.hammenu .depth2 li{height: 30px; line-height: 30px; padding: 10px 25px 0;    margin: 0;}
.hammenu .depth2 li a{ display: inline-block; padding: 0; color:#888; font-weight: normal;}
.hammenu .depth2 li a:hover{border-bottom:1px solid #717171; border-bottom: 1px solid #000; color:#000}
/* BASIC css end */