/* BASIC css start */
#cartWrap .order_step {position:relative; padding:48px 49px 48px 42px; border:1px solid #ccc; text-align:right;}
#cartWrap .order_step p {position:absolute; top:50%; left:42px; z-index:10; width:50%; height:28px; margin-top:-14px; padding-left:33px; background:url('/design/ssodo82/img/order/icon_msg.gif') no-repeat left center; color:#000; font-size:13px; line-height:28px; text-align:left;}
#cartWrap h3.caution {padding-bottom:10px; color:#000; font-size:14px;}
#cartWrap .tbl_cart {table-layout:fixed; width:100%; background:#fff;}
#cartWrap .tbl_cart .right {padding:0; text-align:right;}
#cartWrap .tbl_cart .left {padding:0; text-align:left;}
#cartWrap .tbl_cart thead th {height:42px; padding:0; color:#2f2f2f; font-size:13px; line-height:42px;}
#cartWrap .tbl_cart th, 
#cartWrap .tbl_cart td {padding:20px 0; border-bottom:1px solid #ccc; color:#303030; font-size:13px; text-align:center; vertical-align:middle;}
#cartWrap .tbl_cart td .thumb img {width:80px; height:117px;}
#cartWrap .tbl_cart td * {color:inherit; font-size:inherit;}
#cartWrap .tbl_cart td .opt {padding-top:7px; color:#999; font-size:13px; float: left;}
#cartWrap .tbl_cart td .ea {display:inline-block; zoom:1; *display:inline; position:relative; width:97px; height:26px; border:1px solid #dcdcdc;}
#cartWrap .tbl_cart td .ea .plus {position:absolute; top:0; right:0; z-index:10; border-left:1px solid #dcdcdc;}
#cartWrap .tbl_cart td .ea .minus {position:absolute; top:0; left:0; z-index:10; border-right:1px solid #dcdcdc;}
#cartWrap .tbl_cart td .ea input {width:38px; height:26px; padding:0; margin:0 30px; border:0; color:#444; font-size:13px; text-align:center; line-height:26px;}
#cartWrap .order_btn {position:relative; padding:20px 0; text-align:right;}
#cartWrap .order_btn .dlv_msg {position:absolute; top:33px; left:0; z-index:10; color:#000; font-size:13px;}



.cart-free-wrap { text-align:center; margin-bottom: 10px; }
.cart-free-wrap .btn-list-open { position:relative; display:inline-block; width:60%; height:50px; line-height:50px; background:#444; color:#fff; font-weight:bold; font-size:14px; text-align:center; }
.cart-free-wrap .btn-list-open span { position:absolute; top:20px; right:30px; display:inline-block; width:15px; height:9px; background:url(http://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 0; }
.cart-free-wrap .btn-list-open span.open { background:url(http://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 -9px; }
.cart-free-wrap p { padding:20px 0; font-size:14px; 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: 1em; 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; overflow-y:auto; height:450px; padding:15px 14px 30px; margin-top:20px; border:1px solid #b7b7b7; display: none; }
.cart-free-wrap .list-wrap ul { display: table; table-layout: fixed; width:100%; margin: 0; padding: 0; }
.cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; }
.cart-free-wrap .list-wrap ul li { word-wrap: break-word; word-break: keep-all; display: inline-block; vertical-align: top; width:24%; list-style: none; }
.cart-free-wrap .list-wrap ul li dl { margin:15px 15px 10px; }
.cart-free-wrap .list-wrap ul li dl dt { margin-bottom:13px; }
.cart-free-wrap .list-wrap ul li dl dt img { width:100%; height:auto; border:0; }
.cart-free-wrap .list-wrap ul li dl dd {}
.cart-free-wrap .list-wrap ul li dl dd strong { color:#f40000; }
.cart-free-wrap .list-wrap ul li dl dd a { display:inline-block; padding:5px 8px 3px; margin-top:8px; border:1px solid #999; color:#666; font-weight:bold; background:#fff; }


/* 20210415 통합옵션소스 추가 */
.basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.basket-option-detail .basket-option-dlist li img { width:40px; height:40px; vertical-align:middle; padding-right: 10px; }
.tb-opt img { vertical-align:top; }
.tb-opt .basket-option-detail { display:inline-block; vertical-align:top; padding-left:8px; }
.tb-opt .basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.tb-opt .basket-option-detail .basket-option-dlist li img { width:23px; height:23px; vertical-align:middle; }																				
/* //20210415 통합옵션소스 추가 */


/* ===== PC 간편결제 수정: gaenso-easy-pay-row HTML과 함께 사용 ===== */
/* 기존 상품/리뷰 스타일을 유지하고 결제 영역에만 적용합니다. */
#gaenso-pay-cart {
    display:flex; flex-wrap:nowrap; align-items:flex-start; gap:7px;
    width:100%; max-width:550px; clear:both; margin:12px auto; padding:0;
    box-sizing:border-box; line-height:normal; letter-spacing:0;
}
#gaenso-pay-cart > .gaenso-easy-pay-slot {
    flex:1 1 0; width:auto; min-width:0; margin:0; padding:0;
    float:none; box-sizing:border-box;
}
#gaenso-pay-cart > .gaenso-easy-pay-naver:has(.npay_btn_zzim) {
    flex:1 1 59px;
}
#gaenso-pay-cart > .gaenso-easy-pay-slot:empty {display:none;}
#gaenso-pay-cart a {
    margin:0 !important; padding:0 !important; letter-spacing:0;
    vertical-align:top; font-weight:400; box-sizing:border-box;
}
#gaenso-pay-cart #nhn_btn {
    width:100% !important; margin:0 !important; padding:0 !important;
    display:block; float:none; line-height:normal;
}
#gaenso-pay-cart .npay_storebtn_bx,
#gaenso-pay-cart .npay_button_box,
#gaenso-pay-cart .npay_button {
    width:100% !important; min-width:0 !important; height:52px !important;
    margin:0 !important; padding:0 !important; border:0 !important;
    box-sizing:border-box !important;
}
#gaenso-pay-cart .npay_text,
#gaenso-pay-cart .npay_event {display:none !important;}
#gaenso-pay-cart .npay_btn_list {
    width:100% !important; table-layout:fixed; border-collapse:collapse;
    margin:0 !important; padding:0 !important;
}
#gaenso-pay-cart .npay_btn_item {
    height:52px !important; padding:0 !important; border:0 !important;
}
#gaenso-pay-cart .npay_btn_item.btn_width {
    width:59px !important;
}
#gaenso-pay-cart .npay_btn_item:has(.npay_btn_talk) {
    display:none !important;
}
#gaenso-pay-cart .npay_btn_link.npay_btn_pay {
    display:block !important; width:100% !important; height:52px !important;
    box-sizing:border-box !important; border-radius:0 !important;
    background-size:80px auto !important; background-position:50% -5% !important;
}
#gaenso-pay-cart .npay_btn_link.npay_btn_zzim {
    display:block !important; width:52px !important; height:52px !important;
    box-sizing:border-box !important; margin-left:7px !important;
    border-radius:0 !important; background-size:40px auto !important;
    background-position:50% -4% !important;
}
/* 카카오 A1 이미지형 버튼: 기본 이미지의 로고 영역과 기존 링크를 사용 */
#gaenso-pay-cart #kakaopay_order_btn:has(img[src*="kakao_A1.png"]) {
    display:flex; justify-content:center; align-items:center;
    width:100% !important; height:52px; margin:0 !important; padding:0 !important;
    border:1px solid #f3e309; border-radius:0; background:#ffed00;
    overflow:hidden; box-sizing:border-box;
}
#gaenso-pay-cart #kakaopay_order_btn a:has(img[src*="kakao_A1.png"]) {
    display:block !important; position:relative; flex:0 0 90px;
    width:90px !important; height:36px !important; overflow:hidden;
    border:0; background:#ffed00; line-height:36px;
}
#gaenso-pay-cart #kakaopay_order_btn a:has(img[src*="kakao_A1.png"])::after {
    content:"구매"; position:absolute; top:0; right:0;
    width:34px; height:36px; line-height:37px;
    font-size:15px; font-weight:600; letter-spacing:-0.2px;
    color:#1e1e1e; background:#ffed00; text-align:left;
}
#gaenso-pay-cart #kakaopay_order_btn img[src*="kakao_A1.png"] {
    display:block; width:300px !important; max-width:none !important;
    height:76px !important; margin:0; padding:0;
    object-fit:cover; object-position:-147px -8px;
}

#gaenso-pay-cart #nhn_btn .npay_btn_pay::after {content:none !important; display:none !important;}
#gaenso-pay-cart #nhn_btn .npay_btn_link.btn_green {background-color:#00c851 !important; color:#000 !important;}

/* BASIC css end */