/* BASIC css start */
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }

/* 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; }

/* 하위 분류 */
#productClass .item-cate { display: flex; justify-content: space-between; align-items: end; padding: 30px 0; }
#productClass .item-cate a { font-weight: bold; color: #1c1c1c; letter-spacing: -1px; }
#productClass .item-cate .scate a { font-size: 18px; }
#productClass .item-cont .thumb .main_icons {  position:relative; }


.planItem .title {
    border-bottom: 1px solid #e6e6e6;
}
.planItem .title p {
    /* font-family: 'notokr'; */
    font-weight: bold;
    line-height: 79px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 15px;
}



.planItem .display-tab {
    height: 47px;

}

.planItem .display-tab:after {
    display: block;
    content: "";
    clear: both;
}

.planItem .display-tab select {
    height: 47px;
    border: none;
    padding: 0 15px 0 10px;
    background-position: right center;
    font-size: 13px;
    color: #666;
}

.planItem .display-tab a.ico-list {
    display: block;
    width: 45px;
    height: 47px;
    line-height: 47px;
    text-indent: -9999em;
    float: right;
}

.planItem .display-tab a.ico-list.display-type-list {
    background: url(/assets/shop/img/common/ico_list_type2.png) no-repeat right center / 14px auto;
}

.planItem .display-tab a.ico-list.display-type-steps2 {
    background: url(/assets/shop/img/common/ico_list_type3.png) no-repeat right center / 14px auto;
}

.planItem .display-tab {
    position: relative;
}

.planItem .display-tab .select {
    display: inline-block;
    height: 47px;
    padding: 0 18px 0 10px;
    background: url(/design/paksytv/image/arr_bottom.png) right center no-repeat;
    background-size: 11px auto;
    font-size: 15px;
    color: #666;
    line-height: 47px;
}

.planItem .display-tab .options {
    padding: 0 5px;
    position: absolute;
    top: 38px;
    left: 10px;
    z-index: 100;
    background: #ffffff;
    box-shadow: 0px 1px 1.68px 1.82px rgba(0,0,0,0.15);
    border-radius: 5px;
}

.planItem .display-tab .options li {
    width: 70px;
    padding: 0 5px;
    border-top: 1px solid #f7f7f7;
}

.planItem .display-tab .options li a {
    display: block;
    line-height: 34px;
    text-align: left;
    font-size: 15px;
    color: #000;
}

.planItem .display-tab .options li:first-child {
    border-top: none;
}

.planItem .display-tab .options li.on a {
    font-weight: bold;
}

.planItem .display-tab {
    height: 47px;

}
.item-wrap .fl-l {height: 47px; display: inline-block; width: 50%;line-height: 47px;}
.planItem .display-tab:after {
    display: block;
    content: "";
    clear: both;
}

.planItem .display-tab select {
    height: 47px;
    border: none;
    padding: 0 15px 0 10px;
    background-position: right center;
    font-size: 13px;
    color: #666;
}

.planItem .display-tab a.ico-list {
    display: block;
    width: 45px;
    height: 47px;
    line-height: 47px;
    text-indent: -9999em;
}

.planItem .display-tab a.ico-list.display-type-list {
    background: url(/design/paksytv/image/ico_list_type2.png) no-repeat right center / 15px auto;
}

.planItem .display-tab a.ico-list.display-type-steps2 {
    background: url(/design/paksytv/image/ico_list_type3.png) no-repeat right center / 14px auto;
}
#orderByOption {display:none;}
#orderByOption.is-active {display:block;}

/*1열*/

.special-pro .item-cont .item-list .thumb .discount {position: absolute; top: 5px; left: 5px; width: 25px; height: 25px; line-height: 25px; border-radius: 41px; background: #c70000; font-size: 9px;font-weight: bold; font-style: italic; color: #fff; text-align: center;z-index: 99;}
  
/* 추천상품 목록 영역 */
.line-cols-btns * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.line-cols-btns { position: relative;height:47px; text-align: center;float:right; }
.line-cols-btns > a {text-indent: -9999px;position:absolute;background:#fff;display:none;z-index:100;top:5px;right:15px;margin: 0 5px; width: 34px; height: 34px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; }
.line-cols-btns > a.col-btn-1 { background-image: url();z-index:10; }
.line-cols-btns > a.col-btn-1.on {opacity:1;display:block; background:url(/design/paksytv/image/ico_list_type2.png) no-repeat right center / 14px auto;;z-index:1;  }
.line-cols-btns > a.col-btn-2 { background-image: url();z-index:30; }
.line-cols-btns > a.col-btn-2.on { opacity:1;display:block;background: url(/design/paksytv/image/ico_list_type2.png) no-repeat right center / 14px auto;;z-index:1;  }
.line-cols-btns > a.col-btn-3 { background-image: url();}
.line-cols-btns > a.col-btn-3.on { opacity:1;display:block;background: url(/design/paksytv/image/ico_list_type2.png) no-repeat right center / 14px auto;;z-index:1;  }
.line-cols-btns > a.col-btn-4 { background-image: url();z-index:40;}
.line-cols-btns > a.col-btn-4.on { opacity:1;display:block;background: url(/design/paksytv/image/ico_list_type3.png) no-repeat right center / 14px auto;;z-index:1; }
.list [data-type=cols-line].cols-1 .item-cont dl { float: left; position: relative; width: 100%;}
.list [data-type=cols-line].cols-2 .item-cont dl { float: left; position: relative; width: 49%;margin-right:2%; }
.list [data-type=cols-line].cols-3 .item-cont dl {  float: left; position: relative; width: 100%;}
.list [data-type=cols-line].cols-4 .item-cont dl { float: left; position: relative; width: 49%;margin-right:2%; }
.list [data-type=cols-line].cols-2 .item-cont dl:nth-child(2n) {float: right; margin-right: 0;}
.list [data-type=cols-line].cols-4 .item-cont dl:nth-child(2n) {float: right; margin-right: 0;} 
.colsicon-1 a.col-btn-2 {display:block;opacity:0;}  
.colsicon-2 a.col-btn-3 {display:block;opacity:0;}
.colsicon-3 a.col-btn-4 {display:block;opacity:0;}
.colsicon-4 a.col-btn-1 {display:block;opacity:0;}
.item-wrap {position:relative;padding:0 15px;}
.item-wrap.cols-1,.item-wrap.cols-3{padding:0px;}    

.item-wrap .item-cont .item-list .thumb {position:relative;}
.item-wrap .item-cont .item-list .thumb .discount {position: absolute; top: 5px; left: 5px; width: 55px; height: 55px; line-height: 55px; border-radius: 55px; background: #c70000; font-size: 16px;
 font-weight: bold; font-style: italic; color: #fff; text-align: center;z-index:99;}
.item-wrap.cols-3 .item-cont .item-list { width:100%;border-top: 1px solid #e5e5e5;padding: 15px 0;margin-bottom:0; }
.item-wrap.cols-3 .item-cont .item-list dt {width:115px;float:left;}
.item-wrap.cols-3 .item-cont .item-list dd {float:left;padding: 30px 15px;display: table-cell; vertical-align: middle;}
.item-wrap.cols-3 .item-cont .item-list dd.prd-info .prd-name a {font-size: 17px;}
.item-wrap.cols-3 .item-cont .item-list dd.prd-info .prd-price strike {font-size: 14px;}
.item-wrap.cols-3 .item-cont .item-list dd.prd-info .prd-price .price {font-size: 17px;font-weight:900}
.item-wrap.cols-1 .item-cont .item-list { width:100%;border-top: 1px solid #e5e5e5;padding: 15px 0;margin-bottom:0; }
.item-wrap.cols-1 .item-cont .item-list dt {width:115px;float:left;}
.item-wrap.cols-1 .item-cont .item-list dd {padding: 30px 15px;display: table-cell; vertical-align: middle;}
.item-wrap.cols-1 .item-cont .item-list dd.prd-info .prd-name a {font-size: 17px;}
.item-wrap.cols-1 .item-cont .item-list dd.prd-info .prd-price strike {font-size: 14px;}
.item-wrap.cols-1 .item-cont .item-list dd.prd-info .prd-price .price {font-size: 17px;font-weight:900}


.item-wrap.cols-3 .item-cont .item-list .thumb .discount,.item-wrap.cols-1 .item-cont .item-list .thumb .discount {position: absolute;z-index:99;
    top: 5px;
    left: 5px;
    width: 31px;
    height: 31px;
    line-height: 31px;
    border-radius: 31px;
    background: #c70000;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-align: center;}




.planItem .display-tab .options {
    padding: 0 5px;
    position: absolute;
    top: 38px;
    left: 10px;
    z-index: 100;
    background: #ffffff;
    box-shadow: 0px 1px 1.68px 1.82px rgba(0,0,0,0.15);
    border-radius: 5px;
}

.planItem .display-tab .options li {
    width: 70px;
    padding: 0 5px;
    border-top: 1px solid #f7f7f7;
}

.planItem .display-tab .options li a {
    display: block;
    line-height: 34px;
    text-align: left;
    font-size: 15px;
    color: #000;
}

.planItem .display-tab .options li:first-child {
    border-top: none;
}

.planItem .display-tab .options li.on a {
    font-weight: bold;
}

.planItem .display-tab {
    height: 47px;
    padding: 0 15px 0 5px;
}

.planItem .display-tab:after {
    display: block;
    content: "";
    clear: both;
}

.planItem .display-tab select {
    height: 47px;
    border: none;
    padding: 0 15px 0 10px;
    background-position: right center;
    font-size: 13px;
    color: #666;
}

.planItem .display-tab a.ico-list {
    display: block;
    width: 45px;
    height: 47px;
    line-height: 47px;
    text-indent: -9999em;
}

.planItem .display-tab a.ico-list.display-type-list {
    background: url(/assets/shop/img/common/ico_list_type2.png) no-repeat right center / 15px auto;
}

.planItem .display-tab a.ico-list.display-type-steps2 {
    background: url(/assets/shop/img/common/ico_list_type3.png) no-repeat right center / 14px auto;
}









/* BASIC css end */

