/* BASIC css start */
/* »ó´Ü ·Ñ¸µ¸Þ´º */
.top_cate_roll_wrap {position:relative; }
.top_cate_roll_wrap .top_cate_roll {width:100%; padding:22px 0; border-bottom:1px solid #f6f4f5;}
.top_cate_roll_wrap .top_cate_roll .swiper-container {padding: 0 2rem 0 10px;}
.top_cate_roll_wrap .top_cate_roll ul li {text-align:center; width:auto !important;margin: 0 10px;}
.top_cate_roll_wrap .top_cate_roll ul li a {display:block; color:#777; font-size:14px; letter-spacing:1px;}
.top_cate_roll_wrap .top_cate_roll ul li.actv {position:relative;}
.top_cate_roll_wrap .top_cate_roll ul li.actv:after {content: '';display: block;background: #ff568e; height: 9px;position: absolute; bottom: 0;left: 20%; width:80%; right: -1px;z-index: -1;}
.top_cate_roll_wrap .top_cate_roll ul li.actv a {color:#222;}

/* ºÐ·ù »ó´Ü¿µ¿ª*/
.list-hd-wrap {margin:25px 0;}
.list-hd-wrap .mcate {text-align: center;}
.list-hd-wrap .mcate li {display:inline-block; margin:0 13px;}
.list-hd-wrap .mcate li a {font-size:12px; line-height:1; color:#000; display:block; text-align:center; position:relative; letter-spacing:1px;}
.list-hd-wrap .mcate li a.ac {font-weight:bold;}

/* Á¤·Ä */
.sort-wrap {padding:32px 15px 10px; text-align:left; line-height:1;}
.sort-wrap li {margin-right:13px;}
.sort-wrap li a {display:block; font-size:12px; color:#666; position:relative;}
.sort-wrap li a:before {content:'¡¤'; position:absolute; left:0; top:1px;}
.sort-wrap li a span {display:inline-block; margin-left:5px;}
.sort-wrap li a span.on {color:#222;}

/* ºÐ·ù »óÇ°Æû */
.list-prd-wrap .prd-box .items li {width:calc(50% - 1px); font-size:12px; margin-bottom: 45px;}
.list-prd-wrap .prd-box .items li:nth-of-type(odd) {margin-right:1px;}

/* º£½ºÆ®¾ÆÀÌÅÛ */
.best-item-wrap {margin:70px 0 0;}
.best-item-wrap .best-title {text-align:center; padding-bottom:30px;}
.best-item-wrap .best-title h2 {font-size:30px; line-height:1;color:#000; padding-bottom:15px; letter-spacing:1px;}
.best-item-wrap .best-title p {font-size:14px; color:#000; font-weight:350;}
.best-item-wrap .prd-box .items li {width:170px; margin-right:1px; margin-bottom:40px;}
.best-item-wrap .swiper-container-horizontal > .swiper-scrollbar {background: #f6f4f5; height:4px !important;}
.best-item-wrap .swiper-scrollbar-drag {background:#c1c1c1!important; bottom:0px !important; height:4px !important; top:auto !important; border-radius: 0px !important;}



/* BASIC css end */

