/* BASIC css start */
#cartWrap .wish-opt { color: #FFA500; } 
#cartWrap .tit-space { margin-top:100px } 
/* 회원 등급 표시 */

/* 배송 메세지 */
#cartWrap .delivery { margin-top:30px; font-size:12px; color:#2e2e2e; text-align: center } 
/* 주문 컨트롤 버튼 */
#cartWrap .btn-order-ctrl { margin:40px 0 50px; text-align: center } 
#cartWrap .btn-order-ctrl a { width:178px; height:58px; font-size:16px; line-height:58px } 

#cartWrap .cart-ft2 { margin-top:20px; text-align: center; } 
#nhn_btn { display: inline; } 
#payco_order_btn { display: inline; } 
#kakaopay_order_btn { display:inline; vertical-align:top; } 

.tb-normal { font-weight:normal } 

#cartWrap .txt-spin { line-height: 25px; } 

.cart-free-wrap { text-align:center; margin-bottom:20px; } 
.cart-free-wrap .btn-list-open { position:relative; display:inline-block; width:250px; height:58px; line-height:58px; color:#000; font-size:14px; text-align:center; border:1px solid #000 } 
.cart-free-wrap .btn-list-open span { position:absolute; top:27px; right:30px; display:inline-block; width:12px; height:6px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_cart_free.gif) 0 0 no-repeat } 
.cart-free-wrap .btn-list-open span.open { background-position:0 -6px } 
.cart-free-wrap p { padding:5px 0 20px; font-size:12px } 
.cart-free-wrap p span { font-weight:bold } 
.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; margin-left:5px; width:12px; height:6px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_cart_free.gif) 0 -6px no-repeat; 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; *zoom:1 } 
.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; } 

/* 하이브리드 옵션 */
.opt_dd img { vertical-align:top; } 
.opt_dd .basket-option-detail { display:inline-block; vertical-align:top; } 
.opt_dd .basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; } 
.opt_dd .basket-option-detail .basket-option-dlist li img { width:23px; height:23px; margin-right:8px; vertical-align:middle; } 

/* IE7 Hack */
.cart-free-wrap .list-wrap ul li { *float:left } 


.MS_tb_delivery { z-index:10 } 


/* 띠 배너 */
#pay-detail-banner { margin: 100px 0; float: left; } 
#pay-detail-banner img { margin: 0 auto; display: block; } 


/* 기본 요소 수정 */
.loc-navi { font-size: 12px !important; font-weight: 400; } 
.page-body { position: relative; display: flex; justify-content: space-between; } 
#content .tit-page { width: 1170px; } 
.table-cart { width: 1170px; } 
.table-cart tbody td .btn_option { font-size: 12px; padding: 4.5px 12px; margin: 6px 0 0 0; border: 1px solid #C4C4C4; box-sizing: border-box; } 
.table-cart tbody td .btn_option img { margin-left: 15px; } 
.basket_pd_name { padding-left: 31px; } 
.table-cart tfoot td { background: #EDE9E4; font-weight: 400; } 
.table-cart tfoot strong { color: #333; } 
.btn_opt { display: inline-block; font-size: 13px; font-weight: 400; color: #333; border-bottom: 1px solid #262626; margin-top: 15px; } 
.btn_opt img { margin-left: 14px; } 
#nhn_btn .npay_type_A_1 { width: 100% !important; } 
input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 13px; height: 13px; cursor: pointer; border: none; outline: none; background: url('/design/byyj1/images/chk_off.svg') no-repeat center / contain; } 
input[type="checkbox"]:checked { background-image: url('/design/byyj1/images/chk_on.svg'); } 

/* 수량 컨트롤 */
.table-cart .opt-spin { display: flex; position: relative; width: 45px; height: 25px; margin-left: auto; margin-right: auto; } 
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { } 
.table-cart .opt-spin .txt-spin { width: 25px; height: 25px; border: 1px solid #DFDFDF; font-size: 12px; text-align:center; box-sizing: border-box; } 
.table-cart .opt-spin .btns { display: flex; flex-direction: column; margin: 0; } 
.table-cart .opt-spin .btns a { border: 1px solid #DFDFDF; padding: 4.5px 7px; box-sizing: border-box; margin-left: -1px; } 

/* 요약 레이아웃 래퍼 & Sticky 설정 */
.cart_summary_wrapper { top: 105px; width: 500px; align-self: flex-start; background:#fff; z-index:10; } 

/* 카드 컨테이너 스타일 */
.cart_summary { padding: 20px; border: 1px solid #E9E9E9; display: flex; flex-direction: column; gap: 10px; } 
.cart_summary .won { font-size:11px; font-weight:400; color:#333; margin-left: 2px; } 

/* 금액 리스트 */
.summary_list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding-bottom: 20px; border-bottom: 1px solid #E9E9E9; } 
.summary_item { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 400; } 
.summary_item dd { margin: 0; font-weight: 500; } 
.summary_item dd span { font-size: 14px; font-weight: 400; margin-left:2px; vertical-align: middle; } 

/* 총 결제 금액 */
.summary_total { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } 
.summary_total .label { font-size: 14px; } 
.summary_total .price { font-size: 20px; font-weight: 700; } 
.summary_total .price span { vertical-align: middle; } 

/* 적립금 정보 */
.summary_point { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } 
.summary_point .point_value { font-weight: 500; } 
.summary_point .point_value .MK_total_reserve { font-size: 14px; font-weight: 400; } 

/* 버튼 스타일 */
.summary_buttons { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; } 
.btn_order { width: 100%; height: 50px; line-height: 50px; background-color:#000; color: #ffffff; border: none; font-size: 16px; font-weight: 600; text-align: center; transition: background-color 0.2s ease; } 
.btn_order:hover { background-color: #333333; } 

/* Accessible hidden style */
.blind { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } 


/* BASIC css end */