/* BASIC css start */
#contentWrap { width: 100%; }
.cut_lay { margin-left: auto; margin-right: auto; box-sizing: border-box; max-width: 1330px; width: 100%; padding: 0 !important; }

/**** 상품폼 공통 페이징 디자인 ****/
.item-page { margin-top: 80px; text-align: center; }
.item-page a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #dddddd; width: 30px; font-size: 13px; color: #222222; font-weight: 500; }
.item-page a:hover,
.item-page a.now,
.item-page .now { color: #fff; background: #000; border: 1px solid #000; }
.item-page a.first
.item-page a.prev,
.item-page a.next,
.item-page a.last { }
.item-page a.first,
.item-page a.last { letter-spacing:-1px }

/* 상단 꾸미기 */
.title_ban_wrap { overflow: hidden; }

/* 베스트상품 영역 */
.recmd-item-wrap { padding-top: 50px; }
.recmd-item-wrap .swiper-container { overflow: hidden; }
.recmd-item-wrap .swiper-slide { width: 20%; }
.recmd-item-wrap .normal_prod_wrap { width: 1330px; margin: 0 auto; }
.recmd-item-wrap .normal_prod_wrap .normal_prod_box.slick-slider { width: auto; }
.recmd-item-wrap .title { 
    font-size: 26px; text-align: left; font-weight: 300; margin: 0 auto 35px; 
    max-width: 1330px; width: 100%;
}
.recmd-item-wrap .controls { position: absolute; width: 100%; bottom: 55%; left: 0; --swiper-theme-color: #a8a8a8; display: none; }
.recmd-item-wrap .swiper-button-prev {
    background: url(https://www.jstyleshop.net/design/jstyle07/wib/img_pc/main/pprev.svg) no-repeat center / contain;
    position: absolute; left: 0; transform: translateY(-85%);
    opacity: 1;
}
.recmd-item-wrap .swiper-button-next {
    right:0; transform: translateY(-85%);
    background: url(https://www.jstyleshop.net/design/jstyle07/wib/img_pc/main/pnext.svg) no-repeat center / auto;
    opacity: 1;
}
/* best add 260512 */
.recmd-item-wrap .swiper-pagination { 
    width: 87% !important; height: 3px;
    background: #d9d9d9;
    position: absolute; left: 50% !important; bottom: -0;
    transform: translateX(-50%);
}
.recmd-item-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #553c72; }

/* 스와이퍼 스크롤바 기본 코드 (커스텀) */
.swiper .swiper-scrollbar { width: 100%; cursor: pointer; }
.swiper .swiper-scrollbar-drag { background-color: #111111 !important; }
.swiper-horizontal > .swiper-pagination-progressbar, 
.swiper-pagination-progressbar.swiper-pagination-horizontal { top: 98% !important; height: 3px !important; }


/* 카테고리 리스트 영역 */
.cate-list-wrap { padding-top: 70px; margin-bottom: 30px; text-align: center; }
.cate-list-wrap ul li { display: inline-block; vertical-align: top; font-size: 15px; margin: 0 13px; }
.cate-list-wrap ul li a { color: #727272; font-weight: 300; padding-bottom: 9px; border-bottom: 2px solid #fff; }
.cate-list-wrap ul li:hover a,
.cate-list-wrap ul li.on a {
    border-bottom: 2px solid #46479b;
    color: #000; font-weight: bold;
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-ms-transition: all 0.35s;
}

/* 상품 sort 영역 */
.item-sort-wrap { height: 30px; color: #000; margin-bottom: 12px; }
.item-sort-wrap .total { margin-top: 5px; }
.item-sort-wrap .total .point_color { font-size: 16px; font-weight: bold; padding-right: 3px; }
.item-sort-wrap .item-order-wrap { position: relative; }
.item-sort-wrap .item-order-wrap .select{
    width: 143px; height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    text-indent: 10px;
    background: url('/design/jstyle07/wib/img_pc/icon/list_arrow_bt.png') no-repeat;
    background-position: center right 10px;
    cursor: pointer;
}
.item-sort-wrap .item-order-wrap .select.on{
    background: url('/design/jstyle07/wib/img_pc/icon/list_arrow_top.png') no-repeat;
    background-position: center right 10px;
}
.item-sort-wrap .item-order-wrap .item-order{
    border: 1px solid #ddd;
    padding: 10px 0;
    line-height: 24px;
    margin-top: -1px;
    position: absolute;
    width: 100%;
    top: 30px;
    box-sizing: border-box;
    text-indent: 10px;
    z-index: 2;
    background: #fff;
    display: none;
}
.item-sort-wrap .item-order-wrap .item-order li { cursor: pointer; }
.item-sort-wrap .item-order-wrap .item-order li a { display: block; line-height: 24px; }
/* BASIC css end */