/* BASIC css start */
/* 공통 */
.off { display: none }
.cateImg_wrap  {margin: 0 auto;  text-align: center;}
.cateImg_wrap img { /*width: 100%;*/ }
.prd-class-hd { display: none; }
.item-wrap .item-order ul li:nth-last-child(1) { padding-right: 0; border-right: 0; }
.item-wrap .item-cont .item-list .thumb { position: relative; }
.item-wrap .item-cont .item-list .number { position: absolute; top: 0; left: 0px; z-index: 2; background: #1b1f28; color: #fff; font-size: 13px;
    width: 50px; height: 50px; font-weight: 500; box-sizing: border-box; padding-top: 8px; padding-left: 8px; text-align: left; }
    
/* 분류 베스트 탭 */
#contentWrapper .bx-wrapper { position: relative; width: 1300px; height: auto; margin: 0 auto; }
#contentWrapper .bx-wrapper .bx-viewport { height: auto !important;}
.bestSlider{visibility:hidden; opacity:0}
.best_listSlider { margin-top: 55px; }
.best_listSlider .item-list.slide02:nth-last-child(1) { margin-right: 0; }
.best_listSlider .item-list.slide02 {padding-right:0;margin:0}
.best_listSlider .item-list.slide02 .thumb img { width: 100%; }
.best_listSlider .item-cont .item-list.slide02 .prd-info { padding-bottom: 40px; }
.best_listSlider .slides{float:left; margin-right:20px;}
.best_listSlider .slides:nth-child(4){margin-right:0}

#contentWrapper .bx-pager { display: inline-block; padding-bottom: 80px; width: 100%; font-size: 0; text-align: center; border-bottom: 1px solid #e8e8e8; }
#contentWrapper .bx-pager .bx-pager-item {  display: inline-block; margin: 0 5px; width: 8px; height: 8px; border-radius:  50%; background:#999; overflow: hidden; }
#contentWrapper .bx-pager .bx-pager-item a { font-size: 0; }
#contentWrapper .bx-pager .bx-pager-item .bx-pager-link.active { display:block; width:100%; height: 100%; background:#000; }
#contentWrapper .bx-controls-direction a { display: block; width: 33px; height: 55px; font-size:0; opacity: 0.4; }
#contentWrapper .bx-controls-direction a.bx-prev { position: absolute; top: 30%; left: 0; transform:translateY(-50%); background:url('/design/akiiikr/phps/common/list_prev.jpg') no-repeat center; }
#contentWrapper .bx-controls-direction a.bx-next { position: absolute; top: 30%; right :0; transform:translateY(-50%); background:url('/design/akiiikr/phps/common/list_next.jpg') no-repeat center; }
#contentWrapper .bx-controls-direction a:hover { opacity: 1; }

/* class-list */
#productClass { overflow:hidden }
#productClass .bcate { padding-top: 55px; text-align: center; font-size:30px; color:#202020; font-weight:bold; }
#productClass .class-list { margin-top: 0px; }
#productClass .class-list ul { margin-top: 55px; font-size: 0; text-align: center; }
#productClass .class-list ul li { display: inline-block;  margin-right: 18px; }
#productClass .class-list ul li:nth-last-child(1) { margin-right: 0px; }
#productClass .class-list ul li a { display: block; font-size: 16px; color: #000; padding: 0 20px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; background: #efefef; margin-bottom: 12px;}
#productClass .class-list ul li a:hover { background: #d7d7d7 }
#productClass .class-list ul li a.active { background: #000; color: #fff; }
.item-box { width: 100%; }
.item-box::after { content: ''; display: block; clear: both; } 
.item-box .total_count { float: left; width: 50%; padding: 50px 0 10px; margin-bottom: 15px; font-size: 14px; }
.item-box .item-info { float: right; width: 50%; }

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

/* 이벤트 슬라이드 */
.eventWrapBox { width: 100%; height: 1000px; overflow-x: hidden; }
.eventWrap { position: relative; width: 1920px; margin: 0 auto; }
.eventWrap .blackSlideTit { position: absolute; color: #fff; left: 50%; top: 240px; margin-left: -730px; }
.eventWrap .blackSlideTit .t1 { font-size: 20px; font-weight: 700; }
.eventWrap .blackSlideTit .t2 { font-size: 35px; font-weight: 700; margin-top: 25px; line-height: 45px }
.eventWrap .blackSlideTit .t2 span { color: #e80403 }

.eventWrap .blackslide {  width: 1000px; position: absolute; top: 145px; right: 250px;  }
.eventWrap .blackslide .slick-slide { width: 300px !important; margin: 20px; transition: all 0.5s; }
.eventWrap .blackslide .slick-slide img { width: 100% }
.eventWrap .blackslide .slick-slide.slick-center {  transform: scale(1.1); }

.eventWrap .blackslide .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 54px; font-size: 0 }
.eventWrap .blackslide .slick-prev { left: 50%; margin-left: -580px; background: url(/design/akiiikr/phps/main/slide_prevBtn.png) no-repeat center; background-size: cover; }
.eventWrap .blackslide .slick-next { right: 50%; margin-right: -580px; background: url(/design/akiiikr/phps/main/slide_nextBtn.png) no-repeat center; background-size: cover; }  

.eventWrap .blackslide .slick-dots { position: absolute; bottom: 25px; left: -438px; }
.eventWrap .blackslide .slick-dots li { padding: 5px 10px; line-height: 40px }
.eventWrap .blackslide .slick-dots li.slick-active { background: -webkit-gradient(linear, left top, right top, color-stop(0, #f84525), color-stop(1, #cd2031));
    background: -moz-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: -webkit-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: -o-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: -ms-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: linear-gradient(left, #f84525 0%, #cd2031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f84525', endColorstr='#cd2031', gradientType=1); }  
.eventWrap .blackslide .slick-dots li button { background: transparent; font-size: 17px; color: #fff }
.bannerImg img { width:100% }
/* BASIC css end */