/* BASIC css start */
#contents {padding:0} 
div.dockbarWrap { display: none; }

.h_title .hisBack {left:16px; }
.h_title {text-align:left; padding:24px 14px; }
.h_title h3 {font-weight:500; font-size:16px}

#basket .all-select { background:#f5f5f5; border-top:1px solid #dddddd;   border-bottom:1px solid #dddddd; padding:16px 16px; font-size:14px; display: flex; justify-content: space-between; align-items: center  }
#basket label span {padding-left: 6px; position:relative; display:inline-block; font-size:14px}
#basket label em {font-weight:bold; }
#basket label em span {padding:0; }
#basket label em span:after {display:none; }
#basket label em i {font-style:normal; font-size: inherit; font-weight: inherit;}


.not_provider li { padding:16px; border-bottom:6px solid #f5f5f5}
.not_provider li:last-child { border-bottom:none; }
.top_btn_box {display: flex; justify-content: space-between; align-items: center; margin-bottom:16px; }
.top_btn_box span a { display:inline-block; width:22px; margin-right:4px; box-sizing: border-box; vertical-align: top; }
.top_btn_box span a:last-child {margin-right:0}
.top_btn_box span a.btn_del {padding:3px }
#basket .top_btn_box label span:after {margin-top:-12px; }

.pro_box { display:flex; align-items: center; border-bottom:1px solid #dcdcdc; padding-bottom:16px;  }
.basketLeft {width: 132px; position:relative; display:inline-block; box-sizing:border-box;}
.basketRight {width: calc(100% - 132px); padding-left:16px; box-sizing:border-box;display: flex;flex-direction: column;justify-content: space-between;}
.pro_box p {position:relative}
.pro_box .pname {font-size:13px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;max-height: 47px;margin-bottom: 10px;color: #000;word-wrap: break-word;word-break:keep-all;line-height: 1.5;}
.pro_box .pname a {color:#000}
.pro_box .price {
    margin-top: 13px;
    font-size: 17px;
    font-weight: bold;
}
.pro_box .price .discount {margin-left:4px; font-size:13px; color:#c6c6c6; text-decoration: line-through;  font-weight:500 }
.pro_box .count {font-size:0}
.pro_box .count a {display:inline-block;vertical-align: middle;width: 24px;height: 24px;line-height: 22px;text-align: center;border: 1px solid #9E9E9E;box-sizing: border-box;font-size: 16px;color: #9E9E9E;}
.pro_box .count .amount-input {width: 28px;border: none;text-align: center;font-size: 12px; padding:0 ;height: 24px;border-top: 1px solid #9E9E9E;border-bottom: 1px solid #9E9E9E;font-weight: 500;box-sizing: border-box;}
.pro_box .option {margin-bottom:10px;font-size: 12px;}



.not_provider li a.btn_right {position:absolute; right:0; top: calc(50% - 12px);box-sizing: border-box; height:24px; width:62px; line-height:24px; text-align:center; font-size:12px; color:#000; border:1px solid #9E9E9E }
.option_box {position:relative; padding:16px 0; border-bottom:1px solid #dcdcdc; }
.option_box p {padding-right:74px; font-size:14px; line-height:24px  }


.price-total-info-bottom {padding:0 16px; display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #dcdcdc; padding-bottom:16px; }
.price-total-info-bottom p {font-size:14px; }
.price-total-info-bottom p .txt-price {font-weight:600 }
.price-total-info-bottom .btn {height:36px; line-height:36px; border-radius:0; width:120px}

.delivery-type { padding:0 16px; text-align:center; }
.delivery-type li {font-size:12px; margin-bottom:12px; }
.delivery-type li:last-child {margin-bottom:none; }
.naver-checkout {margin-top:24px}

.price-total-info-box {border-top: 6px solid #f5f5f5;  padding:16px 16px; }
.price-total-info-box .total_tt {font-size:14px; }
.price-total-info-box .total_tt .choice_count {font-size:20px;}
.price-total-info-top {margin-top:24px;font-weight:500;}
.price-total-info-top li {display:flex; align-items: center; justify-content: space-between; padding:12px 0 }
.price-total-info-top li:last-child {margin-bottom:0}
.price-total-info-top li span { width:50%}
.price-total-info-top li .lb {color:#9E9E9E;font-weight:400;font-size:13px; text-align:left}
.price-total-info-top li .num {color:#000; font-size:16px; font-weight:400; text-align:right}
.price-total-info-top li .num font {font-weight:600;  font-size:20px;}
.price-total-info-top li.total {}
.price-total-info-top li.total .lb { color:#000}
.price-total-info-top li.total .num {color:#FF67B6;}
.price-total-info-top li.total .num i {font-style:normal; font-weight:500; font-size:16px; }

.order-btn {position:fixed; left:0; bottom:0; border-top:1px solid #dcdcdc; background:#fff; z-index: 100; width:100%; box-sizing: border-box; overflow:hidden;;}
.order-btn .btn {border-radius:0; float:left; width:49%; margin-right:2%; box-sizing: border-box;}
.order-btn .btn:last-child {margin-right:0;}
.order-btn a {
    background: #000;
    font-size: 18px;
    color: #fff;
    padding: 15px 16px;
    display: inline-block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    font-weight: 500;
}
.order-btn a span {display:inline-block; position:relative; }
.order-btn a .count {padding-right: 24px;}
.order-btn a .count:after {content:"|"; display:inline-block; color:#fff; position:absolute;right: 7px;top: -1px;}

.powerapp .order-btn {bottom:60px;}

/* BASIC css end */