@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;}

.or_ing_box {padding: 0 10px 0 10px;font-size:0.85em;color:#fff; text-align:center;background:#0080c0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/**********************************
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_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;left:10px;top:10px;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.25em;font-weight:700;color:#fff;line-height:50px;text-align:center;background:#004080;}
#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 {width:800px;margin:0 auto;margin-top:100px;margin-bottom:50px;}
#ordera_wrap .ordera_search {width:100%;margin-top:10px;margin-bottom:10px;}
#ordera_wrap .ordera_search select {height:30px;border:1px solid #ccc;}
#ordera_wrap .ordera_search .frm_input_jin {height:30px;border:1px solid #ccc;}
#ordera_wrap .ordera_search ul:after {display:block;visibility:hidden;clear:both;content:""}
#ordera_wrap .ordera_search ul li {float:left;display:inline;padding:0 5px 5px 0;}
#ordera_wrap .ordera_search :-ms-input-placeholder { color: #000; }
#ordera_wrap .ordera_search ::-webkit-input-placeholder { color: #000; }
#ordera_wrap .ordera_search ::-moz-placeholder { color: #000; }
#ordera_wrap .ordera_search ::-moz-placeholder { color: #000; }

#ordera_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;} 
#ordera_wrap caption {padding:0;font-size:0;line-height:0;overflow:hidden;}
#ordera_wrap thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px;background:#F6F6F6;}
#ordera_wrap tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8;text-align:left;}
#ordera_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;}
#ordera_wrap tbody tr:hover td {background:#fafafa;}
#ordera_wrap a:hover {text-decoration:underline;}
#ordera_wrap .jin_page {text-align:center;margin:30px 0 30px;}
#ordera_wrap .pg_wrap {float:none;}


.btn_submit_jin {padding:0 5px 0px;line-height:30px;border:0;color:#fff;font-size:0.95em;vertical-align:middle;cursor:pointer}
.btn_frmline_jin {display:inline-block;padding:0 7px;line-height:24px;border:0;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;} /* 우편번호검색버튼 등 */
.btn_frmline_jin:focus, .btn_frmline_jin:hover, .btn_frmline_jin:active {text-decoration:none}

#ordera_wrap .btn_fixed_top {position:fixed;top:70px;right:15px;width:100%;text-align:right;padding:5px 0 5px;background:#fff;}
#ordera_wrap .btn_fixed_topa {text-align:right;margin:0px 0 5px;}
#ordera_wrap a.btn,.btn {font-size:1.15em; line-height:28px;text-align:center;font-weight:500;border:0;}
#ordera_wrap a.btn01 {display:inline-block;padding:2px 20px 0px 20px;border:1px solid #ccc;background:#dbdbdb;color:#000;text-decoration:none;vertical-align:middle}
#ordera_wrap a.btn01:focus, a.btn01:hover {text-decoration:none}
#ordera_wrap textarea{width:100%;border:1px solid #d5d5d5;min-height:100px;word-break:keep-all;}

/* mobile*/
#ordera_wrap .tavle_mo_tr {padding:10px 0 10px; font-size:1.15em;border-top:1px solid #ddd;}
#ordera_wrap .tavle_mo_tr a {font-size:1.15em;text-decoration:none;cursor:pointer;}
#ordera_wrap .tavle_mo_tr:nth-last-child(1) {border-bottom:1px solid #ddd;}


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

@media screen and (max-width: 425px){

}

/* 주문리스트★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
#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%;}
}

/*
#money_sum {width:800px;margin:0 auto;margin-top:30px;background:#fff;}
#money_sum table {width:100%;padding:0; border-spacing:0px; border:0; border-collapse:collapse;font-size:1.15em;}
#money_sum table tbody th{padding:10px 0 10px 10px;border:1px solid #6F809A;background:#6F809A;color:#fff;font-weight:normal;text-align:center;}
#money_sum table tbody td {padding:8px 0 8px 10px;border:1px solid #6F809A;color:#0080c0;}
*/


#money_sum {width:800px;margin:0 auto;margin-top:30px;}
#money_sum table {width:100%;padding:0; border-spacing:0px; border:0; border-collapse:collapse;font-size:1.25em;}

#money_sum tbody th {width:120px;text-align:left;font-weight:normal;padding:5px 0 5px 10px;background:#e0e0e0;border:1px solid #ddd;}
#money_sum td {padding:5px 5px 0 10px;color:#666;border:1px solid #ddd;}

@media screen and (max-width: 800px){
	#money_sum {width:calc(100% - 10px);margin:0 auto;}
}



/*------------------------------------------------------
로그인
------------------------------------------------------*/
#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 .od_submit {text-align:right;}
#od_item_add .od_btn_submit {width:60px;line-height:30px;font-size:1.15em;font-weight:500;color:#fff;text-align:center;cursor:pointer;background:#0080c0;border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#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; }

/* 모바일에서도 무조건 한 줄 유지 */
@media screen and (max-width:768px) { 
    #od_item_add .size-wrapper { flex-wrap:nowrap; }
    #od_item_add .size-wrapper .od_input { width:100%; }
}

/* 저장 성공 시 로딩 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); }
}