/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; max-width:640px; height:500px; overflow:hidden;margin:0 auto; }
#mainSpot .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:500px }
#mainSpot .bx-pager { position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }
#mainSpot .swiper-pagination-bullet-active {opacity: 1; background: #c70000;}
#mainSpot .swiper-container-horizontal>.swiper-pagination-bullets {bottom:3px;}

#content {margin:0 auto;max-width:640px;}

/* 상품 목록 영역 */
.product-wrap { padding:25px 15px 0;margin:0 auto; position:relative; max-width:640px;box-sizing: border-box; }
.product-wrap.list {padding:0;}


#tpl-shop .bestItem-box{margin:0 -15px;}
#tpl-shop .bestItem-box h3 {padding-bottom: 13px; font-size: 16px; text-align: center;}
.bestItem-box .item-cont .item-list {width:32%;margin-right:2%;}
.bestItem-box .item-cont .item-list:nth-child(3n) {float: right; margin-right: 0;}
.item-wrap .item-cont .item-list .prd-name {display: -webkit-box;white-space: nowrap;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.mt-30 { margin-top: 30px;}
.mt-10 { margin-top: 10px;}


.item-wrap.recomd-pro .item-cont .item-list .thumb {position:relative;}
/*1열*/
.item-wrap.cols-1 .item-cont .item-list .thumb span.discount {display: inline-block; width: 68px;height: 68px;line-height: 68px;text-align: center; background: #c70000;font-weight: bold; font-size: 18px;    color: #ffffff;
border-radius: 50%; position: absolute; top: 10px;left: 10px; z-index: 5;}
.item-wrap.cols-1 .item-cont .item-list .prd-info {padding: 30px 20px 40px;}
.item-wrap.cols-1 .item-cont .item-list .prd-info .prd-name { max-height: 52px; }
.item-wrap.cols-1 .item-cont .item-list .prd-info .prd-name a{font-size: 18px;overflow: hidden; max-height: 52px;font-weight: 400;font-size: 18px;color: #000;line-height: 26px; white-space: normal; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.item-wrap.cols-1 .item-cont .item-list .prd-info .prd-price .price {line-height: 37px;font-size: 18px;}
.item-wrap.cols-1 .item-cont .item-list .prd-info .prd-price strike {font-size: 13px;margin-right:7px;}
.item-wrap.cols-1 .item-cont .item-list .prd-info .btn-buy {display:inline-block;}
.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; }
.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_list1.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_type3.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_type4.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: 100%; }
.list [data-type=cols-line].cols-3 .item-cont dl { float: left; position: relative; width: 32.3%; }
.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-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 {padding:0px 15px 0;}
.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: 40px; height: 40px; line-height: 41px; border-radius: 41px; background: #c70000; font-size: 13px; font-weight: bold; font-style: italic; color: #fff; text-align: center;z-index:9;}
.item-wrap.cols-2 .item-cont .item-list { width:100%;border-top: 1px solid #e5e5e5;padding: 15px 0;margin-bottom:0; }
.item-wrap.cols-2 .item-cont .item-list dt {width:115px;float:left;}
.item-wrap.cols-2 .item-cont .item-list dd {float:left;padding: 30px 15px;display: table-cell; vertical-align: middle;}
.item-wrap.cols-2 .item-cont .item-list dd.prd-info .prd-name a {font-size: 17px;}
.item-wrap.cols-2 .item-cont .item-list dd.prd-info .prd-price strike {font-size: 14px;}
.item-wrap.cols-2 .item-cont .item-list dd.prd-info .prd-price .price {font-size: 17px;font-weight:900}

.item-wrap.cols-3 .item-cont .item-list {margin-bottom:4px;margin-right:1%;}
.item-wrap.cols-3 .item-cont .item-list:nth-child(3n) {margin-right:0%;}
.item-wrap.cols-3 .item-cont .item-list .prd-info {display:none;}
.item-wrap.cols-3 .item-cont .item-list .thumb .discount {font-size: 11px;width: 31px; height: 31px;line-height: 31px;}


/* pc더보기 버튼 추가 영역 */
.product-wrap .more { text-align:center; margin: 27px 0px;}
.btn_moreGray {display: inline-block;
    position: relative;
    width: 150px;
    height: 44px;
    line-height: 44px;
    border-radius: 100px;
    background: #f4f4f4;
    font-size: 13px !important;
    font-weight: bold;
    color: #333 !important;
    cursor: pointer;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}
.btn-h42-gray-bd { width: 100%; height: 50px; line-height: 52px; border: 1px solid #000; background: #fff; box-sizing: border-box; color: #000; font-size: 16px; font-weight: bold; text-align: center;}
.recmd_product_more .btn_moreGray {background-image: url(/design/paksytv/image/bg_btn_ico_more.png);background-repeat:no-repeat;background-size: 11px 11px;
    background-position: 80%; }

 .tpl-wrap #ft-bnr-zone a img {
    width: 100%;
    height: 100%;

    object-fit: cover;
} 



/* 20.04.06 메인 공지사항 */
.mainNotice {
    padding: 6px 0 0;
    border-top: 1px solid #ccc;
    background: #edeff2;

}

.mainNotice span {
    display: block;
    background: #fff;
    position: relative;
    padding: 0 0 0 15px;
}


.mainNotice span a:first-child {
    display: block;
    margin-right: 40px;
}

.mainNotice span .notice {
    display: block;
    padding: 0 0 0 75px;
    position: relative;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #666666;
}

.mainNotice span .notice .iconTit {
    padding-left: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    color: #000;
    background: url(/design/paksytv/image/ico_notice.png) left 12px no-repeat;
    background-size: 15px 12px;
    font-weight: bold;
}
.mainNotice span .notice  a {font-size: 13px;
    color: #666666;}
.mainNotice span a.btn-noticeArr {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/design/paksytv/image/arr_h15.png) center center no-repeat;
    background-size: 5px 8px;
    text-indent: -9999px;
    z-index: 16;
}
.bestItem-box .item-cont .item-list:nth-child(3n+1) {
    clear: both;
}


/* BASIC css end */