.select_area{margin:30px 0;}
.form_table th{width:35%;}
.gift_box{position:relative;display:flex;box-sizing:border-box;width:100%;border:2px solid var(--custom-gray3);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;}
.gift_box .img_area{position:relative;display:flex;align-items:center;flex:1;justify-content:center;background-color:var(--custom-blue1);}
.gift_box .img_area img{width:100%;max-width:449px;vertical-align:top;}
/*할인표시*/
.img_area .sale{font-size:16px;font-weight:bold;line-height:16px;position:absolute;top:-3px;left:-3px;display:block;box-sizing:border-box;width:54px;height:58px;padding-top:10px;text-align:center;color:#FFF;background:url(/image/Maniashop/icon_sale2.png) no-repeat;z-index:1;}
.img_area .sale em{font-size:14px;}
/*할인표시*/
.gift_box .gift_txt{float:left;flex:1;box-sizing:border-box;padding:15px 15px 15px 20px;word-break:break-all;}
.gift_box .gift_txt_title{font-weight:bold;}
.gift_box .gift_txt_cont{line-height:130%;margin-bottom:20px;padding-top:10px;}
.form_table .sale_price{font-weight:bold;text-decoration:line-through;color:var(--custom-red4);}
.form_table .sale_price.arrow:after{display:inline-block;width:23px;height:13px;margin:-2px 10px 0 10px;content:'';vertical-align:middle;background:url(/image/Maniashop/icon_arr.png) no-repeat;}
.form_table td{height:54px;}
.form_table .nocount td{background-color:#F8F8F8;}
.pin_price img{height:24px;}

.btn_wrap button[type=submit], .btn_wrap button[type=button]{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/*결제수단 추가 */
.method_wrapper{width:100%;}
.method_wrapper .method_list{width:100%; display:flex; flex-wrap:wrap; gap:1.2%;}
.method_wrapper .method_list > li{flex:0 0 32.5%; margin-bottom:10px; cursor:pointer; position:relative;}
.method_wrapper .method_list > li .card{display:flex;align-items:center;padding:10px 15px; border:1px solid #E4E4E4; border-radius:10px; font-weight:bold;}
.method_wrapper .method_list > li .card.on{background-color:#ECF7FF; border:2px solid #169FFC;}
.method_wrapper .method_list > li .card p:first-child{width:30%; text-align:center;}
.method_wrapper .method_list > li .card p:last-child{width:70%;}
#lock_mileage{position:absolute; top:5px; right:5px; border-radius: 5px; padding:5px 10px; background-color: var(--custom-red5); color:var(--custom-white); font-size:var(--custom-font-size-sm); cursor: pointer;}

@media (max-width:576px){
    .gift_box{flex-direction:column;}
    .method_wrapper .method_list{display:block;}
    #method_layer_wrapper .method_layer{ height:100%; overflow-y:scroll;}
}

.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1001;}
.loading.hide{display:none;}

/*결제수단 점검*/
#method_layer_wrapper{position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0, 0, 0, 0.8); z-index:9999;}
#method_layer_wrapper .method_layer{position:absolute; width:100%; max-width:550px; max-height:873px;top:50%; left:50%; transform:translate(-50%, -50%); background-color:#FFF;}
#method_layer_wrapper .method_layer h4{width:100%; text-align:center; font-size:24px; color:#FFF; padding:17px 0; background:#067DFC linear-gradient(138deg, #067DFC 0, #01B3BF 33%, #00C410 100%); position:relative;}
#method_layer_wrapper .method_layer h4 #close_btn{
    position:absolute;
    top:-2px;
    right:20px;
    cursor:pointer;}
#method_layer_wrapper .method_layer h4 #close_btn:after{
    content:"\00d7";
    display:inline-block;
    font-size:40px;
}
#method_layer_wrapper .method_layer .layer_content{padding:25px 25px 0 25px; text-align:center; }
#method_layer_wrapper .method_layer .table_wrapper{padding:30px;}
#method_layer_wrapper .method_layer .table_wrapper .form_table{border:0;}
#method_layer_wrapper .method_layer .table_wrapper td{font-size:14px; border:1px solid #DDD;text-align:center; height:68px;}
#method_layer_wrapper .method_layer .table_wrapper td#rowspan{background-color:#EEE; font-size:16px;}
#method_layer_wrapper .method_layer .table_wrapper td .time_range{color:#8B8B8B;}
#method_layer_wrapper .method_layer .table_wrapper .service_name{font-size:16px; font-weight:bold;}

#count_wrapper{width: 158px; height: 38px; border: 1px solid #ccc; display: flex; border-radius: 6px; overflow: hidden; float: right;}
.border_y{width: 82px; border-width: 0 1px;}
#count_plus, #count_minus{width: 38px; color: #333333; background-color: #fff; display: flex; align-items: center; justify-content: center;}