/* BASIC css start */
/*¹Ì¸®º¸±â °¨Ãã*/
#preview_wrap {display:none;}
.clearFix:after {content:"";display: block; clear: both;}
.container{position: relative;width: 1110px;margin: 0 auto;}
.contents {padding: 0 0 100px;}
.main-f {width:100% !important;}
.main-w {width:1110px; margin:0 auto;}
body{/*min-width: 1110px;*/overflow-x: hidden;}
.hd-wrap{width:100% !important;}

/* »óÇ°°øÅë */
.item {font-size:0;}
.item .list { width: calc(25% - 12px) !important; border:6px solid transparent;  display: inline-block; margin: 0 0 50px;font-size: 12px;text-align: center; vertical-align: top;}
.item .list .item-list  { background: #fff; }
.thumbnail > a > img {width:100%;}
.prd-info .prd-name a { display: inline-block; margin: 4px 0 0; font-size: 13px; line-height: 20px; color: #212121; font-weight:bold;}
.sub-name a {color: #626262; font-size: 12px; line-height: 23px;}
.prd-info .prd-icon { height: 30px; line-height: 30px;}
.prd-info .prd-icon img {vertical-align:middle;}
.list:hover {
    -moz-border-image: -moz-linear-gradient(top, #ffebce 0%, #fdabb0 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #ffebce 0%, #ffebce 100%);
    border-image: linear-gradient(to bottom, #ffebce 0%, #fdabb0 100%);
    border-image-slice: 1;z-index:90; 
    -webkit-box-shadow: 12px 12px 14px 0px rgba(228,228,228,1);
    -moz-box-shadow: 12px 12px 14px 0px rgba(228,228,228,1);
    box-shadow: 12px 12px 14px 0px rgba(228,228,228,1);


    background: rgb(253,174,177); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,174,177,1) 0%, rgba(254,189,184,1) 9%, rgba(254,191,185,1) 18%, rgba(254,203,191,1) 25%, rgba(254,203,191,1) 29%, rgba(254,203,191,1) 32%, rgba(254,203,191,1) 35%, rgba(254,203,191,1) 38%, rgba(254,203,191,1) 41%, rgba(254,219,198,1) 48%, rgba(254,219,198,1) 48%, rgba(254,219,198,1) 53%, rgba(254,219,198,1) 53%, rgba(255,237,207,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253,174,177,1) 0%,rgba(254,189,184,1) 9%,rgba(254,191,185,1) 18%,rgba(254,203,191,1) 25%,rgba(254,203,191,1) 29%,rgba(254,203,191,1) 32%,rgba(254,203,191,1) 35%,rgba(254,203,191,1) 38%,rgba(254,203,191,1) 41%,rgba(254,219,198,1) 48%,rgba(254,219,198,1) 48%,rgba(254,219,198,1) 53%,rgba(254,219,198,1) 53%,rgba(255,237,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253,174,177,1) 0%,rgba(254,189,184,1) 9%,rgba(254,191,185,1) 18%,rgba(254,203,191,1) 25%,rgba(254,203,191,1) 29%,rgba(254,203,191,1) 32%,rgba(254,203,191,1) 35%,rgba(254,203,191,1) 38%,rgba(254,203,191,1) 41%,rgba(254,219,198,1) 48%,rgba(254,219,198,1) 48%,rgba(254,219,198,1) 53%,rgba(254,219,198,1) 53%,rgba(255,237,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdaeb1', endColorstr='#ffedcf',GradientType=0 ); /* IE6-9 */

}
.item .list2 { width: calc(25% - 12px) !important; border:6px solid transparent;  display: inline-block; margin: 0 0 50px;font-size: 12px;text-align: center; vertical-align: top;}
.item .list .item-list .prd-opt{ overflow: hidden; position: relative;  height: 50px; border-top: 1px solid #f7f7f7; width: 70%;  padding: 0 15%;}
.prd-opt > div { float: left; width: 50%; text-align: center; height: 50px;line-height: 50px;text-indent: 20px;}
.prd-opt > div > a { color: #212121; font-size:12px;}
.prd-opt .preview { background: url(/design/eskinb2b/wib/img/common/preview-icon.png) no-repeat 10px center;}
.prd-opt .moreview { background: url(/design/eskinb2b/wib/img/common/wish-icon.png) no-repeat 5px center;}
.prd-price{ padding: 12px 0px 16px; text-align: center;color: #f39ea3;font-size: 15px;font-weight: normal;}
.prd-price strike { font-size: 12px; color: #999; padding-right:8px;}

/* »ó´Ü¸Þ´º¿µ¿ª */
.hd-wrap { height:96px;}
.hd-wrap .hd-content { width: 100%; height:96px; line-height:96px; background: #fff; }
.sha {background: url('/design/eskinb2b/wib/img/common/sha.png')repeat-x; width: 100%; height: 4px; background-position: 20px; background-size: 100% 5px; position: fixed; top:96px; z-index:100;}
.hd-wrap .hd-content.hd-fixed { position: fixed; width: 100%; height: 96px; top: 0px; z-index: 99;}
.hd-wrap .hd-content .hd-left .open_btn{display:none;position:absolute;left:15px;top:30px;}
.hd-wrap .hd-content .hd-left .logo {text-align:center; float:left;margin:0px 40px 0px 30px;}
.hd-wrap .hd-content .hd-left .logo img {padding-top:30px;}
.hd-wrap .hd-content .hd-right {position:absolute; top:0px; right:0;}
.hd-wrap .hd-content .hd-right ul li {display:inline-block;zoom:1;*display:inline;_display:inline;}
.hd-wrap .hd-content .hd-right ul li.serch_form {padding:0 10px; position: relative;}
.hd-wrap .hd-content .hd-right ul li img {vertical-align:middle;}
.hd-wrap .hd-content .hd-right ul li a {font-size:17px; color:#212121; display:block; padding:0 15px;    text-align: right;}
.hd-wrap .hd-content .hd-right ul li a.open_btn {margin-right:10px;}
.hd-wrap .hd-content .hd-right ul .hd_cart {position:relative;}
.hd-wrap .hd-content .hd-right .pushcount {position:absolute; top:-5px; right:4px; display: inline-block;min-width: 15px;padding: 0 3px;min-height: 20px; line-height: 20px; background-color: #f39ea3;color: #fff;font-weight: 600;font-size: 11px;border-radius: 10px; text-align: center;}

/* Ä«Å×°í¸®¿µ¿ª */
.hd-wrap .hd-content .hd-left .cate-wrap > ul {font-size: 0px;letter-spacing: 0px; word-spacing: 0px;}
.hd-wrap .hd-content .hd-left .cate-wrap > ul > li {position:relative; display:inline-block;zoom:1;*display:inline;_display:inline;}
.hd-wrap .hd-content .hd-left .cate-wrap > ul > li > a {font-size:17px; line-height:37px; color:#212121;  margin:30px 27px 0px 27px; display:block; font-weight:bold;}
.hd-wrap .hd-content .hd-left .cate-wrap > ul > li > a:hover {border-bottom:4px solid #f39ea3;}
.hd-wrap .hd-content .hd-left .cate-wrap > ul > li > ul.sub-cate { display:none; position: absolute;top: 96px;left: 50%; margin-left:-85px; background: #fff;padding: 7px 0px; z-index:99; width:170px; }
.hd-wrap .hd-content .hd-left .cate-wrap > ul > li > ul.sub-cate > li {width: 170px;}
.hd-wrap .hd-content .hd-left .cate-wrap > ul > li > ul.sub-cate > li > a { display: block;padding: 6px 20px;font-size: 13px; color: #444; letter-spacing: 1px; line-height: 28px; text-align: left;}
.hd-wrap .hd-content .hd-left .cate-wrap > ul > li > ul.sub-cate > li > a:hover {opacity:0.5;}

/* °Ë»ö¹Ù */
#search-wrap .MS_search_word {width: 0px; color: #222; display: inline-block;zoom:1;*display:inline;_display:inline; font-size: 13px; line-height: 20px;height: 20px; border: none; border-bottom: 2px solid #222; outline: 0; padding: 0; background: transparent;margin-right: 29px;}
#search-wrap .MS_search_word::-webkit-input-placeholder { color: #222;}
#search-wrap .MS_search_word::-moz-placeholder {color: #222;}
#search-wrap .MS_search_word:-ms-input-placeholder {color: #222;}
#search-wrap .MS_search_word:-moz-placeholder { color: #222;}
#search-wrap #search-btn{ position: absolute;display: block;width: 26px;height: 26px;top: 37px;right: 21px;}
input.image {vertical-align:middle;}
#btnSearchTop {display:none;}
.search-area {display:none;}

/* ¿ìÃø¿µ¿ª */
.btn-side-close {position:absolute; top:26px; right:15px;}
.side-wrap{ width: 343px; position: fixed; right: -343px; top: 0; padding: 24px 0px; height: 100%; z-index: 999; background: #292929;}
.side-wrap2{ width: 343px; position: fixed; left: -343px; top: 0; padding: 24px 0px; height: 100%; z-index: 999; background: #292929;}
.side-wrap .side-cate-wrap .side-content {padding:0px 40px;}
.side-wrap .sns-icon {text-align:center;}
.side-wrap .sns-icon > a {display:inline-block;zoom:1;*display:inline;_display:inline; margin:0px 10px 17px 0px;}
.side-wrap .s-login > a {display:inline-block;zoom:1;*display:inline;_display:inline; font-size:14px; width:127px; height:40px; line-height:40px; color:#fff; border:1px solid #fff; text-align:center; background:#292929;}
.side-wrap .s-login > a:nth-child(2) {margin-left:-5px;}
.side-wrap .side-cate {margin:35px 0; }
.side-wrap .side-cate > ul > li {margin-bottom:25px;}
.side-wrap .side-cate > ul > li .sub-cate{margin-top: 5px;}
.side-wrap .side-cate > ul > li > a{color:#fff; font-size:20px; font-weight:bold;}
.side-wrap .side-cate > ul > li > ul > li > a{color:#949494; font-size:15px; line-height:26px;}
.side-wrap .side-cate > ul > li > ul > li > a:hover {color:#fff;}
.side-wrap .my-icon {font-size:0px; letter-spacing:0px; word-spacing:0px; border-top:1px solid #949494; padding:19px 40px;}
.side-wrap .my-icon a {display:inline-block;zoom:1;*display:inline;_display:inline; width:33.33%; text-align:center;}
.side-wrap .my-icon a > span {display:block; font-size:14px; color:#fff; margin-top:13px;}
.side-mask {background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0;z-index: 100;overflow-y: auto;width: 100%; height: 100%;}

@media ( max-width: 1500px ) {
  .hd-wrap .hd-content .hd-left .cate-wrap{display:none;}
  .hd-wrap .hd-content .hd-left .logo{text-align:center; float:none;}
  .hd-wrap .hd-content .hd-right ul li:nth-child(1) a,   
  .hd-wrap .hd-content .hd-right ul li:nth-child(2) a,
  .hd-wrap .hd-content .hd-right ul li:nth-child(3) a,
  .hd-wrap .hd-content .hd-right ul li:nth-child(6) a{display:none;}
  .hd-wrap .hd-content .hd-right .open_btn{display:none;}
  .hd-wrap .hd-content .hd-left .open_btn{display:block;}
}
@media ( max-width: 796px ) {
  .hd-wrap .hd-content .hd-left .cate-wrap{display:none;}
  .hd-wrap .hd-content .hd-left .logo img{width:200px;}
  .hd-wrap .hd-content .hd-right ul li:nth-child(1) a,   
  .hd-wrap .hd-content .hd-right ul li:nth-child(2) a,
  .hd-wrap .hd-content .hd-right ul li:nth-child(3) a,
  .hd-wrap .hd-content .hd-right ul li:nth-child(6) a{display:none;}
  .hd-wrap .hd-content .hd-right .open_btn{display:none;}
  .hd-wrap .hd-content .hd-left .open_btn{display:block;}
  .hd-wrap .hd-content .hd-left .open_btn img{width:20px;}
  .hd-wrap .hd-content .hd-right ul .hd_cart img{height:20px;}
  .hd-wrap .hd-content .hd-right #search-btn input{width:20px;}
  #search-wrap #search-btn{width:30px;}

}
/* BASIC css end */