/* 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; }


/*상단-배너*/

.top-banner .slick-dots {display: none !important;}

.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 */