/* BASIC css start */
.hd_sticky.on {position:relative;}
.cart_banner {margin-top:20px;}
#footer{padding-bottom:100px !important;}
#container{margin-bottom:0 !important;}
.titim{font-size:18px;font-weight:600;color:#2f2f2f;   position: absolute;   left: 50%;  transform: translateX(-50%);}
html .all-select{padding: 46px 20px 27px;position:relative;border-bottom:9px solid #f5f5f5;}
html .all-select label{font-size:14px;font-weight:400;color:#969696;}
html input{margin-right:9px; position:relative; width:20px;height:20px;background:url(/design/jstyle07/wib/img/ch1.png) no-repeat;appearance: none;}
html input:checked::after{position:absolute;top:0;left:0;width:20px;height:20px;content:''; background:url(/design/jstyle07/wib/img/ck2.png) no-repeat;appearance: none;}
html .all-select a{border-radius:5px; display:inline-block;position:absolute;right:20px;top:59%;transform:translateY(-50%); width:80px;height:35px;line-height:35px;text-align:center;border:1px solid #e5e5e5;font-size:14px;font-weight:600;}
html .all-select + h3{font-size:18px;font-weight:600;color:#2f2f2f;padding:30px 20px 5px;box-sizing:border-box;}
.basketRight p.option{font-size:14px;line-height:20px;color:#969696;margin-bottom:20px;}

html .basketLeft{width:auto;font-size:0;}
html .basketLeft input{margin-right:20px;vertical-align: middle;}
html .basketLeft .MS_input_checkbox{position:relative !important;display:inline-block;}
html .basketLeft a{display:inline-block;width:86px;vertical-align: middle;padding-right:30px;}

html figure{padding:0; width:Calc(100% - 40px); margin:0 auto}

html .basketRight{padding:0 0 0 156px;}
html .basketTop{margin:0;}
html .basketTop .pname{width:100%;margin-bottom:20px;position:relative;}
html .basketTop .pname > a.prname{padding-left:0;font-size:14px;line-height:20px;font-weight:600;color:#2f2f2f;}
html .basketTop .close_btn{height:10px;display: inline-block;position: absolute; right: 0;  top: 4px;padding:0;}
html .price{font-size:20px;font-weight:700;line-height:1;color:#2f2f2f;margin-bottom:0;}

.bt {display:flex; margin-top:30px;  box-sizing: border-box;}
.bt>*{ vertical-align: middle;height:42px;line-height:42px;text-align:center;}
html .bt .count_wrap>a{    float: none;margin:0;text-align:center;font-size:14px;font-weight:700;color:#2f2f2f;width:25%;height:42px;line-height:42px; border:1px solid #5f0080 !important;border-radius:6px;font-size:13px;color:#5f0080;}
html .bt .count_wrap>a:nth-child(2){ border:1px solid #dddddd !important;color:#2f2f2f;margin:0 10px;}
.bt>.count_wrap >*{display:inline-block;margin:0;vertical-align:middle;}
.count_wrap{width:100%;padding-left: 40px;}
.bt>.count_wrap >.countw{width:38%;font-size:14px;font-weight:700;color:#2f2f2f;height:42px;line-height:42px; border:1px solid #dddddd !important;border-radius:6px;font-size:13px;color:#2f2f2f;}
.bt>.count_wrap >.countw input{border:none;width:35%;    text-align: center;vertical-align: top;}
.bt>.count_wrap >.countw a{font-size:20px;}

html .not_provider li{border:none;padding:25px 0 ;}

html .price-total-info-top{border-top:1px solid #dddddd;border-color:#dddddd;margin:25px 0 0;padding:40px 20px 14px;}
html .price-total-info-top p{font-size:13px;line-height:20px;font-weight:400;color:#000;margin-bottom:23px;}
html .price-total-info-top p span.fright {font-size:15px; color:#969696;font-weight:bold;}
html .price-total-info-top p.total-prd-price span.fright {color:#000;}
html .price-total-info-bottom{padding:17px 20px 0 20px;}
html .price-total-info-bottom .txt-reserve{float:none;text-align:right;    display: block;font-size:13px;color:#6f6f6f;}
html .price-total-info-bottom .couu{text-align:right;margin-top:14px;    display: block;font-size:13px;color:#6f6f6f;}
html .price-total-info-bottom >p{font-size:16px;line-height:20px;color:#2f2f2f;}
html .price-total-info-bottom >p .txt-price{font-size:20px;font-weight:700;color:#ff5c5c !important;}
html .cart-free-wrap{padding:0 20px;margin-bottom:19px;}
html .cart-free-wrap p{padding:10px 0 20px;font-size:13px;color:#2f2f2f;}
html .cart-free-wrap p span{    color: #ff5c5c !important;}
html .cart-free-wrap .btn-list-open{height:48px;line-height:48px;border-radius:7px;background:#585858;color:#ffffff;font-size:16px;}
html .order-btn{padding:0 20px 31px;border-bottom:10px solid #f5f5f5;}
html .order-btn a{height:61px !important;line-height:61px !important;background:#5f0080 !important;color:#fff;font-size:19px;font-weight:700;border-radius:7px;}


.basket_appprod_wrap .prod_price .sobiza{display:none;}
.basket_appprod_wrap .prod_price .per{font-size:15px;font-weight:700;color:#512772;}
.basket_appprod_wrap .prod_price .sell{color:#010101;font-size:15px;font-weight:700;}

html .basket_appprod_tit.h_title{padding:30px 20px !important;}
html .basket_appprod_tit.h_title h3{font-size:18px;line-height:1;font-weight:600;color:#2f2f2f;}
html .basket_appprod_wrap{padding:0 20px;box-sizing:border-box;overflow-x: hidden;}

html .basket_appprod_wrap .items li img{border-radius:2px;}
html .basket_appprod_wrap .prod_info_wrap{padding:8px 0 0 5px;}
html .basket_appprod_wrap .prod_price{margin:0 0 7px;}
html .basket_appprod_wrap .prod_name{font-size:11px;font-weight:600;color:#6f6f6f;}
html .basket_appprod_wrap .list_shoppingInfo .listName {font-size:13px;}
html .basket_appprod_wrap .list_shoppingInfo .dc_info, html .basket_appprod_wrap .list_shoppingInfo .listPrice {font-size:14px;}
html .basket_appprod_wrap .list_shoppingInfo .consumer {display:block;}
html .basket_appprod_wrap .pro_icons {height:auto; display: none; }
html .basket_appprod_wrap .pro_icons img {margin-bottom:3px;}
.none-data i{padding:20px 0;}


html #header .headerBottom{padding-bottom: 17px !important; background: #fff !important;}


/* 리셋 */

.hd_top_ban,
#header .headerTop,
#header .headerMd {
    display: none !important;
    opacity: 0 !important;
}


.header_area{height:80px !important;}

/* 버튼 */

a.btn_Gray {
    height: 27px;
    line-height: 27px;
    margin-top: 5px;
    background: transparent!important;
    font-size: 12px;
    border: 1px solid #ddd!important;
    width: 52px;
    float: right;
    margin: 0 0 0 5px;
    text-align: center;
}


/* 타이틀 */

#basket .h_title.h_title02 h3 {
    font-size: 16px;
    text-align: left;
    margin-top: 22px; /*211006 위에 플립배너 늘어나면서 추가한 margin-top:22px; */
}


/* 장바구니/위시리스트/최근본상품 네비 */

.mp_top_cate {
    overflow: hidden;
}

.mp_top_cate > a {
    float: left;
    width: 33.333%;
    display: block;
    font-size: 12px;
    color: #727272;
    border-bottom: 3px solid #ececec;
    text-align: center;
    padding: 12px 0;
    box-sizing: border-box;
}

.mp_top_cate > a.on {
    color: #000000;
    border-bottom: 5px solid #46479b;
}


/* 장바구니/위시리스트/최근본상품 네비 끝 */

.not_provider li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.provider li {
    padding: 20px 0;
}

figure {
    width: 100%;
    display: table;
    box-sizing: border-box;
    padding: 0 10px;
}

.basketLeft .MS_input_checkbox {
    top: 0;
    left: 0;
    position: absolute;
}

.basketRight .fa-plus {
    background: url(/design/jstyle07/wib/img/sub/icon_count_plus.png) no-repeat center center;
    background-size: 10px;
    width: 27px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    line-height: 27px;
    color: #000;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 11px;
}

.basketRight .fa-minus {
    background: url(/design/jstyle07/wib/img/sub/icon_count_minus.png) no-repeat center center;
    background-size: 10px;
    width: 27px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    line-height: 27px;
    color: #000;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 11px;
}

.basketRight .fa-minus:before,
.basketRight .fa-plus:before {
    display: none;
}

.basketRight .btn_Black {
    margin-top: 5px;
}

.basketRight .MS_select {
    width: 100%;
}

.basketRight .amount-input {
    width: 46px;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    text-align: center;
    padding: 0;
    border-right: none;
    border-left: none;
}

.basketRight input.txt-spin {
    border: 0 !important;
    line-height: 27px;
}

.price-each-info-top {
    text-align: right;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background: #eaeaea;
    padding: 10px;
}

.price-each-info-bottom {
    text-align: right;
    padding: 10px;
    background: #eaeaea;
    border-bottom: 1px solid #cbcbcb;
}

.price-total-info-top {
    border-bottom: 1px solid #ddd;
    text-align: left;
    margin: 0 10px;
    padding: 15px 0;
    font-size: 13px;
}

.price-total-info-top > p {
    line-height: 2em;
}

.price-total-info-bottom {
    text-align: left;
    padding: 15px 10px;
    font-size: 13px;
    margin: 0px 0 10px;
    overflow: hidden;
}

.price-total-info-bottom .txt-price {
    color: #640585;
    font-weight: bold;
    font-size:15px;
}

.price-total-info-bottom .txt-reserve {
    font-size: 13px;
    float: right;
    margin: 8px 0 0;
}

.delivery-type {
    padding: 15px 10px;
    display: none;
}

.order-btn {
    padding: 0 10px;
}

.order-btn .btn_Red {
    background-color: #f1191f;
    border: 1px solid #f1191f;
    margin-bottom: 7px;
    height: 42px;
    line-height: 42px;
}

.naver-checkout {
    margin-top: 20px;
}

#kakaopay_order_btn {
    margin-top: 20px;
    padding: 0 10px;
}

#kakaopay_order_btn img {
    width: 100% !important;
    height: auto !important;
}

@media screen and (min-width:768px) {
    .basketRight .btn_Black {
        width: 315px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0px;
    }
}

.btn-wrap {
    padding: 30px 12px;
}

.btn-wrap div {
    width: 49.5%;
    float: left;
}

.btn-wrap div:last-child {
    float: right;
}

.all-select {
    border-bottom: 1px solid #dedede;
    padding: 16px 12px;
    font-size: 13px;
    color: #000;
}

.recentList li {
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
}

figure {
    width: 100%;
    display: table;
    box-sizing: border-box;
    padding: 0 10px;
}

.basketTop {
    font-size: 0;
    letter-spacing: 0;
    margin: 0 0 10px 0;
}

.basketTop input {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.basketTop .pname {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 20px);
    font-size: 13px;
}

.basketTop .pname > a {
    padding-left: 5px;
}

.basketTop .pname > a.prname {
    width: calc(100% - 27px);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.basketTop .close_btn {
    padding-top: 5px;
}

.basketLeft {
    width: 130px;
    position: relative;
    float: left;
}

.basketLeft a {
    padding: 0 20px 0 0;
    display: block;
}

.basketLeft input[type="checkbox"] {
    top: 0;
    left: 0;
    position: absolute;
}

.basketRight {
    padding-left: 130px;
    padding-right: 13px;
}

.basketRight p {
    color: #3c3c3c;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.basketRight p del{ 
    font-weight: 300;
    color: #cbcbcb;
    font-size: 13px;
}

.basketRight p .fa-lg {
    background: url(/design/jstyle07/wib/img/icon/icon_cart_info.png) no-repeat;
    width: 12px;
    height: 12px;
    background-size: 100%;
    margin-left: 3px;
}

.basketRight p .fa-lg:before {
    display: none;
}

.basketRight .count_wrap {
    font-size: 0px;
    letter-spacing: 0px;
    color: #3c3c3c;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.basketRight .count_wrap > span {
    font-size: 12px;
}

.basketRight .pname .blue-delivery {
    background-color: #74a9e4;
    color: #fff;
    font-size: 0.917em;
    padding: 1px 2px;
}

.basketRight .pname .red-delivery {
    background-color: #d674e4;
    color: #fff;
    font-size: 0.917em;
    padding: 1px 2px;
}

.basketRight .pname .fa {
    float: right;
    margin-top: -6px;
}

.amount-input {
    width: 30px;
    text-align: right;
}

#basket .basketRight .btn_Black {
    height: 27px;
    line-height: 27px;
    margin-top: 5px;
    background: #2f2f2f !important;
    font-size: 12px;
    border-color: #2f2f2f !important;
    width: 52px;
    float: right;
    margin: 0 0 0 5px;
}

.basketRight .MS_select {
    width: 100%;
}

.more .more-title {
    color: #3b3b3b;
}

@media screen and (min-width:768px) {
    .all-select {
        border-bottom: 0px none;
    }
    .recentList ul {
        width: 100%;
        display: table;
        table-layout: fixed;
        box-sizing: border-box;
        border-bottom: 1px solid #d9d9d9;
    }
    .recentList li {
        width: 50%;
        border-bottom: 0px none;
        display: inline-block;
        vertical-align: top;
        border-top: 1px solid #d9d9d9;
    }
    .recentList ul li:first-child {
        border: 0px none;
    }
    .recentList ul li:nth-child(2) {
        border: 0px none;
    }
}

.cart-ft2 {
    display: block;
    text-align: center;
}

.cart-free-wrap {
    text-align: center;
    margin-bottom: 7px;
    padding: 0 12px;
}

.cart-free-wrap .btn-list-open {
    display: inline-block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #585858;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.cart-free-wrap p {
    padding: 10px 0 15px;
    font-size: 12px;
}

.cart-free-wrap p span {
    color: #f40000;
}

.cart-free-wrap .btn-more {
    display: inline-block;
    width: 94%;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    border: 1px solid #383838;
    background: #fff;
    color: #383838;
    font-size: .75em;
    text-align: center;
}

.cart-free-wrap .btn-more span {
    display: inline-block;
    width: 8px;
    height: 5px;
    margin-left: 5px;
    background: url(/images/d3/m_04/h10_arr.gif) no-repeat 0 0;
    background-size: 100% 100%;
    vertical-align: middle;
}

.cart-free-wrap .list-wrap {
    overflow-x: hidden;
    padding: 0;
    margin-top: 5px;
    display: none;
}

.cart-free-wrap .list-wrap ul {
    width: 100%;
    list-style: none;
}

.cart-free-wrap .list-wrap ul:after {
    clear: both;
    content: "";
    display: block;
}

.cart-free-wrap .list-wrap ul li {
    float: left;
    width: 33.3333%;
    height: 220px;
    font-size: 11px;
    text-align: left;
    list-style: none;
}

.cart-free-wrap .list-wrap ul li dl {
    margin: 10px 10px 10px;
}

.cart-free-wrap .list-wrap ul li dl dt {
    /*height: 100px;*/
    margin-bottom: 13px;
}

.cart-free-wrap .list-wrap ul li dl dt img {
    width: 100%;
    height: 100%;
}

.cart-free-wrap .list-wrap ul li dl dd {}

.cart-free-wrap .list-wrap ul li dl dd strong {
    color: #46479b;
}

#nhn_btn {
    padding: 0 12px;
}

#nhn_btn .npay_type_MA_1 {
    width: 100% !important;
}

#payco_order_btn {
    padding: 0 12px;
}

#payco_order_btn .payco_checkout.tc {
    width: 100%;
    margin-top: 20px;
}


/* 장바구니 지정상품 */


.basket_appprod_tit.h_title{
    
    padding: 30px 12px 16px !important;
}
.basket_appprod_tit.h_title h3 {
    font-size: 16px;
    text-align: left;
}


.basket_appprod_wrap .items li{
  
    margin: 0 1px;
}

.basket_appprod_wrap .prod_info_wrap {
    padding-left: 5px;
    padding-top: 10px;
}

.basket_appprod_wrap .prod_name{
    font-size: 12px;
    font-family: 'Montserrat','Noto Sans KR',sans-serif;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
    
}
.basket_appprod_wrap .prod_price {
    font-size: 13px;
    margin-top:5px;
    font-family: 'Montserrat','Noto Sans KR',sans-serif;
}

.basket_appprod_wrap .prod_price span{
    font-weight:bold;    
}


.basket_appprod_wrap a.btn_white_s{
    margin-left: 3px;
    margin-top: 10px;
    padding: 8px 7px;
    border: 1px solid #191919;
    display: inline-block;
}


/* 회원 등급 */
.grp{margin: 30px auto 20px;text-align: center;}
.grp span.fc_JSpink {color: red;font-size: 12px;}


/* 통옵 관련 */
.basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; }

.line_banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;  
}
.line_banne img {
    width: 100%;
}

/* BASIC css end */