.wrap{position: relative; min-height:100%;}
.container{max-width: 1280px; margin: 0 auto;}
.tabcontent .contain_menu button, .payment_failed_modal, .themo_pay_modal, .basket_wrap .basket_payment, .cooking_list, .call_complete, .call_modal .p_txt p, .call_modal  .call_modal_btns .call_order_btn, .call_modal  .call_modal_btns .close_call_modal, .call_modal .call_modal_area h4, .call_modal ul li, .call_modal h3, .order_complete, .basket_wrap .basket_item .basket_item_txt, .basket_wrap .basket_box .basket_top .table_num , .basket_wrap .basket_box .basket_top .so_basket ,.basket_wrap .basket_box .basket_bot .basket_order, .basket_wrap .basket_box .basket_bot .close_basket, .contain_menu {font-family: 'Noto Sans KR', sans-serif;}
.bg {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;display: none; background-color: rgba(0,0,0,0.5); z-index: 3;}
.bg.show{display: block;}
.header {display: flex;  font-family: 'Noto Sans KR', sans-serif; justify-content: space-between; align-items: center; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #F37126;}
.header .logo img {max-width: 70px;}
.header .tabnav{display: flex; gap: 30px;}
.header .tabnav li a{font-size: 18px; white-space: nowrap; font-weight: 600; color: #333;}
.header .tabnav li a.active {color: #F37126; font-weight: 800;}
.tab{padding-bottom: 80px;}
.tabcontent{padding: 40px;}
.tabcontent ul{display: grid; gap:30px;  grid-template-columns: 1fr 1fr 1fr 1fr ;}
.tabcontent .menu_item {border-radius: 10px; background: #FFF; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); padding: 10px; cursor: pointer;}
.tabcontent .menu_item img {border-radius: 5px;}
.tabcontent .menu_item .menu_item_tit{text-align: center; font-family: 'Noto Sans KR', sans-serif; margin:15px 0;  font-weight: 600; color: #333;}
.tabcontent .menu_item .menu_item_name{margin:5px 0; font-weight: 700;}
.tabcontent .contain_menu {margin-top: 10px;}
.tabcontent .menu_item_price{font-weight: 900;}
.tabcontent .contain_menu button{background-color: #F37126; color: #fff; padding: 5px 10px; border: none; border-radius: 5px; width: 100%; cursor: pointer; font-weight: 700;}

/*! footer company */
.footer_info {position: absolute; width: 100%; padding-bottom:69px;/* border-size -1px */}
.footer_info .footer_info_line {border-bottom: 1px solid #F37126;}
.footer_info .footer_info_wrap {padding:0.625em; box-sizing:border-box; background:#f3f3f3; border-bottom: 1px solid #d9d9d9;}
.footer_info .info_logo_wrap {display: inline-block; vertical-align: top; padding:1em;}
.footer_info .info_logo_wrap img {width:unset;}
.footer_info .info_company_wrap {display: inline-block; border-left:1px solid #dfdfdf; padding-left:0.625em;}
.footer_info .info_company_wrap ul {}
.footer_info .info_company_wrap ul li {font-size: 0.875em; margin: 0.3em 0;}
.footer_info .info_company_wrap ul li span {display:unset;}
.footer_info .info_company_wrap .spn_title {margin-right:0.125em;}
.footer_info .info_company_wrap .spn_title:after {content: ":";}
.footer_info .info_company_wrap .spn_content {}


/*! nav */
.nav{background-color: #F37126; padding: 20px; display: flex; align-items: center; justify-content: space-between;}
.nav_logo{display: flex; gap: 20px; align-items: center;}
.nav_logo_txt {max-width: 70px;}
.nav_logo_txt {font-size:1.5em; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden;}
.nav_logo_img img {max-width: 120px;}
.nav_btn button{background-color: #fff; color: #F37126; padding: 10px 30px; border: none; border-radius: 5px; font-weight: 800; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;}

/*! footer */
.footer {position: fixed; bottom:0; left: 0; width: 100%; box-sizing: border-box; background-color: #F37126; padding: 15px; z-index: 10;}
.footer .footer_wrap{display: flex; justify-content: space-between; align-items: center;}
.footer .footer_table_num , .footer  .footer_cart button, .footer .footer_order_list button { background-color: #fff; color: #F37126; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; border: none;  padding: 10px 30px; border-radius: 5px; cursor: pointer;}
.footer .footer_btns {display: flex; align-items: center; gap:20px;}


/*! basket*/
.basket_wrap{position: fixed; top: 0; right: -400px;  width:400px ; height: 100%; background-color: #fff; transition: 0.5s; z-index: 11;}
.basket_wrap.show{right: 0;}
.basket_wrap .basket_box{position: relative; height: 100%;}
.basket_wrap .basket_box .basket_top{top: 0; left: 0; width: 100%; display: flex; align-items: center;}
.basket_wrap .basket_box .basket_top div{width: 50%; text-align: center; padding: 20px 0; box-sizing: border-box; color: #fff; font-weight: 800;}
.basket_wrap .basket_box .basket_top .so_basket{background-color: #333; color: #fff;}
.basket_wrap .basket_box .basket_top .table_num{background-color: #F37126; color: #fff;}


.basket_wrap .basket_box .basket_bot{position: absolute; bottom: 0; left: 0; width: 100%;}
.basket_wrap .basket_box .basket_bot .basket_bot_btns{display: flex; align-items: center;}
.basket_wrap .basket_box .basket_bot .basket_bot_btns div {width: 50%; text-align: center; padding: 20px 0; box-sizing: border-box; font-weight: 800;}
.basket_wrap .basket_bot div, .basket_wrap .basket_top div{cursor: pointer;}
.basket_wrap .basket_box .basket_bot .close_basket{background-color:#333 ; color: #fff;}
.basket_wrap .basket_box .basket_bot .basket_order{background-color:#F37126 ;  color: #fff; }

.basket_wrap .basket_box .basket_top {background:#fff; box-shadow: 5px 5px 10px 0px rgba(0,0,0,.4);}
.basket_wrap .basket_box .basket_bot {background:#fff; box-shadow: 5px -5px 10px 0px rgba(0,0,0,.4);}
.basket_wrap .basket_item_check .qty {border: 1px solid #F37126; padding:6px 10px; background-color: #fff;}
.basket_wrap .basket_item_delete {position:relative; z-index:10;}
.basket_wrap .basket_item_delete .close-x {position: absolute; top: -50px; right: 0; cursor: pointer; min-width: 16px;}

.basket_wrap .basket_list{padding: 0 15px 170px; height: 100%; box-sizing: border-box;overflow-y: scroll;}
.basket_wrap .basket_item {display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 10px; background-color: #F37126; box-sizing: border-box; border-radius: 5px; font-weight: 700; margin: 15px 0; color: #fff; position: relative;}
.basket_wrap .basket_item .disabled_layer {position: absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.25); left: 0; top: 0; border-radius: 5px; z-index:1;}
.basket_wrap .basket_item .basket_item_img img {max-width: 100px; border-radius: 5px;}
.basket_wrap .basket_item .basket_item_info {display: flex;  align-items: center; gap: 20px;}
.basket_wrap .basket_item .basket_item_txt
.basket_wrap .basket_item .basket_item_txt > div{display: flex; }
.basket_wrap .basket_item_check {display: flex;  color: #F37126; font-weight: 800;}
.basket_wrap .basket_item .basket_price_box{display: flex; gap: 5px; padding-top:0.325em;}
.basket_item_txt h4 {margin-bottom: 5px;}
.basket_wrap .basket_item_check input {background-color: #fff; border: none;}
.basket_wrap .basket_item_check .plus {border-top: 1px solid #F37126;border-right: 1px solid #F37126;border-bottom: 1px solid #F37126; padding: 6px 10px; cursor: pointer;}
.basket_wrap .basket_item_check .minus {border-top: 1px solid #F37126;border-left: 1px solid #F37126;border-bottom: 1px solid #F37126; padding: 6px 12px; cursor: pointer;}
/*.basket_wrap .basket_item_check #result01, .basket_wrap .basket_item_check #result02, .basket_wrap .basket_item_check #result03{border: 1px solid #F37126; padding:6px 10px; background-color: #fff; z-index: 1;}*/
.basket_wrap .basket_payment {display: flex; justify-content: space-between; padding: 20px; font-weight: 700; color: #333;}

.order_complete{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px;  border-radius: 10px; background-color: #fff; padding: 20px; text-align: center; font-weight: 800; color: #333; min-height: 130px; display: flex; flex-direction: column; justify-content: center; display: none; z-index: 5;}
.order_complete.show{display: block;}
.order_complete .mem{margin: 10px; }
.order_complete strong{color: #F37126;}
.order_complete > div{cursor: pointer; background-color: #F37126; color: #fff; margin-top: 30px; padding: 10px 0; border-radius: 5px;}

/*! call modal  */
.call_modal{}
.call_modal ul{display: flex; flex-wrap: wrap; gap: 10px;  text-align: center; padding: 20px ;}

.call_modal .call_modal_area{width: 100%;}
.call_modal .call_modal_area h4{color: #333; font-weight: 900; padding:0 20px; margin-top: 20px;}
.call_modal .textarea_wrap{padding: 20px; border-radius: 10px;}
.call_modal .call_modal_area textarea {width: 100%; background-color: #EFEFEF; border: none; padding: 10px; border-radius: 10px; box-sizing: border-box;}
.call_modal .p_txt {font-size: 12px; color:#777 ; padding: 0 20px; margin: 3px 0;}
.call_modal .p_txt p{margin: 3px 0; font-weight: 700}
.call_modal  .call_modal_btns{display: flex; gap: 10px;}
.call_modal  .call_modal_btns > div {width: 50%; text-align: center; padding: 10px; box-sizing: border-box; margin: 10px; border-radius: 5px; font-weight: 800; cursor: pointer;}
.call_modal  .call_modal_btns .call_order_btn{background-color: #F37126; color: #fff;}
.call_modal  .call_modal_btns .close_call_modal{background-color: #707070; color: #fff;}

.call_modal ul li input[type='checkbox'] {display: none;}
.call_modal ul li input[type='checkbox'] + label {
	background-color: #efefef;
	font-size: 16px;
	color: #3c3b3b;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: pointer;
}

.call_modal ul li input[type='checkbox']:checked + label{
	background-color: #F37126;
	color:#fff;
}  

.call_complete{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  width:300px ;  background-color: #fff; transition: 0.5s; z-index: 11; border-radius: 10px;  text-align: center; padding: 30px; font-size: 20px; font-weight: 800; color: #333; display: none;}
.call_complete .call_complete_btn{cursor: pointer; background-color: #F37126; color: #fff; margin-top: 50px; padding: 10px; border-radius: 5px;}
.call_complete.show{display: block;}


/*! admin cooking  */
.tabcontent .cooking_list{grid-template-columns: 1fr 1fr ;}
.delete_cooking_item{text-align: right;}
.delete_cooking_item img{ max-width: 20px; cursor: pointer;}

.tabnav li a span.span_cnt {}
.tabnav li a span.span_new {display:none; position:absolute; -webkit-transform: translate( 0.075em, -0.625em ) rotate(-15deg); -moz-transform: translate( 0.075em, -0.625em ) rotate(-15deg); -o-transform: translate( 0.075em, -0.625em ) rotate(-15deg); font-weight:700; text-shadow: 2px 3px 2px black;}
.tabnav li a span.span_new.show {display:unset; color: #F37126; animation: span_new 3s infinite;}
@keyframes span_new {
     25% {color: gold;}
     50% {color: tomato;}
     75% {color: crimson;}
}

.cooking_list .cooking_item{border-radius: 10px; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.cooking_list .cooking_item_top {background-color: #F37126; border-radius: 10px 10px 0 0; padding: 10px; color:#fff; font-weight:700; display: flex; justify-content: space-between;}
.cooking_list .cooking_item_btns{display: flex; align-items: center; gap: 20px; margin: 10px 0; padding: 10px;}

.cooking_list_wrap .cooking_list_more_btn, .cooking_list .cooking_item_btns span, .cooking_list .cooking_item_btns a {width: 50%; text-align: center; padding: 10px; border-radius: 5px; color: #fff; cursor: pointer; font-weight: 700;}
.cooking_list_wrap .cooking_list_more_btn {display: none; background-color: #F37126; width:100%; box-sizing: border-box; margin-top: 2em; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); font-family: 'Noto Sans KR', sans-serif;}
.cooking_list_wrap .cooking_list_more_btn.show {display:unset;}

.cooking_list .cooking_item_btns .cooking_start{background-color: #F37126; color: #333;}
.cooking_list .cooking_item_btns .cooking_end{background-color:#545454 ; }
.cooking_list .cooking_item_info{/* display: flex; justify-content: space-between; padding: 20px; */ font-weight: 700; color: #333;}
.cooking_list .cooking_item_txt {/* margin: 8px 0; display: flex; align-items: center; */}
.cooking_list .cooking_item_txt .cooking_item_list {/* margin-right:0.625em; */}
.cooking_list .cooking_item_price_box{padding: 20px; border-top: 1px solid #D9D9D9; box-sizing: border-box; display: flex; justify-content: space-between; font-weight: 800; color: #333;}

.cooking_list .cooking_item_info_header {border-bottom:1px solid #F37126; padding:0.325em;}
.cooking_list .cooking_item_info_header .cooking_item_disc {display: flex; justify-content: space-between;}
.cooking_list .cooking_item_info_header .cooking_item_disc_num{font-size: 16px; margin: 8px 0;}
.cooking_list .cooking_item_info_header .cooking_item_date{font-size: 14px;}

.cooking_list .cooking_item_txt .cooking_item_list .cooking_item_name {padding:0.625em; border-bottom:1px solid #d9d9d9; background: #f3f3f3; display: flex; justify-content: space-between;}
.cooking_list .cooking_item_txt .cooking_item_list .cooking_item_option {font-size:0.9em; font-weight: normal;}
.cooking_list .cooking_item_txt .cooking_item_list .cooking_item_option ul {display:unset;}
.cooking_list .cooking_item_txt .cooking_item_list .cooking_item_option ul li {padding: 0.325em; border-bottom:1px solid #d9d9d9;}


/*! pay_modal → bill_order */
.bill_order_wrap .payment_btn button, .bill_order_wrap {font-family: 'Noto Sans KR', sans-serif;}
.bill_order_wrap {position: relative; top: 50%; left: 50%; transform: translate(-50%);  width: 70%;  background-color: #fff; padding: 15px; margin-bottom: 2em; box-sizing: border-box; color: #333;}
.bill_order_wrap h4 {font-size: 20px; font-weight: 700; margin-bottom: 30px;}
.bill_order_wrap .price_focus {text-align: right; font-size:1.65em; font-weight: 700;}

.bill_order_wrap .bill_order_item_info {display: flex; align-items: flex-end; margin: 10px 0; font-weight: 700; flex-direction: column; padding-bottom:10px;}
.bill_order_item_info .bill_order_item {display: flex; width: 100%; flex-direction: column;}

.bill_order_item_info .bill_order_item .bill_order_item_name_wrap {padding:0.625em; border-bottom:1px solid #d9d9d9; background: #f3f3f3; display: flex; justify-content: space-between;}
.bill_order_item_info .bill_order_item .bill_order_item_name_wrap {padding-right:0.325em;}
.bill_order_item_info .bill_order_item .bill_order_item_name_wrap .spn_price {font-weight: normal;}
.bill_order_item_info .bill_order_item .bill_order_item_option {width:100%; font-size:0.9em; font-weight: normal;}
.bill_order_item_info .bill_order_item .bill_order_item_option ul {margin-bottom:0.625em;}
.bill_order_item_info .bill_order_item .bill_order_item_option ul li {padding: 0.325em; display: flex; justify-content: space-between; border-bottom:1px solid #d9d9d9;}

.bill_order_item_info .bill_order_item_price {display: flex; align-items: flex-end; flex-direction: column; margin-right: 0.225em;}
.bill_order_item_info .bill_order_item_price .bill_order_item_qty {margin-bottom: 0.125em;}

/* .bill_order_wrap .bill_order_item_price {margin-top: 30px; margin-bottom: 20px;} */
.bill_order_wrap .bill_order_info {text-align: center; font-weight: 700; padding: 30px 0; border-top: 1px solid #dfdfdf;}
.bill_order_wrap .payment_strong{margin: 10px 0; color:#FF3131 ;}
.bill_order_wrap .bill_order_table_num { text-align: center; color: #F37126; font-weight: 700; padding: 10px 30px; border-bottom: 1px solid #dfdfdf; margin-bottom:0.75em;}

.bill_order_wrap .bill_order_discount {padding-top: 10px; border-top: 1px dashed #dfdfdf; margin:10px 0;}
.bill_order_wrap .bill_order_discount .bill_order_discount_type {width:100%; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:10px;}
.bill_order_wrap .bill_order_discount .bill_order_discount_type:last-child {margin-bottom:unset;}

.bill_order_wrap .bill_order_discount .bill_order_discount_coupon {}
.bill_order_wrap .bill_order_discount .bill_order_discount_market_point {}

.bill_order_wrap .bill_order_discount .bill_order_discount_cashback {display: flex; justify-content: space-between; gap: 1em;}
.bill_order_wrap .bill_order_discount .bill_order_discount_cashback .bill_order_discount_cashback_left {}
.bill_order_wrap .bill_order_discount .bill_order_discount_cashback .bill_order_discount_cashback_right {display: flex; gap: 0.5em;}
.bill_order_wrap .bill_order_discount .bill_order_discount_cashback .bill_order_discount_cashback_right .bill_order_discount_cashback_remain {padding: 0.55rem 0; margin-right:1rem;}
.bill_order_wrap .bill_order_discount .bill_order_discount_cashback .bill_order_discount_cashback_right .inp_text{ display: inline-block; padding: 0.4375rem 0.875rem; font-size: 0.9375rem; font-weight: 400; line-height: 1.53; color: #697a8d; background-color: #fff; background-clip: padding-box; border: 1px solid #d9dee3; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; max-width: 5.725rem; }

.bill_order_wrap .bill_order_total {padding-top: 10px; border-top: 1px dashed #dfdfdf; margin:10px 0; display: flex; justify-content: space-between; align-items: flex-end;}

.bill_order_wrap .bill_order_btns ul {display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 30px 0;}
.bill_order_wrap .bill_order_btns ul, .bill_order_wrap .bill_order_btns ul li {width:100%;}
.bill_order_wrap .bill_order_btns ul li input[type='radio'] {display:none;}
.bill_order_wrap .bill_order_btns ul li input[type='radio'] + label {display:block;	width: 100%; background-color: #efefef;	font-weight: 700; font-size: 16px; color: #3c3b3b; padding: 0.85em; box-sizing: border-box; border-radius: 5px; cursor: pointer;}
.bill_order_wrap .bill_order_btns ul li input[type='radio']:checked + label{background-color: #F37126; color:#fff;}

.bill_order_themorepay_wrap {display:none; border-top: #dfdfdf solid 1px; padding-top: 1em;}
.bill_order_themorepay_wrap.show {display:block;}
.bill_order_themorepay_wrap .od_settle_type_themorepay_cash_item {display:flex; justify-content: space-between; margin: 10px 0; font-weight: 700;}
.bill_order_themorepay_wrap .od_settle_type_themorepay_cash_item .od_settle_type_themorepay_cash_item_price {display: flex; flex-direction: column;}
.bill_order_themorepay_wrap .od_settle_type_themorepay_cash_item .od_settle_type_themorepay_cash_item_price div {display: flex; justify-content: space-between; margin: 5px 0;}
.bill_order_themorepay_wrap .od_settle_type_themorepay_cash_item .od_settle_type_themorepay_cash_item_price .after_price {border-top: 1px dashed #dfdfdf; padding-top: 5px;}

.bill_order_wrap .bill_order_discount h4, .bill_order_wrap .bill_order_total h4, .bill_order_themorepay_wrap h4 {margin: unset;}

/*! themo_modal  */
.themo_pay_modal {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  width:400px ;  background-color: #fff; transition: 0.5s; z-index: 11; border-radius: 10px;  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 15px; box-sizing: border-box; color: #333;display: none;}
.themo_pay_modal.show{display: block;}
.themo_pay_modal h4{text-align: center; font-size: 20px; font-weight: 700; color: #333;}
.themo_pay_modal .themo_pay_wallet{padding: 10px; border-radius: 5px; background: #F37126; color: #fff; font-size: 16px; text-align: center; padding: 30px 10px; margin: 30px 0;}
.themo_pay_modal .themo_pay_wallet span{font-size: 22px;  margin-top: 5px;}
.themo_pay_modal .themo_pay_price{display: flex; justify-content: space-between; align-items: center; color: #333; padding: 15px 0; border-top: 1px solid #dfdfdf; font-weight: 700;}
.themo_pay_modal .themo_pay_price_btn button{width: 100%; background-color: #F37126; color: #fff; border: none; padding: 10px 0;border-radius: 5px; cursor: pointer; font-weight: 700;}
.payment_go_brand{margin: 10px 0;background-color: #ff6464;color: #fff;padding: 10px 20px;display: inline-block;border-radius: 5px; }
.payment_go_brand a {font-weight: 500;}

/*! confirm modal  */
.payment_failed_modal{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  width:400px ;  background-color: #fff; transition: 0.5s; z-index: 11; border-radius: 10px;  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 15px; box-sizing: border-box; color: #333; min-height: 500px; text-align: center; display: none;}
.payment_failed_modal.show{display: block;}
.payment_failed_modal .payment_failed_modal_box{height: 100%;}
.payment_failed_modal_info{position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);}
.payment_failed_modal .one_img{margin: 30px 0;}
.payment_failed_modal .payment_failed_modal_info h4{font-size: 20px; font-weight: 700;}
.payment_failed_modal .one_img img {max-width: 56px;}
.payment_failed_modal .payment_confirm_bot{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding: 20px; border-top: 1px solid #dfdfdf; box-sizing: border-box;}
.payment_failed_modal .payment_confirm_bot-btn{}
.payment_failed_modal .payment_confirm_bot-btn button{background-color: #F37126; color: #fff;font-weight: 700;  border: none; width: 100%; padding: 10px; border-radius: 5px; margin-top: 20px; cursor: pointer;}

/*! option modal */
.option_modal {}
.option_modal .option_wrap h3 {border-color:#F37126;}
.option_wrap #option_btn_wrap {}
.option_wrap #option_btn_wrap .option_btn {background-color: #F37126; color: #fff; padding: 5px 10px; border: none; border-radius: 5px; width: 100%; cursor: pointer; font-weight: 700; font-size:1.5em;}
.option_wrap #option_btn_wrap .option_category_tit {padding:0.625em; border-bottom:1px solid #d9d9d9; background: #f3f3f3; /* box-shadow: 0 10px 10px -10px #a0a0a0; */}
.option_wrap #option_btn_wrap ul {margin:0.625em 0;}
.option_wrap #option_btn_wrap li {padding: 0.325em; display: flex; justify-content: space-between;}
.option_wrap #option_btn_wrap li label {padding-left:0.5em; width: 100%; display: flex; justify-content: space-between;}

/*! modal commons */
.call_modal h3, .option_modal h3 {font-size: 20px; border-bottom: 1px solid #D9D9D9; text-align: center; padding: 20px; font-weight: 800; color: #333; word-break: keep-all;}

  
/*! order_form */
.footer_order_btn_wrap {width: 100%; display: flex; justify-content: center;}
.footer_order_btn_wrap button {font-weight: 700; font-family: 'Noto Sans KR', sans-serif; border: none; padding: 10px 30px; border-radius: 5px; cursor: pointer; background-color: #F37126; color: #fff;}
.footer_order_btn_wrap button:nth-child(n+2), .footer_order_btn_wrap a:nth-child(n+2) {margin-left:1em;}
.footer_order_btn_wrap button.btn_disabled {background:#d9d9d9; color:#333;}


/*! order_list */
.order_list_wrap {padding:30px; margin-bottom:69px;}
.order_list_wrap .order_list {display: grid; gap: 30px; grid-template-columns: 1fr 1fr;}

.order_list .cooking_item{border-radius: 10px; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.order_list .cooking_item_top {background-color: #F37126; border-radius: 10px 10px 0 0; padding: 10px; color:#fff; font-weight:700; display: flex; justify-content: space-between;}
.order_list .cooking_item_top .spn_status {font-weight: bold; font-size: 1.275em; padding: 0.125em;}
.order_list .cooking_item_top h5 {padding: 0.125em; line-height: 1.275em;}
.order_list .cooking_item_btns{display: flex; align-items: center; gap: 0.5em; margin: 10px 0; padding: 10px; flex-direction: column;}

.order_list_wrap .order_list_more_btn, .order_list .cooking_item_btns span, .order_list .cooking_item_btns a {width: 50%; text-align: center; padding: 10px; border-radius: 5px; color: #fff; cursor: pointer; font-weight: 700; box-sizing: border-box;}
.order_list_wrap .order_list_more_btn {display: none; background-color: #F37126; width:100%; box-sizing: border-box; margin-top: 2em; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); font-family: 'Noto Sans KR', sans-serif;}
.order_list_wrap .order_list_more_btn.show {display:inline-block;}

.order_list .cooking_item_btns .btn_info {border: #F37126 solid 1px; color: #F37126;}
.order_list .cooking_item_btns .btn_info:hover {background:#F37126; color: #fff; }
.order_list .cooking_item_btns .btn_cancel {background-color:#545454;}
.order_list .cooking_item_btns .btn_disabled {background:#d9d9d9; color:#333;}
.order_list .cooking_item_info{/* display: flex; justify-content: space-between; padding: 20px; */ font-weight: 700; color: #333;}
.order_list .cooking_item_txt {/* margin: 8px 0; display: flex; align-items: center; */}
.order_list .cooking_item_txt .cooking_item_list {/* margin-right:0.625em; */}
.order_list .cooking_item_price_box{padding: 20px; border-top: 1px solid #D9D9D9; box-sizing: border-box; display: flex; justify-content: space-between; font-weight: 800; color: #333;}

.order_list .cooking_item_info_header {border-bottom:1px solid #F37126; padding:0.325em;}
.order_list .cooking_item_info_header .cooking_item_disc {display: flex; justify-content: space-between;}
.order_list .cooking_item_info_header .cooking_item_disc_num{font-size: 16px; margin: 8px 0;}
.order_list .cooking_item_info_header .cooking_item_date{font-size: 14px;}

.order_list .cooking_item_txt .cooking_item_list .cooking_item_name {padding:0.625em; border-bottom:1px solid #d9d9d9; background: #f3f3f3; display: flex; justify-content: space-between;}
.order_list .cooking_item_txt .cooking_item_list .cooking_item_option {font-size:0.9em; font-weight: normal;}
.order_list .cooking_item_txt .cooking_item_list .cooking_item_option ul {display:unset;}
.order_list .cooking_item_txt .cooking_item_list .cooking_item_option ul li {padding: 0.325em; border-bottom:1px solid #d9d9d9;}


@media(max-width:1024px){
    .tabcontent ul{grid-template-columns: 1fr 1fr 1fr; }
}


@media(max-width:768px){
    .payment_failed_modal, .themo_pay_modal {width: 90%;}
    .call_modal.show{width: 90%; max-width: 500px;}
    .call_modal ul li input[type='checkbox'] + label {padding: 5px 10px;}
    .tabcontent .cooking_list, .order_list_wrap .order_list{grid-template-columns:1fr}
    .basket_wrap{max-width: 400px; width: 85%;}
    .basket_wrap .basket_item .basket_item_info{gap:10px}
    .order_complete{z-index: 19;}
    .basket_price_box, .basket_item_txt h4{font-size: 14px;}
    .basket_wrap .basket_item .basket_item_img img{max-width: 70px;}
	.basket_wrap .basket_item_delete .close-x {top: -35px;}
    .call_modal .call_modal_area h4{margin-top: 5px;}
    .call_modal .p_txt p{font-size: 10px;}
    .tabcontent{padding: 20px;}
    .tabcontent ul{grid-template-columns: 1fr 1fr ; gap:20px;}
	.cooking_list_wrap .cooking_list_more_btn {margin-top:20px;}
    .header .tabnav{display: flex; gap: 20px;}
    .tabnav{overflow-x: scroll; overflow-y:clip;}
    .tabnav::-webkit-scrollbar{display: none;}

    /* .footer .footer_table_num, .footer .footer_cart button, .footer .footer_order_list button {padding: 5px 10px;} */
	.footer .footer_table_num, .footer .footer_cart button, .footer .footer_order_list button {padding: 10px;}
    .tabcontent .menu_item_price, .tabcontent .menu_item .menu_item_name{font-size: 14px;}
    .tabcontent .menu_item .menu_item_tit{margin: 5px 0;}
    .tabcontent{padding: 10px;}
    .header .logo{display: none;}

	.footer_order_btn_wrap button {padding:10px}

	.bill_order_wrap {width: 90%;}
	.bill_order_wrap .bill_order_btns ul { flex-wrap: wrap; }
	.nav_btn button {padding:10px;}

	/* 주문하기 page */
	.bill_order_wrap .bill_order_discount .bill_order_discount_cashback .bill_order_discount_cashback_right {flex-direction: column;}
	.footer_order_btn_wrap button {width:100%;}
	.footer_order_btn_wrap a {display:none;}

	/*! footer company  */
	.footer_info .info_logo_wrap {}
	.footer_info .info_company_wrap {border-top:1px solid #dfdfdf; border-left:none; padding:1em; width: 100%; box-sizing: border-box;}
}

.footer{background-color: #000;}



.footer .footer_table_num, .footer .footer_cart button, .footer .footer_order_list button {background-color: #F37126; color: #fff;}

.menu_item_img img {object-fit: cover; aspect-ratio: 1 / 1;}
.basket_item_img img {object-fit: cover; aspect-ratio: 1 / 1;}



/*! login-modal */
.pay-login-pop .mb-inp-list {margin-top: 50px;}
.pay-login-pop .input-tit {text-align: center;}
.pay-login-pop .mb-input-box  input{background: #FFFFFF;border: 1px solid rgba(243, 113, 38, 0.33);border-radius: 20px;padding: 15px;cursor: pointer;width: 100%;box-sizing: border-box;}
.white-btn {display: flex; justify-content: center;}
.white-btn button{white-space: nowrap; font-size: 12px; padding:10px  ;}

.mb-input-box .input-tit {color: #3C3B3B; margin: 10px 0;}
.login-btns button{background: #FFFFFF; border: 1px solid rgba(243, 113, 38, 0.33);border-radius: 20px;padding: 10px 20px;cursor: pointer; margin: 10px;}
.login-btns > span{display: flex; justify-content: space-between; align-items: center;}
.fx-cn button {background-color: #F37126;color: #fff;border-radius: 20px; width: 50%;}
.fx-cn {display: flex; justify-content: space-between; align-items: center; margin:0 15px;}

.mb-inp-list h2 {padding-bottom:0.5em; border-bottom:#dfdfdf solid 1px; margin-bottom:0.75em;}

/*! nav-right */
.nav .nav_right_wrap {display: flex;}
.nav .nav_right_wrap .nav_login {margin-right:10px;}
.nav .nav_right_wrap .nav_login a .btn_login, .nav .nav_right_wrap .nav_login a .btn_logout {background-color: #fff;
    color: #F37126;
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    font-weight: 800;
    font-family: 'Noto Sans KR', sans-serif;
    cursor: pointer;}