/* BASIC css start */
.best_item_title {
    font-size: 14px !important;
    padding: 20px 0 !important;
    color: #000;
    text-align: left !important;
    margin: 0px 16px;
}

.best_item_group {
    border-top: 1px solid #eee;
    border-bottom: 8px solid #eee;
    /* margin-bottom:32px; */
}

.xans-product-normalmenu .function {overflow:hidden; text-align:right; font-size:11px; padding: 16px; border-top:1px solid #eee;}
.xans-product-normalmenu .prdCount { float:left; padding:0; color:#333; }
.xans-product-normalmenu ul#type { display:inline; margin:0; }
.xans-product-normalmenu ul#type li { display:inline; padding:0 0 0 4px; }
.xans-product-normalmenu ul#type li:first-child { background:none; }
.xans-product-normalmenu ul#type li a { color:#333; }
.xans-product-normalmenu ul#type li a:hover { color:#333; text-decoration:none; }

.h_title {text-align:left;}
.h_title a {display:inline-block; margin:16px 0 4px 16px;font-size:18px; font-weight:bold;}
.h_title h1 {font-weight:bold;}

.subname {
    font-size: 12px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 16px;
    max-height: 32px;
}

.price_set_box {margin:4px 0 8px 0; font-size:15px;}

.best-wrap { padding:5px 0; background:#fff;}
/* 상품베스트넘버 */
.best_number { position:absolute; top:3; left;0; z-index:99; background:#333; color:#fff ; font-family: 'Roboto' !important;font-weight:500; font-size:10px; padding:2px 8px; text-align:center; }


/* 상품분류상단이미지 */
.shopbrandTitle img { width:100% }

/* 중분류메뉴 */
.wlist_group { width:100%;  background:rgba(255,255,255,0.95);  overflow:hidden; margin-bottom:20px; border-bottom:0px solid #f5f5f5;}
.wlist_group:after { content: ""; display: block; clear: both; }

/* 가로5개 */
.wlist_group .smenu { overflow:hidden; position:relative; z-index:1; padding-left:16px;}
.wlist_group .smenu > li { display:inline-block; }
.wlist_group .smenu > li a {display:block; overflow:hidden; height:20px; margin:0 10px 0 0; line-height:20px; color:#666; font-size:12px;  font-weight:normal;    }
.wlist_group .smenu li .sel { display:block; color:#000 !important ; font-weight: bold; border-bottom:1px solid #000;}


.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}


.shopbrand .list_array { text-align:center; }
.shopbrand .list_array .list_arrayRight img {width: 20px; height: auto;}


/* 20191111-추천상품 */

 .best_silde {  width:100%; margin:0 auto 10px; border:0px solid #000; position:relative; padding-bottom:50px; }
 .best_silde .s-item { position:relative;display:block; /* height:px; */ padding-bottom:0px;  }
 .best_silde .s-item img { width: auto; /* height:px; */   }

 .best_silde .slick-slider {position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
 .best_silde .slick-slider:hover .slick-next, .best_silde .slick-slider:hover .slick-prev{display:block !important;}
 .best_silde .invisible{visibility: hidden;}
 .best_silde .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
 .best_silde .slick-list:focus{outline: none;}
 .best_silde .slick-list.dragging{cursor: pointer;cursor: hand;}
 .best_silde .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
 .best_silde .slick-track{position: relative;left:0;top:0;display:block;}
 .best_silde .slick-track:before,.slick-track:after{content: "";display: table;}
 .best_silde .slick-track:after{clear:both;}
 .best_silde .slick-loading .slick-track{visibility: hidden;}
 .best_silde .slick-slide {float: left;height:auto; display: none;}
[dir="rtl"] .best_silde .slick-slide {   float: left; }
 .best_silde .slick-slide img{  }
 .best_silde .slick-slide.slick-loading img{display: none;}
 .slick-slide.dragging img{pointer-events: none;}
 .slick-initialized .slick-slide {display:block;}
 .best_silde .slick-loading .slick-slide{visibility: hidden;}
 .best_silde .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
 .best_silde .slick-prev, .best_silde .slick-next{ position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:1; filter:alpha(opacity=100);background:transparent; z-index:2;}   /* 화살표 처음위치 */
 .best_silde .slick-prev{left:0px;background:url( ) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
 .best_silde .slick-next{right:0px;background:url( ) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
 .best_silde:hover .slick-prev{ opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
 .best_silde:hover .slick-next{ opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
 .best_silde .slick-prev:hover{background:url() 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 이전화살표 마우스오버시 효과 */
 .best_silde .slick-next:hover{background:url() 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 다음화살표 마우스오버시 효과 */
 .best_silde .slick-prev, .best_silde .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
 .best_silde .slick-slider{margin-bottom:0;}
 .best_silde .slick-dots{  position:absolute;bottom:30px;left:0px;padding:0;list-style: none;display:block;text-align:center;width:100%;  }
 .best_silde .slick-dots li { position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer; border:0px solid #000; width:10px; }
 .best_silde .slick-dots li button {border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
 .best_silde .slick-dots li button:hover, .best_silde .slick-dots li button:focus{outline: none;}
 .best_silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
 .best_silde .slick-dots li button:before{ display:block;width:10px;height:10px;content: "";background:#d1d1d1; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
 .best_silde .slick-dots li.slick-active button:before {   background:#999; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */

.items li .percent { /* position:absolute; top:5px; left:5px; opacity: 0.8; filter: alpha(opacity=80); z-index:99; */ text-align:center; width:auto; height:20px; line-height:20px; /* border-radius: 50%;  background-color:#fff; */ color:#e47373 ; padding:0 2px; font-size:11px; letter-spacing:0px; }

.item_img_box{ position:relative;}
.pre_order_tag, .pre_order_tag:hover {position:absolute; font-weight: 700; font-size:11px; line-height:11px; text-align:center; padding:6px 0 0 0; width:70px; bottom:-6px; left:50%; margin-left:-35px; border-top-right-radius:12px; border-top-left-radius:12px; text-align:center; background-color:#fff; color:#000}


.listSoldout span{font-size:10px; display:inline-block; color:#666;}
.listSoldout span i{font-size:12px; vertical-align:text-bottom;}


/* 슬라이드 */
#with_item_slide {padding-right:10px;}
.swiper-container img {width:100%;}
.swiper-pagination {width:100%;}
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:0.3;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 6px;
    height: 6px;
    margin: 6px auto;
    display: block;
    border-radius: 10px;
    border: #333 solid 1px;
    background-color: #333;
    box-sizing: border-box;   
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
     opacity: 1;
}
.swiper-slide.withitem { width:45%}
.swiper-slide.withitem figure{margin-left:10px;}

.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
    display: none;
}


.listName {font-size:15px; padding:8px 0 4px; font-weight: bold; line-height: 130%;}
.listPrice {margin-bottom:0;}
.listPrice del {color:#999;}
.listPrice .percent {font-size:10px;}
.fundingPrice del {color:#999;}

mark {
  display: inline-block;
  line-height: 0em;
  padding:1px 1px 7px;
}


.discount_tag {position:absolute;top:0px;right:4px; text-align:center; padding:6px 0 0; width:34px; line-height:11px; background-color:rgba(0,0,0,0.6);color:#fff;font-size:11px; font-weight:bold}
.discount_tag:after {position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
    border-width: 10px 17px 0 17px;}
.discount_tag span {font-size:9px;font-weight:normal;}


.list_shopping2x ul{
    padding: 0 8px;
}

.list_shopping2x li:nth-child(5n){
    width: 100%;
}

@media screen and (min-width: 768px){
.list_shopping2x li:nth-child(5n){
    width: 33.333333%;
}
}


@media screen and (min-width: 1600px){
.list_shopping2x li:nth-child(5n){
    width: 20%;
}
}

.group_badge {
    display: inline-block;
    background-color: #999;
    color: #fff;
    line-height: 100%;
    padding: 1px 4px;
    margin-right: 2px;
    border-radius: 3px;
}

.icon{margin-top:4px;}
/* BASIC css end */