@charset "utf-8";

/*========================================================================
장바구니
========================================================================*/
.shop_go_link { display:none; }
.btn_order_box { padding:0; }
.btn_order_box:has(button:not(.dn)) { padding:30px 0 0; }

/* 타이틀 */
.order_wrap .order_tit { margin:38px auto 40px; text-align:center; border-bottom:0; }
.order_wrap .order_tit h2 { float:none; }
.order_wrap .order_tit ol { display:none; }

/* 레이아웃 */
.cart-flex-wrap { display:flex; justify-content:space-between; gap:40px; }
.cart-flex-wrap :is(.cart_cont,.order_cont) { width:calc(100% - 380px); }
.cart-flex-wrap .cart-price-box { width:340px; }
.cart-flex-wrap .cart-price-box > div { position:sticky; top:0; margin:0; padding:40px 20px; border-radius:4px; border:1px solid var(--point-color); }

/* 전체선택 */
.cart_cont .order_cart_tit { padding:0 0 20px; }
.cart-choice-btn-wrap { display:flex; align-items:center; }
.cart-choice-btn-wrap .form_element { height:24px; line-height:24px; padding:0 16px 0 0; margin:0 16px 0 0; }
.cart-choice-btn-wrap .form_element label { padding-left:34px !important; color:#999; font-size:18px; font-weight:500; }
.cart-choice-btn-wrap .form_element::after { content:""; position:absolute; top:4px; right:0; height:16px; border-right:1px solid #D1D1D1; }
.cart-choice-btn-wrap .btn_order_choice_del { min-width:0; height:24px; line-height:24px; padding:0; color:#999; font-size:18px; font-weight:500; border:0; }

/* 상품 테이블 공통 */
.cart_cont_list { margin:0; }
.cart_cont .cart_cont_list + .cart_cont_list { margin:50px 0 0; }
.order_table_type th { padding:20px; background:#F7F4EF; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; text-align:left; }
.order_table_type th h3 { display:inline-block; vertical-align:top; color:#2E2E2E; font-size:18px; font-weight:500; line-height:24px; }
.order_table_type th h3:is(.rt,.frozen)::before { content:""; display:inline-flex; vertical-align:top; width:24px; height:24px; margin:0 6px 0 0; background:url("../img/cart_delivery_icon1.png") no-repeat 0 50%; }
.order_table_type th h3.frozen::before { width:18px; background-image:url("../img/cart_delivery_icon2.png"); }
.order_table_type td { padding:30px 0; color:#2E2E2E; border-bottom:1px solid #E1E1E1; }
.order_table_type .td_chk { padding-left:20px; text-align:left; }
.order_table_type .td_left { padding-right:30px; }
.order_table_type .td_left .pick_add_cont { display:flex; align-items:center; gap:30px; }
.order_table_type .pick_add_cont .pick_add_img { width:110px; padding:0; }
.order_table_type .pick_add_cont .pick_add_img img { width:100%; border:0; }
.order_table_type .pick_add_cont .pick_add_info { width:calc(100% - 140px); }
.order_table_type .pick_add_cont .pick_add_info em a { color:#2E2E2E; font-size:18px; font-weight:600; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.order_table_type .pick_add_cont .pick_add_info .caution_msg1 { background-position:0 0; }
.order_table_type .pick_add_cont .pick_option_box .text_type_cont { padding:0; margin:8px 0 0; color:#666; font-size:14px; font-weight:400; line-height:1; } 
.order_table_type .td_order_amount { border-left:0; border-right:0; }
.order_table_type .td_order_amount .order_goods_num strong { margin:0 auto; color:#000; font-size:16px; font-weight:400; line-height:26px; }
.order_table_type .td_order_amount .btn_gray_list { margin:8px 0 0; }
.order_table_type .td_order_amount .btn_gray_list :is(a,a:hover) { display:flex; justify-content:center; align-items:center; height:32px; padding:0 21px; border-radius:4px; background:#fff; border:1px solid #D1D1D1;}
.order_table_type .td_order_amount .btn_gray_list a span { padding:0; color:#2E2E2E; font-size:14px; font-weight:500; }
.order_table_type .td_right { padding-right:20px; text-align:right; }
.order_table_type .td_right * { font-size:20px; font-weight:600; }
/* 쿠폰적용 */
.order_table_type .pick_add_cont .pick_btn_box { padding:0; margin:0 0 10px; }
.order_table_type .pick_add_cont .pick_btn_box a { display:inline-flex; align-items:center; justify-content:center; width:60px; height:24px; color:#FFF; font-size:12px; font-weight:600; border-radius:3px; background:#221C10; border:1px solid #221C10; box-sizing:border-box; }
.order_table_type .pick_add_cont .pick_btn_box a::after { content:"쿠폰적용"; }
.order_table_type .pick_add_cont .pick_btn_box a.js_btn_coupon_cancel { color:#221C10; background:#fff; }
.order_table_type .pick_add_cont .pick_btn_box a.js_btn_coupon_cancel::after { content:"쿠폰취소"; }
.order_table_type .pick_add_cont .pick_btn_box a.btn_coupon_change::after { content:"쿠폰변경"; }
.order_table_type .pick_add_cont .pick_btn_box a img { display:none; }

/* 상품 테이블 하단 - 합계 */
.order_table_type tfoot td { padding:20px 0; background:#F7F4EF; border-bottom:1px solid #E1E1E1; }
.order_table_type tfoot .price_sum { margin:0; padding:0; }
.order_table_type .price_sum_cont { display:flex; justify-content:center; align-items:center; float:none; text-align:center; }
.order_table_type .price_sum_cont .price_sum_list { display:flex; align-items:center; justify-content:space-evenly; width:100%; padding:0 20px; box-sizing:border-box; }
.order_table_type .price_sum_cont .price_sum_list dl { display:inline-flex; gap:16px; padding:0; color:#2E2E2E; font-size:18px; font-weight:500; text-align:left; line-height:1; }
.order_table_type .price_sum_cont .price_sum_list dd,
.order_table_type .price_sum_cont .price_sum_list dd strong { font-size:18px; font-weight:500; }
.order_table_type .price_sum_cont .price_sum_list span { display:inline-flex; padding:0; width:11px; height:12px; background:url("../img/minus_icon.png") no-repeat 50%; }
.order_table_type .price_sum_cont .price_sum_list span img { display:none;}
.order_table_type .price_sum_cont .price_sum_list span.plus-icon { background-image:url("../img/plus_icon.png"); }
.order_table_type .price_sum_cont .price_sum_list span.total-icon { width:18px; background-image:url("../img/same_icon.png"); }
.order_table_type .price_sum_cont .price_sum_list .price_total dt { display:none; }
.order_table_type .price_sum_cont .price_sum_list .price_total dd,
.order_table_type .price_sum_cont .price_sum_list .price_total dd strong { color:#221C10; font-size:20px; font-weight:700; }

/* 우측 박스 */
.cart-price-box .price_sum_cont { display:block; float:none; text-align:left; }
.cart-price-box .price_sum_cont .price_sum_list { display:flex; flex-direction:column; gap:20px; }
.cart-price-box .price_sum_cont .price_sum_list h3 { margin:0 0 10px; color:#000; font-size:24px; font-weight:500; line-height:1; }
.cart-price-box .price_sum_cont .price_sum_list h3 strong { font-weight:500; }
.cart-price-box .price_sum_cont .price_sum_list dl { display:flex; justify-content:space-between; padding:0; text-align:left; line-height:1; }
.cart-price-box .price_sum_cont .price_sum_list dt,
.cart-price-box .price_sum_cont .price_sum_list dd,
.cart-price-box .price_sum_cont .price_sum_list dd strong { color:#000; font-size:16px; font-weight:500; }
.cart-price-box .price_sum_cont .price_sum_list > span { display:none; }
.cart-price-box .price_sum_cont .price_sum_list dl.price_total { margin:10px 0 0; padding:30px 0 0; border-top:1px solid #D1D1D1; }
.cart-price-box .price_sum_cont .price_sum_list dl.price_total dd,
.cart-price-box .price_sum_cont .price_sum_list dl.price_total dd strong { font-size:24px; font-weight:700; }
.cart-price-box .price_sum_cont .tobe_mileage { display:none; }
.cart-price-box .btn_order_choice_buy { width:100%; height:50px; margin:30px 0 0; color:#FFF; font-size:18px; font-weight:600; border-radius:4px; background:var(--point-color); }
.cart-price-box .chk_none { margin:22px 0 0; padding:0 0 0 34px; color:#000; font-size:14px; font-weight:400; line-height:1.4; background:url("../img/warning_icon.png") no-repeat 0 0; filter:none; }
/* 네이버 페이 */
.cart-price-box .pay_box { margin:0; }
.cart-price-box .pay_box > div { display:block; margin:0; }
.cart-price-box .pay_box > div:has(> *) { margin:36px 0 0; }


/*========================================================================
주문하기
========================================================================*/
.cart_cont_list .order_cart_tit { display:none; }

/* 레이아웃 */
.order-flex-wrap { display:flex; justify-content:space-between; gap:60px; }
.order-flex-wrap :is(.cart_cont,.order_cont) { width:calc(100% - 380px); }
.order-flex-wrap .cart-price-box { width:320px; }
.order-flex-wrap .cart-price-box > div { position:sticky; top:0; margin:0; padding:40px 20px; border-radius:4px; border:1px solid var(--point-color); }

/* 주문 상품 테이블 */
.order_cont .order_table_type:has(.order-goods-layout) { position:relative; border-top:1px solid #2E2E2E; }
.order_cont .order_table_type:has(.order-goods-layout)::after { content:""; position:absolute; left:0; bottom:0; width:100%; border-bottom:1px solid #D1D1D1; }
.order_cont .order_table_type:has(.order-goods-layout) tbody th { padding-top:30px; color:#2E2E2E; font-size:18px; font-weight:600; line-height:1.4; border-top:0; border-bottom:1px solid #E1E1E1; vertical-align:top; }
.order_cont .order_table_type:has(.order-goods-layout) tbody th span { display:block; margin:10px 0 0; color:#2E2E2E; font-size:14px; font-weight:400; line-height:1.4; }
.order_cont .order_table_type .td_left { padding-left:30px; }
.order_cont .order_table_type .td_left .pick_add_cont { gap:20px; }
.order_cont .order_table_type .pick_add_cont .pick_add_img { width:100px; }
.order_cont .order_table_type .pick_add_cont .pick_add_info { width:calc(100% - 120px); }
.order_cont .order_table_type .td_right { padding-right:0; }

.order_view_info .order_agree { margin:0; padding:0; border:0; }
.order_view_info .order_agree .order_agree_cont .agreement_box { font-size:14px; border-color:#D1D1D1; }
.order_view_info .order_agree .form_element label { color: #979797; font-size: 16px; font-weight:400; }
.order_view_info .order_agree .form_element label strong { color: #979797; font-weight:400; }

/* 정보 타이틀 */
.order_view_info .order_zone_tit { padding:0; }
.order_view_info .order_zone_tit h4 { margin:80px 0 0; padding:30px 0 30px 20px; color:#2E2E2E; font-size:22px; font-weight:600; line-height:1; border-top:1px solid #2E2E2E; background:#FAFAFA; }

/* 정보 테이블 */
.order_view_info .order_table_type .table_left { border-top:1px solid #D1D1D1; }
.order_view_info .order_table_type .table_left td,
.order_view_info .order_table_type .table_left th { height:50px; padding:20px 0; vertical-align:middle; color:#2E2E2E; font-size:18px; font-weight:500; border-color:#D1D1D1; background:none; }
.order_view_info .order_table_type .table_left th .important { padding:0; margin:0; background:none; filter:none; }
.order_view_info .order_table_type .table_left th .important::after { content:"*"; display:inline-flex; margin:0 0 0 3px; color:#DD4A4A; }
.order_view_info .order_table_type .table_left td { font-size:16px; }

/* 배송정보 */
.order_cont .shipping_info_table .form_element ul li { padding:13px 17px 13px 0; }

/* 인풋 공통 */
.order_cont input[type="text"] { width:460px; height:50px; padding:0 12px; font-size:16px; border-radius:4px; border:1px solid #E0E0E0; }
.order_cont .member_email input[type="text"] { width:348px; }
#contents .member_address .address_postcode input { width:350px; }
#contents .member_address .address_input input,
#contents .member_address .address_input input:first-child { width:460px; }
/* 우편번호 버튼 */
#contents .member_address .address_postcode .btn_post_search { display:flex; justify-content:center;align-items:center; width:100px; height:50px; padding:0; margin:0 0 0 10px; color:#FFF; font-size:0; font-weight:600; border-radius:4px; background:var(--point-color); border:0; }
#contents .member_address .address_postcode .btn_post_search::before { content:"우편번호"; display:inline-block; font-size:16px; }
/* 이메일 */
#wrap .order_cont .member_email select { width:102px ; }
#wrap .order_cont .member_email .chosen-single { display:flex; align-items:center; height:50px; padding-left:12px; color:#fff; font-size:16px; font-weight:500; background:var(--point-color); border-color:var(--point-color); border-radius:4px; box-shadow:none; }
#wrap .order_cont .member_email .chosen-container-single { margin:0 0 0 5px; }
#wrap .order_cont .member_email .chosen-container-single .chosen-single div { width:25px;}
#wrap .order_cont .member_email .chosen-container-single .chosen-single div b { background:url("../img/select_drop_off.png") no-repeat 0 50%; }
#wrap .order_cont .member_email .chosen-container-active.chosen-with-drop .chosen-single div b { background:url("../img/select_drop_on.png") no-repeat 0 50%; }

/* 작은 버튼 */
.order_cont .btn_gray_list :is(button,button:hover,a,a:hover) { height:38px; padding:0 15px; color:#2E2E2E; font-size:16px; font-weight:500; border-radius:4px; border:1px solid #D1D1D1; background:#fff; }
.order_cont .btn_gray_list :is(button,a) span { padding:0; line-height:38px; } 
.order_cont .btn_gray_list button.btn_gray_mid { padding:0 26px; }

/* 회원정보 반영 */
.order_cont  #memberinfoApplyTr .form_element { display:flex; gap:20px; }

/* 할인 및 적립 */
.order_cont .order_benefit_list li { padding:0; color:#666; font-size:16px; font-weight:400; line-height:1,4; }
.order_cont .order_benefit_list li :is(strong,b,span) { color:#666; font-weight:400; }
.order_cont .order_benefit_list .order_benefit_sale { padding:0; }
.order_cont .order_benefit_list .order_benefit_mileage em,
.order_cont .order_benefit_list .order_benefit_sale em { padding:0; background:none; }

/* 마일리지 사용 */
.order_cont .order_money_use > b input[type="text"] { width:260px; margin-right:8px; }
.order_cont .order_money_use > b { color:#121212; font-size:18px; font-weight:500; }
.order_cont .order_money_use .form_element label, 
.order_cont .order_money_use .money_use_sum,
.order_cont .order_money_use .money_use_txt { color:#999; font-weight:400; }

/* 일반결제 */
.payment_progress_list dl { border-color: #D1D1D1; }
.payment_progress_list .general_payment > dl > dt { display:none; }
.payment_progress_list .general_payment > dl { padding:20px 0 30px; }
.general_payment .payment_progress_select { display:flex; gap:20px; }
.general_payment .payment_progress_select li { margin:0; }
.general_payment .form_element .payment_progress_select li :is(label) { display:flex; justify-content:center; align-items:center; width:190px; height:60px; padding:0; color:#000; font-size:18px; font-weight:500; border-radius:4px; border:1px solid #D1D1D1; background:none; box-sizing:border-box; }
.general_payment .form_element .payment_progress_select li label.on { color:#fff; font-weight:600; background:var(--point-color); border:0; }
.general_payment .form_element .payment_progress_select li label::before { content:""; display:inline-flex; width:34px; height:26px; background:url("../img/order_pc_icon.png") no-repeat 0 50%; }
.general_payment .form_element .payment_progress_select li label.on::before { filter: invert(1); }
.general_payment .payment_progress_select #settlekindType_pb label::before { background-image:url("../img/order_pb_icon.png"); }
.general_payment .payment_progress_select #settlekindType_pv label::before { background-image:url("../img/order_pv_icon.png"); }
.general_payment .payment_progress_select #settlekindType_ph label::before { background-image:url("../img/order_ph_icon.png"); }

/* 에스크로 결제 */
.payment_progress_list .escrow_payment dt { font-size:18px; }
.payment_progress_list .escrow_payment .payment_progress_select li { color:#666; font-size:16px; font-weight:400; }
.order-txt { font-size:13px; margin:10px 0 0; }

/* 결제금액 */
.payment_final_total { padding:24px 0 28px; border:0; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; background:#F7F4EF; }
.payment_final_total dl { display:flex; justify-content: flex-end; align-items: center; margin:0 40px 0 0; }
.payment_final_total dt { color: #2E2E2E; font-size: 18px; font-weight: 500; line-height:1; }
.payment_final_total dd { color: #221C10; font-size: 26px; font-weight: 700; line-height:1; }

/* 구매하기 버튼 */
.cart-price-box .btn_order_buy { width:100%; height:50px; line-height:50px; margin:30px 0 0; color:#FFF; font-size:18px; font-weight:600; border-radius:4px; background:var(--point-color); }
.cart-price-box .btn_order_buy em { font-weight:600; }
/* 필수 체크 */
.payment_final_check { margin:20px 0 0; }
.payment_final_check .form_element label.check_s { padding-left:28px; color:#000; font-size:14px; font-weight:400; line-height:1.4; background-position:0 0; }
.payment_final_check .form_element label.check_s.on { background:url("../img/check_all_on.png") no-repeat 0 0;}
.payment_final_check .form_element label b { font-weight:400; }