/* BASIC css start */
/* BASIC css start */
/* 카테고리 배너 */
#mid_bnr { position:relative; width:100%; overflow:hidden;margin-top: 20px; margin-bottom: 15px; }
#mid_bnr ul li a{display:block;}
#mid_bnr ul li a img{width:100%;}

/* 스와이퍼 공통 */
.swiper-button-prev{left:24px!important}
.swiper-button-next{right:24px!important}
.swiper-button-next:after, .swiper-button-prev:after{content:unset !important;}
.swiper-button-prev img, .swiper-button-next img{width:30px;}

.cate_bnr_wrap{margin-bottom:25px;}
.cate_bnr_wrap img{width:100%}

.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 .list_arrayRight img {width: 23px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

/* 분류 */
.cate-wrap .bcate{margin-bottom:28px;text-align:center;font-weight:700;font-size:24px;color:#000;line-height: 1;}
.cate-wrap .class-list.cate1_wrap{margin-bottom: 22.5px;border-bottom: 1px solid #e5e5e5;}
.cate-wrap .class-list.cate1_wrap ul { *zoom:1;font-size: 0;text-align: center;/* margin-bottom: 22.5px; */}
.cate-wrap .class-list.cate1_wrap ul:after { display:block; clear:both; content:'' }
.cate-wrap .class-list.cate1_wrap ul li {width:auto;}
.cate-wrap .class-list.cate1_wrap ul li a {display:block;font-size: 14px;color: #707070;padding: 0 10px 10px;box-sizing: border-box;white-space: pre;}
.cate-wrap .class-list.cate1_wrap ul li.on a{border-bottom: 2px solid #000;color: #000;box-sizing: border-box;padding-bottom: 8px;}
.cate-wrap .class-list.cate2_wrap{margin-bottom:22.5px;}
.cate-wrap .class-list.cate2_wrap ul { *zoom:1;display:none; font-size: 0;text-align: center;margin: 10px;padding-top: 20px;border-top: 1px solid #e0e0e0;}
.cate-wrap .class-list.cate2_wrap ul:after { display:block; clear:both; content:'' }
.cate-wrap .class-list.cate2_wrap ul li {display: inline-block;width: 33%;text-align: center;line-height: 1;margin-bottom: 10px;}
.cate-wrap .class-list.cate2_wrap ul li a {display: inline-block;font-size: 14px;color: #000;box-sizing: border-box;margin: 0 3px;position: relative;}
.cate-wrap .class-list.cate2_wrap ul li:last-child{border-right:0;}
.cate-wrap .class-list.cate2_wrap ul li.on a{color: #1f6f42;font-weight: bold;line-height: 1;}
.cate-wrap .class-list.cate2_wrap ul li.on a:after{/* content:''; *//* position: absolute; *//* width: 100%; *//* height: 1px; *//* background: #969696; *//* bottom: -4px; *//* left: 0; */}
.cate-wrap .class-list.cate2_wrap .cate2_wrap_toggle{text-align: center;font-size: 14px;color: #000;font-weight: bold;position: relative;}
.cate-wrap .class-list.cate2_wrap .cate2_wrap_toggle:after {content: '';background: url('/design/soopsori/images/m/ico_list_more.png') no-repeat;position: absolute;top:0;width: 17px;height: 17px;background-size: 100%;margin-left: 4px;vertical-align: middle;}
.cate-wrap .class-list.cate2_wrap .cate2_wrap_toggle img{margin-left: 4px;vertical-align: middle; width: 17px;}

.cate-wrap .class-list.cate2_wrap.on{border: 1px solid #ddd;margin: 0 10px 22.5px;box-shadow: 0px 0px 7px 0px #ccc;border-radius: 6px;} 
.cate-wrap .class-list.cate2_wrap.on .cate2_wrap_toggle{text-align: center;font-size: 14px;color: #000;font-weight: bold;margin-top: 10px;position: relative;}
.cate-wrap .class-list.cate2_wrap.on .cate2_wrap_toggle:after {content: '';background: url('/design/soopsori/images/m/ico_list_more.png') no-repeat;position: absolute;top:0;width: 17px;height: 17px;background-size: 100%;margin-left: 4px;vertical-align: middle;transform: rotate( 180deg );}
.cate-wrap .class-list.cate2_wrap.on .cate2_wrap_toggle img{margin-left: 4px;vertical-align: middle; width: 17px;}
.cate-wrap .class-list.cate2_wrap.on ul{display:block;}

/* 정렬 */
#MS_select_sort{float:right;width:76px;appearance:none;-moz-appearance:none;-webkit-appearance:none;font-size:11px;color:#777;border:none;background:url(/design/soopsori/images/select_ico.png) #fff right center no-repeat;height:auto}


/* 상품 리스트 */
.item-wrap .item-cont {width: 100%; *zoom:1;font-size: 0;padding: 0 2px;box-sizing: border-box;}
.item-wrap .item-cont .item-list {text-align: left;margin-top:0 !important;float: left;width: calc(50% - 3px); height:380px; margin-right: 2px;box-sizing: border-box;}
.item-wrap .item-cont .item-list:nth-child(2n){margin-right:0;}


#list_swiper{box-sizing: border-box;}
#list_swiper .swiper-slide { width: auto !important; }
#list_swiper .swiper-slide a { display: block; text-align: center; }


/* BASIC css end */


/* BASIC css end */