/* BASIC css start */
/* BASIC css start */
#container {
    font-size: 15px;
}
#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;padding-bottom: 90px;} 

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

/* UIUX 개선 - 2022-01-07 */
#basket.custom .all-select .icheckbox_square-yellow { margin-right: 2px; }
#basket.custom .wrap-basket-item { position: relative; padding: 14px 0 0 0; }
#basket.custom .wrap-basket-item .box-item-header { position: relative; margin: 0 14px; padding-bottom: 8px; border-bottom: 1px solid #ccc; }
#basket.custom .wrap-basket-item .box-item-header .item-provider-icon { font-size: 14px; font-weight: 700; }
#basket.custom .wrap-basket-item .box-item-body { position: relative; margin: 0 14px; padding: 18px 0; border-bottom: 1px solid #f2f2f2 }
#basket.custom .wrap-basket-item .box-item-body .box-item-title { position: relative; padding: 0 0 2px 0; font-size: 14px; display: flex; }
#basket.custom .wrap-basket-item .box-item-body .box-item-title .item-chkbox { width: 24px;  text-align: left; margin-right: 6px; position: relative; top: -1px; }
#basket.custom .wrap-basket-item .box-item-body .box-item-title .item-pname { line-height: 20px; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content { position: relative; display: flex; padding-top: 8px; min-height: 80px; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .btn-del { position: absolute; right: 0; top: 0; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .sub-box { flex-grow: 1; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .sub-box:nth-of-type(1) { flex-grow: 0; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .sub-box:nth-of-type(2) { padding-left: 14px; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .item-image { width: 80px; height: 100%; display: flex; justify-content: center; align-items: center;}
#basket.custom .wrap-basket-item .box-item-body .box-item-content .delivery-box { }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box { position: absolute; bottom: 0; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity { max-width: 99px; position: relative; display: inline-block; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity .amount-input {width: 100%;height: 26px;text-align: center;padding: 0;}
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity a {position: absolute;right: 0;width: 26px;height: 26px;line-height: 20px;border: 1px solid #ccc;background: #fff;text-align: center;z-index: 1;}
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity a .fa { vertical-align: middle; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity a:nth-of-type(1) { right: 0; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity a:nth-of-type(2) { left: 0; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity-submit { display: inline-block; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .quatity-box .item-quatity-submit a { display: inline-block; border: 1px solid #ccc; background-color: #fafafa; line-height: 26px; padding: 0 6px; cursor: pointer; vertical-align: middle; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .item-price { position: absolute; bottom: 0; right: 0; line-height: 26px; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .item-price .price-val { font-size: 14px; font-weight: 700; }
#basket.custom .wrap-basket-item .box-item-body .box-item-content .item-price .txt-won { font-size: 12px; margin-left: 1px; font-weight: 500; }
#basket.custom .wrap-basket-item .box-item-footer { padding: 10px 14px; background-color: #f4f4f4; text-align: right; font-weight: bold; font-size: 13px; }
#basket.custom .wrap-basket-item.provider { padding-top: 20px; border-top: 10px solid #eaeaea; }
#basket.custom .wrap-basket-item .box-item-subdir { position: relative; margin: 8px 0 0 0; padding: 8px 0 0 0; border-top: 1px solid #eee; }
#basket.custom .wrap-basket-item .box-item-subdir .box-top { position: relative; line-height: 28px; }
#basket.custom .wrap-basket-item .box-item-subdir .box-top .icon-subdir { display: inline-block; height: 18px; background: url('/design/heodak/images/renewal/subdirectory_arrow_right_1x.png') left center no-repeat; text-align: left; margin-right: 18px; line-height: 24px; }
#basket.custom .wrap-basket-item .box-item-subdir .box-top .icon-subdir:after { display: inline-block; content: '옵션'; width: 24px; position: relative; top: 0; left: 16px; background: #FF6333; color: #fff; padding: 2px; border-radius: 2px; line-height: 100%; text-align: center; }
#basket.custom .wrap-basket-item .box-item-subdir .box-top .sub-option-modify { display: inline-block; border: 1px solid #ccc; background: #fafafa; padding: 0 8px; line-height: 24px; position: absolute; right:0; border-radius: 2px; }
#basket.custom .wrap-basket-item .box-item-subdir .box-bottom { position: relative; }
#basket.custom .wrap-basket-item .box-item-subdir .box-bottom .sub-options { margin: 2px 0 0 0; line-height: 20px; font-size: 13px; }
#basket.custom .wrap-basket-item .box-item-subdir .box-bottom .sub-options br:nth-of-type(1) { display: none; }
#basket.custom .wrap-basket-item .box-item-subdir .box-bottom .sub-options .MS_option_price { color: #FF3C00; }
#basket.custom .box-total-price { padding: 12px 10px 0px 10px; border-top: 10px solid #eaeaea; }
#basket.custom .box-total-price .box-row { display: flex; justify-content: space-between; padding: 6px 0; }
#basket.custom .box-total-price .box-row .item-def { font-size: 14px; line-height: 24px; }
#basket.custom .box-total-price .box-row .item-val { font-size: 15px; font-weight: 700; }
#basket.custom .box-total-price .box-row .item-val .txt-won { font-size: 12px; }
#basket.custom .box-total-price .box-row.total_price { border-top: 1px solid #ccc; padding-top: 16px; margin-top: 10px; }
#basket.custom .box-total-price .box-row.total_price .item-val { color: #ff0000; }
#basket.custom .box-total-price .box-row.total_price .item-val .price-val { font-family:'Roboto', sans-serif; font-weight: 900; font-size: 24px; }
#basket.custom .box-total-price .box-row.total_price .item-val .txt-won { font-family: 'Nanum Gothic', sans-serif; font-weight: 800; font-size: 15px; vertical-align: bottom; line-height: 24px; }
#basket.custom .box-total-price .box-row.total_reserve { padding: 0; }
#basket.custom .box-total-price .box-row.total_reserve .item-def,
#basket.custom .box-total-price .box-row.total_reserve .item-val { font-size: 12px; color: #999; font-weight: 400; }
#basket.custom .box-total-price .box-row.total_reserve .powerapp-reserve 
{ 
    position: relative;
    display: inline-block;
    background-color: #dedede;
    padding: 2px 10px;
    margin-right: 10px;
    border-radius: 2px;
    color: #333;
    font-size: 11px;
}
#basket.custom .box-total-price .box-row.total_reserve .powerapp-reserve:before
{
    content: "";
    display: block;
    border: 8px solid #dedede;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    left: -7px;
    top: calc(50% - 8px);
    border-width: 6px;
    left: auto;
    top: calc(50% - 6px);
    right: -5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#basket.custom .order-btn { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; padding: 0; }
#basket.custom .order-btn .btn_Red { line-height: 60px; height: auto;  font-size: 20px; font-weight: 700; border-radius: 0; }

/* basket checkbox custom */
input.MS_input_checkbox {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid #bcbcbc;
}


.cart-free-wrap { text-align:center; margin-bottom: 10px; }
.cart-free-wrap .btn-list-open { display:inline-block; width:90%; height:30px; line-height:30px; background:#585858; color:#fff; font-weight:bold; font-size: .75em; text-align:center; }
.cart-free-wrap p { padding:10px 0 15px; font-size: .75em; font-weight:bold; }
.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 20px; margin-top:20px; 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:180px; font-size: .7em; 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 {}

.MK_total_delivery {
    display: inline-block !important;
}
/* BASIC css end */