/* BASIC css start */
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}

.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

/* 하위 분류 */
.shopbrand .item-cate { padding: 0 4px 10px; }
.shopbrand .item-cate .scate a { font-weight: bold; font-size: 15px; color: #1c1c1c; }
.shopbrand .item-cate .scate-img img { width: 100%; }


.planItem .title {
    border-bottom: 1px solid #e6e6e6;
}

.planItem .title p {

    font-weight: bold;
    line-height: 79px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 15px;
}


.planItem .profile {
    display: table;
    width: 100%;
    min-height: 149px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    z-index: 1;
}

.planItem .profile .profile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 0;
}

.planItem .title p {
    line-height: 25px !important;
    padding: 27px 0;
}

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



.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 {
    position: relative;
}

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

.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;
}

.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;}

/* 목록 영역 */
.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;display:inline-block;float:right; }
.line-cols-btns > a {text-indent: -9999px;position:absolute;background:#fff;display:none;z-index:100;top:5px;right:0px;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_type3.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 li {position: relative; width: 100%;;}
.list [data-type=cols-line].cols-2 .item-cont li { position: relative; width: 49%;margin-right:2%;margin-bottom:20px }
.list [data-type=cols-line].cols-3 .item-cont li { position: relative; width: 100%;}
.list [data-type=cols-line].cols-4 .item-cont li {position: relative; width: 49%;margin-right:2%;margin-bottom:20px }
.list [data-type=cols-line].cols-2 .item-cont li:nth-child(2n) {margin-right: 0;}
.list [data-type=cols-line].cols-4 .item-cont li:nth-child(2n) { 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 .item-cont .thumb {position:relative;}
.item-wrap .item-cont .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-1 .item-cont dt , .item-wrap.cols-3 .item-cont dt {width:125px;min-width:125px; display:inline-block;}
.item-wrap.cols-1 .item-cont dt img , .item-wrap.cols-3 .item-cont dt img {min-width:125px; }
.item-wrap.cols-1 .item-cont dd , .item-wrap.cols-3 .item-cont dd {display: table-cell;padding: 0px 15px 0;vertical-align: middle;text-align:left;}
.item-wrap.cols-1 .item-cont dd .listName, .item-wrap.cols-3 .item-cont dd .listName {font-size: 17px;overflow: hidden;
    max-height: 40px;
    font-weight: normal;
    line-height: 21px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;}
.item-wrap.cols-1 .item-cont dd .listPrice strike, .item-wrap.cols-3 .item-cont dd .listPrice strike {font-size: 14px;margin-right:10px;}
.item-wrap.cols-1 .item-cont dd .listPrice, .item-wrap.cols-3 .item-cont dd .listPrice {font-size: 17px;font-weight:900}
.item-wrap.cols-1 .item-cont, .item-wrap.cols-3 .item-cont {border-top: 1px solid #e5e5e5;}
.item-wrap.cols-1 .item-cont dl,.item-wrap.cols-3 .item-cont dl {display:table;border-bottom: 1px solid #e5e5e5;padding: 15px 0;}
.item-wrap.cols-3 .item-cont .thumb .discount,.item-wrap.cols-1 .item-cont .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;}

.item-wrap.cols-2 .item-cont dl .list_shoppingInfo .listName,.item-wrap.cols-4 .item-cont dl .list_shoppingInfo .listName {display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    max-height: 18px;}

.item-wrap .item-cont dd .listName {margin-bottom:10px;}

.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 {

    padding: 0 10px 0 10px;
}

.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;
}
.listPrice strike {
    font-size: 11px;
    font-weight: normal;
    color: #ccc;
    text-decoration: line-through;margin-right:5px;
}
.list_shopping2x li a {padding:0!important;}
/* 더보기 버튼 추가 영역 */
.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;}

#MS_product_more_btn_area .btn_moreGray {background-image: url(/design/paksytv/image/bg_btn_ico_more.png);background-repeat:no-repeat;background-size: 11px 11px; background-position: 80%; }
#MS_product_more_btn_area .btn_moreGray span {color:#333;padding-right:10px;}
#footer {margin-top:0!important;}
/* BASIC css end */

