/* BASIC css start */
/* 브이리뷰 스타일 */
.vreview-row { justify-content: center !important; }

.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:10px; border-bottom:0px solid #f5f5f5;}
.wlist_group:after { content: ""; display: block; clear: both; }

/* 가로5개 */
.wlist_group .smenu { overflow:hidden; position:relative; z-index:1; width:100%; text-align:center; }
.wlist_group .smenu > li { display:inline-block; }
.wlist_group .smenu > li a {display:block; overflow:hidden; height:40px; padding:0 5px; line-height:40px; color:#666; font-size:11px;  font-weight:400;    }
.wlist_group .smenu li .sel { display:block; color:#000 !important ; font-weight: 700;  }



.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%;}

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

/* 상품 total/정렬 */
/*.total-sort { zoom: 1; padding-bottom: 5px; border:0px solid #e5e5e5; margin-bottom:50px; margin-top:50px; padding-left:1% }
.total-sort:after { content: ""; display: block; clear: both; }
.total-sort .total { margin:0 auto; }
.total-sort .sort { width:100&; text-align:center;  }
.total-sort .sort li { display:inline-block;  padding: 0 0px;  text-align:center;}
.total-sort .sort li.nobg { padding-right:0; border-right:none }
.total-sort .sort li a span { color:#999; font-size:11px; background:#fff;  border-bottom:1px solid #fff; padding: 5px 5px;  -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;  }
.total-sort .sort li a span:hover {  color:#333; font-size:11px; background:#fcc0c4; }
.total-sort .sort li a .on {   color:#000; font-size:11px; background:#fcc0c4;}

.total-sort .sort > li:before { display:inline-block; content:""; width:1px;height:9px;background:#d7d7d7;margin-top:0px;margin-left:5px; }
.total-sort .sort > .nobg:before { width:0px; margin-left:0px; } */

.sort_line {margin:0;padding:25px 25px 25px 8px; 4.68%;border:0; display:none;}
.sort_line:after {display:block;content:'';clear:both;}
.sort_line .sort_by {float:left;position:relative;width:57%;max-width:202px;}
.sort_line .sort_by .toggle {width:100%;height:41px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sort_line .sort_by .toggle > span {display:block;padding:0 42px 0 15px;background:no-repeat right center;color:#000;font-size:13px;font-weight:300;line-height:41px;}
.sort_line .sort_by .toggle > span:after {display:block;content:'';position:absolute;top:50%;right:15px;width:12px;height:7px;margin-top:-3.5px;background:url('/design/kimsj0120/wizdesign/sort_arrow.png') no-repeat center / 12px 7px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sort_line .sort_by .toggle.active > span:after {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
.sort_line .sort_by .sort_list {display:none;position:absolute;top:40px;left:0;z-index:5;width:99%;background:#fff;border:1px solid #e0e0e0;border-top:0;}
.sort_line .sort_by .sort_list > li a {display:block;height:30px;padding:0 15px;color:#000;font-size:12px;line-height:30px;}
.sort_line .sort_by .sort_list > li:first-child {display:none;}
.sort_line .list_array {float:right;position:relative;width:auto;height:41px;/*border:1px solid #e0e0e0;*/padding-top:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sort_line .list_array:before {display:block;content:'';position:absolute;top:0;left:40px;z-index:1;width:1px;height:100%;/*background:#e0e0e0;*/}
/*.sort_line .list_array:after {display:block;content:'';position:absolute;top:0;right:39px;z-index:1;width:1px;height:100%;background:#e0e0e0;*/}
.sort_line .list_array li {float:left;width:39px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.sort_line .list_array li.selected {position:relative;z-index:5;}
.sort_line .list_array li:first-child {margin-left:0;}
.sort_line .list_array li a {display:block;height:41px;color:transparent;text-indent:-9999px;}
.sort_line .list_array .list_arrayRight img { width: 25px;}

/*쿠폰 혜택 버튼*/
.list_shoppingInfo .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.list_shoppingInfo .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.list_shoppingInfo .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.list_shoppingInfo .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

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




/* BASIC css end */