@charset "utf-8";

#od_easy_wrap input:focus,
#od_easy_wrap select:focus,
#od_easy_wrap textarea:focus,
#od_easy_wrap button:focus {
outline:none !important;
outline-style:none;
outline-width: 0 !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius:0;
-webkit-appearance: none;
}
*,*:focus,*:hover{outline:none;}



/**********************************
sub 상단메뉴
***********************************/
#fixed_top_menu {position:fixed; top:0; left:0; z-index:9999;width:100%;height:70px;background:#fff;border-bottom:1px solid #ddd;}
#fixed_top_menu .ftm_wrap {width:800px;height:70px;margin:0 auto;position:relative;}
#fixed_top_menu .ftm_wrap .ftm_home {position:absolute;right:10px;top:15px;z-index:1;}
#fixed_top_menu .ftm_wrap .ftm_home a {font-size:2.00em;font-weight:200;color:#222;}


#fixed_top_menu .ftm_wrap .ftm_search {position:absolute;left:10px;top:15px;width:34px;height:34px;z-index:100000;}
#fixed_top_menu .ftm_wrap .ftm_search .ftm_search_btn{display:block;position:relative;width:34px;height:34px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;}
#fixed_top_menu .ftm_wrap .ftm_search .ftm_search_btn i{display:block;line-height:34px;font-size:20px;text-align:center;color:#000;}
#fixed_top_menu .ftm_wrap .ftm_logo{padding:0 54px;box-sizing:border-box;}

#fixed_top_menu .ftm_wrap .ftm_list {position:absolute;left:10px;top:15px;z-index:100000;}
#fixed_top_menu .ftm_wrap .ftm_list a {font-size:2.00em;}

#fixed_top_menu .ftm_wrap .ftm_logo {font-size:2.00em;font-weight:700;line-height:70px;text-align:center;}

#fixed_top_menu .ftm_wrap .ftm_bars { font-size:2.50em; font-weight:500; cursor:pointer; position:absolute; right:10px; top:10px; z-index:1; }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct { transition:opacity 0.2s ease; position:relative; display:inline-block; width:1em; height:1em; line-height:1em; text-align:center; vertical-align:middle; }
#fixed_top_menu .ftm_wrap .ftm_bars .ftm_bars_btn { width:1em; height:1em; border:0; background:none; padding:0; margin:0; cursor:pointer; position:relative; display:block; }
#fixed_top_menu .ftm_wrap .ftm_bars .ftm_icon { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:opacity 0.3s ease; }
#fixed_top_menu .ftm_wrap .ftm_bars .ftm_icon_bars { opacity:1; }
#fixed_top_menu .ftm_wrap .ftm_bars .ftm_icon_close { opacity:0; }
#fixed_top_menu .ftm_wrap .ftm_bars .ftm_bars_btn.is_open .ftm_icon_bars { opacity:0; }
#fixed_top_menu .ftm_wrap .ftm_bars .ftm_bars_btn.is_open .ftm_icon_close { opacity:1; }

#fixed_top_menu .ftm_wrap .ftm_bars { position:absolute; right:10px; top:15px; width:34px; height:34px; z-index:100000; }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct { display:block; position:relative; width:34px; height:34px; padding:0; margin:0; border:0; background:transparent; cursor:pointer; appearance:none; -webkit-appearance:none; }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct .line { display:block; position:absolute; left:5px; width:24px; height:3px; background:#000; transition:top 0.3s ease, transform 0.3s ease, opacity 0.2s ease; pointer-events:none;}
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct .line1 { top:8px; }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct .line2 { top:16px; }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct .line3 { top:24px; }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct.is_open .line1 { top:16px; transform:rotate(45deg); }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct.is_open .line2 { opacity:0; }
#fixed_top_menu .ftm_wrap .ftm_bars .hd_ct.is_open .line3 { top:16px; transform:rotate(-45deg); }

#fixed_top_menu .ftm_wrap .ftm_close {cursor:pointer; position:absolute; right:15px; top:20px; z-index:1; }


@media all and (max-width:800px){
	#fixed_top_menu .ftm_wrap {width:100%;}
}

/*------------------------------------------------------
카테고리
------------------------------------------------------*/
#category{display:none;position:fixed;top:0;left:-310px;width:270px;height:100%;background:rgba(0, 0, 0,0.8);z-index:99999;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;  -webkit-backface-visibility: hidden;font-size:1.35em;}
#category .ct_wr{width:270px;height:100%;overflow-y:auto;background:#fff;border-right:1px solid #ddd;}
#category .cate_tab{font-size:1.15em;font-weight:500;color:#333;line-height:45px;text-align:center;background:#ddd;}
#category ul.cate{background:#fff;width:100%;text-align:left;text-indent:10px;}
#category ul.cate>li{line-height:45px;border-bottom:1px solid #e9e9e9;}
#category ul.cate li{position:relative;}
#category ul.cate li a{display:block;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding-right:30px;}
#category ul.cate li .ct_op{display:inline-block;text-indent:-999px;/*background:url('../img/cate_op.gif') no-repeat 10px 50% ;*/height:40px; width:30px;position:absolute;top:0;right:0;border:none;outline:none;}
#category ul.cate li a:hover{color:#34b5a1}
#category ul.cate li .ct_cl{background-position:-12px 50%}
#category ul.sub_cate{display:none}
#category ul.sub_cate1 li{text-indent:25px;background:#fafafa;border-top:1px solid #e9e9e9;font-weight:normal;}
#category .pop_close{position:absolute;top:10px;left:280px;width:30px;height:30px; background:url('../img/cat_close.png') no-repeat 50% 50%;;border:none;text-indent:-99999px;outline:none;}
.PvLayer_c {display:none;position:absolute; top:0px; left:0; width:100%; height:100%; z-index:99; }
.PvLayer_c .PvLayer_bg_c { position:fixed;left:0;top:0;width:100%;height:100%;/*background:#000;opacity:.7;*/}




/*------------------------------------------------------
order
------------------------------------------------------*/

#ordera_wrap{max-width:800px;margin:0 auto;margin-top:100px;margin-bottom:50px;padding:16px 12px 90px;box-sizing:border-box;}
#ordera_wrap *{box-sizing:border-box;}

#ordera_wrap .order_count_badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#2f6fed;color:#fff;font-size:12px;font-weight:700;line-height:1;}
#ordera_wrap .order_count_badge strong{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:700;}


#ordera_wrap .search_closed .ordera_search {display:none;}
#ordera_wrap .search_open .ordera_search {display:block;position:relative;}
#ordera_wrap .ordera_search {position:relative;}
#ordera_wrap .ordera_search .ordera_search_close{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:5px;width:32px;height:32px;padding:0;border:0;background:transparent;font-size:20px;color:#111;cursor:pointer;z-index:2;}


#ordera_wrap .ordera_search{margin:12px 0 14px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;}
#ordera_wrap .ordera_search ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
#ordera_wrap .ordera_search li{margin:0;padding:0;}
#ordera_wrap .ordera_search .frm_input_jin {width:92px;cursor:pointer;height:40px;padding:0 10px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:13px;vertical-align:middle;}
#ordera_wrap .ordera_search select{height:40px;padding:0 34px 0 4px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:13px;color:#757575 !important;vertical-align:middle;}
#ordera_wrap .ordera_search .btn_submit_jin{height:40px;padding:0 14px;border:0;border-radius:10px;font-size:13px;font-weight:600;color:#fff;}






#ordera_wrap .btn_fixed_topa{display:flex;justify-content:flex-end;gap:8px;margin:0 0 14px;}
#ordera_wrap .btn_fixed_topa .btn{height:42px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600;}

#ordera_wrap .ordera_list{width:100%;border-top:2px solid #111827;background:#fff;}
#ordera_wrap .ordera_head{display:flex;align-items:center;background:#f8fafc;border-bottom:1px solid #dcdfe4;}

#ordera_wrap .ordera_body{display:block;}

#ordera_wrap .ordera_item{display:block;border-bottom:1px solid #eceff3;background:#fff;}
#ordera_wrap .ordera_item:hover{background:#fcfcfd;}
#ordera_wrap .ordera_row_pc{display:flex;align-items:center;min-height:54px;}

#ordera_wrap .ordera_col {padding:14px 10px;font-size:14px;color:#374151;vertical-align:middle;box-sizing:border-box;text-align:center;}

#ordera_wrap .ordera_head .ordera_col{font-size:15px;font-weight:700;color:#111827;}
#ordera_wrap .ordera_name{flex:1;text-align:left;}
#ordera_wrap .ordera_state{width:80px;}
#ordera_wrap .ordera_release{width:110px;}
#ordera_wrap .ordera_date{width:110px;}



#ordera_wrap .ordera_row_pc .ordera_name a{display:inline-block;font-size:15px;font-weight:700;color:#111827;text-decoration:none;vertical-align:middle;}
#ordera_wrap .ordera_row_pc .jin_tooltip_icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;border-radius:50%;background:#f3f4f6;color:#4b5563;font-size:13px;vertical-align:middle;}
#ordera_wrap .ordera_empty{padding:40px 12px;text-align:center;font-size:14px;color:#6b7280;background:#fff;}


#ordera_wrap .tavle_mo_tr{display:none;position:relative;padding:14px 12px 12px;background:#fff;}
#ordera_wrap .tavle_mo_tr .sound_only{display:none !important;}
#ordera_wrap .tavle_mo_tr .mo_name_row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 8px;}
#ordera_wrap .tavle_mo_tr .mo_name_row a{display:block;flex:1;min-width:0;padding-right:6px;font-size:16px;font-weight:700;line-height:1.45;color:#111827;text-decoration:none;word-break:keep-all;}
#ordera_wrap .tavle_mo_tr .mo_name_icons{display:flex;align-items:center;gap:6px;flex-shrink:0;}
#ordera_wrap .tavle_mo_tr .mo_meta_row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:13px;line-height:1.7;color:#6b7280;}
#ordera_wrap .tavle_mo_tr .or_ing_box{margin-right:2px;}
#ordera_wrap .tavle_mo_tr .mo_date{display:inline-flex;align-items:center;}
#ordera_wrap .tavle_mo_tr i.fa-truck{margin-left:2px;margin-right:4px;color:#6b7280;}
#ordera_wrap .tavle_mo_tr i.fa-clock-o{margin-left:10px;margin-right:4px;color:#6b7280;}
#ordera_wrap .tavle_mo_tr .jin_tooltip_icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f3f4f6;color:#4b5563;font-size:13px;vertical-align:middle;}
#ordera_wrap .tavle_mo_tr img{vertical-align:middle;}
#ordera_wrap .tavle_mo_tr::after{content:"";display:block;clear:both;}

#ordera_wrap .jin_page {text-align:center;margin:30px 0 30px;}
#ordera_wrap .pg_wrap {float:none;}


#ordera_wrap .jin_tooltip_icon1{display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;vertical-align:middle;}
#ordera_wrap .jin_tooltip_icon1 .jin_tooltip_box{display:none;position:absolute;left:calc(100% + 8px);top:50%;right:auto;transform:translateY(-50%);min-width:180px;max-width:260px;padding:10px 12px;border-radius:10px;background:#111827;color:#fff;font-size:14px;font-weight:400;line-height:1.5;text-align:left;white-space:normal;word-break:break-word;box-shadow:0 8px 24px rgba(15,23,42,.18);z-index:999;}
#ordera_wrap .jin_tooltip_icon1 .jin_tooltip_box:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #111827;}
#ordera_wrap .jin_tooltip_icon1:hover .jin_tooltip_box{display:block;}
#ordera_wrap .jin_tooltip_icon1.is_open .jin_tooltip_box{display:block;}

@media (max-width:768px){
	#ordera_wrap .jin_tooltip_icon1 .jin_tooltip_box{left:auto;right:0;top:calc(100% + 8px);transform:none;min-width:160px;max-width:240px;}
	#ordera_wrap .jin_tooltip_icon1 .jin_tooltip_box:before{left:auto;right:10px;top:-6px;transform:none;border-top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #111827;}
	#ordera_wrap .jin_tooltip_icon1 i {font-size:1.70em;}
}



@media (max-width:768px){
	#ordera_wrap{font-size:1.05em;padding:12px 10px 88px;}
	#ordera_wrap .ordera_search{margin:10px 0 12px;padding:10px;border-radius:12px;}
	#ordera_wrap .ordera_search ul{gap:6px;}
	#ordera_wrap .ordera_search li{width:calc(50% - 3px);}
	#ordera_wrap .ordera_search li:last-child{display:flex;gap:6px;width:100%;}
	#ordera_wrap .ordera_search li:last-child .btn_submit_jin{flex:1;}
	#ordera_wrap .ordera_search input[type="text"],#ordera_wrap .ordera_search select{width:100% !important;height:42px;font-size:14px;}

	#ordera_wrap .btn_fixed_topa{position:fixed;left:0;right:0;bottom:0;z-index:30;gap:8px;margin:0;padding:10px;border-top:1px solid #e5e7eb;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);}
	#ordera_wrap .btn_fixed_topa .btn{flex:1;height:48px;padding:0 10px;border-radius:12px;font-size:15px;}
	#ordera_wrap .btn_fixed_topa .btn:first-child{max-width:96px;}

	#ordera_wrap .ordera_head{display:none;}
	#ordera_wrap .ordera_row_pc{display:none;}
	#ordera_wrap .ordera_list{margin-top:0;border-top:1px solid #dcdfe4;border-bottom:1px solid #eceff3;border-radius:14px;overflow:hidden;background:#fff;}
	#ordera_wrap .tavle_mo_tr{display:block;padding:14px 12px 12px;}
	#ordera_wrap .tavle_mo_tr .mo_name_row a{margin-bottom:0;font-size:1.25em;line-height:1.45;}
	#ordera_wrap .tavle_mo_tr .mo_meta_row{font-size:18px;line-height:1.8;}
	#ordera_wrap .tavle_mo_tr .or_ing_box{margin-right:6px;padding:0 9px;}
	#ordera_wrap .tavle_mo_tr i.fa-truck,#ordera_wrap .tavle_mo_tr i.fa-clock-o{font-size:15px;}
	#ordera_wrap .tavle_mo_tr .jin_tooltip_icon{width:24px;height:24px;}
}

@media (max-width:480px){
	#ordera_wrap .ordera_search li{width:100%;}
	#ordera_wrap .btn_fixed_topa .btn:first-child{max-width:84px;}
	#ordera_wrap .tavle_mo_tr .mo_name_row a{}
	#ordera_wrap .tavle_mo_tr .mo_meta_row{font-size:12px;}
}

#ordera_end{padding:1em 0 4.5em;text-align:center;color:#7b8591;font-size:.95em;line-height:1.4;}
#ordera_end i{margin-right:.28em;color:#98a2ad;}


#orderb_wrap .btn_fixed_topa{position:fixed;left:0;right:0;bottom:0;z-index:30;gap:8px;margin:0;padding:10px;border-top:1px solid #e5e7eb;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);}
#orderb_wrap .btn_fixed_topa .btn{width:100%;height:42px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600;}
#orderb_wrap {width:800px;margin:0 auto;margin-top:100px;margin-bottom:50px;}
#orderb_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec;font-size:1.25em;} 
#orderb_wrap caption {padding:0;font-size:0;line-height:0;overflow:hidden;}
#orderb_wrap thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px;background:#F6F6F6;}
#orderb_wrap tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8;text-align:left;}
#orderb_wrap td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all;}
#orderb_wrap tbody tr:hover td {background:#fafafa;}
#orderb_wrap textarea{width:100%;border:1px solid #d5d5d5;min-height:100px;word-break:keep-all;}

@media screen and (max-width: 800px) {
	#orderb_wrap {width:95%;}
}


#ordera_wrap .cu_level_badge,#orderb_wrap .cu_level_badge{display:inline-block;min-width:4.8em;padding:.34em .72em;border-radius:999px;font-size:1.00em;font-weight:700;line-height:1.15;letter-spacing:-.02em;text-align:center;vertical-align:middle;white-space:nowrap}
#ordera_wrap .cu_level_badge.lv_request,#orderb_wrap .cu_level_badge.lv_request{background:#eef4ff;color:#2f63d9}
#ordera_wrap .cu_level_badge.lv_cancel,#orderb_wrap .cu_level_badge.lv_cancel{background:#fff1f2;color:#e24d5d}
#ordera_wrap .cu_level_badge.lv_factory,#orderb_wrap .cu_level_badge.lv_factory{background:#f3f0ff;color:#6b50d8}
#ordera_wrap .cu_level_badge.lv_paid,#orderb_wrap .cu_level_badge.lv_paid{background:#edf8f2;color:#2f8f5b}
#ordera_wrap .cu_level_badge.lv_making,#orderb_wrap .cu_level_badge.lv_making{background:#fff4ea;color:#dd7a2f}
#ordera_wrap .cu_level_badge.lv_delivery,#orderb_wrap .cu_level_badge.lv_delivery{background:#eef8fb;color:#2f7f97}
#ordera_wrap .cu_level_badge.lv_ordering,#orderb_wrap .cu_level_badge.lv_ordering{background:#eef2ff;color:#4f6edb}
#ordera_wrap .cu_level_badge.lv_done,#orderb_wrap .cu_level_badge.lv_done{background:#eefbf3;color:#2f8f5b}
#ordera_wrap .cu_level_badge.lv_default,#orderb_wrap .cu_level_badge.lv_default{background:#f3f4f6;color:#6b7280}


#orderb_wrap .order_radio_group{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
#orderb_wrap .order_radio_input{position:absolute;opacity:0;pointer-events:none;}
#orderb_wrap .order_radio_btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:132px;height:40px !important;padding:0 10px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#9ca3af;font-size:12px;font-weight:700;line-height:1;text-align:center;cursor:pointer;box-sizing:border-box;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;user-select:none;}
#orderb_wrap .order_radio_icon{display:inline-block;width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;background:#fff;box-sizing:border-box;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;position:relative;flex:0 0 18px;}
#orderb_wrap .order_radio_icon:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(0);transition:transform .18s ease;}
#orderb_wrap .order_radio_text{display:inline-block;white-space:nowrap;}
#orderb_wrap .order_radio_input + .order_radio_btn:hover{border-color:#9ca3af;color:#374151;background:#f8fafc;}
#orderb_wrap .order_radio_input + .order_radio_btn:hover .order_radio_icon{border-color:#9ca3af;background:#fff;}
#orderb_wrap .order_radio_input + .order_radio_btn:active{transform:scale(.98);}
#orderb_wrap .order_radio_input:focus + .order_radio_btn{outline:none;box-shadow:0 0 0 4px rgba(51,65,85,.12);}
#orderb_wrap .order_radio_input:checked + .order_radio_btn{border-color:#374151;background:#374151;color:#fff;box-shadow:0 6px 18px rgba(15,23,42,.16);}
#orderb_wrap .order_radio_input:checked + .order_radio_btn .order_radio_icon{border-color:#fff;background:transparent;}
#orderb_wrap .order_radio_input:checked + .order_radio_btn .order_radio_icon:after{transform:translate(-50%,-50%) scale(1);}

@media (max-width:768px){
	#orderb_wrap .order_radio_group{gap:10px;}
	#orderb_wrap .order_radio_btn{flex:1 1 calc(50% - 5px);min-width:0;width:100%;height:50px;padding:0 16px;font-size:15px;}
}
@media (max-width:480px){
	#orderb_wrap .order_radio_group{gap:8px;}
	#orderb_wrap .order_radio_btn{height:48px;padding:0 14px;font-size:14px;}
	#orderb_wrap .order_radio_icon{width:16px;height:16px;flex:0 0 16px;}
	#orderb_wrap .order_radio_icon:after{width:7px;height:7px;}
}


















/* 주문리스트★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

/*↓***********************/
#orderb_wrap{max-width:800px;margin:0 auto;padding:0 12px 100px;box-sizing:border-box;}
#orderb_wrap .btn_fixed_topa{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 14px;}
#orderb_wrap table{width:100%;border-collapse:collapse;}
#orderb_wrap .frm_input,#orderb_wrap textarea{width:100%;border:1px solid #d7dce3;border-radius:12px;background:#fff;font-size:15px;color:#111827;}
#orderb_wrap .frm_input{height:48px;padding:0 14px;}
#orderb_wrap textarea{min-height:108px;padding:14px;resize:vertical;}
#orderb_wrap .KEEPALL{margin:0 0 14px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fbff;font-size:13px;line-height:1.6;color:#475467;}

#order_product_section{width:100%;max-width:800px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#order_product_section .order_section_head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px;}
#order_product_section .order_section_title{margin:0;font-size:20px;font-weight:800;color:#111827;letter-spacing:-0.4px;}
#order_product_section .order_section_desc{margin:4px 0 0;font-size:13px;color:#667085;line-height:1.5;}
#order_product_section .order_add_btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:12px;background:#1f2937;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(17,24,39,.12);}
#order_product_section .order_product_panel{border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,.05);}
#order_product_section .order_product_table_wrap{display:block;}
#order_product_section .order_product_table{width:100%;table-layout:fixed;}
#order_product_section .order_product_table caption {display:none;}


#order_product_section .order_product_table thead th{padding:14px 12px;border-bottom:1px solid #e5e7eb;background:#f8fafc;font-size:12px;font-weight:700;color:#667085;text-align:center;}
#order_product_section .order_product_table tbody td{padding:16px 12px;border-bottom:1px solid #eef2f6;font-size:13px;color:#344054;vertical-align:middle;text-align:center;word-break:keep-all;}
#order_product_section .order_product_table tbody tr:last-child td{border-bottom:0;}
#order_product_section .td_brand{font-size:12px;font-weight:700;color:#667085;line-height:1.4;}
#order_product_section .td_product{margin-top:3px;font-size:15px;font-weight:800;color:#111827;line-height:1.45;}
#order_product_section .td_main{font-size:14px;font-weight:700;color:#111827;line-height:1.45;}
#order_product_section .td_sub{margin-top:4px;font-size:12px;color:#667085;line-height:1.45;}
#order_product_section .td_option{font-size:13px;font-weight:700;color:#344054;line-height:1.45;}
#order_product_section .td_price_main{font-size:16px;font-weight:800;color:#111827;line-height:1.3;}
#order_product_section .td_price_sub{margin-top:4px;font-size:12px;color:#667085;line-height:1.4;}
#order_product_section .td_action{text-align:center;}
#order_product_section .product_delete_btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#475467;font-size:12px;font-weight:700;text-decoration:none;}
#order_product_section .order_empty_box{padding:36px 16px;text-align:center;}
#order_product_section .order_empty_title{font-size:15px;font-weight:800;color:#111827;line-height:1.5;}
#order_product_section .order_empty_desc{margin-top:4px;font-size:13px;color:#667085;line-height:1.6;}
#order_product_section .order_product_cards{display:none;padding:12px;}
#order_product_section .order_product_card{padding:14px;border:1px solid #e7ebf0;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.04);}
#order_product_section .order_product_card + .order_product_card{margin-top:10px;}
#order_product_section .product_card_top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
#order_product_section .product_brand{font-size:12px;font-weight:700;color:#667085;line-height:1.4;}
#order_product_section .product_name{margin-top:2px;font-size:15px;font-weight:800;color:#111827;line-height:1.45;word-break:keep-all;}
#order_product_section .product_pricebox{text-align:right;flex-shrink:0;}
#order_product_section .product_price_label{font-size:11px;font-weight:700;color:#667085;line-height:1.3;}
#order_product_section .product_price_value{margin-top:2px;font-size:17px;font-weight:800;color:#111827;line-height:1.2;}
#order_product_section .product_meta_chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
#order_product_section .meta_chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:700;line-height:1.2;}
#order_product_section .meta_chip_point{background:#eef4ff;color:#284b9b;}
#order_product_section .product_card_bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f6;}
#order_product_section .product_extra_cost{font-size:12px;color:#667085;line-height:1.5;}
#order_product_section .product_extra_cost strong{font-size:13px;font-weight:800;color:#111827;}

#order_money_summary{width:100%;max-width:780px;margin:18px auto 100px;padding:18px;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:0 10px 30px rgba(15,23,42,.05);}
#order_money_summary .money_summary_head {margin:0 0 14px;}
#order_money_summary .money_summary_title {margin:0;font-size:18px;font-weight:800;color:#111827;letter-spacing:-0.3px;}
#order_money_summary .money_summary_desc {margin:4px 0 0;font-size:13px;color:#667085;line-height:1.5;}
#order_money_summary .money_total_card {padding:18px;border-radius:16px;background:#111827;color:#fff;}
#order_money_summary .money_total_label {font-size:13px;font-weight:700;opacity:.82;line-height:1.4;}
#order_money_summary .money_total_value {margin-top:6px;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-0.6px;}
#order_money_summary .money_total_value em {margin-left:4px;font-style:normal;font-size:16px;font-weight:700;opacity:.88;}
#order_money_summary .money_stat_grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
#order_money_summary .money_stat_item {padding:16px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;}
#order_money_summary .money_stat_label {font-size:12px;font-weight:700;color:#667085;line-height:1.4;}
#order_money_summary .money_stat_value {margin-top:6px;font-size:20px;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-0.4px;}
#order_money_summary .money_stat_value em {margin-left:3px;font-style:normal;font-size:13px;font-weight:700;color:#667085;}
#order_money_summary .money_stat_item.is_remain .money_stat_value {color:#c81e1e;}

@media (max-width:768px){
	#orderb_wrap{padding:0 10px 92px;}
	#order_product_section .order_section_head{align-items:flex-start;flex-direction:column;}
	#order_product_section .order_section_action{width:100%;}
	#order_product_section .order_add_btn{width:100%;height:46px;border-radius:14px;}
	#order_product_section .order_product_table_wrap{display:none;}
	#order_product_section .order_product_cards{display:block;}
	
	#order_money_summary {width:calc(100% - 15px);}
	#order_money_summary .money_total_value{font-size:24px;}
	#order_money_summary .money_stat_grid{grid-template-columns:1fr;}
}

/*↑***********************/


















#order_tbl_info  {width:800px;margin:0 auto;margin-top:30px;margin-bottom:10px;}
#order_tbl_info table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;white-space:nowrap;overflow:hidden;}
#order_tbl_info table caption {display:none;}
#order_tbl_info table thead th {padding:5px 0;border:1px solid #ddd;background:#ddffff;color:#000;font-weight:normal;letter-spacing:-0.1em}
#order_tbl_info table tbody tr {text-align:center;}
#order_tbl_info table tbody tr td {text-align:center;padding:10px 0 10px;border:1px solid #ddd;white-space:nowrap;overflow:hidden;}
#order_tbl_info .table--min {table-layout:fixed;min-width:900px;}
#order_tbl_info .money_td {text-align:right;padding-right:5px;}
#order_tbl_info .add_link {display:inline-block;float:right;margin-bottom:3px;padding:4px 10px;background:#9EACC6;color:#fff;border-radius:5px;font-size:0.95em;cursor:pointer;transition:background-color 0.2s, color 0.2s;}
#order_tbl_info .add_link:hover {background:#6c82a8;}
#order_tbl_info .row_link:hover { background-color:#3A506B; color:#fff; margin-bottom:5px;transition:background-color 0.2s, color 0.2s; }
#order_tbl_info .row_link:hover td { color:#fff; }
#order_tbl_info .row_link:hover td a { color:#fff; }

@media screen and (max-width: 768px){
	#order_tbl_info{width:100%;overflow-x:auto;white-space: nowrap;}
	#order_tbl_info table thead th {padding-right:10px;padding-left:10px;}
	#order_tbl_info table tbody tr td {padding-right:10px;padding-left:10px;}
	::-webkit-scrollbar { -webkit-appearance: none; } 
	::-webkit-scrollbar:vertical { width: 12px; } 
	::-webkit-scrollbar:horizontal { height: 8px; } 
	::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }
}
@media screen and (max-width: 425px){
	#order_tbl_info {margin-top:15px;}/* 테이블상단 간격*/
	#order_tbl_info .table--block2 td:before { width:40%;}
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/





/*------------------------------------------------------
로그인
------------------------------------------------------*/
#esti_view_login {width:100%; max-width: 280px; margin:0 auto; padding:0;}
#esti_view_login h1 { text-align:center; padding:0 0; margin:80px 0; }
#esti_view_login h1 img {width:320px; }
#esti_view_login .login { position:relative; width:100%; display:block; background:#fff; border:#dadada 1px solid; margin:0 0 10px 0; height:50px; line-height:50px; }
#esti_view_login .frma_input {width:260px;background:#fff; margin:10px 15px; border:0; padding:0; font-size:1.25em; color:#333; height:28px; line-height:28px; }
#esti_view_login .btn_submit { width:100%; display:block; padding:0; height:45px; line-height:45px; font-size:1.25em; color:#fff; font-weight:bold; letter-spacing:normal; margin:20px 0 0 0; background:#1fbc02; }
#esti_view_login .auto { margin:15px 0 30px 0;text-align:center;}
#esti_view_login .auto a { font-size:1.15em; color:#333333; }

/*------------------------------------------------------
견적서
------------------------------------------------------*/
#esti_view_wrap {margin:10px 20px 10px 20px;}
#esti_view_wrap .page_title {font-size:2.65em;font-weight:700;text-align:center;margin:30px 0 20px;}
#esti_view_wrap table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;font-size:1.15em;}
#esti_view_wrap table caption {height:0;font-size:0;line-height:0;overflow:hidden;}


/* 고객정보*/
#esti_view_wrap .cust_tbl_info  {margin:10px 0 10px;}
#esti_view_wrap .cust_tbl_info table tbody tr th {text-align:left;padding:8px 0 8px 10px;border:1px solid #999;background:#DDEBF7;white-space:nowrap;overflow:hidden;}
#esti_view_wrap .cust_tbl_info table tbody tr td {text-align:left;padding-left:10px;border:1px solid #999;}

/* 주문리스트*/
#esti_view_wrap .esti_tbl_info  {margin:30px 0 10px;}
#esti_view_wrap .esti_tbl_info table {}
#esti_view_wrap .esti_tbl_info table thead th {padding:5px 0;border:1px solid #999;background:#DDEBF7;color:#383838;letter-spacing:-0.1em}
#esti_view_wrap .esti_tbl_info table tbody tr {text-align:center;}
#esti_view_wrap .esti_tbl_info table tbody tr td {text-align:center;padding:10px 0 10px;border:1px solid #999;white-space:nowrap;overflow:hidden;}
#esti_view_wrap .esti_tbl_info .table--min {table-layout:fixed;min-width:900px;}
#esti_view_wrap .esti_tbl_info .money_td {text-align:right;padding-right:5px;}

/* 업체정보*/
#esti_view_wrap .co_tbl_info  {margin:30px 0 10px;}
#esti_view_wrap .co_tbl_info table tbody tr th {text-align:left;padding:8px 0 8px 10px;border:1px solid #999;background:#DDEBF7;white-space:nowrap;overflow:hidden;}
#esti_view_wrap .co_tbl_info table tbody tr td {text-align:left;padding-left:10px;border:1px solid #999;}

/* 금액정보*/
#esti_view_wrap .sum_tbl_info {margin:30px 0 10px;}
#esti_view_wrap .sum_tbl_info .section__pc{display:block;}
#esti_view_wrap .sum_tbl_info .section__mo {display:none;}
#esti_view_wrap .sum_tbl_info table tbody tr th {width:150px;text-align:left;padding:8px 0 8px 10px;border:1px solid #999;background:#DDEBF7;white-space:nowrap;overflow:hidden;}
#esti_view_wrap .sum_tbl_info table tbody tr td {width:25%;text-align:left;padding-left:10px;border:1px solid #999;}

@media screen and (max-width: 768px){
	#esti_view_wrap .esti_tbl_info{width:100%;overflow-x:auto;white-space: nowrap;}
	#esti_view_wrap .esti_tbl_info table {/*width:auto;*/}
	#esti_view_wrap .esti_tbl_info table thead th {padding-right:10px;padding-left:10px;}
	#esti_view_wrap .esti_tbl_info table tbody tr td {padding-right:10px;padding-left:10px;}
	::-webkit-scrollbar { -webkit-appearance: none; } 
	::-webkit-scrollbar:vertical { width: 12px; } 
	::-webkit-scrollbar:horizontal { height: 8px; } 
	::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }


	#esti_view_wrap .sum_tbl_info table tbody tr th {width:150px;}
	#esti_view_wrap .sum_tbl_info table tbody tr td {width:20%;}
}
@media screen and (max-width: 640px){
	#esti_view_wrap .page_title {font-size:2.00em;}
	#esti_view_wrap table {font-size:1.05em;}
	#esti_view_wrap .sum_tbl_info .section__pc {display:none;}
	#esti_view_wrap .sum_tbl_info .section__mo {display:block;}
	#esti_view_wrap .sum_tbl_info table tbody tr th {width:150px;}
	#esti_view_wrap .sum_tbl_info table tbody tr td {width:80%;text-align:right;padding-right:10px;}
}
@media screen and (max-width: 540px){
	#esti_view_wrap .sum_tbl_info table tbody tr td {width:70%;}
}
@media screen and (max-width: 425px){
	#esti_view_wrap .esti_tbl_info, #esti_view_wrap .sum_tbl_info {margin-top:15px;}/* 테이블상단 간격*/
	#esti_view_wrap .co_tbl_info {margin-top:0;}/* 업체정보 테이블 상단*/
	#esti_view_wrap .cust_tbl_info table tbody tr th {text-align:left;padding:8px 0 8px 5px;}
	/*#esti_view_wrap .esti_tbl_info table tbody tr td , #esti_view_wrap .esti_tbl_info .money_td {padding-left:50%;}*/
	.table--block2 td:before { width:40%;}
	#esti_view_wrap .co_tbl_info table tbody tr th {text-align:left;padding:8px 0 8px 5px;}
	#esti_view_wrap .sum_tbl_info table tbody tr td {width:70%;}
}
@media screen and (max-width: 359px){
	#esti_view_wrap .cust_tbl_info table, #esti_view_wrap .co_tbl_info table {font-size:0.95em;}
	#esti_view_wrap .sum_tbl_info table tbody tr td {width:60%;}
}


#od_item_add {width:calc(100% - 30px);margin:0 auto;margin-top:100px;}
#od_item_add .od_input_full {margin-top:10px;}
#od_item_add .od_input {width:100%;height:45px;padding-left:15px;font-size:1.35em !important;color:#333;font-weight:700;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-appearance: none;outline: none;}
#od_item_add .od_input:-ms-input-placeholder {color: #333; }
#od_item_add .od_input::-webkit-input-placeholder {color: #333; }
#od_item_add .od_input::-moz-placeholder {color: #333; }
#od_item_add .od_input::-moz-placeholder {color: #333; }
#od_item_add select {width:100%;height:45px;padding-left:15px;font-size:1.35em;color:#333;font-weight:700;border:0;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

#od_item_add .btn_fixed_topa{position:fixed;left:0;right:0;bottom:0;z-index:30;gap:8px;margin:0;padding:10px;border-top:1px solid #e5e7eb;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);}
#od_item_add .btn_fixed_topa .btn{flex:1;width:100%;height:48px;padding:0 10px;border-radius:12px;font-size:15px;}

/*#od_item_add .btn_fixed_topa{display:flex;justify-content:flex-end;gap:8px;margin:0 0 14px;}*/
/*#od_item_add .btn_fixed_topa .btn{height:42px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600;}*/

#od_item_add .od_btn_submit:hover {background:#333;}
#od_item_add .size-wrapper { display:flex; align-items:center; justify-content:flex-start; gap:0.5em; width:100%; }
#od_item_add .size-wrapper .od_input { flex:1; min-width:0; padding:0.4em 0.6em; font-size:1.0em; text-align:center; }
#od_item_add .size-wrapper .cross-mark { flex:0 0 auto; font-size:1.0em; }

#od_item_add .order_radio_group{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
#od_item_add .order_radio_input{position:absolute;opacity:0;pointer-events:none;}
#od_item_add .order_radio_btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:132px;height:40px !important;padding:0 20px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#9ca3af;font-size:16px;font-weight:700;line-height:1;text-align:center;cursor:pointer;box-sizing:border-box;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;user-select:none;}
#od_item_add .order_radio_icon{display:inline-block;width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;background:#fff;box-sizing:border-box;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;position:relative;flex:0 0 18px;}
#od_item_add .order_radio_icon:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(0);transition:transform .18s ease;}
#od_item_add .order_radio_text{display:inline-block;white-space:nowrap;}
#od_item_add .order_radio_input + .order_radio_btn:hover{border-color:#9ca3af;color:#374151;background:#f8fafc;}
#od_item_add .order_radio_input + .order_radio_btn:hover .order_radio_icon{border-color:#9ca3af;background:#fff;}
#od_item_add .order_radio_input + .order_radio_btn:active{transform:scale(.98);}
#od_item_add .order_radio_input:focus + .order_radio_btn{outline:none;box-shadow:0 0 0 4px rgba(51,65,85,.12);}
#od_item_add .order_radio_input:checked + .order_radio_btn{border-color:#374151;background:#374151;color:#fff;box-shadow:0 6px 18px rgba(15,23,42,.16);}
#od_item_add .order_radio_input:checked + .order_radio_btn .order_radio_icon{border-color:#fff;background:transparent;}
#od_item_add .order_radio_input:checked + .order_radio_btn .order_radio_icon:after{transform:translate(-50%,-50%) scale(1);}

/* 모바일에서도 무조건 한 줄 유지 */
@media screen and (max-width:768px) { 
    #od_item_add .size-wrapper { flex-wrap:nowrap; }
    #od_item_add .size-wrapper .od_input { width:100%; }
	
	#od_item_add .order_radio_group{gap:10px;}
	#od_item_add .order_radio_btn{flex:1 1 calc(50% - 5px);min-width:0;width:100%;height:50px;padding:0 16px;font-size:15px;}
}
@media (max-width:480px){
	#od_item_add .order_radio_group{gap:8px;}
	#od_item_add .order_radio_btn{height:48px;padding:0 14px;font-size:14px;}
	#od_item_add .order_radio_icon{width:16px;height:16px;flex:0 0 16px;}
	#od_item_add .order_radio_icon:after{width:7px;height:7px;}
}



/* 저장 성공 시 로딩 GIF 오버레이 */
.jin-success-gif-overlay { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:transparent;  display:flex; align-items:center; justify-content:center; z-index:9999; opacity:0; animation:jin-gif-fadeinout 2.5s forwards; ;color:#ff0000;font-size:3.00em;}
@keyframes jin-gif-fadeinout {
  0% { opacity:0; transform:translate(-50%, -50%) scale(0.8); }
  10% { opacity:1; transform:translate(-50%, -50%) scale(1.1); }
  90% { opacity:1; transform:translate(-50%, -50%) scale(1); }
  100% { opacity:0; transform:translate(-50%, -50%) scale(0.8); }
}