/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }

#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */

.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


#mainSpot .swiper-wrapper img { width: 100%; }

/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; max-width:640px; overflow:hidden;margin:0 auto; }
#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;}
#mainSpot .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: var(--swiper-pagination-bottom, 3px);}
#tpl-shop .bestItem-box {
    padding: 25px 15px 0;
}
#tpl-shop .bestItem-box h3 {padding-bottom: 13px; font-size: 16px; text-align: center;}

.list_shopping3x li:nth-child(3n) {
    float: right;
    margin-right: 0;
}
.list_shopping3x .list_shoppingInfo .listName {-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    max-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;}
.list_shopping3x .list_shoppingInfo .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;}
.list_shopping3x figure {position:relative;}
.listPrice strike {
    margin-right: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #ccc;
    text-decoration: line-through;
}


.item-wrap.recomd-pro .item-cont .item-list .thumb {position:relative;}
/*1열*/
.item-wrap.cols-1 .items .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 .items .item-list .prd-info {padding: 30px 20px 16px;}
.item-wrap.cols-1 .items .item-list .prd-info .listName { max-height: 52px; }
.item-wrap.cols-1 .items .item-list .prd-info .listName {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 .items .item-list .prd-info .listPrice .price {line-height: 37px;font-size: 18px;}
.item-wrap.cols-1 .items .item-list .prd-info .listPrice strike {font-size: 13px;margin-right:7px;}
.item-wrap.cols-1 .items .item-list .btn-buy {display:inline-block;width:100%;}
.special-pro items .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 .items li { float: left; position: relative; width: 100%; }
.list [data-type=cols-line].cols-2 .items li { float: left; position: relative; width: 100%; }
.list [data-type=cols-line].cols-3 .items li { float: left; position: relative; width: 32.3%; }
.list [data-type=cols-line].cols-4 .items li { float: left; position: relative; width: 49%;margin-right:2%; }
.list [data-type=cols-line].cols-4 .items li: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 3%;}
.item-wrap.cols-1,.item-wrap.cols-3{padding:0px;}   

.item-wrap .items .item-list .thumb {position:relative;}
.item-wrap .items .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 .items .item-list { width:100%;border-top: 1px solid #e5e5e5;padding: 15px 0;margin-bottom:0; }
.item-wrap.cols-2 .items .item-list dt {width:115px;float:left;}
.item-wrap.cols-2 .items .item-list dd {height:115px;padding:0 15px;display: table-cell; vertical-align: middle;box-sizing: border-box;}
.item-wrap.cols-2 .items .item-list dd.prd-info .listName {font-size: 17px;margin-bottom:10px;}
.item-wrap.cols-2 .items .item-list dd.prd-info .listPrice strike {font-size: 14px;}
.item-wrap.cols-2 .items .item-list dd.prd-info .listPrice .price {font-size: 17px;font-weight:900}
.item-wrap.cols-2 .items .item-list .discount {font-size: 11px;width: 31px; height: 31px;line-height: 31px;}

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

.item-wrap.cols-4 .items .item-list .listPrice {margin-top: 6px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: bold;}
.item-wrap.cols-4 .items .item-list .listName {margin-top: 8px;
    font-size: 12px;
    color: #000;display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    max-height: 15px;
}
.item-wrap.cols-4 .items .item-list .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: 99;}
.item-wrap.cols-1 .items .item-list .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;}

.recomd-pro .btn-more { margin:27px auto;text-align: center;width:100%;display: inline-block;}
.recomd-pro .btn-more button {
    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;border: none;
}
.recomd-pro .btn-more button:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 5px;
    background: url(/design/paksytv/image/bg_btn_ico_more.png) no-repeat 0 0;
    background-size: 100%;
}

#tpl-shop #footer {margin-top:0;}

.btn-h42-gray-bd {
    display: inline-block;
    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;
}
.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;
}



/* */
.main_icons img {width: 100%;}
/* BASIC css end */