@charset "utf-8";
/* CSS Document */

.order_zone_tit{margin:0 0 0 0; padding:0 0 10px 0; font-size:16px;}
.order_zone_tit h3{font-size:16px;}
.order_zone_tit h4{font-size:18px;font-weight:500;}
.order_zone_tit span{padding:0 0 0 10px; color:#777777; font-size:12px; font-weight:normal;}


.order_table_type + .btn_left_box{margin:10px 0 30px 0;}


.order_wrap .order_tit{overflow:hidden;}
.order_wrap .order_tit h2{font-size:38px; color:#222222;font-weight:500;text-align:center;margin:50px 0 30px;}
.order_wrap .order_tit ol{text-align:center;}
.order_wrap .order_tit ol li{display: inline-block; width:300px;padding:11px 0; border-radius:50px;font-size:20px; font-weight:500; color:#444; border:1px solid #cccccc;margin-right:10px;}
.order_wrap .order_tit ol li:last-child {margin-right:0;}
.order_wrap .order_tit li span{display:block;font-weight:500;font-size:12px;color:#999;}
.order_wrap .order_tit li span > img{padding:0 14px; vertical-align: -1px;}
.order_wrap .order_tit .page_on{color:#fff; background-color:#e10505;border:1px solid #e10505;}
.order_wrap .order_tit .page_on span {color:#fff;}
.order_wrap .cart_cont .no_data{padding:60px 0; margin:0 0 20px 0; text-align:center; border-bottom:1px solid #dbdbdb; color:#444;font-size:15px;}

.order_add {background-color:#fff5f5;padding:38px 0; margin:40px 0 0;}
.order_add p {font-size:17px; color:#222222;text-align:center;}
.order_add p span {font-size:17px; color:#e10505; font-weight:500;}

/* ------------- 테이블 공통(텍스트 센터 기본) ------------- */
.order_table_type{}
.order_table_type .td_left{text-align:left;}
.order_table_type table{width:100%; border:0; border-spacing:0; border-collapse:collapse; text-align:center;}
.order_table_type th{padding:18px 10px; border-top:1px solid #333; border-bottom:1px solid #e6e6e6; background:#fafafa; font-size:15px; font-weight:500; color:#333;}
.order_table_type th.th_chk {padding-left:24px;}
.order_table_type td{height:31px; padding:15px 10px 14px 10px; color:#777777; border-bottom:1px solid #e6e6e6; /*border-left:1px dotted #ededed;*/ background:#ffffff;}
.order_table_type td > strong{color:#333333;}
.order_table_type td > strong.order_payment_sum {font-weight:700; /* color:#e10505; */font-size:18px;font-family : "roboto" !important;}
.order_table_type tr.last_price td {font-weight:500; font-size:18px; color:#e10505;}
.order_table_type tr.last_price td strong {color:#e10505;}

.order_table_type .btn_down_box{}
.order_table_type th .form_element{vertical-align:middle;}
.order_table_type .text_info{display:block; padding:2px 0 2px 0; color:#999999; font-size:11px;}
.order_table_type .coupon_price{color:#333333; font-size:14px;}
.order_table_type .coupon_price b{padding:0 2px 0 0; font-size:16px;}
.order_table_type .row_line td{border-bottom:1px solid #ebebeb;}
.order_table_type table td.order_day_num{border-right:1px dotted #ededed; border-bottom:1px solid #dbdbdb;}/* 날짜/주문번호 */
.order_table_type .btn_claim > span{display:inline-block; margin:7px 0 0 0;}
.order_table_type .order_sum_txt{font-size:15px; font-weight:bold;}
.order_table_type .time_sale_cost{display:inline-block; padding:7px 0 5px 20px; font-size:13px; background:url('../../img/icon/goods_icon/icon_time_sale_cost.png') no-repeat left 10px;}
.order_table_type .pick_add_cont .pick_add_info .normal_btn em{font-weight:normal;}

/* left type */
.order_table_type .table_left{border-top:1px solid #999999;}
.order_table_type .table_left th{padding:15px 10px 14px 20px; border-top:none 0; background:#fafafa; text-align:left;}
.order_table_type .table_left td{height:31px; padding:12px 10px 11px 25px; text-align:left;font-size:15px; color:#222; font-weight:400;}
.order_table_type .table_left td .chosen-single {height:40px !important;margin-left:10px;}
.order_table_type .table_left td .chosen-single > span{line-height:40px !important;}
.order_table_type .table_left td.member_email .chosen-container {width:140px !important}
.order_table_type .table_left td.member_email .chosen-container a {border:1px solid #ccc;}
.order_table_type .table_left textarea{width:95%;}

/* 반드시 입력 표시 */
th > .important{margin: 0 0 0 -10px; padding:0 0 0 10px; background:url('../../img/new/ico/icon_dot_03.png') no-repeat 0 center;}

/* 업체 리스트 */
.cart_cont_list{margin:40px 0 10px 0;}
.cart_cont_list .order_cart_tit{font-size:16px;}

/* 상품 리스트 이미지 + 내용 */
.order_table_type .pick_add_cont{display:table; position:relative; width:100%;}
.order_table_type .pick_add_cont .pick_add_img{display:table-cell; width:120px; height:120px; padding:0 20px 0 0; vertical-align:top;}
.order_table_type .pick_add_cont .pick_add_img img{border:1px solid #dbdbdb; vertical-align:middle; width: 120px; height: 120px;}
.order_table_type .pick_add_cont .pick_btn_box{padding:0 0 2px 0;}
.order_table_type .pick_add_cont .pick_btn_box a {width:80px; height:30px; line-height:29px; text-align:center; background-color:#fff; border:1px solid #ccc; font-size:13px; color:#666;display:inline-block;box-sizing:border-box;}
.order_table_type .pick_add_cont .pick_add_info{display:table-cell; padding:0; text-align:left; vertical-align:middle; word-break:break-all;}
.order_table_type .pick_add_cont .pick_add_info em{display:block;}
.order_table_type .pick_add_cont .pick_add_info em a {font-size:16px; font-weight:500; word-break:keep-all;}
.order_table_type .pick_add_cont .text_type_cont{display:block; padding:3px 0 3px 0; color:#666; font-size:14px; line-height:1;}
/* 아이콘 > 무,예,마,PG */
.pick_add_info .icon_pick_list{}
.pick_add_info .icon_pick_list div{display:inline-block;}
.pick_add_info .icon_pick_list .icon_pg_over{display:inline-block; position:relative; z-index:10;}
.pick_add_info .icon_pick_list .icon_pg_over:hover{display:inline-block;}
.pick_add_info .icon_pick_list .icon_pg_over:hover .icon_pg_cont{display:block;}
.pick_add_info .icon_pick_list .icon_pg_cont{display:none; position:absolute; top:13px; left:0px; width:68px; text-align:center; border:1px solid #666666; background:#ffffff;}
.pick_add_info .icon_pick_list .icon_pg_cont strong{display:block; padding:4px 5px 5px 5px; color:#333333; background:#f4f4f4;}
.pick_add_info .icon_pick_list .icon_pg_cont ul{width:90%; margin:0 auto; background:#ffffff;}
.pick_add_info .icon_pick_list .icon_pg_cont ul li{padding:4px 5px 5px 5px; border-top:1px solid #e8e8e8;}
.pick_add_info .icon_pick_list .icon_pg_cont ul li:first-child{border-top:none 0;}
/* 구매불가 */
.pick_add_info .chk_none{margin:0;}

/* 일반 레이어팝업 (구매 이용 조건안내) */
.pick_add_info .caution_msg1 {min-height:17px; margin:15px 0 0; padding: 0 0 0 19px; background:#fff url('../../img/icon/caution-1.png') no-repeat left 2px; color:#3e3d3c; line-height:20px; }
.nomal_layer {position:absolute; top:0px; left:30px; z-index:10;  background:#ffffff; }
.nomal_layer .wrap {position:relative; border:1px solid #999999; }
.nomal_layer .wrap > strong {display:block; height:27px; padding:13px 0 0 17px; background:#f4f4f4; color:#222222; }
.nomal_layer .wrap .list {overflow-x:hidden; overflow-y:auto; min-height:50px; max-height:210px;}
.nomal_layer .wrap .list table {width:250px;}
.nomal_layer .wrap .list table tr td.strong { font-weight:bold; text-align: left; border-left: none;}
.nomal_layer .wrap .list table th {padding: 0 5px 0 3px ; border-bottom: 1px solid #e8e8e8; color: #444; font-size: 11px; text-align:left; }
.nomal_layer .wrap .list table td {padding: 8px 0 8px 18px !important; color: #666; font-size: 11px; border-bottom: 1px solid #e8e8e8; height:15px !important; }
.nomal_layer .wrap .close {display:block; position:absolute; top:11px; right:12px; width:18px; height:18px; text-indent:-9999px; background: url('../../img/btn/layer-close.png') no-repeat left top;}
.normal_btn {display:inline-block; width:auto; padding:0 10px !important; border:1px solid #dbdbdb; color:#6c6c6c; text-align:center; vertical-align:top; box-sizing:border-box; cursor:pointer;}
.normal_btn img {margin:0 0 0 5px; vertical-align:middle;}
.cart_cont_list > table .img {float:left; border:1px solid #dbdbdb; margin:0 10px 0 0; }

/* 추가 박스 */
.order_table_type .pick_add_cont .pick_add_plus{display:table-cell; width:38px; padding:0 10px 0 0; vertical-align:middle;}
.order_table_type .pick_add_cont .pick_add_plus em{padding:1px 5px 3px 5px; color:#ffffff; font-size:11px; background:#959595;}
.order_table_type .order_num_link{color:#329cff; font-weight:bold; border-bottom:1px solid #329cff;}
.order_table_type em + .btn_gray_list,
.order_table_type strong + .btn_gray_list{margin:5px 0 0 0;}
.order_table_type .pick_add_cont .pick_option_box{width:100%; padding:2px 0 0 0;}
.order_table_type .pick_add_cont .pick_option_box .btn_gray_list{margin:5px 0 0 0;}
/* 체크박스 */
.order_table_type thead .form_element, .order_table_type .td_chk .form_element{}
.order_table_type .form_element label.check_s{padding: 0;}
.order_table_type .td_chk{vertical-align:middle;padding-left:24px;}
/* 수량 */
.order_table_type .td_order_amount{}
.order_table_type .td_order_amount .order_goods_num{width:100%;}
.order_table_type .td_order_amount .order_goods_num strong{display:block; width:100px; color:#333333; font-size:14px;}
.order_table_type .td_order_amount input{width:49px; height:26px; text-align:center;}
.order_table_type .td_order_amount .btn_gray_list{margin:5px 0 0 0; display:inline-block;}
/* 배송비 */
.order_table_type .td_delivery{font-size:15px; color:#333; word-break:keep-all;}
/* 할인/적립 */
.order_table_type .td_benefit{}
.order_table_type .td_option{padding:5px 10px 14px 10px; text-align:left;}

/* 추가 상품 */
.pick_add_list{margin:10px 5px 0 0; padding:2px 0 0 0; border-top:1px dotted #dbdbdb;}
.pick_add_list .pick_add_cont{margin:6px 0 0 0;}
.pick_add_list .pick_add_cont .pick_add_img{vertical-align:top;}
.pick_add_list .pick_add_cont .pick_add_info em{display:inline-block; font-weight:normal;}
.pick_add_list .pick_add_cont .pick_add_info em > a > img{margin:2px 0 0 0;}
.pick_add_list .pick_add_cont .pick_add_info .chk_none{margin:0;}

/* 테이블 총가격 */
.order_table_type tfoot td{padding:0; background:#f7f7f7;}
.order_table_type .price_sum{margin-top:0; border:none 0;}
.order_table_type .price_sum .price_shop_neme{float:left; padding:0 0 10px 0; font-size:18px;}
.order_table_type .price_sum_cont .price_sum_list dl{font-size:14px;}
.order_table_type .price_sum_cont .price_sum_list dd strong{font-size:15px;}
.order_table_type .price_sum_cont .price_sum_list .price_total dd{font-size:14px;}

/* 총가격 */
.price_sum{margin:30px 0 0 0; padding:45px 40px 45px 40px; background-color:#f8f8f8;}
.price_sum:after{display:block; clear:both; content:"";}
.price_sum_cont{}
.price_sum_cont .price_sum_list{text-align:center;}
.price_sum_cont .price_sum_list dl{display:inline-block; padding:5px 25px 5px 25px; font-size:16px; text-align:right;vertical-align:middle;}
.price_sum_cont .price_sum_list dt{font-size:15px;}
.price_sum_cont .price_sum_list dd{color:#333; font-size:20px; font-weight:700;}
.price_sum_cont .price_sum_list dd strong{font-weight:700; font-size:20px; color:#333;font-family : "roboto" !important;}
.price_sum_cont .price_sum_list .price_total{padding-right:0;}
.price_sum_cont .price_sum_list .price_total dd{font-size:20px;}
.price_sum_cont .price_sum_list .price_total dt {font-weight:500;}
.price_sum_cont .price_sum_list .price_total dd strong {font-size:25px; font-weight:700; color:#333;}
.price_sum_cont .price_sum_list .price_total dd em {font-size:14px; font-weight:500; color:#222;}
.price_sum_cont .price_sum_list .price_total dd em span {font-size:14px; font-weight:700; color:#e10505;font-family : "roboto" !important; padding:0;vertical-align: initial;}
.price_sum_cont .price_sum_list span{display:inline-block; padding:0 25px 0 25px; text-align:center; vertical-align:middle;}
/* 260716-46 : 장바구니/주문서 벌크 '배송지별 부과' 표기 - 크기/굵기는 기존 dd(20px/700), 정렬은 기존 dl(오른쪽) 상속. 공통 span 규칙의 가운데정렬/패딩만 해제하고 색상만 지정 */
.price_sum_cont .price_sum_list dd .bulk_area_charge_txt{padding:0; text-align:right; color:#e80000;}
.price_sum_cont .price_sum_list dd .bulk_hide_base{display:none;}
/* 260716-47 : 공용 숨김 클래스 */
.bulk_hide_base{display:none;}
.price_sum_cont .tobe_mileage{display:block; width:100%;}
.price_sum_ment p {text-align:right; font-size:14px; color:#666;margin:10px 0 0 0;}

/* 장바구니 버튼 영역 */
.btn_order_box{overflow:hidden; padding:30px 0 0 0; text-align:right;}
.btn_order_box .btn_left_box{float:left;}
.btn_order_box .btn_right_box{float:right;}
.btn_order_box  + .chk_none{display:inline-block; float:right; font-size:14px; color:#666;background:none;}

/* 페이고페이,네이버 페이 */
.pay_box{display:block; float:left; width:100%; margin:10px 0 10px 0; text-align:right;}
.pay_box .payco_pay,
.pay_box .naver_pay{display:inline-block; vertical-align:top; margin:0 0 0 10px;}

/* ------------- 주문서작성/결제 ------------- */
.order_view_info h4{margin:50px 0 0 0;}
.order_cont .table_left th{padding:15px 10px 14px 30px;}
.order_cont .member_email select{width:120px;}
.order_cont input[type="text"]{width:300px;}

.order_view_info .join_agreement_box .form_element label h3 {font-size:15px;}

/* --------- 사은품 선택 --------- */
.order_freebie{}
.order_freebie .order_zone_tit{margin:50px 0 0 0; border-bottom:1px solid #717171;}
.order_freebie_list{}
.order_freebie_list dl{font-size:0; vertical-align:top; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.order_freebie_list dt{display:inline-block; width:150px; padding:20px 10px 10px 0; font-size:12px; vertical-align:top; text-align:center;}
.order_freebie_list dt span{display:block;}
.order_freebie_list dd{display:inline-block; width:auto; padding:0 0 0 20px; font-size:12px; border-left:1px solid #dbdbdb;}
.order_freebie_list dd .form_element{display:inline-block; border-top:none 0;}
.order_freebie_list dd .form_element ul{width:auto;}
.order_freebie_list dl + dl{margin-top:-1px;}
/* 사은품 상품 리스트 */
.order_freebie_list .form_element{display:block; padding:10px 0 0 0; border-top:1px solid #dbdbdb;}
.order_freebie_list ul{display:inline-block; width:100%; font-size:0; /*border-bottom:1px solid #dbdbdb;*/}
.order_freebie_list ul li{display:inline-block; width:100px; padding:0 20px 20px 0; font-size:12px; vertical-align:top;}
.order_freebie_list ul li b{display:block; overflow:hidden; width:78px; height:78px; border:1px solid #ffffff; cursor:default;}
.order_freebie_list ul li b img{width:76px; height:76px; border:1px solid #dbdbdb;}
.order_freebie_list ul li em{display:block; padding:5px 0 0 0;}
.order_freebie_list ul li span{font-size:11px;}
/* 사은품 선택 */
.order_freebie_list .form_element label{cursor:pointer; width:80px; height:80px; text-align:center; position:relative; z-index:1;}
.order_freebie_list .form_element label span{display:block;}
.order_freebie_list .form_element label.on b,
.order_freebie_list .form_element label.on b img{border:1px solid #3e3d3c;}
.order_freebie_list .form_element label.on em{font-weight:bold;}
.order_freebie_list .form_element label.check_s{padding-left:0; background:none 0;}
/* 사은품 오버 시 ,사은품 선택 시 */
.order_freebie_list .form_element label:hover .icon_freebie_check,
.order_freebie_list .form_element label.on .icon_freebie_check{position:absolute; top:2px; left:2px; width:76px; height:76px;
    background:url("../../img/order/icon_freebie_check.png") no-repeat 50%;
    background-color:#ffffff;
    filter:alpha(opacity=60);
    background-color:rgba(255, 255, 255, 0.6);}

/* 이용약관 동의 (260811-9 : 비회원 약관 접기 - 여백 축소) */
.order_agree{margin:20px 0 0 0; padding:18px 25px; background-color:#fafafa;}
.order_agree h4{margin-top:0;}
.order_agree_cont .agreement_box{overflow-x:hidden; overflow-y:auto; height:200px; margin:0 0 20px 0; padding:20px; border:1px solid #ccc; line-height:1.5;box-sizing:border-box;background-color:#fff;font-size:14px;}
.order_agree_cont strong{color:#ab3e55;}

.order_agree .form_element label, .order_agree .form_element strong {font-size:15px;}
.order_agree .form_element strong {color:#e10505;margin-left:10px;}

/* 260811-9 S : 비회원 약관 아코디언 - 제목줄(.js_order_agree_toggle) 클릭 시 약관 본문(.agreement_box)만 접힘/펼침.
   동의 체크박스(.form_element)는 항상 노출. .order_view_info .order_zone_tit(450행)를 이기려고 3단 선택자 사용 */
.order_view_info .order_agree_fold .order_zone_tit{display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0; padding:0; cursor:pointer;}
.order_view_info .order_agree_fold .order_zone_tit h4{font-size:16px; margin:0;}
.order_agree_fold .order_zone_tit .order_agree_arw{display:inline-flex; align-items:center; gap:7px; padding:0; color:#777; font-size:13px; font-weight:normal; white-space:nowrap;}
.order_agree_fold .order_zone_tit .order_agree_arw:after{content:''; display:inline-block; width:7px; height:7px; margin-bottom:3px; border-right:2px solid #999; border-bottom:2px solid #999; transform:rotate(45deg);}
.order_agree_fold.on .order_zone_tit .order_agree_arw:after{margin-bottom:-2px; transform:rotate(-135deg);}
.order_agree_fold .order_agree_cont .agreement_box{display:none; height:180px; margin:14px 0 0 0;}
.order_agree_fold.on .order_agree_cont .agreement_box{display:block;}
.order_agree_fold .order_agree_cont .form_element{margin-top:12px;}
/* 260811-9 E */

/* --------- 배송정보 --------- */
/* 주문자 정보 */
.order_info .order_zone_tit h4 {font-size:20px; font-weight:500;}
.order_info .b_ment {margin:10px 0 0;}
.order_info .b_ment p {font-size:15px; color:#666;}

/* 배송지확인 */
.order_cont table ul{display:inline-block; vertical-align:middle;}
.order_cont table li{display:inline-block; padding:0 20px 0 0;}
.order_cont table ul .btn_gray_list{display:inline-block;}
/* 받으실 곳 */
#contents .member_address .address_postcode{overflow:hidden; position:relative;}
#contents .member_address .address_postcode input{float:left;}
#contents .member_address .address_postcode .old_post_code{position:absolute; top:6px; left:55px; color:#333333;}
#contents .member_address .address_postcode .btn_post_search{float:left; margin:0 0 0 5px; padding:8.5px 15px; border:1px solid #666666; background-color:#666666;color:#fff;font-size:14px;}
#contents .member_address .address_input{float:left; width:98%;}
#contents .member_address .address_input input:first-child{width:400px;}
#contents .member_address .address_input input{width:250px; margin:10px 0 0 0;}
/* 남기실 말씀 */
.td_last_say input[type="text"]{width:90%;}
/* 회원정보 반영 */
.order_cont .order_table_type .form_element label.check_s{padding-left:32px;}
.order_cont .order_table_type .member_info_delivery {margin-bottom:5px;}
.order_cont .order_table_type .member_info_delivery em{color:#329cff;}
.order_cont .order_table_type .member_info_apply span{color:#979797;}

/* --------- 추가 정보 --------- */
.order_cont .addition_info{}
.order_cont .addition_info td{padding-left:30px; padding-right:30px;}

/* --------- 결제 정보 > 할인 및 적립 --------- */
.order_payment_sum{color:#444444; font-size:18px;}
.order_cont .order_benefit_list{color:#333333;}
.order_cont .order_benefit_list li{display:block; margin-bottom:5px;}
.order_cont .order_benefit_list li:last-child {margin-bottom:0;}
.order_cont .order_benefit_list li span{color:#666;}
.order_cont .order_benefit_list .order_benefit_sale{}
.order_cont .order_benefit_list .order_benefit_mileage{}
.order_cont .order_benefit_list .order_benefit_sale em{padding: 3px 0 0 30px; background: url(../../img/new/ico/icon_discount.png) no-repeat 0 0; background-size: contain; height: 25px; display: inline-block; box-sizing: border-box;font-size:15px; font-weight:500;}
.order_cont .order_benefit_list .order_benefit_mileage em{padding:0 0 0 30px; background:url("../../img/new/ico/icon_mileage.png") no-repeat; background-size: contain;height: 25px; display: inline-block;}
.order_cont .table_left tr td .add_currency{color: #717171;}

/* 마일리지사용, 예치금 사용 */
.order_money_use{}
.order_money_use > b{font-weight:normal;}
.order_money_use > b input[type="text"]{text-align:right;}
.order_money_use .form_element{padding:0 0 0 10px; vertical-align:middle;}
.order_money_use .money_use_sum{color:#329cff;}
.order_money_use .money_use_txt{display:block; padding:5px 0 0 0; color:#329cff;}

/* --------- 결제수단 선택/결제 --------- */
.payment_progress{}
.payment_progress .order_zone_tit > p{padding:2px 0 0 0; color:#ab3e55; font-size:12px;}
.payment_progress_list{border-top:1px solid #333;}
.payment_progress_list dl{display: table; width: 100%; font-size:0; border-top:1px solid #333; background-color:#fafafa; border-bottom:1px solid #e6e6e6;}
.payment_progress_list dt{display:table-cell; width:220px; padding:15px 0 15px 26px; font-size:15px; font-weight:500;vertical-align:middle;}
.payment_progress_list dd{display:table-cell; font-size:12px; vertical-align:middle; background-color:#fff; padding:15px 0 15px 25px;}
.payment_progress_cont{}
/* 라디오 버튼  선택 */
.payment_progress .payment_progress_select{font-size:0;}
.payment_progress .payment_progress_select li{display:inline-block; margin:0 30px 0 0; font-size:15px;}

/* ----- 페이코결제 ----- */
.payco_payment{margin-top:-10px;}
.payco_payment dl{padding:30px 0 25px 0; background:#f9f9f9;}
.payco_payment dt{display:block; width:100%;}
.payco_payment dd{display:block; padding:20px 0 0 0;}
.payco_payment ul{display:inline-block; font-size:0;}
.payco_payment li{display:inline-block;}
.payco_payment .form_element label{display:block; cursor:pointer;}
.payco_payment .form_element label.choice_payco{min-width:13px; padding:0 0 30px 22px; background:url('../../img/order/payco_radio_off.png') no-repeat 65px 85px;}
.payco_payment .form_element label.choice_payco:hover{background:url('../../img/order/payco_radio_over.png') no-repeat 65px 85px;}
.payco_payment .form_element label.choice_payco.on{background:url('../../img/order/payco_radio_on.png') no-repeat 65px 85px;}
.payco_payment .form_element label.choice_payco span{display:block; overflow:hidden; width:100px; height:74px; cursor:default;}
.payco_payment .form_element label.choice_payco.on span img{margin-top:-75px;}


/* ----- 일반결제 ----- */
.general_payment{}
.general_payment dd{min-width:520px;}
.general_payment dd .form_element {}
.general_payment dd .form_element ul li label {font-size:15px;}

/* 무통장 입금 */
.pay_bankbook_box{margin:10px 0 0 0; padding:10px 0 0 0;}
.pay_bankbook_box .form_element{width:100%;}
.pay_bankbook_box .pay_bankbook_txt{color:#222; font-size:15px;}
.pay_bankbook_box ul{padding:10px 0 10px 0;}
.pay_bankbook_box ul li{padding:10px 0 10px 0;}
.pay_bankbook_box ul li strong{display:inline-block; width:70px;font-size:15px; color:#222;}
.pay_bankbook_box ul li select{width:350px; margin-top:-5px;}
#wrap .pay_bankbook_box .chosen-container{vertical-align:middle;}

/* ----- 에스크로 결제 ----- */
.escrow_payment{}

/* ----- 해외PG ----- */
.pg_payment{}
.pg_payment dd{min-width:520px;}
.pay_pg_box{margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px dotted #dbdbdb;}
.pay_pg_box .form_element{width:100%;}
.pay_pg_box ul{padding:0 0 10px 0;}
.pay_pg_box ul li{padding:10px 0 10px 0;}
.pay_pg_box ul li strong{display:inline-block; width:160px;}
.pay_pg_box ul li select{width:350px; margin-top:-5px;}
#wrap .pay_pg_box .chosen-container{vertical-align:middle;}


/* ----- 현금영수증 / 계산서 발행 ----- */
.cash_tax_get{}
.cash_tax_get > dl{background:#f9f9f9; border-top:0;}
.cash_tax_get .btn_reset{display:inline-block; padding:2px 7px;  margin:0 0 0 10px; background:#fff; border:1px solid #989898;}
.cash_tax_get .choice_s .cash_receipt_non{font-size:15px;}
/* 260824-2 : 세금계산서 [회원정보 불러오기]/[회원정보에 저장] 버튼, 발행 이메일 동일 체크 */
.cash_tax_get .tax_member_load{padding:3px 12px; margin:0 0 0 10px; background:#fff; border:1px solid #e10505; border-radius:3px; cursor:pointer;}
.cash_tax_get .tax_member_load em{color:#e10505; font-style:normal;}
.tax_invoice_box .tax_biz_save{margin:10px 0 0; text-align:right;}
.tax_invoice_box .tax_biz_save_desc{margin-right:8px; font-size:12px; color:#767676;}
.tax_invoice_box .btn_tax_biz_save{padding:6px 14px; background:#e10505; border:1px solid #e10505; color:#fff; border-radius:3px; cursor:pointer;}
.tax_invoice_box .tax_email_same{display:inline-block; margin-left:8px; font-size:13px; color:#333; cursor:pointer;}
.tax_invoice_box .tax_email_same input{vertical-align:middle; margin-right:3px; accent-color:#e10505;}
#taxReceiptView label {font-size:15px;}
/* 현금영수증 */
.cash_receipt_box{padding:20px 0 20px 0; border-bottom:1px solid #dbdbdb;}
.cash_receipt_box .form_element{display:block;}
.cash_receipt_box .payment_progress_select{display:block; padding:0 0 20px 24px; font-size:0; border-bottom:1px dotted #dbdbdb;}
.cash_receipt_box .cash_receipt_list dl{display:block; padding:20px 0 0 0; font-size:0; border-bottom:none 0;}
.cash_receipt_box .cash_receipt_list dt{display:inline-block; width:117px; padding:5px 0 0 24px; font-size:12px; font-weight:bold;}
.cash_receipt_box .cash_receipt_list dd{display:inline-block; font-size:12px;}

/* 2026-06-01 세금계산서 테이블 정돈되도록 수정 S */
.tax_invoice_box {padding:20px 0 20px 0;}
.tax_invoice_box .order_table_type .table_left{width:100%; border-top:1px solid #999999;}
.tax_invoice_box .order_table_type th{padding:15px 10px 14px 20px; border-bottom:1px solid #e6e6e6; background:#fafafa; vertical-align:middle;}
.tax_invoice_box .order_table_type td{padding:12px 10px 11px 25px; border-bottom:1px solid #e6e6e6; background:#fff;}
.tax_invoice_box .order_table_type .cash_receipt_email select{width:130px;}
/* 2026-06-01 세금계산서 테이블 정돈되도록 수정 E */


/* 결제금액, 필수체크 */
.payment_final{margin:30px 0 0 0;}
.payment_final_total{padding:27px 46px 27px 0; background-color:#f8f8f8; text-align:center;}
.payment_final_total dl{display:inline-block; font-size:0;}
.payment_final_total dt{display:inline-block; padding:0 15px 0 0; font-size:18px; font-weight:500;}
.payment_final_total dd{display:inline-block; font-size:30px; color:#ab3e55;}
.payment_final_total dd span, .payment_final_total dd strong {color:#e10505; font-size:25px; font-weight:bold;font-family : "roboto" !important;}
.payment_final .payment_final_check{padding:30px 0 20px 0; text-align:center;}
.payment_final .payment_final_check label {padding-left:40px;}
.payment_final .payment_final_check em{font-size:15px; color:#222;}
.payment_final .payment_final_check em b{font-size:15px; color:#e10505;}

/* ------------- 주문완료 ------------- */
.order_end{}
.order_end_completion{padding:40px 0 40px 0; text-align:center; background-color:#fafafa; margin:40px 0 0;}
.order_end_completion p{padding:15px 0 0 0; line-height:2;}
.order_end_completion strong{font-size:22px;}
.order_end_completion em{font-size:14px;}
.order_end .order_table_type{margin:0 0 50px 0;}
/* 결제수단 */
.pay_with_list{color:#333333;}
.pay_with_list > strong{display:block; font-size:13px;}
.pay_with_list ul{margin:5px 0 0 0;}
.pay_with_list ul li{display:block; padding:2px 0 2px 0;}
.pay_with_list .deposit_money{color:#e10505;font-size:15px; font-weight:700;font-family : "roboto" !important;}


/* ------------- 상품쿠폰 적용 레이어 ------------- */
.goods_coupon_box .fc_red {color:#fa2828 !important; }
.goods_coupon_box .fc_blue{color:#3030F8 !important; }
.goods_coupon_box .pick_add_plus { display: table-cell; width: 38px; padding: 0 10px 0 0; vertical-align: middle;}
.goods_coupon_box .pick_add_plus em {  padding: 1px 5px 3px 5px; color: #ffffff; font_size: 11px; background: #959595;}

/* 2026-05-18 장바구니 리스트 수량 증감 UI */
.count_box { display: inline-flex; width: 68px; min-width: 68px; height: 34px; border: 1px solid #ccc; background: #fff; align-items: center; vertical-align: middle; box-sizing: border-box; margin: 0; }
.count_box button { display: flex; align-items: center; justify-content: center; width: 20px; height: 32px; line-height: 32px; border: 0; background: transparent; font-size: 15px; cursor: pointer; padding: 0; margin: 0; }
.count_box input.goods_cnt { flex: 1; width: 26px; height: 32px; line-height: 32px; border: 0; padding: 0; margin: 0; text-align: center; font-size: 13px; color: #222; background: transparent; box-sizing: border-box; outline: none; }
/* // 2026-05-18 장바구니 리스트 수량 증감 UI */

/* 2026-06-01 이메일 도메인 chosen 위치/클릭영역 보정 S */
#emailDomain_chosen,
#taxEmailDomain_chosen {
    width:120px !important;
    margin-left:10px;
    vertical-align:top;
}

#emailDomain_chosen .chosen-single,
#taxEmailDomain_chosen .chosen-single {
    width:100%;
    height:40px !important;
    line-height:40px !important;
    margin-left:0 !important;
    box-sizing:border-box;
}

#emailDomain_chosen .chosen-single > span,
#taxEmailDomain_chosen .chosen-single > span {
    line-height:40px !important;
}

#emailDomain_chosen .chosen-drop,
#taxEmailDomain_chosen .chosen-drop {
    width:100% !important;
    box-sizing:border-box;
}

#emailDomain_chosen.chosen-with-drop .chosen-drop,
#taxEmailDomain_chosen.chosen-with-drop .chosen-drop {
    left:0 !important;
}
/* 2026-06-01 이메일 도메인 chosen 위치/클릭영역 보정 E */
/* ============================================================
   260806-7 S : 주문서 개편 스타일 통합 정리 (기존 260805-23/-26/-28/-29/-30, 260806-1/-5/-6 블록 통합)
   - 같은 선택자를 블록마다 덮어쓰던 중복 규칙을 항목별 1곳으로 합침. 값은 마지막에 적용되던 값 기준이라
     화면 결과는 동일. (통합 전 파일 백업 : /_to_delete/order_css_260806_before_정리.css)
   - 이번 변경 2건 : (1) 배송정보 : 주문자정보 = 2 : 1 (시안 비율)
                     (2) 주문자정보 입력란이 패널 밖으로 넘치던 문제 수정
   - 짝이 되는 마크업 주석 : order/order.html 260805-17~30, 260806-2~4
   ============================================================ */

/* ---------- 1. 섹션 타이틀 + 번호 배지 ---------- */
.order_zone_tit { border-bottom:none; padding-bottom:10px; }
.order_zone_tit h4 { display:flex; align-items:center; line-height:1.2; } /* 배지와 타이틀 텍스트 세로 중앙 정렬 */
.order_zone_tit h4 .sec_no { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; margin-right:10px; padding:0; background:#1a1a1a; color:#fff !important; font-size:15px; font-weight:700; line-height:1; border-radius:3px; }
.order_view_info .order_zone_tit { margin-top:50px; }
.order_view_info .order_zone_tit h4 { margin:0; }
.order_goods_section .order_zone_tit { margin-bottom:0; }
.order_goods_section .order_zone_tit h4 { margin:0; font-size:20px; font-weight:500; }
.order_goods_section .order_table_type { margin-top:0; border:1px solid #ececec; border-radius:10px; overflow:hidden; } /* 260806-23 : 상품리스트 바깥 라운드 박스(시안) */

/* ---------- 2. 배송정보(1) / 주문자정보(2) 좌우 2단 ---------- */
/* 폭 비율 = 아래 flex 숫자 (2:1 = 67%:33%, 3:1 = 75%:25%) */
.order_top_cols { display:flex; gap:20px; align-items:stretch; }
.order_top_cols .delivery_info { flex:2 1 0; min-width:0; display:flex; flex-direction:column; }
.order_top_cols .order_info { flex:1 1 0; min-width:0; display:flex; flex-direction:column; }
/* 두 패널 높이 동일 : 짧은 쪽 패널이 남은 높이를 채움 */
.order_top_cols .delivery_info > .order_table_type,
.order_top_cols .order_info > .order_table_type { flex:1 1 auto; }

/* 패널 박스 + 셀 (경계선/배경 제거) */
.order_top_cols .order_table_type { border:1px solid #e0e0e0; border-radius:8px; padding:14px 24px; background:#fff; }
.order_top_cols .order_table_type table { width:100%; table-layout:fixed; }
.order_top_cols .order_table_type .table_left { border-top:none; }
.order_top_cols .order_table_type .table_left th { width:120px; padding:14px 10px 14px 0; background:#fff; border:none; white-space:nowrap; vertical-align:middle; font-size:15px; font-weight:500; color:#222; }
.order_top_cols .order_table_type .table_left td { background:#fff; border:none; padding:9px 0 9px 6px; }
.order_top_cols .order_info .order_table_type .table_left th { width:105px; padding-right:6px; }

/* 라벨 열 폭 고정 : 마크업의 인라인 col width(15%/85%, 20%/80%)는 !important 로만 덮어쓸 수 있음 */
.order_top_cols .delivery_info > .order_table_type > table > colgroup > col:first-child { width:120px !important; }
.order_top_cols .order_info > .order_table_type > table > colgroup > col:first-child { width:105px !important; }
.order_top_cols .delivery_info > .order_table_type > table > colgroup > col:last-child,
.order_top_cols .order_info > .order_table_type > table > colgroup > col:last-child { width:auto !important; }

/* 입력란이 패널을 벗어나지 않도록 : 스킨 공통값(.order_cont input[type="text"]{width:300px}, 이 파일 187행)을 덮어씀 */
.order_top_cols .order_table_type td input[type="text"],
.order_top_cols .order_table_type td input[type="password"],
.order_top_cols .order_table_type td select,
.order_top_cols .order_table_type td .chosen-container { max-width:100%; box-sizing:border-box; }
.order_top_cols .order_info .order_table_type td input[type="text"] { width:100% !important; }
.order_top_cols .delivery_info input[name="orderMemo"] { width:70%; }
.order_top_cols .delivery_info .address_postcode input[name="receiverZonecode"] { width:40%; max-width:220px; }
.order_top_cols .delivery_info .address_input { display:flex; gap:10px; margin-top:8px; }
.order_top_cols .delivery_info .address_input input[name="receiverAddress"] { flex:2; width:auto; }
.order_top_cols .delivery_info .address_input input[name="receiverAddressSub"] { flex:1; width:auto; }
.order_top_cols .order_info td.member_email .chosen-container { margin-top:6px; }

/* 받으실 분 / 휴대폰 번호 / 전화번호 한 행 (마크업 260805-27, flex 래퍼 260805-30) */
.receiver_inline_td { white-space:nowrap; }
.receiver_inline_wrap { display:flex; flex-wrap:wrap; align-items:center; }
.receiver_inline_wrap input.receiver_inline_name { flex:1 1 90px; width:auto; min-width:0; }
.receiver_inline_wrap input.receiver_inline_cell { flex:1.3 1 110px; width:auto; min-width:0; }
.receiver_inline_wrap input.receiver_inline_phone { flex:1 1 90px; width:auto; min-width:0; }
.receiver_inline_wrap .td_inline_label { flex:0 0 auto; margin:0 6px 0 12px; white-space:nowrap; font-size:15px; font-weight:500; color:#222; }
.receiver_inline_wrap .safe_number_desc { flex:0 0 100%; white-space:normal; margin-top:6px; font-size:12px; color:#999; }
.receiver_inline_wrap .form_element.td_chk { flex:0 0 auto; margin-left:10px; white-space:nowrap; }
.req { color:#e10505; font-weight:700; margin-left:3px; }

/* ---------- 3. 입력형 테이블/입력란 공통 (장바구니 페이지와 공용) ---------- */
.order_table_type .table_left { border-top:none; }
.order_table_type .table_left th { background:#fff; padding:16px 10px 15px 6px; border-bottom:1px solid #eee; border-right:1px solid #eee; font-size:15px; font-weight:500; color:#222; }
.order_table_type .table_left td { border-bottom:1px solid #eee; padding:12px 10px 11px 20px; }
/* 필수 별표 : 왼쪽 점 아이콘 제거하고 라벨 텍스트 뒤에 빨간 * */
.order_table_type .table_left th > .important { margin:0 !important; padding:0 !important; background:none !important; }
.order_table_type .table_left th > .important:after { content:'*'; margin-left:3px; color:#e10505; font-weight:700; }
/* 입력란 높이 36px, 모서리 5px. 수량 입력칸(count_box)은 예외 - 26px 폭이라 공통값 적용 시 숫자가 안 보임 */
.order_wrap input[type="text"], .order_wrap input[type="password"] { height:36px; line-height:36px; border-radius:5px; padding:0 12px; }
.order_wrap .count_box input.goods_cnt { height:32px; line-height:32px; padding:0; border-radius:0; }
.order_table_type .table_left td .chosen-single { height:36px !important; border-radius:5px; }
.order_table_type .table_left td .chosen-single > span { line-height:36px !important; }
/* 우편번호 검색 / 회색 버튼 : 모서리 5px, 텍스트 정중앙 */
.btn_post_search { border-radius:5px; }
.order_wrap .btn_gray_list .btn_gray_small { display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:90px; height:32px; padding:0 14px; border-radius:5px; box-sizing:border-box; }
.order_wrap .btn_gray_list .btn_gray_small em,
.order_wrap .btn_gray_list .btn_gray_small span { line-height:normal; padding:0; }

/* ---------- 4. 카테고리별 상품 리스트 (원본 테이블은 숨기고 JS가 분배 : order.html 260805-22) ---------- */
.order_goods_master { display:none; }
.order_goods_section { margin-top:50px; }
.order_goods_section .order_table_type th { background:#fafafa; border-top:none; border-bottom:1px solid #d9d9d9; padding:14px 10px; font-size:14px; font-weight:500; color:#333; } /* 260806-23 : 헤더 옅은 배경 */
.order_goods_section .order_table_type td { border-bottom:1px solid #f2f2f2; padding:14px 10px; }
.order_goods_section .order_table_type tbody tr:last-child td { border-bottom:none; } /* 260806-23 : 마지막 행 밑줄 제거 */
.order_goods_section .order_table_type .pick_add_cont .pick_add_img { width:65px; height:65px; padding:0 12px 0 0; }
.order_goods_section .order_table_type .pick_add_cont .pick_add_img img { width:65px; height:65px; }

/* ---------- 5. 모아배송 안내 바 (마크업 260805-24/-25/-29) ---------- */
.order_moa_bar { margin:8px 0 18px; padding:22px 26px 20px; border:1px solid #f3caca; background:#fef7f7; border-radius:10px; } /* 260806-11 : 여백 */
.order_moa_bar_head { display:flex; align-items:center; gap:14px; }
.order_moa_bar_tit { display:inline-flex; align-items:center; font-size:19px; font-weight:700; color:#111; white-space:nowrap; }
.order_moa_bar_tit img { height:26px; margin-right:10px; }
.order_moa_bar_sub { flex:1; font-size:14px; color:#888; min-width:0; } /* 260806-11 : 부제 축소 */
.order_moa_bar_sub strong { color:#d71920; font-weight:700; }
.order_moa_what { display:inline-flex; align-items:center; gap:6px; font-size:15px; color:#333 !important; white-space:nowrap; text-decoration:none; }
.order_moa_what .qmark { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; background:#222; color:#fff; border-radius:50%; font-size:13px; font-weight:700; }
.order_moa_bar_progress_wrap { margin:18px 0 50px; } /* 260806-12 : 아래 여백. 진행바 아래 라벨(합짐/단독)이 absolute 라 높이를 차지하지 않고, .order_moa_bar_bottom 의 margin-top 은 이 margin-bottom 과 상쇄(margin collapsing)되어 큰 값만 적용됨 -> 여기서 조절할 것 */
.order_moa_bar_progress { position:relative; height:12px; background:#FFF; border:1px solid #e3dada; border-radius:6px; box-sizing:border-box; } /* 260806-11 : 미달성 구간 회색 테두리 */
.order_moa_bar_progress_fill { position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg, #f6b06a, #ef7d1a); border-radius:6px; }
.order_moa_bar_dot { position:absolute; top:50%; width:22px; height:22px; margin:-11px 0 0 -11px; background:#fff; border:2px solid #e8492c; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,0.12); box-sizing:border-box; } /* 260806-11 : 테두리 색 */
.order_moa_bar_dot.on { background:#ef7d1a; border-color:#ef7d1a; }
.order_moa_bar_dot_end { left:100%; }
.order_moa_bar_dot em { position:absolute; top:26px; left:50%; transform:translateX(-50%); font-size:13px; color:#555; white-space:nowrap; font-style:normal; }
.order_moa_bar_dot_end em { left:auto; right:-4px; transform:none; }
.order_moa_bar_bottom { display:flex; align-items:stretch; gap:14px; margin-top:22px; } /* 260806-12 : 이 margin-top 은 위 progress_wrap 의 margin-bottom 과 상쇄됨(둘 중 큰 값만 적용) */

/* 260806-21 : 하단 3칸 카드 (지역+현재수량 | 합짐까지 | 단독까지). 마크업 order.html 260806-21 */
.order_moa_cards { flex:1; display:flex; align-items:stretch; min-width:0; border:1px solid #f0e6e6; border-radius:10px; background:#fff; }
.order_moa_card { flex:1; display:flex; align-items:center; gap:16px; padding:16px 20px; min-width:0; }
.order_moa_card + .order_moa_card { border-left:1px solid #f2ecec; }
.order_moa_card > img { flex:0 0 auto; width:62px; height:62px; }
.order_moa_card_txt { min-width:0; }
.order_moa_card_tit { display:block; font-size:15px; font-weight:500; color:#333; white-space:nowrap; }
.order_moa_card_val { display:block; margin-top:4px; font-size:15px; color:#777; white-space:nowrap; }
.order_moa_card_val strong { margin-right:3px; font-size:26px; font-weight:700; color:#e54600; }
.order_moa_card_val .order_moa_card_ok { font-style:normal; font-size:20px; font-weight:700; color:#e54600; }
.order_moa_card_val .order_moa_card_no { font-style:normal; font-size:16px; font-weight:700; color:#999; }
.order_moa_card:first-child .order_moa_card_val strong { color:#222; } /* 현재 담긴 수량 숫자는 검정 */

/* 지역을 못 찾았을 때만 노출되는 안내 문구 */
.order_moa_bar_msg { flex:1; display:flex; align-items:center; margin:0; font-size:17px; color:#5a5a5a; line-height:1.4; }
.order_moa_bar_msg .order_moa_tel { color:#d71920; font-size:17px; font-weight:700; margin:0 2px; } /* 260806-17 : 담당자 문의 전화번호 */

.order_moa_add_btn { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; width:104px; padding:0 10px; background:#d71920; color:#fff !important; font-size:16px; font-weight:700; line-height:1.35; text-align:center; border-radius:6px; white-space:nowrap; } /* 260806-21 : 2줄 세로 버튼 */
.order_moa_add_btn:hover { background:#b31218; }

/* ---------- 6. 결제정보(5) / 결제수단(6) 좌우 2단 ---------- */
.order_pay_cols { display:flex; gap:20px; align-items:flex-start; }
.order_pay_cols .payment_info { flex:1 1 0; min-width:0; }

.order_pay_cols .payment_progress { flex:1 1 0; min-width:0; } /* 260806-23 : 50:50 (기존 1:1.3) */
/* 결제정보 패널 */
.order_pay_cols .payment_info .order_table_type { border:1px solid #e0e0e0; border-radius:8px; padding:6px 24px; background:#fff; }
.order_pay_cols .payment_info .order_table_type table { width:100%; table-layout:fixed; }
.order_pay_cols .payment_info .order_table_type .table_left { border-top:none; } /* 260806-26 : custom.css 293행의 상단 회색선 제거 */
.order_pay_cols .payment_info colgroup col:first-child { width:130px !important; } /* 인라인 15% 대체 - '상품 합계 금액' 줄넘김 방지 */
.order_pay_cols .payment_info .table_left th { width:130px; padding:16px 0 15px; background:#fff; border-right:none; border-bottom:1px solid #eee; white-space:nowrap; text-align:left; font-size:15px; font-weight:500; color:#222; }
.order_pay_cols .payment_info .table_left td { border-bottom:1px solid #eee; padding:12px 0 11px; text-align:right; }
.order_pay_cols .payment_info .table_left td .form_element { text-align:right; }
.order_pay_cols .payment_info .table_left tr.last_price th { border-top:2px solid #555; border-bottom:none; font-size:16px; font-weight:700; }
.order_pay_cols .payment_info .table_left tr.last_price td { border-top:2px solid #555; border-bottom:none; padding:16px 0; }

/* 260806-23 : 마일리지/예치금 사용 - 입력칸 축소 + 단위/체크박스 한 줄 (시안) */
.order_pay_cols .payment_info .order_money_use { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; }
.order_pay_cols .payment_info .order_money_use > b { display:inline-flex; align-items:center; gap:6px; font-weight:normal; }
.order_pay_cols .payment_info .order_money_use input[type="text"] { width:130px; height:34px; line-height:34px; padding:0 10px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; text-align:right; }
.order_pay_cols .payment_info .order_money_use .form_element { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; padding:0; }
.order_pay_cols .payment_info .order_money_use .money_use_sum { color:#329cff; font-size:15px; } /* 260806-26 : 금액 텍스트와 동일 크기 */
.order_pay_cols .payment_info .order_money_use .form_element label.check_s { background-position:0 center; font-size:15px; line-height:24px; } /* 260806-26 : 체크 아이콘 세로 중앙 + 글자 크기 */
.order_pay_cols .payment_info .order_money_use .money_use_txt { flex:0 0 100%; text-align:right; }

/* 260806-26 : 할인/적립/쿠폰 - 고도몰 기본 마크업(em + 아이콘 규칙 272~273행)을 그대로 쓰고 줄 배치만 조정.
   종류별 줄은 .benefit_item, 금액 0인 줄 숨김은 order.html 의 gd_order_benefit_zero_hide() 가 처리 */
.order_pay_cols .payment_info .order_benefit_list > li { padding:2px 0; }
.order_pay_cols .payment_info .order_benefit_list em { height:auto; min-height:25px; text-align:right; }
.order_pay_cols .payment_info .benefit_item { display:block; font-size:15px; color:#666; }
.order_pay_cols .payment_info .benefit_item + .benefit_item { margin-top:4px; }
.order_pay_cols .payment_info .benefit_item strong { margin-left:6px; font-weight:700; color:#222; }
.order_pay_cols .payment_info .order_benefit_mileage .benefit_item strong { color:#e10505; }
.order_pay_cols .payment_info .benefit_item strong span,
.order_pay_cols .payment_info .benefit_item strong b { color:inherit; } /* 260806-27 : 금액이 span/b 로 감싸져 있어 269행 '.order_cont .order_benefit_list li span{color:#666}' 이 적용되던 것 - 부모(strong) 색 상속 */
/* 결제수단 패널 */
.order_pay_cols .payment_progress .payment_progress_list { border:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-radius:8px; padding:6px 24px; background:#fff; } /* 260806-23 : 기본 스킨의 border-top:1px solid #333 덮어씀 */
.order_pay_cols .payment_progress_list dl { display:flex; align-items:flex-start; margin:0; padding:16px 0; border-top:none; border-bottom:1px solid #eee; background:none; } /* 260806-23 : 상단 진한 선/회색 배경 제거 */
.order_pay_cols .payment_progress_list dl dt { flex:0 0 auto; min-width:130px; padding:2px 24px 0 0; background:none; white-space:nowrap; font-size:15px; font-weight:500; color:#222; }
.order_pay_cols .payment_progress_list dl dd { flex:1; margin:0; padding:15px 0; min-width:0; background:none; }
.order_pay_cols .payment_progress_list dl:last-child { border-bottom:none; } /* 260806-23 */

/* 260806-28 S : 결제수단 영역 - 운영몰의 여러 결제수단/현금영수증/세금계산서 폼이 패널 안에 들어오도록 정리 */
/* 결제수단 라디오 : 개수가 늘어도 자동 줄바꿈 */
.order_pay_cols .payment_progress .payment_progress_select { display:flex; flex-wrap:wrap; align-items:center; gap:12px 26px; font-size:15px; }
.order_pay_cols .payment_progress .payment_progress_select li { display:inline-flex; align-items:center; margin:0; font-size:15px; }
/* 입력요소가 패널 밖으로 나가지 않도록 */
.order_pay_cols .payment_progress input[type="text"],
.order_pay_cols .payment_progress select,
.order_pay_cols .payment_progress .chosen-container { max-width:100%; box-sizing:border-box; }
/* 무통장 입금 : 라벨 윗줄 + 입력칸 전체폭 */
.order_pay_cols .pay_bankbook_box { margin:12px 0 0; padding:0; }
.order_pay_cols .pay_bankbook_box ul { padding:6px 0 0; }
.order_pay_cols .pay_bankbook_box ul li { padding:10px 0 0; }
.order_pay_cols .pay_bankbook_box ul li strong { display:block; width:auto; margin:0 0 6px; font-size:15px; }
.order_pay_cols .pay_bankbook_box ul li input[type="text"] { width:100%; }
.order_pay_cols .pay_bankbook_box ul li select { width:100%; margin-top:0; }
.order_pay_cols .pay_bankbook_box .chosen-container { width:100% !important; }
/* 현금영수증 */
.order_pay_cols .cash_receipt_box { padding:16px 0 4px; border-bottom:none; }
.order_pay_cols .cash_receipt_box .payment_progress_select { padding:0 0 14px; border-bottom:1px solid #eee; }
.order_pay_cols .cash_receipt_box .cash_receipt_list dl { display:flex; align-items:center; gap:12px; padding:12px 0 0; border-bottom:none; }
.order_pay_cols .cash_receipt_box .cash_receipt_list dt { width:auto; min-width:100px; padding:0; font-size:15px; font-weight:500; color:#222; }
.order_pay_cols .cash_receipt_box .cash_receipt_list dd { flex:1; padding:0; font-size:15px; }
.order_pay_cols .cash_receipt_box .cash_receipt_list dd input[type="text"] { width:100%; max-width:280px; }
/* 세금계산서 : 4열 표를 패널 폭에 맞춤(인라인 col width 20/30/20/30 은 !important 로만 덮임) */
.order_pay_cols .tax_invoice_box { padding:16px 0 4px; }
.order_pay_cols .tax_invoice_box .order_table_type .table_left { width:100%; table-layout:fixed; border-top:none; }
.order_pay_cols .tax_invoice_box colgroup col:nth-child(1),
.order_pay_cols .tax_invoice_box colgroup col:nth-child(3) { width:100px !important; }
.order_pay_cols .tax_invoice_box colgroup col:nth-child(2),
.order_pay_cols .tax_invoice_box colgroup col:nth-child(4) { width:auto !important; }
.order_pay_cols .tax_invoice_box .order_table_type th { width:100px; padding:12px 10px 12px 0; background:#fff; border:none; border-bottom:1px solid #eee; text-align:left; vertical-align:middle; white-space:nowrap; font-size:15px; font-weight:500; color:#222; }
.order_pay_cols .tax_invoice_box .order_table_type td { padding:10px 14px 10px 0; background:#fff; border:none; border-bottom:1px solid #eee; }
.order_pay_cols .tax_invoice_box .order_table_type td input[type="text"] { width:100%; }
.order_pay_cols .tax_invoice_box .address_postcode { display:flex; align-items:center; gap:8px; overflow:visible; }
.order_pay_cols .tax_invoice_box .address_postcode input[type="text"] { flex:0 0 140px; width:140px; }
.order_pay_cols .tax_invoice_box .address_input { display:flex; gap:8px; width:100%; margin-top:8px; float:none; }
.order_pay_cols .tax_invoice_box .address_input input[type="text"] { flex:1; width:auto; margin:0; }
.order_pay_cols .tax_invoice_box .btn_post_search { display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 14px; border:0; border-radius:5px; background:#555; color:#fff; font-size:14px; white-space:nowrap; cursor:pointer; }
.order_pay_cols .tax_invoice_box .cash_receipt_email .chosen-container { margin-top:6px; }
/* 260806-28 E */

/* ---------- 7. 기타 ---------- */
.order_guest_agree_top { margin-bottom:10px; }                       /* 비회원 약관동의 상단 배치 */
.payment_final .payment_final_total { display:none; }                /* 최종결제금액은 결제정보 영역에 동일 표시가 있어 숨김 */
.payment_final { text-align:center; }
.payment_final .payment_final_check { display:inline-block; margin:20px 0 5px; }
#orderMoaBanner { display:none !important; }                          /* 기존 용차 이미지 배너 -> 모아배송 안내 바로 대체. 되살리려면 이 줄 삭제 */
/* 260811-34 : 벌크 안내 배너 복원. 벌크 상품 섹션(#orderGoodsSecBulk) 안 상품표 아래에 위치하므로
   벌크 상품이 없으면 섹션(.dn)과 함께 자동으로 숨겨진다. display 는 지정하지 않는다(.dn 이 이겨야 함). */
/* 260811-38 : 배너가 흰 라운드 박스(.order_table_type) 안으로 들어감 - 바깥 margin 대신 박스 안쪽 padding */
#orderBulkBanner { margin:0; padding:14px 14px 16px; text-align:center; background:#fff; }
#orderBulkBanner img { max-width:100%; height:auto; vertical-align:top; }
/* 260806-7 E */

/* ---------- 8. 상품추가 레이어 / 상품 삭제 버튼 ---------- */
/* 260807-10 S : 주문서 상품추가 레이어 */
.gd_order_add_dim { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.45); z-index:1200; }
.gd_order_add_layer { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:680px; max-width:94vw; max-height:80vh; background:#fff; border-radius:8px; box-shadow:0 8px 30px rgba(0,0,0,.25); z-index:1210; display:flex; flex-direction:column; overflow:hidden; }
.gd_order_add_head { display:flex; align-items:center; gap:10px; padding:16px 20px; border-bottom:1px solid #e5e5e5; }
.gd_order_add_head strong { font-size:18px; white-space:nowrap; }
.gd_order_add_desc { font-size:12px; color:#888; flex:1 1 auto; }
.gd_order_add_close { margin-left:auto; border:0; background:none; font-size:26px; line-height:1; cursor:pointer; color:#666; padding:0 2px; }
.gd_order_add_list { overflow-y:auto; overflow-x:hidden; padding:0 0 10px; } /* 260810-6 : 가로 스크롤 제거 */
.gd_order_add_group { position:sticky; top:0; background:#f7f7f7; padding:9px 20px; font-weight:bold; border-bottom:1px solid #e5e5e5; z-index:1; }
.gd_order_add_group span { color:#888; font-weight:normal; font-size:12px; }
.gd_order_add_item { display:flex; align-items:center; gap:8px; width:100%; box-sizing:border-box; text-align:left; padding:9px 20px; border:0; border-bottom:1px solid #f0f0f0; background:#fff; cursor:pointer; font-size:13px; } /* 260810-6 : label 행 box-sizing 보정(가로 스크롤/체크박스 밀림 원인) */
.gd_order_add_item:hover { background:#fef7f7; }
.gd_order_add_item .nm { flex:1 1 auto; }
.gd_order_add_item .bdg { color:#777; font-size:12px; background:#f2f2f2; border-radius:3px; padding:2px 6px; white-space:nowrap; }
.gd_order_add_item .bdg.soldbdg { color:#fff; background:#bbb; }
.gd_order_add_item .prc { font-weight:bold; white-space:nowrap; min-width:70px; text-align:right; }
.gd_order_add_item.soldout { color:#bbb; cursor:default; background:#fafafa; }
.gd_order_add_item.soldout .prc { font-weight:normal; color:#bbb; }
.gd_order_add_item.adding { opacity:.5; }
.gd_order_add_item.added { background:#e9f7ec; }
.gd_order_add_loading { padding:30px; text-align:center; color:#888; }
/* 260810-4 : 탭 + 하단 담기 바 + 체크박스 (다중선택 일괄 담기 방식 전환) */
.gd_order_add_tabs { display:flex; border-bottom:1px solid #e5e5e5; }
.gd_order_add_tabs button { flex:1 1 0; padding:11px 0; border:0; background:#fafafa; font-size:14px; cursor:pointer; color:#888; border-bottom:2px solid transparent; }
.gd_order_add_tabs button.on { background:#fff; color:#e10505; font-weight:bold; border-bottom-color:#e10505; }
.gd_order_add_item input.gd_order_add_chk { width:17px; height:17px; margin-left:6px; flex:0 0 auto; accent-color:#e10505; cursor:pointer; }
.gd_order_add_foot { display:flex; align-items:center; gap:12px; padding:12px 20px; border-top:1px solid #e5e5e5; background:#fff; }
.gd_order_add_sel { font-size:13px; color:#555; flex:1 1 auto; }
.gd_order_add_sel strong { color:#e10505; }
.gd_order_add_submit { border:0; background:#e10505; color:#fff; font-size:14px; font-weight:bold; padding:10px 22px; border-radius:5px; cursor:pointer; }
.gd_order_add_submit:disabled { background:#ccc; cursor:default; }
/* 260810-8 : 담기 직후 낙관적 즉시 표시 임시 행 (서버 갱신 시 자동 교체) */
.gd_temp_add_row td { padding:12px 16px !important; background:#fffdf5; color:#8a6d1a; font-size:13px; border-bottom:1px solid #f0e6c0; text-align:left; }
/* 260807-10 E */
/* 260807-11 S : 주문서 상품 삭제 x 버튼 (260810-2 : 배송비 옆 별도 열로 이동, 원형 테두리 제거 + 확대) */
.gd_order_goods_del { border:0; background:none; color:#999; cursor:pointer; padding:2px 8px; font-size:24px; line-height:1; vertical-align:middle; }
.gd_order_goods_del:hover { color:#e54600; }
.order_cont .order_table_type td.td_goods_del { text-align:center; vertical-align:middle; }
/* 260807-11 E */

/* 260807-12 : 상품추가 레이어 상태표시줄 */
.gd_order_add_status { display:none; padding:7px 20px; background:#fffbe6; color:#8a6d1a; font-size:12px; border-bottom:1px solid #f0e6c0; }

/* ---------- 9. 모아배송 안내 레이어 (260811-10) ---------- */
/* 260811-11 : 시안 비율(가로:세로 = 1 : 0.52)에 맞춰 트럭 이미지 축소 + 세로 여백 전반 축소 */
/* 260811-12 : 레이어 가로 폭 860px -> 760px 축소 (그 외 값 변경 없음) */
/* 모아배송 바의 '모아배송이란?' 클릭 시 노출. 마크업은 order/order.html 하단 260811-10 블록 */
.gd_moa_what_dim { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:1220; }
.gd_moa_what_layer { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:760px; max-width:94vw; max-height:88vh; overflow-y:auto; background:#fdfbf7; border:1px solid #e6ded0; border-radius:10px; box-shadow:0 10px 40px rgba(0,0,0,.25); z-index:1230; }
.gd_moa_what_close { position:absolute; top:10px; right:14px; border:0; background:none; font-size:30px; line-height:1; color:#999; cursor:pointer; padding:0 2px; }
.gd_moa_what_close:hover { color:#333; }
.gd_moa_what_inner { padding:30px 42px 28px; }
.gd_moa_what_head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.gd_moa_what_head_txt h3 { margin:0 0 12px; font-size:32px; font-weight:800; color:#1a1a1a; line-height:1.2; letter-spacing:-1px; }
.gd_moa_what_head_txt p { margin:0; font-size:15px; color:#3a3a3a; line-height:1.6; }
.gd_moa_what_visual { width:33%; max-width:265px; height:auto; margin-top:-8px; margin-right:-6px; flex:0 0 auto; }
.gd_moa_what_cards { display:flex; gap:24px; margin:22px 0 0; }
.gd_moa_what_card { flex:1 1 0; display:flex; align-items:center; gap:14px; padding:12px 18px; background:#fdf8ee; border:1px solid #f0e3cb; border-radius:8px; }
.gd_moa_what_card_ico { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:57px; height:57px; }
.gd_moa_what_card_ico img { max-width:100%; max-height:100%; }
.gd_moa_what_card_txt { flex:1 1 auto; padding-left:14px; border-left:1px solid #ecdcc0; }
.gd_moa_what_card_txt strong { display:block; margin-bottom:4px; font-size:18px; font-weight:700; color:#e08a00; }
.gd_moa_what_card_txt span { display:block; font-size:13px; color:#555; line-height:1.45; }
.gd_moa_what_line { position:relative; height:3px; margin:22px 0 4px; background:#e8a33a; border-radius:2px; }
.gd_moa_what_line:after { content:''; position:absolute; top:50%; right:-4px; width:14px; height:14px; margin-top:-7px; background:#e8a33a; border-radius:50%; }
.gd_moa_what_list { margin:0; padding:0; list-style:none; }
.gd_moa_what_list li { display:flex; align-items:flex-start; gap:13px; padding:11px 4px; border-bottom:1px dashed #ded4c2; }
.gd_moa_what_list li:last-child { border-bottom:0; padding-bottom:0; }
.gd_moa_what_list li img { flex:0 0 auto; width:22px; height:22px; margin-top:1px; }
.gd_moa_what_list li p { margin:0; font-size:15px; color:#333; line-height:1.55; }
.gd_moa_what_list li p strong { font-weight:700; color:#1a1a1a; }
.gd_moa_what_list li p .sub { color:#666; font-size:14px; }
@media all and (max-width:900px) {
    .gd_moa_what_inner { padding:26px 22px 22px; }
    .gd_moa_what_head { flex-direction:column; }
    .gd_moa_what_head_txt h3 { font-size:25px; }
    .gd_moa_what_visual { width:60%; max-width:100%; margin-top:0; align-self:flex-end; }
    .gd_moa_what_cards { flex-direction:column; gap:12px; }
}
/* 260811-10 E */

/* ---------- 구매 제한 사유 직접 노출 (260811-28) ---------- */
/* '구매 이용 조건 안내 [전체보기]' 레이어팝업을 없애고, 재고부족 등 사유를 상품명 아래에 빨간 글씨로 표시.
   마크업은 order/cart.html, order/order.html 의 260811-28 블록(p.gd_order_impossible) */
.gd_order_impossible { margin:4px 0 0; padding:0; font-size:13px; font-weight:700; color:#e10505; line-height:1.4; }
.gd_order_impossible span { display:inline-block; margin:0 8px 2px 0; }
.gd_order_impossible span:before { content:'!'; display:inline-block; width:14px; height:14px; margin-right:4px; background:#e10505; color:#fff; font-size:10px; font-weight:700; line-height:14px; text-align:center; border-radius:50%; vertical-align:1px; }
/* 260811-28 E */