@charset "UTF-8";

/*========================================================================
장바구니
========================================================================*/
.body-cart .cart { margin:34px 0 0; }
.body-cart .cart .cart_content_box { background:none; }
.body-cart .cart .cart_content_box + .cart_content_box { margin:60px 0 0; }

/* 전체선택 & 선택삭제 */
.cart-choice-btn-wrap { display:flex; padding:0 20px 20px; }
.cart-choice-btn-wrap .inp_chk { padding:0 14px 0 0; margin:0 14px 0 0; position:relative; }
.cart-choice-btn-wrap .inp_chk::after { content:""; position:absolute; top:4px; right:0; height:16px; border-right:1px solid #D1D1D1; }
.cart-choice-btn-wrap .inp_chk label { margin:0 0 0 8px; color:#999; font-size:16px; font-weight:500; }
.cart_select_del_btn { width:auto; padding:0; color:#999; font-size:16px; font-weight:500; border:0; background:none; }

/* 모두 선택 */
.cart .cart_content_box .allchk { padding:18px 20px; margin:0; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; background:#F7F4EF; }
.cart .cart_content_box .allchk .inp_chk { display:flex; align-items:center; gap:12px; }
.cart .cart_content_box .allchk h3 { display:inline-flex; align-items:center; color:#2E2E2E; font-size:18px; font-weight:500; }
.cart .cart_content_box .allchk h3:not(.buyall)::before { content:""; display:inline-flex; vertical-align:top; width:22px; height:22px; margin:0 6px 0 0; background:url("../img/cart_delivery_icon1.png") no-repeat 0 50%; background-size:100% auto; }
.cart .cart_content_box .allchk h3.frozen::before { width:25px; margin:0 12px 0 0; background-image:url("../img/cart_delivery_icon2.png"); }
/* 목록 */
.cart .cart_content_box .my_goods { padding:0; }
.cart .cart_content_box .my_goods > li { margin:0 20px !important; padding:20px 0; border:0; }
.cart .cart_content_box .my_goods > li + li { border-top:1px solid #E1E1E1; }
.cart .cart_content_box .my_goods li .mid_box .left_box { padding:0 12px 0 0; }
.cart .cart_content_box .my_goods li .mid_box .right_box { padding:0; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info { padding:0; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info > a { vertical-align:top; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody { padding:0 0 0 20px; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p.name { width:85%; margin:0 0 10px; padding:0; color:#2E2E2E; font-size:14px; font-weight:600; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p { margin:0 0 10px; color:#666; font-size:12px; font-weight:400; line-height:1; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .prc { padding:0; color:#2E2E2E; font-size:16px; font-weight:600; line-height:1; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box .timesale_box { display:none; }
/* 버튼 */
.cart .cart_content_box .my_goods li .btn_list { position:static; margin:20px 0 0; padding:0; border:0; }
.cart .cart_content_box .my_goods li .select_del_box { top:16px; right:-4px; }
.cart .cart_content_box .my_goods li .select_del_box .cart_onedel_btn { background:url("../img/del_icon.png") no-repeat 50% 50%; background-size:10px auto; }
.cart .cart_content_box .my_goods li .btn_list .option_btn button { height:30px; padding:0 10px; margin:0 8px 0 0; color:#2E2E2E; font-size:12px; font-weight:500; border-radius:4px; border:1px solid #D1D1D1; background:#FFF; }
.cart .cart_content_box .my_goods li .btn_list .coupon_btn button { height:30px; padding:0 9px; margin:0 8px 0 0; color:#FFF; font-size:12px; font-weight:600; border-radius:4px; border:1px solid #221C10; background:#221C10; box-sizing:border-box; }
.cart .cart_content_box .my_goods li .btn_list .coupon_btn .btn_coupon_cancel { color:#221C10; background:#fff; }
/* 합계 */
.cart .cart_content_box .supplier_total { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px 0; padding:24px 20px; border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#FAFAFA; }
.cart .cart_content_box .supplier_total > span { display:inline-flex; align-items:center; color:#666; font-size:14px; font-weight:500; line-height:1; }
.cart .cart_content_box .supplier_total > span strong { padding:0 0 0 10px; font-weight:500; }
.cart .cart_content_box .supplier_total > span.total-icon { color:#221C10; font-size:18px; font-weight:700; }
.cart .cart_content_box .supplier_total > span.total-icon .total { padding:0; font-size:18px; font-weight:700; }
.cart .cart_content_box .supplier_total > span:not(:first-of-type)::before { content:""; display:inline-flex; width:11px; height:11px; margin:0 10px; background:url("../img/minus_icon.png") no-repeat 50%; background-size:auto 100%; }
.cart .cart_content_box .supplier_total > span.plus-icon::before { background-image:url("../img/plus_icon.png"); }
.cart .cart_content_box .supplier_total > span.total-icon::before { width:9px; height:6px; background-image:url("../img/same_icon.png"); }

/* 결제 박스 */
.cart .my_buy { padding:0; }
.cart .btn_wish_bx { padding:0; }
.cart-price-box { margin:100px 20px 0; padding:30px 20px; border-radius:4px; border:1px solid #000; }
.cart-price-box .my_buy h3 { margin:0 0 30px; color:#000; font-size:22px; font-weight:600; line-height:1; }
.cart-price-box .my_buy dl.total { padding:30px 0 0; margin:0; }
.cart-price-box .my_buy dl { display:flex; justify-content:space-between; align-items:center; margin:0 0 20px; padding:0; text-align:left; line-height:1; }
.cart-price-box .my_buy dl dt,
.cart-price-box .my_buy dl dd,
.cart-price-box .my_buy dl dd stro       ng { color:#000; font-size:16px; font-weight:500; }
.cart-price-box .my_buy dl.total dd strong { font-size:24px; font-weight:700; }
.cart-price-box .cart_select_order_btn { width:100%; height:53px; margin:30px 0 0; color:#FFF; font-size:19.2px; font-weight:600; border-radius:4px; background:var(--point-color); border:1px solid var(--point-color); box-sizing:border-box; }
.cart-price-box .my_buy dl.dn { display:none; }
/* 네이버 페이 */
.btn_payco > div:has(> *) { margin-top:30px 0 0; }


/*========================================================================
주문하기
========================================================================*/
.body-order .order { margin:34px 0 0; }

/* 주문상품 */
.order .pay .my_goods { border-top:1px solid #000; border-bottom:1px solid #E1E1E1; }
.order .pay .my_goods .order-goods-tit { display:flex; justify-content:space-between; padding:20px; background:#F7F4EF; }
.order .pay .my_goods .order-goods-tit h3 { color:#2E2E2E; font-size:16px; font-weight:600; line-height:1; }
.order .pay .my_goods .order-goods-tit span { color:#2E2E2E; font-size:14px; font-weight:400; }
.order .pay .my_goods .order-goods-tit span strong { font-weight:400; }
.order .pay .my_goods > li:first-child .order-goods-tit { border-bottom:1px solid #E1E1E1; }
.order .pay .my_goods li .info { width:calc(100% - 40px); padding:20px 0; margin:0 20px; } 
.order .pay .my_goods li > div:not(.order-goods-tit,:last-of-type) { border-bottom:1px solid #E1E1E1; }
.order .pay .my_goods li .info > a { vertical-align:top; width:100%; margin:0; }
.order .pay .my_goods li .info > a > div { display:flex; align-items:center; }
.order .pay .my_goods li .info .itemhead .thmb_box .timesale_box { display:none; }
.order .pay .my_goods li .info .itembody { width:calc(100% - 180px); padding:0 8px 0 20px; box-sizing:border-box; }
.order .pay .my_goods li .info .itembody p.name { padding:0; color:#2E2E2E; font-size:14px; font-weight:600; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.order .pay .my_goods li .info .itembody p { color:#666; font-size:12px; font-weight:400; line-height:1; }
.order .pay .my_goods li .info .itembody p + p { margin:8px 0 0; }
.order .pay .my_goods li .info .itemprc { width:90px; text-align:right; }
.order .pay .my_goods li .info .itemprc .prc { color:#2E2E2E; font-size:16px; font-weight:600; line-height:1; }

.order .order_box .guest_info { padding:0 20px; }
.order .order_box .guest_info .inp_chk { display:flex; padding:15px 0 0; border-top: 1px solid #D1D1D1; }
.order .order_box .guest_info .inp_chk label { width:calc(100% - 30px); margin: 0 0 0 7px; color: #666; font-size:16px; }
.order .order_box .guest_info .inp_chk label strong { color: #666; font-weight:400; }
.order .order_box .guest_info .g_content { margin:20px 0; padding:0; font-size:14px; }

/* 정보 테이블 타이틀 */
.order .order_box { padding:0; }
.order .order_box > h2 { margin:60px 0 0; padding:20px 20px; color:#2E2E2E; font-size:18px; font-weight:600; line-height:1; background:#FAFAFA; border-top:1px solid #2E2E2E; border-bottom:1px solid #D1D1D1; }
.order .order_box .order_tit > span img { display:none; }

/* 정보테이블 공통 */
.order_box .order-table-box { padding:30px 20px 0; }
.order_box .order-table-box table { border:0; }
.order_box .order-table-box table colgroup { display:none; }
.order_box .order-table-box table tbody th,
.order_box .order-table-box table tbody td { display:block; width:100%; padding:0; color:#2E2E2E; font-size:18px; font-weight:500; line-height:1; background:none; border:0; box-sizing:border-box; filter:none; }
.order_box .order-table-box table tbody th.required::after { content:"*"; color:#DD4A4A; margin:0 0 0 3px; }
.order_box .order-table-box table tbody tr + tr > th { margin-top:20px; padding-top:20px; border-top:1px solid #D1D1D1; }
.order_box .order-table-box table tbody th { padding-bottom:12px; }
.order_box .order-table-box table tbody td input:not([type="radio"]):not([type="checkbox"]) { height:50px; padding:0 12px; color:#666; font-size:16px; font-weight:400; border-radius:4px; border:1px solid #E0E0E0; }
.order .order_box .tab_content .member_chk_box { padding:20px 0 0 0; margin:30px 20px 0; border-top:1px solid #D1D1D1; }
.order .order_box .tab_content .member_chk_box + .member_chk_box { padding-top:16px; margin-top:0; border:0; }
.order .order_box .tab_content .member_chk_box .inp_chk label { margin:0 0 0 7px; color:#666; font-size:16px; font-weight:500; }

/* 주문고객 */
/* 이메일 */
.order .order_box .cell_bx { display:flex; }
.order .order_box .cell_bx .cell { width:auto; flex:auto; }
.order .order_box .cell_bx .cell .inp_sel { width:102px; margin-left:10px; }
.order .order_box .cell_bx .cell .inp_sel select { height:50px; padding:0 0 0 12px; color:#FFF; font-size:16px; font-weight:500; border-radius:4px; background:var(--point-color) url("../img/select_drop_off.png") no-repeat right 13px top 50%; background-size:14px auto; border:1px solid var(--point-color); }

/* 배송정보 */
.order .order_box .delivery_box .order-table-box { padding-top:25px; }
.order .order_box .delivery_box .tab_menu { padding:30px 20px 0;}
.order .order_box .delivery_box .tab_menu ul li { border-color:#D1D1D1; }
.order .order_box .delivery_box .tab_menu ul li:first-child { border-radius:4px 0 0 4px; }
.order .order_box .delivery_box .tab_menu ul li:nth-child(3) { border-radius:0 4px 4px 0; }
.order .order_box .delivery_box .tab_menu ul li a { color:#121212; font-size:18px; font-weight:400; }
.order .order_box .delivery_box .tab_menu ul li.active { background:var(--point-color); border-color:var(--point-color); }
.order .order_box .delivery_box .tab_menu ul li.active a { color:#fff; font-weight:500; }
.order .order_box .delivery_box .tab_content .member_chk_box1 { padding-bottom:15px; }
.order .order_box .delivery_box .tab_content .member_chk_box1 .inp_chk label { margin:0 0 0 7px; color:#666; font-size:16px; font-weight:500; }
/* 우편번호 */
.order .order_box .zipcode_box .zipcode_top { padding-right:110px; }
.order .order_box .zipcode_box .zipcode_top .zipcode_btn_box { width:100px; }
.order .zipcode_btn1 { width:100px; height:50px; color:#FFF; font-size:16px; font-weight:600; border-radius:4px; background:#51473E; }
/* 남기실 말씀 */
.order .order_box .delivery_box .order-table-box.order-memo-box { padding-top:20px; }
.order_box .order-table-box.order-memo-box table tbody th { padding-top:20px; border-top:1px solid #D1D1D1; }

/* 할인 및 최종결제금액 */
.total-pay-info-box { }
.total-pay-info-box .table_box { padding:0 20px; }
.total-pay-info-box .table_box table { border-top:0; }
.total-pay-info-box .table_box table th { width:112px; padding:20px 0; color:#121212; font-size:18px; font-weight:500; background:none; }
.total-pay-info-box .table_box table td { padding:20px 0; color:#666; font-size:16px; font-weight:400; }
.total-pay-info-box .table_box table td :where(strong,b) { color:#666; font-size:16px; font-weight:400; }
/* 쿠폰 버튼 */
.coupon_search_apply_btn { width:100%; max-width:360px; height:45px; line-height:43px; padding:0; color:#2E2E2E; font-size:16px; font-weight:500; border-radius:4px; border:1px solid #D1D1D1; background:none; }
/* 마일리지 사용 */
.order .order_box .table_box .all_money_box { display:flex; flex-direction:column; gap:14px;  }
.order .order_box .table_box .all_money_box .money_right { display:block; padding:0;  }
.order .order_box .table_box .all_money_box .money_right .inp_chk input { margin-right:6px; }
.order .order_box .table_box .all_money_box .money_left { display:block; width:100%; }
.order .order_box .table_box .all_money_box .money_left input[type="number"] { width:182px; height:50px; border-radius:4px;border:1px solid #E0E0E0; background:#FFF; }
.order .order_box .table_box .point_view :is(p, p span) { color:#666; font-size:14px; font-weight:500; }

/* 결제 수단 선택 */
.how_to_pay { padding:0 20px; }
.how_to_pay :where(#settlekind_general,#settlekind_escrow) > .order_box > .order_tit { margin-top:40px; }
.how_to_pay #settlekind_general .pay_mth { display:flex; flex-wrap:wrap; gap:10px; padding:0 0 20px; margin:20px 0 0; border-bottom:1px solid #D1D1D1; }
.how_to_pay #settlekind_general .pay_mth li { width:calc((100% - 10px)/ 2); float:none; } 
.how_to_pay #settlekind_general .pay_mth li .inp_rdo { display:block; padding:0; }
.how_to_pay #settlekind_general .pay_mth li .inp_rdo input { display:none; }
.how_to_pay #settlekind_general .pay_mth li .inp_rdo label { display:flex; align-items:center; justify-content:center; width:100%; height:50px; margin:0; color:#2E2E2E; font-size:16px; font-weight:500; border-radius:4px; border:1px solid #D1D1D1; box-sizing:border-box; }
.how_to_pay #settlekind_general .pay_mth li .inp_rdo input:checked + label { color:#fff; background:var(--point-color); border-color:var(--point-color); }
.how_to_pay #settlekind_general .pay_mth li .inp_rdo label::before { content:""; display:inline-flex; width:20px; height:20px; margin:0 10px 0 0; background:url("../img/order_pb_icon.png") no-repeat 0 50%; background-size:auto 20px; }
.how_to_pay #settlekind_general .pay_mth #settlekind_type_pc .inp_rdo label::before { width:24px; background-image:url("../img/order_pc_icon.png"); background-size:100% auto; }
.how_to_pay #settlekind_general .pay_mth #settlekind_type_pv .inp_rdo label::before { background-image:url("../img/order_pv_icon.png"); }
.how_to_pay #settlekind_general .pay_mth #settlekind_type_ph .inp_rdo label::before { background-image:url("../img/order_ph_icon.png"); }
.how_to_pay #settlekind_general .pay_mth li .inp_rdo input:checked + label::before { filter:invert(1); }
.how_to_pay .pay_mth li .inp_rdo input { margin:0 5px 0 0; }
.how_to_pay .pay_mth li label { color:#666; font-size:16px; font-weight:400; }

/* 최종 결제 금액 */
.order .order_box .sum_prc_wrap { margin:40px 20px 0; padding:20px 0; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; background:#F7F4EF; }
.order .order_box .sum_prc_wrap dl { display:flex; align-items:center; justify-content:flex-end; margin:0 20px 0 0; }
.order .order_box .sum_prc_wrap dl dt { color:#2E2E2E; font-size:16px; font-weight:500; line-height:1; }
.order .order_box .sum_prc_wrap dl dd { margin:0 0 0 20px; color:#221C10; font-size:22px; font-weight:700; line-height:1; }

/* 결제하기 */
.order .btn_pay_wrap { margin:60px 20px 0; padding:30px 20px; border-radius:4px; border:1px solid var(--point-color); }
.order .btn_pay_wrap .price_sum_list h3 { margin:0 0 30px; color:#000; font-size:24px; font-weight:500; line-height:1 }
.order .btn_pay_wrap .price_sum_list h3 strong { font-weight:500; }
.order .btn_pay_wrap .price_sum_list dl { display:flex; justify-content:space-between; margin:0 0 20px; line-height:1; }
.order .btn_pay_wrap .price_sum_list dl.dn { display:none; }
.order .btn_pay_wrap .price_sum_list dl dt,
.order .btn_pay_wrap .price_sum_list dl dd { color:#000; font-size:16px; font-weight:500; line-height:1; }
.order .btn_pay_wrap .price_sum_list dl:not(.price_total) dd strong { font-weight:500; }
.order .btn_pay_wrap .price_sum_list dl.price_total { padding:30px 0 0; margin:30px 0 0; border-top:1px solid #D1D1D1; }
.order .btn_pay_wrap .price_sum_list dl.price_total dd { font-size:24px; font-weight:700; }
.order .btn_pay_wrap .order_payment_btn { width:100%; height:50px; margin:30px 0 0; color:#fff; font-size:18px; font-weight:600; border-radius:4px; background:#51473E; }
/* 청약 재의사 */
.order .order_box .re_confirm { padding:0; margin:20px 0 0; }
.order .order_box .re_confirm .inp_chk { display:flex; gap:8px; }
.order .order_box .re_confirm .inp_chk label { width:calc(100% - 28px); color:#000; font-size:14px; font-weight:400; line-height:1.4; }
.order .order_box .re_confirm .inp_chk label strong { font-weight:400; }