/* BASIC css start */
#basket .btn-wrap {padding:15px 10px;}
#basket .btn-wrap div {width:49%; float:left;}
#basket .btn-wrap div:last-child {float:right;}
#basket .all-select {border-top: 1px solid #4a4a4a; border-bottom: 1px solid #dedede; background-color: #f1f1f1; padding:10px;}
#basket .not_provider li {padding:20px 0;}
#basket .provider li {padding:20px 0;}
#basket figure {width:100%; display: table; box-sizing: border-box; padding:0 10px;}
#basket .basketLeft {width:110px; position:relative; float: left;}
#basket .basketLeft a {padding-right: 20px; margin-top: 20px; display:block;}
#basket .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;}
#basket .basketRight {padding-left:110px;}
#basket .basketRight p {color:#707070; margin-bottom:5px;}
#basket .basketRight .pname {border-bottom:1px solid #dedede;  padding-bottom: 4px;}
#basket .basketRight .pname .blue-delivery {background-color: #74a9e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .red-delivery {background-color: #d674e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .fa {float:right; margin-top: -6px;}
#basket .basketRight .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
#basket .basketRight .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
#basket .basketRight .btn_Black {margin-top:5px;}
#basket .basketRight .MS_select {width:100%;}
#basket .basketRight .amount-input {width:50px;}
#basket .price-each-info-top {text-align : right; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background:#eaeaea; padding:10px;}
#basket .price-each-info-bottom {text-align : right; padding:10px; background:#eaeaea; border-bottom:1px solid #cbcbcb;}
#basket .price-total-info-top {border-top: 2px solid #464646; border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right;  padding:10px; margin-top:10px;}
#basket .price-total-info-bottom {border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right; padding:15px 10px; font-size:1.333em;}
#basket .price-total-info-bottom .txt-price {color : #f1191f; font-weight:bold;}
#basket .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;}
#basket .delivery-type { padding:15px 10px;}
#basket .order-btn {padding:0 10px;}
#basket .naver-checkout {margin-top: 20px;}

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

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

.basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; }



/* Á¤±â¹è¼Û ÅÇ */
#basket .cart-tab { width:100%; height:32px; border-top:1px solid #464646; }
#basket .cart-tab:after { clear: both; content: ""; display: block; }
#basket .cart-tab li { float:left; width:50%; height:31px; border-bottom:1px solid #cecece; }
#basket .cart-tab li a { display:inline-block; width:100%; height:100%; color:#3b3b3b; font-size:12px; text-align:center; text-decoration:none; background:none; }
#basket .cart-tab li a span { display:block; height:18px; line-height:18px; margin-top:6px; }
#basket .cart-tab li:first-child a span { border-right:2px solid #e2e2e2; }
#basket .cart-tab li.now { border-bottom:1px solid #f1191f; }
#basket .cart-tab li.now a { font-weight:bold; color:#f1191f; }

/* ¼¥ÆäÀÌ ¹Ù·Î±¸¸Å */
#productDetail #shoppay_btn { padding-top: 10px; } /* PC (°øÅë) »ó¼¼ÆäÀÌÁö Àü¿ë */
#cartWrap #shoppay_btn { display: inline; } /* PC (°øÅë) Àå¹Ù±¸´Ï Àü¿ë */
.shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) »ó¼¼ÆäÀÌÁö Àü¿ë */
#basket #shoppay_btn { margin-top:20px; } /* MO (4.0) Àå¹Ù±¸´Ï Àü¿ë */
.shopdetail #shoppay_btn { text-align:center; } /* MO (ÆÄ¿öÆÑ) »ó¼¼ÆäÀÌÁö Àü¿ë */
.basket #shoppay_btn { text-align:center; } /* MO (ÆÄ¿öÆÑ) Àå¹Ù±¸´Ï Àü¿ë */

.shoppay_storebtn_bx,
.shoppay_storebtn_bx *,
.shoppay_button_box,
.shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: 'µ¸¿ò',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important;  vertical-align: top !important; background: none !important; border-radius: 0 !important; }
.shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; }
.shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; }
.shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; }
.shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; }
.shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; }
.shoppay_btn_list tbody { display: table-row-group !important; }
.shoppay_btn_list tr { display: table-row !important; }
.shoppay_btn_list .shoppay_btn_item { *width: 120px !important; }
.shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; }
.shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; }
.shoppay_text { background-size: 82px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; }
.shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; }
.shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; }
.shoppay_event_tex t {display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !important; }
.shoppay_event_text { padding: 0 !important; }
.shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; }
.shoppay_type_A_1 { width: 277px !important; height: 70px !important; }
.shoppay_type_A_2 { width: 296px !important; height: 84px !important; }
.shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; }
.shoppay_type_A_2 .shoppay_text { top: 14px !important; }
.shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }
.shoppay_type_A_3 { width: 338px !important; height: 84px !important; }
.shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; }
.shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; }
.shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }


/* ¼öÁ¤ */
body .cart_content_box .my_goods .item_info_box > .itembody > .itembody_bottom .num {display:block; width:115px;}
body .cart_content_box .my_goods .item_info_box > .itembody > .itembody_bottom .num .amount-input {width: 40px; height: 30px; display:inline-block; padding:0 5px;}
body .cart_content_box .my_goods .item_info_box > .itembody > .itembody_bottom .num a.up {width: 30px; height: 30px; border: 1px solid #000; display: inline-block; text-align: center; line-height: 28px; vertical-align: top; font-size: 13px;}
body .cart_content_box .my_goods .item_info_box > .itembody > .itembody_bottom .num a.down {width: 30px; height: 30px; border: 1px solid #000; display: inline-block; text-align: center; line-height: 28px; vertical-align: top; font-size: 13px;}
body .cart_content_box .my_goods .item_info_box > .itembody > .itembody_bottom .prc {line-height:30px;}

.MK-product-icons img {height:24px;}

/* ÇÒÀÎ Àû¸³ */

.benefit_list{display:inline-block; min-width:90px; text-align:center;}
.benefit_list li{position:relative; color:#888888; text-align:left; line-height:1.5;}
.benefit_list li span{display: inline-block;    font-weight: 400;}
.benefit_list li em{display:inline-block;}
.benefit_list li strong{padding:0 0 0 5px; color:#333333;}
.benefit_list .benefit_sale{}
.benefit_list .benefit_mileage{margin:10px 0 0 0;}
.benefit_list .benefit_sale em{padding:0 5px 1px 20px; background:url("/design/vittz/img/icon_discount.gif") no-repeat 0 2px;}
.benefit_list .benefit_mileage em{padding:0 5px 1px 20px; background:url("/design/vittz/img/icon_mileage.gif") no-repeat 0 2px;}
.benefit_list .benefit_sale em { display: none; } 
.benefit_list li .cart_benefit_sale_price strong { display: inline-block; padding: 0; font-size: 15px; color: #ef6313; } 
.benefit_list .benefit_mileage { margin: 0; } 
.benefit_list .benefit_mileage em { display: none; } 
.benefit_list li .cart_benefit_mileage strong { display: inline-block; padding: 0; font-size: 15px; color: #110252; } 


/* ȸ¿øÇýÅÃÀû¿ë */
.order_mile_wrap {
    width: 100%;
    background: #eef0f6;
    border-top: 1px solid #fff;
    padding: 18px 15px;
    /* min-height: 70px; */
    font-size: 14px;
    font-weight: 400;
    color: #84809b;
    font-size: 0;
}

.order_mile_wrap > .tit {
    /* margin-right: 40px; */
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    width: 105px;
    height: 19.5px;
}

.order_mile_wrap > .tit > img {
    height: 18px;
    margin-right: -1px;
    margin-top: -3px;
    vertical-align: middle;
}

.order_mile_wrap > .tit > .font_nexon {
    /* padding-right: 2px; */
    /* padding-top: 1px; */
}

.order_mile_list {display: inline-block;vertical-align: middle;font-size: 0;width: calc(100% - 105px);}

.order_mile_list > dl {display: inline-block;font-size: 13px;width: 50%;position: relative;vertical-align: middle;text-align: center;}

.order_mile_list > dl::after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: #d2d5e2;
    /* margin: 0 15px; */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.order_mile_list > dl:last-of-type::after {
    display: none;
}

.order_mile_list > dl > dt {
    margin-right: 3px;
    display: inline-block;
    vertical-align: top;
}
.order_mile_list > dl > dd {
    display: inline-block;
    vertical-align: top;
}


/* ÇÏ´Ü¿¡ ¼±ÅÃÁÖ¹® ¹öÆ° µû¶ó´Ù´Ï°Ô */
            .docbar {
                display: none;
            }

            .ft_quick_wrap {
                opacity: 0 !important;
                pointer-events: none;
            }
            
            .order-fixed-button {
                background-color: #110252;
                color: white;
                padding: 10px;
                border-radius: 8px;
                width: 96%;
                height: 60px;
                position: fixed;
                bottom: 10px; /* È­¸é ÇÏ´Ü¿¡¼­ 10px À§·Î À§Ä¡ */
                left: 2%; /* ÁÂÃø ¿©¹éÀ» 2%·Î ¼³Á¤ (¾ç¿· 2% ¿©¹é) */
                text-align: center;
                font-size: 20px; /* ÆùÆ® Å©±â 20px·Î ¼³Á¤ */
                font-weight: bold; /* ÆùÆ® ±½±â Ãß°¡ */
                display: flex;
                justify-content: center; /* ¼öÆò Áß¾Ó Á¤·Ä */
                align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
            }
            
            
            
.del, .js_option_layer {
  width: calc(50% - 2px);    /* 50%¿¡¼­ °£°Ý(4px)ÀÇ Àý¹ÝÀÎ 2pxÀ» »­ */
  height: 40px;
  display: flex;             /* ³»ºÎ ÅؽºÆ® °¡¿îµ¥ Á¤·Ä */
  justify-content: center;   /* °¡·Î Áß¾Ó Á¤·Ä */
  align-items: center;       /* ¼¼·Î Áß¾Ó Á¤·Ä */
  padding: 12px 0;           /* À§¾Æ·¡ ¿©¹é */
  text-align: center;        /* ÅؽºÆ® Áß¾Ó Á¤·Ä */
  border: 1px solid #ccc;    /* ±âº» Å׵θ® */
  border-radius: 4px;        /* µÕ±Ù ¸ð¼­¸® */
  cursor: pointer;           /* Æ÷ÀÎÅÍ Ç¥½Ã */
  text-decoration: none;     /* ¹ØÁÙ Á¦°Å */
  font-size: 14px;           /* ±ÛÀÚ Å©±â */
  box-sizing: border-box;    /* Æеù°ú Å׵θ® Æ÷ÇÔÇÑ Å©±â °è»ê */
  
  background-color: white;   /* Èò»ö ¹è°æ */
  color: #110252;               /* ³²»ö ±ÛÀÚ */
  border-color: #110252;        /* ³²»ö Å׵θ® */
}
/* BASIC css end */