/* BASIC css start */
/* 분류페이지 */
.path {display: none;}
.cate-wrap {margin: 0;}
.bcate {margin:120px 0 30px; text-align:center;font-weight:700;font-size:32px;line-height:40px;color:#1a1a1a;}

/* 하위분류 */
.cate-wrap .class-list {border: 0; text-align: center; padding-bottom: 135px;}
.cate-wrap .class-list > ul > li {display: inline-block; width:auto; margin:0 17px;}
.cate-wrap .class-list > ul > li > a {display:flex;flex-direction:column;align-items:center;background:unset;font-weight:400;font-size:18px;line-height:24px;letter-spacing:-0.02em;color:#9a9a9a;transition: all 0.3s;}
.cate-wrap .class-list > ul > li.sel > a,
.cate-wrap .class-list > ul > li > a:hover {color: #1a1a1a;}
.cate-wrap .class-list > ul > li.sel > a:before,
.cate-wrap .class-list > ul > li > a:hover:before {opacity:1;}
.cate-wrap .class-list > ul > li > a:before {content:"";display:block;width:4px;height:4px;margin-bottom:8px;background-image:url('/design/d4-3325/0784cosmoline/svg/tab_on.svg');opacity:0; transition: all 0.3s;}

/* 추천, 신상품 */
.new_rolling,
.recmd_rolling {margin-bottom: 100px !important;}
.new_rolling .item-cont.grid4 > dl.item-list,
.recmd_rolling .item-cont.grid4 > dl.item-list {margin: 0 0 80px;}
.new_rolling .swiper-scrollbar,
.recmd_rolling .swiper-scrollbar { width:31.25%;margin:0 auto; left:0px !important; bottom:0px !important;height:4px !important;  background:#e8e8e8;border-radius:0px;}
.new_rolling .swiper-scrollbar-drag,
.recmd_rolling .swiper-scrollbar-drag {background-color:#1a1a1a; border-radius:0px; height:4px;}
.item-list.swiper-slide {padding:0 !important;}

/* 추천, 신상품 타이틀 */
.new_rolling .title_box,
.recmd_rolling .title_box {margin-bottom:50px;}

/* 상품 분류 */
.item-wrap .item-sort {padding: 0; margin: 40px auto 48px; height: 20px; line-height: 20px; border: none;}
.item-wrap .item-sort .item-order {float: none;}
.item-wrap .item-sort .prdCount {padding: 0; font-size: 13px; color: #8a8a8a; line-height: 20px;}
.item-wrap .item-sort .prdCount strong {color: #1a1a1a; font-weight: 700;}
.item-wrap .item-sort ul#type {margin: 0; float: right;}
.item-wrap .item-sort ul#type li {padding: 0; background: none; border: none;}
.item-wrap .item-sort ul#type li a {padding-left: 12px; margin-left: 8px; font-size: 13px; color: #8a8a8a; font-weight: 300; line-height: 20px; background: url('/design/d4-3325/0784cosmoline/sort_bg.png') no-repeat 0 50%; }
.item-wrap .item-sort ul#type li a:hover {color: #1a1a1a;}
.item-wrap .item-sort ul#type li:first-child a {background: none; padding: 0; margin: 0;}



/* BASIC css end */

