/* 1% = 11.7px  inner : 10.34px */
/* height: 2390px   1% = 24px  */

/* 메뉴 */ /* 221230_서브메뉴 : 관련 css submenu.css로 이동 */
/*
.menu_slide {  position: absolute; width: 84%; height: 100vh; right: -84%; z-index: 3; background: #fff; transition: all .3s; }
.menu_slide.on{ right: 0; }
.menu_slide .login_status { padding: 0 6%; height: 8.4vh; background:#00adef; position: relative; }
.menu_slide .login_status span { color: #fff; font-size:1em; line-height: 8.4vh; display: flex; align-items: center; } 
.menu_slide .login_status span em.user_cate { font-size: .7em; background: #0060aa; margin-right: 6px; display: inline-block; height: 22px; line-height: 20px; padding: 0 6px; border-radius: 15px;  }
.menu_slide .login_status .close { position:absolute; width: 5%; background: url('../images/btn_x_w.gif') no-repeat center; background-size: contain; top: 50%; right: 5%; transform: translateY(-50%); }
.menu_slide .menuarea { height: 92vh; overflow-y : scroll; }

.menu_slide .menuarea ul.dpt1 > li > a{ position:relative; }

.menu_slide .menuarea ul.dpt1 > li > a:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 18px; transform: translateY(-50%); }
.menu_slide .menuarea ul.dpt1 > li:nth-child(1) > a:before { top: 49%; width: 17px; height: 17px; background: url(../images/menu_1dpt_ico1.gif) no-repeat center; background-size: contain; }
.menu_slide .menuarea ul.dpt1 > li:nth-child(2) > a:before { width: 20px; height: 20px; background: url(../images/menu_1dpt_ico2.gif) no-repeat center; background-size: contain; }
.menu_slide .menuarea ul.dpt1 > li:nth-child(3) > a:before { top: 52%; width: 20px; height: 20px; background: url(../images/menu_1dpt_ico3.gif) no-repeat center; background-size: contain; }
.menu_slide .menuarea ul.dpt1 > li:nth-child(4) > a:before { top: 51%; width: 20px; height: 20px; background: url(../images/menu_1dpt_ico4.gif) no-repeat center; background-size: contain; }
.menu_slide .menuarea ul.dpt1 > li:nth-child(5) > a:before { top: 52%; width: 20px; height: 18px; background: url(../images/menu_1dpt_ico5.gif) no-repeat center; background-size: contain; }
.menu_slide .menuarea ul.dpt1 > li:nth-child(6) > a:before { width: 19px; height: 17px; background: url(../images/menu_1dpt_ico6.gif) no-repeat center; background-size: contain; }
.menu_slide .menuarea ul.dpt1 > li:nth-child(7) > a:before { top: 48%; width: 19px; height: 18px; background: url(../images/menu_1dpt_ico7.gif) no-repeat center; background-size: contain; }
.menu_slide .menuarea ul.dpt1 > li:nth-child(8) > a:before { width: 17px; height: 15px; background: url(../images/menu_1dpt_ico8.gif) no-repeat center; background-size: contain; }


.menu_slide .menuarea ul.dpt1 li > a { width: 76%; line-height: 7.5vh; padding-left: 15%; display: block; background-size:4%; font-size:1.1em }
.menu_slide .menuarea ul.dpt1 li.on > a:after { transform: rotate(180deg); top: 42%; }
.menu_slide .menuarea ul.dpt1 li ul.dpt2 { height: 0; overflow: hidden; background: #f2f4f5; transition: all .3s; }
.menu_slide .menuarea ul.dpt1 li.on ul.dpt2{ background: #f2f4f5; padding: 15px 0; overflow: visible; height: auto; }
.menu_slide .menuarea ul.dpt1 li ul.dpt2 li {  }
.menu_slide .menuarea ul.dpt1 li ul.dpt2 li a{ height: 5vh; line-height: 5vh; background: none; }
.menu_slide .menuarea ul.dpt1 li ul.dpt2 li:first-child { padding-top: 10px; }
.menu_slide .menuarea ul.dpt1 li ul.dpt2 li:last-child { padding-bottom: 10px; }
.menu_slide .menuarea ul.dpt2 li a { padding: 0 6% 0 12%; }

//221230_서브메뉴 : 관련 css submenu.css로 이동 */

/* .subpage header { position: relative; padding: 2.5vh 5%; }
.subpage header h1 { display: block; width:47vw; height: 2.5vh; text-indent: -9999px; background: url('../images/main/logo.png') no-repeat center; background-size: contain; }
.subpage header button.menu { display: inline-block; position: absolute; width: 6.77%; text-indent: -9999px; background: url('../images/main/ico_menu.png') no-repeat center;  background-size: contain; border: 0; right: 6%; top: 26px; } */

.subpage header { position: sticky; height: 8.3vh; top: 0; background: #fff; z-index: 9999; border-bottom: 1px solid #eee; } /* 221213_헤더수정 */
/* 221124 사용자 전환기능 추가
.subpage header h1 { display: block; width:47vw; height: 2.5vh; text-indent: -9999px; background: url('../images/main/logo.png') no-repeat center; background-size: contain; position: absolute; top: 3vh; left:6%;} */

.subpage header button { display: inline-block; position: absolute; text-indent: -9999px; overflow: visible; }
.subpage header button.home { background: url('../images/ico_home.png') no-repeat center; width: 5.47%; height:3.4vh; background-size: contain; border: 0; right: 16%; top: 2.7vh; }
.subpage header button.menu { background: url('../images/ico_menu.png') no-repeat center; width: 5.9%; height:2.9vh; background-size: contain; border: 0; right: 6%; top: 3.1vh; }
/*.subpage header button.alarm_on { background: url('../images/notification_on.png') no-repeat center; width: 5.9%; height:2.9vh; background-size: contain; border: 0; right: 26%; top: 3.1vh; }*/
/*.subpage header button.alarm_off { background: url('../images/notification_off.png') no-repeat center; width: 5.9%; height:2.9vh; background-size: contain; border: 0; right: 26%; top: 3.1vh; }*/
.subpage header button.alarm_on { background: url('../images/noti_on.png') no-repeat center; width: 5.9%; height:3.0vh; background-size: cover; border: 0; right: 26%; top: 3.1vh; }
.subpage header button.alarm_off { background: url('../images/noti_off.png') no-repeat center; width: 5.9%; height:3.0vh; background-size: cover; border: 0; right: 26%; top: 3.1vh; }
/* 221124 사용자 전환기능 추가 */
/* 공급자 헤더
header#ggj h1 { display: block; width:47vw; height: 2.5vh; text-indent: -9999px; background: url('../images/main/logo_ggj.png') no-repeat center; background-size: contain; position: absolute; top: 3vh; left:6%; } */
/* 운전자 헤더
header#wjj h1 { display: block; width:47vw; height: 2.5vh; text-indent: -9999px; background: url('../images/main/logo_wjj.png') no-repeat center; background-size: contain; position: absolute; top: 3vh; left:6%; } */
/* 운송사업자 헤더
header#wssuj h1 { display: block; width:50vw; height: 2.5vh; text-indent: -9999px; background: url('../images/main/logo_wssuj.png') no-repeat center; background-size: contain; position: absolute; top: 3vh; left:6%; } */
/* //221124 사용자 전환기능 추가 */

/* 221124 사용자 전환기능 추가 */
.subpage header h1{ display: flex; width:70vw; height: 2.5vh; position: absolute; top: 3vh; left: 6%; margin: 0 auto; align-items: center; }
.subpage header h1 img.logo { width: auto; max-width: 130px; margin-right: 5px; }
.subpage header h1 span { display: flex; height: 22px; line-height: 2.5vh; border-radius: 15px; margin-top: 1px; padding: 0 8px 0 7px; font-size: .85em; background: #0060aa; color: #fff; align-items: center; } 
.subpage header h1 span em { display: inline-flex; margin-top: -1px; }
/* //221124 사용자 전환기능 추가 */

.subpage .subvisual{ position:relative; background:url('../images/subvisual.gif') no-repeat center; background-size: cover; height:8vh; padding: 0 6%;}
.subpage .subvisual h2{ text-align: center; position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); font-size: 1.4em; font-weight: bold; color: #fff; }
.subpage .subvisual a.goback { display: inline-block; position: absolute; top: 50%; left: 6%; transform: translateY(-50%); height: 2.25vh; font-size: 1em; color: #fff; vertical-align: middle; } /* 221125 back버튼 깨짐 */
.subpage .subvisual a.goback span{ vertical-align: text-top; display: inline-block; font-size: 0.75em; margin-left:1.3%; /*margin-top: 5px;*/ margin-top: 0.15vh; } /* 221122 해상도디버깅 (230116 홈글씨 내려가있는거 수정 margin-top: 0.5vh -> 0.15vh) */
.subpage .subvisual a.goback img { width:15%; }
.subpage .sub_con .notit{ margin-top: 3vh; }
.subpage .sub_con .sub_detail{ position: relative; }


.subpage .sub_con.inputpage .sub_detail.delivery { position: relative; }
.subpage .sub_con.inputpage .sub_detail h3 { margin-bottom:2vh; display: flex; align-items: center;  margin-top:3vh; }
.subpage .sub_con.inputpage .sub_detail h3 span { color:#333; font-size: 1.2em; font-weight:500; margin-top: 4px; }
/* .subpage .sub_con.inputpage .sub_detail.order h3 span {  }
.subpage .sub_con.inputpage .sub_detail.delivery h3 span { margin-top: 4px; }
.subpage .sub_con.inputpage .sub_detail.assign h3 span { margin-top: 4px; } */
.subpage .sub_con.inputpage .sub_detail.order h3:before { content: ''; width: 5.8%; height: 3vh; margin-right: 1%; background: url(../images/tit_ico01.gif) no-repeat center; background-size: contain;}
.subpage .sub_con.inputpage .sub_detail.delivery h3:before { content: ''; width: 5.8%; height: 3vh; margin-right: 1%; background: url(../images/tit_ico02.gif) no-repeat center; background-size: contain;}
.subpage .sub_con.inputpage .sub_detail.assign h3:before { content: ''; width: 5%; height: 3vh; margin-right: 2%; background: url(../images/tit_ico03.gif) no-repeat center; background-size: contain;}
.subpage .sub_con.inputpage .sub_detail.start h3:before { content: ''; width: 6%; height: 3vh; margin-right: 2%; background: url(../images/tit_ico04.gif) no-repeat center; background-size: contain;}
.subpage .sub_con.inputpage .sub_detail button#btn_detail { position: absolute; top: -5px; right: 0; background: url(../images/ico_btn_detail.gif) no-repeat 10px center; background-size: 16%;
    align-items: center;}

.subpage .sub_con.inputpage .sub_detail table { width:100%; border-top:2px solid #a9adae; margin-bottom: 3.3vh; }

/* 221121 운송건 추가/삭제 */
.subpage .sub_con.inputpage .sub_detail .delivery_case { position: relative; margin-bottom: 35px; }
.subpage .sub_con.inputpage .sub_detail .delivery_case table:nth-child(1) { border-top: 2px solid #a9adae; }
.subpage .sub_con.inputpage .sub_detail .delivery_case table { margin-bottom: 1vh;  border-top: 1px solid #eee;}
.subpage .sub_con.inputpage .sub_detail .delivery_case .btn_addrem button { font-size: 1em; color:#555; }
.subpage .sub_con.inputpage .sub_detail .delivery_case .btn_addrem .btn_rem { position: absolute; top: 5px; right: 0; display: flex; align-items: center; line-height: .85em; }
.subpage .sub_con.inputpage .sub_detail .delivery_case .btn_addrem .btn_rem:before { content: '-'; font-size: 1.2em; width: 20px; height: 20px; border-radius: 100%; display: inline-block; background: #eee; 
    line-height: 1em; margin-right: 5px;  }
.subpage .sub_con.inputpage .sub_detail .delivery_case .btn_addrem .btn_add { width: 100%; height: 5.8vh; border: 1px dashed #ccc; text-align: center; position: relative; }
.subpage .sub_con.inputpage .sub_detail .delivery_case .btn_addrem .btn_add span:before { content: '+'; font-size: 1.2em; width: 20px; height: 20px; border-radius: 100%; display: inline-block; background: #eee; 
    line-height: 1em; margin-right: 5px; position: absolute;  top: 3px; left: -25px; }
.subpage .sub_con.inputpage .sub_detail .delivery_case .btn_addrem .btn_add span{ display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(calc(-50% + 19px), -50%); }
/* //221121 운송건 추가/삭제 */

.subpage .sub_con.inputpage .sub_detail table tr { border-bottom: 1px solid #eee; }
.subpage .sub_con.inputpage .sub_detail table tr:nth-child(even){background-color: #fafafa;}
.subpage .sub_con.inputpage .sub_detail table th { color:#333; font-weight: 500; padding-left: 6%; position: relative; }
.subpage .sub_con.inputpage .sub_detail table td { height: 5.5vh; color:#444; font-weight: 300; }
.subpage .sub_con.inputpage .sub_detail table th, 
.subpage .sub_con.inputpage .sub_detail table td { text-align: left; font-size: 1em; vertical-align: middle; } /* padding: 1.6vh 5.9% 1.8vh; */
.subpage .sub_con.inputpage .sub_detail table.tb_detail td { position:relative; } /* padding: 1.6vh 5.9% 1.8vh 5.9%; */
.subpage .sub_con.inputpage .sub_detail table.tb_detail td input{ font-size: 1em; width: 60%; border: 1px solid #ddd; height: 3.5vh; padding: 0 7px; color: #444; }
.subpage .sub_con.inputpage .sub_detail table.tb_detail td button { width: 25%; height: 4.5vh; color: #fff; font-size: 1em; /* line-height: 1.2em; */ line-height:3vh; position: absolute; top: 50%; right: 6%;
/*.subpage .sub_con.inputpage .sub_detail table.tb_detail td button { width: 45px; height: 3.5vh; color: #fff; font-size: 1em; !* line-height: 1.2em; *! line-height:3vh; position: absolute; top: 50%; right: 6%;*/

    transform: translateY(-50%); }/* 221123 해상도 디버깅 *//* 221215_인수회수정보입력 통일 */

/* 221215_인수회수정보입력 통일 */
.subpage .sub_con.inputpage .sub_detail table.tb_detail.td3ea td button { left: 50%; top: 50%; transform: translate(-50%, -50%);  } 
.subpage .sub_con.inputpage .sub_detail table.tb_detail.td3ea td input { width: 85% }
/* //221215_인수회수정보입력 통일 */
.subpage .sub_con.inputpage .sub_detail table.tb_detail td button.btn_modify { background: #00a885; }
.subpage .sub_con.inputpage .sub_detail table.tb_detail td button.btn_input { background: #0060aa; }
.subpage .sub_con.inputpage .sub_detail table.tb_detail td button.photoImg{ background: url(../images/btn_ic_img.png) no-repeat center; background-size: 26px; background-color: #0060aa; border-radius: 5px;}
.subpage .sub_con.inputpage .sub_detail table.tb_detail.confirm td span { color:#010101; font-weight: 500; border-bottom: 1px solid #333; }
.subpage .sub_con.inputpage .sub_detail table.tb_detail th.th_essential:before { content: ''; display: inline-block; width: 7px; height: 7px; background: #00a885; margin-right: 8px; border-radius: 100%; 
    position: absolute; left: 6px; top: 2.5vh; }
.subpage .sub_con.inputpage .sub_detail table tr.total th,
.subpage .sub_con.inputpage .sub_detail table tr.total td { border-top : 1px double #ddd; background: #eaedee; font-weight: 600; }

.subpage .sub_con.inputpage .sub_detail table.tb_detail.tb_vertical thead th { height: 5.5vh; line-height: 5vh; color: #444; font-weight: 500; text-align:center; background: #fafafa; 
    padding-left: 0;}
.subpage .sub_con.inputpage .sub_detail table.tb_detail.tb_vertical tbody td { text-align:center; }


.subpage .sub_con.inputpage .essential { display: inline-block; float: right; font-size: .9em; color: #333;}
.subpage .sub_con.inputpage .essential:before { content:''; display: inline-block; width: 8px; height: 8px; background: #00a885; margin-right: 8px; border-radius: 100%; }

/* 리스트 */
.subpage .sub_con.listpage { position:relative; height: calc(100vh - 32vh); } /* 2212_전체수정 */
.subpage .sub_con.listpage .sort{ display:flex; position:absolute; border-bottom:1px solid #ddd; top: 0; left: 0; width: 88%; padding: 1.5vh 6%; align-items: center; }
.subpage .sub_con.listpage .sort button{ margin-left: auto; background: url(../images/ico_btn_sort.gif) no-repeat 10px; background-size: 13%; align-items: center; }
.subpage .sub_con.listpage .sort_result{ padding-top:10vh; }
.subpage .sub_con.listpage .sort_result .date-num { display:flex; align-items: center; margin-bottom: 3vh; align-items: center; }
.subpage .sub_con.listpage .sort_result .date-num span{ font-weight: 500; color:#333; }
.subpage .sub_con.listpage .sort_result .date-num .num{ margin-left: auto; }
.subpage .sub_con.listpage .sort_result .date-num .num strong { color:#0060aa; font-weight: 500; }
.subpage .sub_con.listpage .sort_result .listarea { height: 54vh; overflow-y: scroll; } /* 2212_전체수정 */
.subpage .sub_con.listpage .sort_result .listarea::-webkit-scrollbar { display: none; }
.subpage .sub_con.listpage .sort_result table.tb_list{ width:100%; }
.subpage .sub_con.listpage .sort_result table.tb_list th, .subpage .sub_con.listpage .sort_result table.tb_list td { font-size:1.1em; color:#333; vertical-align: middle; } /* 221215_운송리스트페이지수정 */
.subpage .sub_con.listpage .sort_result table.tb_list thead { position: sticky; top: -1px; z-index: 9; } /* 221222_인도인수회수 */
.subpage .sub_con.listpage .sort_result table.tb_list thead tr th { background:#ebeff1; height: 6vh; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td { border-bottom:1px solid #d3d4d3; text-align: center; height: 5.5vh; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td:last-child { padding-left: 5px; text-align: left; }

/* 221123 - 리스트 아이콘 잘림현상 해결 */
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status { padding-left: 25px; overflow: visible; height: 100%; display: flex; align-items: center; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status em { margin-left: 3px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.direct { background: url(../images/ico_status_direct.gif) no-repeat left center; background-size: 22px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.accept { background: url(../images/ico_status_accept.gif) no-repeat left center; background-size: 22px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.modify { background: url(../images/ico_status_modify.gif) no-repeat left center; background-size: 22px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.confirm { background: url(../images/ico_status_confirm.gif) no-repeat left center; background-size: 22px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.setting { background: url(../images/ico_status_setting.gif) no-repeat left center; background-size: 22px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.assign { background: url(../images/ico_status_assign.gif) no-repeat left center; background-size: 22px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.shipping { background: url(../images/ico_status_shipping.gif) no-repeat left center; background-size: 22px; padding-bottom: 2px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.shipping_comp { background: url(../images/ico_status_shipping_comp.gif) no-repeat left center; background-size: 22px; padding-bottom: 2px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.trans_ok { background: url(../images/ic_status_uss_09.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
/* 221123 - 리스트 아이콘 잘림현상 해결 */

/* 2022-12-28 아이콘 추가*/
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmu01 { background: url(../images/ic_status_01jmu_01.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmu02 { background: url(../images/ic_status_01jmu_02.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmu03 { background: url(../images/ic_status_01jmu_03.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmu04 { background: url(../images/ic_status_01jmu_04.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmu05 { background: url(../images/ic_status_01jmu_05.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmu06 { background: url(../images/ic_status_01jmu_06.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms01 { background: url(../images/ic_status_02jms_01.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms02 { background: url(../images/ic_status_02jms_02.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms03 { background: url(../images/ic_status_02jms_03.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms04 { background: url(../images/ic_status_02jms_04.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms05 { background: url(../images/ic_status_02jms_05.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms06 { background: url(../images/ic_status_02jms_06.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms07 { background: url(../images/ic_status_02jms_07.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms08 { background: url(../images/ic_status_02jms_08.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jms09 { background: url(../images/ic_status_02jms_09.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb01 { background: url(../images/ic_status_03jmsb_01.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb02 { background: url(../images/ic_status_03jmsb_02.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb03 { background: url(../images/ic_status_03jmsb_03.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb04 { background: url(../images/ic_status_03jmsb_04.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb05 { background: url(../images/ic_status_03jmsb_05.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb06 { background: url(../images/ic_status_03jmsb_06.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb07 { background: url(../images/ic_status_03jmsb_07.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.jmsb08 { background: url(../images/ic_status_03jmsb_08.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss01 { background: url(../images/ic_status_04uss_01.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss02 { background: url(../images/ic_status_04uss_02.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss03 { background: url(../images/ic_status_04uss_03.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss04 { background: url(../images/ic_status_04uss_04.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss05 { background: url(../images/ic_status_04uss_05.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss06 { background: url(../images/ic_status_04uss_06.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss07 { background: url(../images/ic_status_04uss_07.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss08 { background: url(../images/ic_status_04uss_08.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss09 { background: url(../images/ic_status_04uss_09.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss10 { background: url(../images/ic_status_04uss_10.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.uss01 { background: url(../images/ic_status_05ussb_01.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.ussb02 { background: url(../images/ic_status_05ussb_02.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.ussb03 { background: url(../images/ic_status_05ussb_03.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.ussb04 { background: url(../images/ic_status_05ussb_04.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.ussb05 { background: url(../images/ic_status_05ussb_05.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.ussb06 { background: url(../images/ic_status_05ussb_06.png) no-repeat left center; background-size: 22px; padding-bottom: 2px;}

/* 2212 공급자-운송사업자 관련 추가기능 */
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.refuse { background: url(../images/ico_status_refuse.gif) no-repeat left center; background-size: 22px; }
.subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.cancel { background: url(../images/ico_status_cancel.gif) no-repeat left center; background-size: 22px; }
/* //2212 공급자-운송사업자 관련 추가기능 */

/* 221215_운송리스트페이지수정 */
.subpage .sub_con.listpage.shipping_dir .legend > div {  border-top: 1px solid #ddd; position:relative; }
.subpage .sub_con.listpage.shipping_dir .legend button { position: absolute; display:flex; align-items: center; top:-14px; left: 50%; transform: translateX(-50%); background: #fff; padding: 0 10px; font-size: 1em; }
.subpage .sub_con.listpage.shipping_dir .legend button:after { content:''; display: inline-block; width: 15px; height: 15px; border-radius: 15px; background:url('../images/note_toggle_open.png') no-repeat; 
    background-size: cover; margin-left: 5px; }
.subpage .sub_con.listpage.shipping_dir .legend button.active:after { content:''; display: inline-block; width: 15px; height: 15px; border-radius: 15px; background:url('../images/note_toggle_close.png') no-repeat; 
    background-size: cover; margin-left: 5px; }
.subpage .sub_con.listpage.shipping_dir ul.status_note { margin-top:-1px; height: 0; padding: 0; overflow: hidden; border: 0; }
.subpage .sub_con.listpage.shipping_dir ul.status_note.active { border: 1px solid #eee; padding: 15px 10px 5px; overflow: visible; height: auto;   } 

.subpage .sub_con.listpage.shipping_dir ul.status_note li { display: inline-flex; align-items: center; width: 25%; font-size: 1em; line-height: 1.5em; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li:before { content:'';  width: 15px; height: 15px; border-radius: 15px; background: #ddd; margin-right: 5px; }
/*.subpage .sub_con.listpage.shipping_dir ul.status_note li.request:before { background: #d92731; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li.modify:before { background: #f08441; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li.confirm:before { background: #fdd23e; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li.cancel:before { background: #61aa31; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li.assign:before { background: #0093d4; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li.progress:before { background: #284c7f; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li.complete:before { background: #7d4698; }
.subpage .sub_con.listpage.shipping_dir ul.status_note li.accident:before { background: #222222; }*/
/*.subpage .sub_con.listpage.shipping_dir ul.status_note li.cancel:before { background: #d92731;}*/
.subpage .sub_con.listpage.shipping_dir ul.status_note li.request:before { background: #61aa31;}
.subpage .sub_con.listpage.shipping_dir ul.status_note li.assign:before { background: #0093d4;}
.subpage .sub_con.listpage.shipping_dir ul.status_note li.progress:before { background: #284c7f;}
.subpage .sub_con.listpage.shipping_dir ul.status_note li.complete:before { background: #d92731;}

.subpage .sub_con.listpage.shipping_dir ul.status_note li:nth-child(2),
.subpage .sub_con.listpage.shipping_dir ul.status_note li:nth-child(4) { letter-spacing: -.1em; font-size: .9em; }

.subpage .sub_con.listpage.shipping_dir .sort_result .listarea { height: 52vh; }
.subpage .sub_con.listpage.shipping_dir .sort_result .listarea.hasNote { height: 44vh; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td { height: 6vh; padding: 2vh 0; vertical-align: top; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td:first-child span { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status { background: none !important; padding-left: 0; display: inline-block !important; height: auto; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status em { display: inline-block;  color: #fff; width: 20px; height: 20px; border-radius: 20px; 
    text-align: center; line-height: 20px; font-size: .75em; text-indent: -1px; margin-left: 0;}
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status:nth-child(5) em,
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status:nth-child(6) em,
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status:nth-child(7) em,
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status:nth-child(8) em { margin-top: 8px; }

/*.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.request em { background: #d92731; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.modify em { background:#f08441; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.confirm em { background: #fdd23e; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.cancel em { background: #61aa31; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.assign em { background: #0093d4; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.progress em { background: #284c7f; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.complete em { background: #7d4698; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.accident em { background: #222222; }*/

.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.cancel em { background: #d92731; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.request em { background: #61aa31; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.assign em { background: #0093d4; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.progress em { background: #284c7f; }
.subpage .sub_con.listpage.shipping_dir .sort_result table.tb_list tbody tr td .status.complete em { background: #d92731; }
/* //221215_운송리스트페이지수정 */

/* 라이브러리 css */
/* 캘린더 */
.myCalendar .month-head { width:60%; margin: 0 auto 15px;  }
.myCalendar .ic-arrow-angle-left-year:before, .ic-arrow-angle-right-year:before{ content:'' !important; display:block; width:10px; height: 15px;}
.myCalendar .ic-arrow-angle-left-year:before{ background: url(../images/btn_prev.gif) no-repeat center; background-size:cover;}
.myCalendar .ic-arrow-angle-right-year:before{ background: url(../images/btn_next.gif) no-repeat center; background-size:cover;}
.myCalendar .ic-arrow-angle-left-mon:before, .ic-arrow-angle-right-mon:before{ content:'' !important; display:block; width:10px; height: 15px;}
.myCalendar .ic-arrow-angle-left-mon:before{ background: url(../images/btn_prev.gif) no-repeat center; background-size:cover;}
.myCalendar .ic-arrow-angle-right-mon:before{ background: url(../images/btn_next.gif) no-repeat center; background-size:cover;}
.myCalendar .ic-arrow-angle-left:before, .ic-arrow-angle-right:before{ content:'' !important; display:block; width:10px; height: 15px; float:right;}
.myCalendar .ic-arrow-angle-left:before{ background: url(../images/btn_prev.gif) no-repeat center; background-size:cover; }
.myCalendar .ic-arrow-angle-right:before{ background: url(../images/btn_next.gif) no-repeat center; background-size:cover;}

.myCalendar .month-head div { font-size:1.2em !important; color:#333; font-weight: 600; }
.myCalendar.nao-month .month-head div { line-height: 12px; } /* 221123 해상도 디버깅 */
.myCalendar.nao-month td:empty::before{ content:'' !important; }
.myCalendar.nao-month table thead { color:#555; }
.myCalendar.nao-month th, .nao-month td { padding: 11px 1px 12px 0px !important; }
.myCalendar.nao-month td.today { color:#333; box-shadow: none !important; }
.myCalendar.nao-month td.today::before{ content:' '; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display: block; width:35px; height:35px; margin-top: 1px; border-radius:100%; background: #ddd; z-index: -9; }/* 221123 해상도디버깅 */
.myCalendar.nao-month td.active { transition: none !important; box-shadow: none !important; color:#fff; }
.myCalendar.nao-month td.active::before{ content:' '; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display: block; width:35px; height:35px; margin-top: 1px; border-radius:100%; background: #0060aa; z-index: -9; }
.myCalendar.nao-month td.lastday { color: #bbb; }
.myCalendar.nao-month table.year-body td.active::before { top: 34%; }

/* 미니 캘린더 */
.mini_calendar{ position: absolute;  top: 17vh; border: 1px solid #eee; background: #fff; width: 84.5%; padding: 1.5vh 2.5%; z-index: 99; display: none; 
    box-shadow: 4px 1px 11px -4px rgb(0 0 0 / 15%); }
.mini_calendar.on{ display: block; }
.mini_calendar:before{ content:''; display: block; width:10px; height: 10px; z-index:999; border-left:1px solid #eee; border-top:1px solid #eee; background: #fff;position: absolute; top: -7px; transform: rotate(45deg); }
.mini_calendar#mini_calendar_from:before { left:38% }
.mini_calendar#mini_calendar_to:before { right: 6%; }
.mini_calendar .nao-month{ min-width: 268px; }
.mini_calendar .nao-month th{ padding: 1px 1px 3px 0px !important; }
.mini_calendar .nao-month td { padding: 5px 1px 6px 0px !important; }
.mini_calendar .nao-month th, .mini_calendar .nao-month td { font-size: .9em; }
.mini_calendar .nao-month .month-head { margin: 0 auto 10px !important; }
.mini_calendar .nao-month .month-head div { font-size:1.1em; }
.mini_calendar .nao-month td.today::before{ content: ' '; position: absolute; top: 45%;  left: 49%; transform: translate(-50%, -50%); display: block; width: 23px; height: 23px; border-radius: 100%;
    background: #ddd; z-index: -9; }
.mini_calendar .nao-month td.active::before{ content: ' '; position: absolute;  top: 48%; left: 49%; transform: translate(-50%, -50%); display: block; width: 23px; height: 23px; border-radius: 100%;
    background: #0060aa; z-index: -9; }

/* 타임피커 */
.popContents .popCon .content .timepicker { margin: 1vh 0; }
.popContents .popCon .content .timepicker input {  }
.popContents .popCon .content .timepicker .code-html{ padding: 0; }
.popContents .popCon .content .timepicker .tui-timepicker{ background: none; padding: 0; border: none; }
.popContents .popCon .content .timepicker .tui-timepicker-btn-area { height: 130px !important; }
.popContents .popCon .content .timepicker .tui-timepicker-btn-area input { width:100%; height: 5vh; background: none; border: none; font-size: 2rem; font-weight: bold; color:#555; font-family: 'Roboto'; 
    position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); overflow: visible; }
.popContents .popCon .content .timepicker .tui-timepicker-btn-area .tui-timepicker-btn-up,
.popContents .popCon .content .timepicker .tui-timepicker-btn-area .tui-timepicker-btn-down { border: none; }
.popContents .popCon .content .timepicker .tui-timepicker-btn-area .tui-ico-t-btn { width: 25%; height: 17px; }
.popContents .popCon .content .timepicker .tui-timepicker-btn-area .tui-timepicker-btn-up .tui-ico-t-btn{ background: url(../images/ico_timepick_up.gif) no-repeat; background-size: contain; }
.popContents .popCon .content .timepicker .tui-timepicker-btn-area .tui-timepicker-btn-down .tui-ico-t-btn { background: url(../images/ico_timepick_down.gif) no-repeat; background-size: contain; }
.popContents .popCon .content .timepicker .tui-ico-colon { width: 7px; height: 37px; line-height: 1.6rem; background: none; font-size: 1.5rem; font-weight: bold; color:#555; font-family: 'Roboto';  }
.popContents .popCon .content .timepicker .tui-timepicker-checkbox ul li label { font-family: 'Roboto'; font-weight: 700; letter-spacing: 0; color:#555; font-size: 1rem; line-height: 1.1rem; } /* 221123 해상도디버깅 */
.popContents .popCon .content .timepicker .tui-timepicker-input-radio { display: none; }
.popContents .popCon .content .timepicker .tui-timepicker-radio { overflow:visible; }
.popContents .popCon .content .timepicker .tui-timepicker-check:last-child { margin-top: 16px !important; }
.popContents .popCon .content .timepicker .tui-timepicker-spinbox { width: 65px; }

/* 검색조건 */
.popup .popCon#srch_condition h5 { margin-bottom:1.25vh; font-weight: 500;}
.popup .popCon#srch_condition ul.tabs_radio { border: 1px solid #dedede; }
.popup .popCon#srch_condition ul.tabs_radio:after { content:''; display: block; clear:both; }
.popup .popCon#srch_condition ul.tabs_radio li input[type=radio] { position: absolute; top : -9999px; left: -9999px; }
.popup .popCon#srch_condition .srch_condition .input_term { display:flex; align-items: center; height: 5vh;  margin-top: 1vh; background: #fff; border: 1px solid #eee; }
.popup .popCon#srch_condition .srch_condition .input_term span { display: flex; align-items: center; }
.popup .popCon#srch_condition .srch_condition .input_term span.wave{ padding: 0 5px }
.popup .popCon#srch_condition .srch_condition .input_term span input { width:65%; height:4vh; border: 0; text-align: center;}
.popup .popCon#srch_condition .srch_condition .input_term span input:disabled { background: #fff; }
.popup .popCon#srch_condition .srch_condition .input_term span a.calendar { display: inline-block; font-size: 0; width: 25px; height: 25px; background: url(../images/ico_calendar.gif) center no-repeat; background-size: 60%; }
.popup .popCon#srch_condition .srch_ordernum input { width: 95%; }
.popup .popCon#srch_condition .srch_status ul.checks li { display: inline-block; padding: 8px 1%;}

/* 230119_상세정보 팝업 */
.popup .popCon#info_detail table { width:100%; border-top:2px solid #a9adae; margin-top: 10px; }
.popup .popCon#info_detail table:first-child { margin-top: 0px;  }
.popup .popCon#info_detail table td { position:relative; }
.popup .popCon#info_detail table tr:nth-child(odd) { background:#fff; }
.popup .popCon#info_detail table tr:nth-child(even) { background:#efefef; }
.popup .popCon#info_detail table tr { border-bottom: 1px solid #eee; }
.popup .popCon#info_detail table th { color:#333; font-weight: 500; padding-left: 5%; }
.popup .popCon#info_detail table td { height: 5.5vh; color:#444; font-weight: 300; }
.popup .popCon#info_detail table th,
.popup .popCon#info_detail table td { text-align: left; font-size: 1em; vertical-align: middle; }
.popup .popCon#info_detail table.tb_detail td { position:relative; }
.popup .popCon#info_detail table.tb_detail.confirm td span { color:#010101; font-weight: 500; border-bottom: 1px solid #333; }
/* //230119_상세정보 팝업 */


/* 팝업-운전자 선택 */
.popup .popCon.selectDriver .content .srchbox { border: 1px solid #ccc; background: #fff; border-radius: 10px; width: 100%; height: 5vh; overflow: hidden; }
.popup .popCon.selectDriver .content .srchbox form { position: relative; display: flex; height: 100%;}
.popup .popCon.selectDriver .content .srchbox input[type=text] { /*position: absolute; left: 13px;*/ height: 5vh; flex: 4;  border: none; }
.popup .popCon.selectDriver .content .srchbox button { flex: 1; background:url('../images/btn_search_w.gif') no-repeat center; background-size:30%; background-color: #8f989d; color:#fff; font-size: 0; }
.popup .popCon.selectDriver .listarea { height: 45vh; overflow-y: scroll; }
.popup .popCon.selectDriver .listarea::-webkit-scrollbar { display: none; }
.popup .popCon.selectDriver #listDriver li { display: flex;  margin-bottom: 2vh;  }
.popup .popCon.selectDriver #listDriver li input[type=radio] { flex: 1; position:absolute; }
.popup .popCon.selectDriver #listDriver li input[type="radio"] + label:before, 
.popup .popCon.selectDriver #listDriver li input[type="radio"] + label:after { /*top: 42px;*/ top: 50%; transform: translateY(-50%); }
.popup .popCon.selectDriver #listDriver li label { flex: 4; }
.popup .popCon.selectDriver #listDriver li label table { width:100%; border-top:2px solid #a9adae;}
.popup .popCon.selectDriver #listDriver li label table td { position:relative; } 
.popup .popCon.selectDriver #listDriver li label table tr:nth-child(odd) { background:#fff; }
.popup .popCon.selectDriver #listDriver li label table tr:nth-child(even) { background:#efefef; }
.popup .popCon.selectDriver #listDriver li label table tr { border-bottom: 1px solid #eee; }
.popup .popCon.selectDriver #listDriver li label table th { color:#333; font-weight: 500; padding-left: 5%; }
.popup .popCon.selectDriver #listDriver li label table td { height: 5.5vh; color:#444; font-weight: 300; }
.popup .popCon.selectDriver #listDriver li label table th, 
.popup .popCon.selectDriver #listDriver li label table td { text-align: left; font-size: 1em; vertical-align: middle; }
.popup .popCon.selectDriver #listDriver li label table.tb_detail td { position:relative; }
.popup .popCon.selectDriver #listDriver li label table.tb_detail.confirm td span { color:#010101; font-weight: 500; border-bottom: 1px solid #333; }

.popup .popCon.attach_file .attach { height: auto; min-height: 15.5vh; max-height: 40vh; border: 1px dashed #8f989d; position:relative; } /* 221215_팝업-사진첨부 */
.popup .popCon.attach_file .attach p { width: 60%; line-height: 1.2em; color:#888; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup .popCon.attach_file .attach p:before { content:''; height: 4vh; display: block;  background: url('../images/ico_attach.gif') no-repeat center; background-size:contain; margin: 0 auto 10px;}
.popup .popCon.attach_file .attach img { max-width: 80%; width: auto; max-height: 40vh; height: auto; } /* 221215_팝업-사진첨부 */

/* 221215_팝업 통일 */
.popup .popCon .popupset ul li { display: flex; margin-bottom: 10px; align-items: center; }
.popup .popCon .popupset ul li label { margin-right: 10px; }
.popup .popCon .popupset ul li input { flex: 1; }
/* //221215_팝업 통일 */

/* 2212_전체수정 : 바텀시트 */
.btmsheet { position: absolute; background: #f8f8f8; width: 100%; height: 10.2vh; bottom: 0; }
.btmsheet ul { display: flex;  }
.btmsheet ul li { flex: 1; padding-top: 6vh; display: block; text-align: center;  }
.btmsheet ul li.home { flex: 1.3; position: relative; }
.btmsheet ul li.home img { position: absolute; width: 65%; top: -3vh; left: 50%; transform: translateX(-50%); border: 6px solid #f8f8f8; border-radius: 100% } /* 홈버튼 깨지는거 top:-2.5vh를 -3vh로 수정 230116*/
.btmsheet ul li span{ font-size: .8em; }
.btmsheet ul li:nth-child(1) { background: url(../images/main/btm_menu01.png) no-repeat center 2.3vh; background-size: 32%; }
.btmsheet ul li:nth-child(2) { background: url(../images/main/btm_menu02.png) no-repeat center 2.2vh; background-size: 36%; }
.btmsheet ul li:nth-child(4) { background: url(../images/main/btm_menu03.png) no-repeat 59% 1.8vh; background-size: 40%; }
.btmsheet ul li:nth-child(5) { background: url(../images/main/btm_menu04.png) no-repeat center 2.3vh; background-size: 34%; }
/* //2212_전체수정 : 바텀시트 */

/* 로딩 레이어 */
#loading { width: 100vw; height: 100vh; position: absolute; z-index: 9999999; background: rgba(255,255,255,0.8); }
#loading img { width: 40%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }

/* 221222_인도인수회수 */
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td { height: 8.5vh; padding-left: 0; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status { display: inline-block; border-radius: 5px; margin: 0 2px; font-size: 0.8em; width: 41px; height: 24px; 
    padding: 0 0 0 4px; text-align: center; line-height: 23px; letter-spacing: 3px; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.txt { width: 100%; height: auto; padding: 0; font-size: 1em; letter-spacing: 0; } /* 221223_수정 */
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.full { position: relative; overflow: hidden; color:#fff; } /* 221223_수정 */
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.left,
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.right { background: none; position: relative; overflow: hidden; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.left:before {content: ''; display: inline-block; position: absolute; width: 57%; height: 100%; 
    left: -2px; top: 0; color: #fff; text-align: right; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.right:before {content: ''; display: inline-block; position: absolute; width: 55%; height: 100%; 
    right: -2px; top: 0; color: #fff; text-align: center; text-indent: -4px; }

/* 인도 */
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.indo { border: 1px solid #d92731;  overflow:hidden;}
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.indo.full { background-color: #d92731; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.indo.left { color: #d92731; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.indo.left:before { content: '인'; background: #d92731; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.indo.right { color: #d92731; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.indo.right:before {content: '도'; background: #d92731;}
/* 인수 */
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.insu { border: 1px solid #0093d4;  overflow:hidden;}
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.insu.full { background-color: #0093d4; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.insu.left { color: #0093d4; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.insu.left:before {content: '인'; background: #0093d4; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.insu.right { color: #0093d4; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.insu.right:before {content: ' 수'; background: #0093d4; }
/* 회수 */
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.hoesu { border: 1px solid #61aa31; overflow:hidden; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.hoesu.full { background-color: #61aa31; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.hoesu.left { color: #61aa31; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.hoesu.left:before {content: '회'; background: #61aa31; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.hoesu.right { color: #61aa31; }
.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status.hoesu.right:before {content: ' 수'; background: #61aa31; }

.subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td:last-child { line-height: 1.3em; padding-top: 5px; }
/* //221222_인도인수회수 */

/* 230111_실시간운송현황 */
.subpage .sub_con.rtimepage .maparea { position: relative; }
.subpage .sub_con.rtimepage .rt_status { position: absolute; width: 80%; background:#fff; z-index: 99; margin-top: 10px; transform: translateX(-50%); left: 50%; padding: 10px 22px; box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); }
.subpage .sub_con.rtimepage .rt_status ul li { display: inline-flex; align-items: center; width: 48%; line-height: 2.3em; }
.subpage .sub_con.rtimepage .rt_status ul li span { margin-left: 3px; font-weight: bold;  }
.subpage .sub_con.rtimepage .rt_status ul li:before { content: ''; display: inline-block; width: 25px; height: 25px; margin: 3px 5px 0 0; }
.subpage .sub_con.rtimepage .rt_status ul li.wait:before { background:url('../images/ic_rt_status01.png') no-repeat; background-size:contain; }
.subpage .sub_con.rtimepage .rt_status ul li.wait span { color:#00a885; }
.subpage .sub_con.rtimepage .rt_status ul li.deli:before { background:url('../images/ic_rt_status02.png') no-repeat; background-size:contain; }
.subpage .sub_con.rtimepage .rt_status ul li.deli span { color:#00adef; }
.subpage .sub_con.rtimepage .rt_status ul li.return:before { background:url('../images/ic_rt_status03.png') no-repeat; background-size:contain; }
.subpage .sub_con.rtimepage .rt_status ul li.return span { color:#7d4698; }
.subpage .sub_con.rtimepage .rt_status ul li.dcomp:before { background:url('../images/ic_rt_status04.png') no-repeat; background-size:contain; }
.subpage .sub_con.rtimepage .rt_status ul li.dcomp span { color:#0060aa; }

.subpage .sub_con.rtimepage .map { position: absolute; width:100%; height: 60vh; z-index: 9; }
.subpage .sub_con.rtimepage .map .mapbox { position: relative; height: 100%; overflow: hidden; text-align: center; background-size: cover; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer { position: absolute; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.on img { filter: drop-shadow(0px 2px 3px #666); }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.on div { filter: drop-shadow(0px 1px 2px #666); }
.subpage .sub_con.rtimepage .map .mapbox a.pointer img { width: 30px; margin-top: 8px;  }
.subpage .sub_con.rtimepage .map .mapbox a.pointer div { text-align: center; border-radius: 5px; width: 80px; height: 28px; line-height: 27px; padding: 0 8px; position: relative; top: 0; transform: translateX(-50%); left: 50%; color:#fff; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer div span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer div:before { content: ''; display: block; width: 10px; height: 10px; position: absolute; bottom: -3px; transform: translateX(-50%) rotate(45deg); left: 50%; }

.subpage .sub_con.rtimepage .map .mapbox a.pointer.wait div { background: #00a885; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.wait div:before { background: #00a885; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.deli div { background: #00adef; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.deli div:before { background: #00adef; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.return div { background: #7d4698; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.return div:before { background: #7d4698; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.dcomp div { background: #0060aa; }
.subpage .sub_con.rtimepage .map .mapbox a.pointer.dcomp div:before { background: #0060aa; }

.rt_popup { width: 93% !important; top: 13vh !important; left: 50%; transform: translateX(-50%) !important; background-color: #fff; border-radius: 0 !important;  z-index: 99999; overflow: hidden; 
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); }

.rt_popup.wait { border-top: 3px solid #00a885; }
.rt_popup.wait .popHead button#btn_detail { background: url(../images/ico_btn_detail_wait.gif) no-repeat 10px center; background-size: 16%; border: 2px solid #00a885; color: #00a885;}
.rt_popup.deli { border-top: 3px solid #00adef; }
.rt_popup.deli .popHead button#btn_detail { background: url(../images/ico_btn_detail_deli.gif) no-repeat 10px center; background-size: 16%; border: 2px solid #00adef; color: #00adef;}
.rt_popup.return { border-top: 3px solid #7d4698; }
.rt_popup.return .popHead button#btn_detail { background: url(../images/ico_btn_detail_return.gif) no-repeat 10px center; background-size: 16%; border: 2px solid #7d4698; color: #7d4698;}
.rt_popup.dcomp { border-top: 3px solid #0060aa; }
.rt_popup.dcomp .popHead button#btn_detail { background: url(../images/ico_btn_detail.gif) no-repeat 10px center; background-size: 16%; border: 2px solid #0060aa; color: #0060aa;}
.rt_popup.end { border-top: 3px solid #ff0000; }
.rt_popup.end .popHead button#btn_detail { background: url(../images/ico_btn_end.gif) no-repeat 10px center; background-size: 16%; border: 2px solid #ff0000; color: #ff0000;}
.rt_popup.start { border-top: 3px solid #ffa500; }
.rt_popup.start .popHead button#btn_detail { background: url(../images/ico_btn_start.gif) no-repeat 10px center; background-size: 16%; border: 2px solid #ffa500; color: #ffa500;}

.rt_popup .popHead button#btn_detail { top: 10px; left: 0; background-size: 16%; align-items: center; padding: 4px 10px 4px 30px; font-size: 1em; font-weight: 600; }

.rt_popup.deli { border-top: 3px solid #00adef; }
.rt_popup.return { border-top: 3px solid #7d4698; }
.rt_popup.dcomp { border-top: 3px solid #0060aa; }
.rt_popup .popHead { padding: 15px 5% 0 !important; }
.rt_popup .popHead h4 { line-height: 36px; }

.rt_popup .popContents .popCon { background: #fff; }
.rt_popup .closePopup { top:60%; z-index: 9999 !important; }
.rt_popup .popContents .popCon .content { padding: 1.5vh 5% 3vh !important; max-height: 35vh; }
.rt_popup .popCon table { width:100%; border-top:2px solid #a9adae; margin-top: 10px; }
.rt_popup .popCon table:first-child { margin-top: 0px;  }
.rt_popup .popCon table td { position:relative; } 
.rt_popup .popCon table tr:nth-child(odd) { background:#fff; }
.rt_popup .popCon table tr:nth-child(even) { background:#efefef; }
.rt_popup .popCon table tr { border-bottom: 1px solid #eee; }
.rt_popup .popCon table th { color:#333; font-weight: 500; padding-left: 5%; }
.rt_popup .popCon table td { height: 5.5vh; color:#444; font-weight: 300; }
.rt_popup .popCon table th, 
.rt_popup .popCon table td { text-align: left; font-size: 1em; vertical-align: middle; }
.rt_popup .popCon table.tb_detail td { position:relative; }
.rt_popup .popCon table.tb_detail.confirm td span { color:#010101; font-weight: 500; border-bottom: 1px solid #333; }
.rt_popup.dtinfo { z-index: 999999; }
/* //230111_실시간운송현황 */

/* 반응형 - iphoneSE */
@media all and (min-height: 600px) and (max-height: 680px) {
    .subpage .sub_con.listpage .sort { display: flex; position: absolute; border-bottom: 1px solid #ddd; top: 0; left: 0; width: 88%; padding: 1vh 6%; align-items: center; }
    .btmsheet ul li { flex: 1; padding-top: 6.5vh; display: block; text-align: center; }
    .btmsheet ul li.home img { position: absolute; width: 70%; top: -5vh; left: 50%; transform: translateX(-50%); border: 6px solid #eee; border-radius: 100%; }

    /* 221222_인도인수회수 */
    .subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status { display: inline-block; border-radius: 5px; margin: 0 2px; font-size: 0.8em; width: 38px; height: 24px;
    padding: 0 0 0 4px; text-align: center; line-height: 23px; letter-spacing: 3px; }
    .subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td { height: 10vh; padding-left: 0; }
    /* //221222_인도인수회수 */

    /* 230111_실시간운송현황 */
    .subpage .sub_con.rtimepage .map { position: absolute; width: 100%; height: 58vh; z-index: 9; }
    .subpage .sub_con.rtimepage .rt_status { position: absolute; width: 80%; background: #fff; z-index: 99; margin-top: 10px; transform: translateX(-50%); left: 50%; padding: 6px 22px;
         box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); }
    .subpage .sub_con.rtimepage .rt_status ul li { display: inline-flex; align-items: center; width: 48%; line-height: 2em; }
    .rt_popup { width: 93% !important; top: 14vh !important; left: 50%; transform: translateX(-50%) !important; background-color: #fff; border-radius: 0 !important; z-index: 99999; overflow: hidden;
        box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); }
    .rt_popup .popContents .popCon .content { padding: 1.5vh 5% 3vh !important; max-height: 30vh; }
    /* //230111_실시간운송현황 */
}

/* 가로 반응형 - Galaxy Fold */
@media all and (min-width: 280px) and (max-width: 319px) { 
    /* 221124 사용자 전환기능 추가 */
    .subpage header h1{ display: flex; width:70vw; height: 2.5vh; position: absolute; top: 3vh; left: 6%; margin: 0 auto; align-items: center; }
    .subpage header h1 img.logo { width: auto; max-width: 130px; margin-right: 5px; }
    .subpage header h1 span { display: flex; height: 20px; line-height: 2.5vh; border-radius: 15px; margin-top: 1px; padding: 0 8px 0 7px; font-size: .85em; background: #0060aa; color: #fff; align-items: center; } 
    .subpage header h1 span em { display: inline-flex; margin-top: -2px; }
    .subpage header h1.wssuj span em { font-size: .8em; }
    /* //221124 사용자 전환기능 추가 */
    
    .menu_slide .menuarea ul.dpt1 li > a { width: 76%; line-height: 7.5vh; padding-left: 20%; display: block; background-size: 4%; font-size: 1.1em; }
    /* 230403 로그 슬라이더 추가 */
    .alarm_slide .menuarea ul.dpt1 li > a { width: 76%; line-height: 7.5vh; padding-left: 20%; display: block; background-size: 4%; font-size: 1.1em; }
    
    .subpage .sub_con.inputpage .sub_detail table th, .subpage .sub_con.inputpage .sub_detail table td { text-align: left; font-size: .95em; vertical-align: middle; }
    .subpage .sub_con.inputpage .sub_detail h3 span { color: #333; font-size: 1.1em; font-weight: 500; }
    .subpage .subvisual h2 { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.2em; font-weight: bold; color: #fff; }
    .subpage .subvisual a.goback span { vertical-align: text-top; display: inline-block; font-size: 0.75em; margin-left: 1.3%; margin-top: 4px; }
    .subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status.direct { background: url(../images/ico_status_direct.gif) no-repeat left 1px; background-size: 25%; }
    .subpage .sub_con.listpage .sort_result table.tb_list tbody tr td:last-child { padding-left: 0px; text-align: left; }
    .subpage .sub_con.listpage .sort_result table.tb_list tbody tr td .status { padding-left: 20px; overflow: visible; }

    /* 캘린더 */
    .myCalendar.nao-month { position: relative; min-width: 200px !important; overflow: hidden; }
    .myCalendar.nao-month td.today::before { content: ' '; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 23px !important; height: 23px !important;
        margin-top: 0px; border-radius: 100%; background: #ddd; z-index: -9; }
    .myCalendar.nao-month td.active::before { content: ' '; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 23px !important; 
        height: 23px !important; margin-top: 1px; border-radius: 100%; background: #0060aa; z-index: -9; }
    /* 미니캘린더 */
    .mini_calendar#mini_calendar_to:before { right: 3%; }
    /* 타임피커 */
    .popContents .popCon .content .timepicker .tui-timepicker-spinbox { width: 55px; }
    .popContents .popCon .content .timepicker .tui-timepicker-checkbox { padding-left: 12px; }
    .popup .popCon#srch_condition ul.tabs_radio li:last-child label > span{ width: 74%; height: 100%; overflow: hidden; display: block; margin: 0 auto; }
    .popup .popCon.selectDriver #listDriver li label table th, .popup .popCon.selectDriver #listDriver li label table td { text-align: left; font-size: .85em; vertical-align: middle; }
    .popContents .popCon .content .timepicker .tui-timepicker-checkbox ul li label { font-family: 'Roboto'; font-weight: 700; letter-spacing: 0; color: #555; font-size: 1rem; line-height: 1.1rem; }

    .subpage .sub_con.inputpage .sub_detail table.tb_detail th.th_essential:before { content: ''; display: inline-block;  width: 5px; height: 5px; background: #00a885;
        margin-right: 8px; border-radius: 100%; position: absolute; left: 6px; top: 2.3vh; }
    .subpage .sub_con.inputpage .essential { display: inline-block; float: right; font-size: .9em; color: #333; position: relative; }
    .subpage .sub_con.inputpage .essential:before { content: ''; display: inline-block; width: 6px; height: 6px; background: #00a885; margin-right: 8px; border-radius: 100%; 
        position: absolute; top: 0.5vh; left: -10px; }

    /* 221222_인도인수회수 */
    .subpage .sub_con.listpage .sort_result { padding-top: 8.5vh; }
    .subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td { height: auto; padding-left: 0; }    
    .subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td:last-child { line-height: 1.3em; padding-top: 5px; text-align: center; line-height: 1.3em; padding-top: 5px; text-align: center; }
    .subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status:last-child { margin-bottom: 5px; }
    /* //221222_인도인수회수 */

    /* 230111_실시간운송현황 */
    .subpage .sub_con.rtimepage .rt_status { position: absolute; width: 87%; background: #fff; z-index: 99; margin-top: 10px; transform: translateX(-50%); left: 50%; padding: 6px 7px; 
        box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); }
    .subpage .sub_con.rtimepage .map .mapbox a.pointer div { text-align: center; border-radius: 5px; width: 60px; height: 28px; line-height: 27px; padding: 0 8px; position: relative; top: 0; 
        transform: translateX(-50%); left: 50%; color:#fff; }

    /* //230111_실시간운송현황 */
}

/* 가로 반응형 - Galaxy S8+ */
@media all and (min-width: 320px) and (max-width: 375px) { 
    /* 221222_인도인수회수 */
    .subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td span.status { display: inline-block; border-radius: 5px; margin: 0 2px; font-size: 0.8em; width: 36px; height: 24px;
        padding: 0 0 0 4px; text-align: center; line-height: 23px; letter-spacing: 3px; }
    .subpage .sub_con.listpage .sort_result .listarea.idis table.tb_list tbody tr td { height: 9.5vh; padding-left: 0; }
    /* //221222_인도인수회수 */

    /* 230111_실시간운송현황 */
    .rt_popup { width: 93% !important; top: 15vh !important; left: 50%; transform: translateX(-50%) !important; background-color: #fff; border-radius: 0 !important; z-index: 99999; overflow: hidden;
        box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); }
    .rt_popup .popContents .popCon .content { padding: 1.5vh 5% 3vh !important; max-height: 31vh; }
    /* //230111_실시간운송현황 */
}