/* BASIC css start */
/* 2024 07.03 수정 */

/* 공통 */
.space { height: 8px;background: #f4f4f4;}
#basket{ padding-bottom: 143px;}

/* 상단 헤더 버튼 */
#category_header {position: relative ; width:100%;background:#fff; top:0;  }
#category_header.box_fixed {width: 100%; position: fixed; top: 0; left: 0; z-index: 10;}
#category_header {display: flex;background-color: #fff;height:50px;width: 100%;z-index: 998;align-items: center;justify-content: space-between;border-bottom: 1px solid #f4f4f4;}
#category_header .right_nav {position: relative;display: flex;margin-right: 15px;align-items: center;}
#category_header .right_nav a {position: relative;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;font-size: 0;}
#category_header .right_nav a img {display: inline-block;}
#category_header a.bcate {font-size: 16px;font-weight: bold;word-wrap: normal;line-height: 48px;overflow: hidden;text-overflow: ellipsis;white-space: pre;color: #333333;width: 100%;text-align: center;}
#category_header a.back{position: relative;top: 0;left: 0; display: flex;align-items: center;justify-content: flex-start;width: 40px;height: 40px;font-size: 0;} 
#category_header a.cart_go span {display: block; position: absolute; right: 50%; top: 50%; min-width: 18px; height: 18px; color: #fff; font-size: 10px; line-height: 18px; text-align: center; background-color: #000000; border-radius: 50%; transform: translate(21px, -4px);}

/* 앱 설치혜택 */
.app_benefit {padding: 20px 15px;}
.app_benefit a {display: flex;justify-content: space-between;padding: 12px;border-radius: 5px;background: #fff5f4;}
.app_benefit span.app_msg {font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: -0.2px;}
.app_benefit span.app_dowm {color: #ff540f; font-size: 11px; font-weight: 700; line-height: 18px; letter-spacing: -0.2px; margin-left: 16px;}

/* 전체선택 전체삭제*/
#basket .all-select {padding: 15px 20px 20px 15px;}
#basket .all-select span{ font-size: 16px; font-weight: normal; line-height: 24px; color: #333; vertical-align: bottom;}
#basket input.MS_input_checkbox {width: 24px;height: 24px;margin-right: 10px;appearance: none;border: 1px solid #c7c7c7;border-radius: 100%;background: #fff;margin-top: 3px;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}
#basket input.MS_input_checkbox::after { content: ''; display: inline-block; width: 16px; height: 16px;  background: url(/design/e2co/IMG/checkmark-outline.svg) no-repeat center center; background-size: contain; margin-top: 1px;}
#basket input.MS_input_checkbox:checked { background: #000; border: none;}
#basket input.MS_input_checkbox:checked::after { content: ''; display: inline-block; width: 16px; height: 16px;  background: url(/design/e2co/IMG/checkmark-outline.svg) no-repeat center center; background-size: contain; margin-top: 1px;}
#basket .select_del {display:inline-block; float: right; color: #999; font-weight: normal;}
#basket .select_del span { font-size: 14px; font-weight: 600; }

/* 장바구니 상품리스트 */
#basket ul.not_provider {padding: 30px 20px 0px 15px;}
#basket ul.not_provider li {margin-bottom: 30px;}
#basket .basket_list {display: flex;}
#basket .basket_list input.MS_input_checkbox {margin-top: 34px;}
#basket article {display: flex;}
#basket .basket_prd {width:100%; padding-top: 30px; border-top: 1px solid #f6f6f6;} 
#basket #list > li:first-child .basket_prd {padding-top: 0; border-top: none;}
#basket .basketLeft {width: 100px;position: relative;flex-shrink: 0;margin-right: 10px;display: flex;}
#basket .basketLeft img {border-radius: 7px;border: 1px solid #f1f1f1;}
#basket .basketRight {display: flex; flex-direction: column; flex: 1;}
#basket .basketRight .basket_name { display: flex; justify-content: space-between;}
#basket .basketRight .basket_name a{ font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#basket .basketRight .basket_name a img {width:12px; height:12px;}
#basket .quantity {display: flex; width: 100%; margin: 13px 13px 7px 0px;}
#basket .quantity_left {display: flex; width: 40%; }
#basket .quantity_left .quantity_con {position: relative; text-align: center; border: 1px solid #cfcfcf; border-radius: 4px;}
#basket .quantity_left .quantity_con a.fa-minus {position: absolute; top: 0; left: 0px; width: 25px;height: 25px; line-height: 25px;font-size: 20px;font-weight: 300; text-align: center; color: #999;}
#basket .quantity_left .quantity_con a.fa-plus {position: absolute; top: 0; right: 0px; width: 25px;height: 25px; line-height: 25px;font-size: 20px;font-weight: 300; text-align: center; color: #999;}
#basket .fa-minus:before, #basket .basketRight .fa-plus:before{content:none;}
#basket .quantity_left .quantity_con .amount-input {display: block;margin: 0 auto;padding: 0;width: 40%;height: 25px;font-size: 14px;font-weight: 600; color: #141414; text-align: center; border: 0 none!important;}
#basket .quantity_right {width: 30%; height: 25px; float: left; margin-left:5px; line-height: 25px; text-align: center; display: block; border: 1px solid #cfcfcf; vertical-align: middle;}
#basket .quantity_right .qu_option_btn { color: #333; font-size: 12px;}
#basket .price{ padding-top:5px; text-align: right;}
#basket .or_price_sell { font-size: 12px; color: #b5b5b5; text-decoration: line-through;}
#basket .price_sell {font-size: 15px; color: #333; line-height: 1.5;}
#basket .basket_option {width: 100%;background: #f6f6f6; margin-top: 10px; padding: 15px; border-radius: 7px; font-size: 12px; font-weight: 600; color: #333; word-break: keep-all; padding-right: 10px;}
#basket .basket_option p.option_amount {color: #919191; font-weight: normal; margin-top: 3px;}
#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 { background-color: #ffffff; text-align: right; padding: 20px 20px 10px; margin-top: 10px; color: #000; font-size: 1.2em;}
#basket .price-total-info-top div {margin-bottom:14px;}
#basket .price-total-info-top .cart-free-wrap span {text-align: right; padding-top: 2px; color: #ff540f; font-size: 12px; line-height: 18px; }
#basket .price-total-info-top .price_left,#basket .price-total-info-bottom .price_left {float:left; font-weight: normal;}
#basket .price-total-info-bottom {text-align : right; font-size:1.333em;  border-bottom:none; background:none; padding: 0px 20px 10px; }
#basket .price-total-info-bottom p {border-top: 1px solid #e8e8e8; padding-top: 25px;}
#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 .price-total-info-bottom .MK_chg_total_price {font-size:1.5em; color: #141414;}
#basket .delivery-type { padding: 10px 20px 20px; }
#basket .delivery-type li { font-size: 12px; line-height: 20px; text-align: right; color: #666;}
#basket .order-btn {position: fixed; bottom: 0; z-index: 996; width: 100%;height: 70px;background-color: #fff;border-top: 1px solid #e2e2e2;display: flex;justify-content: center;align-items: center;text-align: center;}
#basket .order-btn .btn_oder {background-color: #000000;font-size: 1.2em; width: 95%;height: 55px;line-height: 55px;color: #fff;text-align: center;display: block;box-sizing: border-box;vertical-align: middle;border-radius: 5px;}
#basket .order-btn a.btn_oder > span:first-child::after {content: ''; display: inline-block; width: 1px; height: 11px; background-color: #fff; margin: 0 25px 0 25px;}
#basket .naver-checkout {margin-top: 20px;}


/*카트프리*/
.cart_free_bottom .cart-free-wrap {margin-top: 30px;padding: 0 10px 0 14px;}
.cart_free_bottom .cart-free-wrap .btn-list-open {display: inline-block; width: 100%;  height: 40px; line-height: 40px; color: #141414; font-weight: bold; font-size: 1.1em; text-align: center; border: 1px solid #cfcfcf;}
.cart_free_bottom .cart-free-wrap p { padding:10px 0 15px; font-size: 18px; font-weight:bold; color:#141414;}
.cart_free_bottom .cart-free-wrap p span { *color:#F26622; */;display: block;line-height: 35px;color: #F26622;}
.cart_free_bottom .cart-free-wrap .btn-more {display:inline-block;width:94%;height: 44px;line-height: 44px;margin-top:10px;border:1px solid #383838;border-radius: 4px;background:#fff;color:#383838;font-size: 13px;text-align:center;}
.cart_free_bottom .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_bottom .cart-free-wrap .list-wrap { overflow-x:hidden;  }
.cart_free_bottom .cart-free-wrap .list-wrap ul { width:100%; list-style:none; }
.cart_free_bottom .cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; }
.cart_free_bottom .cart-free-wrap .list-wrap ul li {float:left; width:33.33333%; font-size: 12px; list-style:none; margin-bottom:10px;}
.cart_free_bottom .cart-free-wrap .list-wrap ul li dl {padding-right:4%; }
.cart_free_bottom .cart-free-wrap .list-wrap ul li dl dt {margin-bottom: 5px;}
.cart_free_bottom .cart-free-wrap .list-wrap ul li dl dt img {width:100%; height:100%; border-radius: 8px;}
.cart_free_bottom .cart-free-wrap .list-wrap ul li dl dd {    word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cart_free_bottom .cart-free-wrap .list-wrap ul li dl dd:nth-child(3) { font-weight:600;}
.cart_free_bottom .cart-free-wrap  #MS_cartfree_product_more {text-align: center;}


/* BASIC css end */