/* BASIC css start */
/* =============================================================================
   상단 header.html
   ========================================================================== */
#header-container { padding: 15px 0 10px; }
#header-container .wrapper { min-height: 23px; }
#header-container h1 { font-size: 1em; margin: 0; padding: 0; float: left; margin-left: 10px; }
#header-container #logo { width: 50%; }
#header-container #logo img { }
#header-container nav { position: absolute; right: 0; text-align: right; }
#header-container nav li { line-height: 23.5px; display: inline-block;  padding-left: 24px; text-align: left; }
#header-container nav li a { color: #999; font-size: .75em; font-weight: bold; margin-left: 7.143%; }
#header-container nav li.cat { background: url(/images/d3/m_01/bull/category@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 70px; }
#header-container nav li.search { background: url(/images/d3/m_01/bull/search@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 40px; }
/* 홈|장바구니|관심상품|로그인 */
#menu-container .menus ul { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2; padding-left: 3.125%; padding-right: 3.125%; }
#menu-container .menus ul li { float: left; background: url(/images/d3/m_01/bull/menus_li@2x.gif) no-repeat 100% 50%; background-size: 1px 13.5px; height: 34.5px; line-height: 34.5px; text-align: center; width: 25%; }
#menu-container .menus ul li:last-child { background-image: none; }
#menu-container .menus ul li a { color: #000; font-weight: bold; font-size: .75em; }
#menu-container .menus ul li a span { color: #fff; font-size: smaller; background: url(/images/d3/m_01/bull/number_ico.png) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; height: 100%; display: inline-block; }
/*
#menu-container .menus ul li.wish { width: 19.286% }
#menu-container .menus ul li.home,
#menu-container .menus ul li.cart { width: 29.688% }
#menu-container .menus ul li.login { width: 19.286% }
*/
.MK_top_banner { text-align: center; }

/*
/* 평소엔 보이도록 */
.headerMenu {display: block;}

/* 스크롤 되면 숨기기 */
#header.act .headerMenu {display: none !important;}


#header .headerMenu {position:relative;height: 34px; border-top: 1px solid #a7a7a7;zoom: 1; border-bottom: 1px solid #a7a7a7;zoom: 1;}
#header .headerMenu li {width: 25%;float:left;text-align:center;line-height: 34px;position: relative;}
#header .headerMenu a {display: block;font-size: 11px;color: #333;}
#header .headerMenu a.on {color:#fff100}
#header .headerMenu .join2000 {z-index:20;position:absolute;top: 28px;left:50%;width: 48px;height: 16px;line-height: 16px; margin-left: -25px; background: #333; border: 1px solid #333; border-radius: 3px;font-size: 11px;color: #fff;text-align:center;}
#header .headerMenu .join2000:before {content: "";position:absolute;top: -4px;left:50%;margin-left: -2px;border-style: solid;border-width: 0 3px 3px;border-color: #333 transparent;}

#gnb.act .gnbact {height: 75px;}
#gnb.act {position: fixed;top: 0; background: #fff;background-color: #fff;height: 75px;z-index: 102;-webkit-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);-moz-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);opacity: 0.9;}
#gnb.act .logo img { }

*/

/*상단-배너*/
.top-banner{width: 100%; height:70px;}
.top-banner ul{height: 100%;}
.top-banner ul li:nth-of-type(1) ~ li{display:none;}
.top-banner ul li img{width: 100%; height: 100%;}
/*
.top-banner .slick-dots{position:absolute; top:0px; left:10px;}
.top-banner .slick-dots li{margin:0 5px; display:inline-block ! important;}
.top-banner .slick-dots li button{width:21px; height:2px; background:#ffffff; border:none;}
.top-banner .slick-dots li.slick-active button{background:#000;}
*/
.top-banner span{width:14px; position:absolute; right:10px; top:10px; cursor:pointer;}
.top-banner span img{width:100%;}


/*상단*/
#header{height:80px;}
#header .header-all{position:relative; border-bottom:1px solid #ffffff; background:rgba(255,255,255,0.8); top:0; left:0; z-index:999; width:100%;}
#header .logo{text-align:center; padding:19px 0 18px;}
#header .logo a{width:102px; display:inline-block;}
#header .logo a img{width:100%;}
#header .menu-btn{position:absolute; top:calc(50% - 13px); left:10px;}
#header .menu-btn img{width:26px;}
#header .search-btn{position:absolute; top:calc(50% - 13px); right:10px;}
#header .search-btn a{display:block; width:26px; height:26px; background:url('/design/goodsk/wib/img/icon/m_icon_sch.png')no-repeat; background-size:cover;}
#header .search-btn a.s-open{background:url('/design/goodsk/wib/img/icon/icon_close_big.png')no-repeat; background-size:cover;}
#header .search{border:1px solid #e0e0e0; position:absolute; left:0; top:78px; z-index:999; width:100%; background:rgba(255,255,255,0.8); padding:10px; display:none; box-sizing:border-box;}
#header .search fieldset{position:relative; width:calc(100% - 5px); border:1px solid #e0e0e0;}
#header .search fieldset legend{display:none;}
#header .search input{width:90%; border:none; padding:7px 0; text-indent:10px; font-size:12px; color:#333;}
#header .search fieldset a{position:absolute; right:8px; top:8px;}
#header .search fieldset a img{width:18px;}


/*사이드*/
#side{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); z-index:9999; opacity:0; visibility:hidden; transition:all 0.4s ease-in-out;}
#side.show{opacity:1; visibility:visible;}
#side .side-all{width:250px; height:100%; position:absolute; top:0; left:-300px; background:#fff; padding:0 10px;  overflow:scroll;}
#side .side-all .login{font-size:0; margin:15px 0;}
#side .side-all .login li{display:inline-block; width:50%; box-sizing:border-box; border:1px solid #dbdbdb; text-align:center;}
#side .side-all .login li:first-child{border-color:#4c4c4c; background:#4c4c4c;}
#side .side-all .login li a{display:block; font-size:12px; color:#333; line-height:33px;}
#side .side-all .login li:first-child a{color:#fff;}

#side .side-all .quick{border:1px solid #b18ee0; font-size:0; text-align:center; margin-bottom:15px;}
#side .side-all .quick li{display:inline-block; width:33.33%;}
#side .side-all .quick li a{display:block; font-size:12px; color:#333232; padding:49px 0 18px;}
#side .side-all .quick li.cart{border-left:1px solid #b18ee0; border-right:1px solid #b18ee0; box-sizing:border-box;}
#side .side-all .quick li.order a{background:url('/design/goodsk/wib/img/icon/icon-truck.png')no-repeat 50% 20px; background-size:29px auto; background-color: #f0e6ff;}
#side .side-all .quick li.cart a{background:url('/design/goodsk/wib/img/icon/icon-basket.png')no-repeat 50% 20px; background-size:29px auto; background-color: #f0e6ff;}
#side .side-all .quick li.wish a{background:url('/design/goodsk/wib/img/icon/icon-wish.png')no-repeat 50% 20px; background-size:29px auto; background-color: #f0e6ff;}

#side .side-all .menu-tab{font-size:0; text-align:center; margin-bottom:15px;}
#side .side-all .menu-tab li{display:inline-block; width:50%; border:1px solid #dbdbdb; box-sizing:border-box; margin-left:-1px;}
#side .side-all .menu-tab li a{display:block; line-height:35px; font-size:12px; color:#333; background:#f5f5f5;}
#side .side-all .menu-tab li.on{border-bottom:1px solid #fff;}
#side .side-all .menu-tab li.on a{background:#fff;}

#side .side-all .cate-cont{}
#side .side-all .cate-cont li{position:relative;}
#side .side-all .cate-cont li a{display:block; line-height:40px; font-size:15px; width:calc(100% - 35px); color:#333; height:35px; font-weight: bold;}
#side .side-all .cate-cont .toggle{position:absolute; top:2px; right:0; width:35px; height:35px; display:block; background:url('/design/goodsk/wib/img/icon/icon-arrow-down-g.png')no-repeat 50%; background-size:13px auto; transition:all 0.3s ease-in-out; cursor:pointer;}
#side .side-all .cate-cont .toggle.on{transform:rotate(180deg);}
#side .side-all .cate-cont .sub{background:#f4f4f4; display:none;}
#side .side-all .cate-cont .sub li{}
#side .side-all .cate-cont .sub li a{text-indent:20px;}

#side .side-all .cate-cont .sub .sub2 {display:none;}


#side .side-all .board{display:none;}



#side .x{width:35px; height:35px; border-radius:50%; display:block; background:#fff; position:fixed; left:280px; top:10px; cursor:pointer; text-align:center; opacity:0; visibility:hidden; transition:all 0.4s ease-in-out;}
#side .x.show{opacity:1; visibility:visible;}
#side .x img{width:17px; margin-top:7px;}
/* BASIC css end */