@charset "utf-8"; 
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

/*
Title : content.css
Author : LKICT yekim
*/

/* ========== R E S E T ========== */
/* default */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-family:inherit } 

h1, h2, h3, h4, h5, h6 { font-weight:normal } 

body { background:#fff; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none } 
ol, ul { list-style:none } 
em { font-style:normal } 

/* form */
form { -webkit-appearance:none; -moz-appearance:none; appearance:none } 
fieldset { border:0 solid transparent } 
img, input, button, select, textarea { padding:0; margin:0; vertical-align:middle } 
button { border:0; outline:none; background:transparent; cursor:pointer; overflow:visible } 
button::-moz-focus-inner,
input::-moz-focus-inner { border:0; padding:0; margin:0 } 

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { appearance:button;-moz-appearance:button; cursor:pointer } 

input[type="radio"],
input[type="checkbox"] { border:0 } 

textarea, input, select { border-radius:0; background:#fff; box-shadow:none; text-shadow:none; appearance:none } 
textarea { resize:none }
a { color:inherit; letter-spacing:normal; text-decoration:none } 

/* table */
table { width:100%; border-collapse:collapse; border-spacing:0 } 
caption, th, td { font-weight:normal } 
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none } 
blockquote, q { quotes:none } 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, main, nav, section { 
display: block; 
}

/* ========== C O M M O N ========== */
* { padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } 

html, body { width:100%; height:100%; -webkit-overflow-scrolling:touch } 
html { font-size:62.5% } /*font-size:10px*/
body { position:relative; font:1.8rem/1.5 'Pretendard', sans-serif; font-weight:400; color:#222222; letter-spacing:-0.5px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); background:#fff } 
button, textarea, input, select { font:1.8rem 'Pretendard', sans-serif; font-weight:400; color:#484848 } 
.blind { position: absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; } 

/* font_style */
.fw400 { font-weight:400 } 
.fw700 { font-weight:700 } 

/* input */
input::-ms-clear { display:none } 
input:focus { outline:none } 

/* textfield */
input[type="text"],
input[type="password"],
input[type="number"] { width:100%; height:50px; border-radius:8px; padding:0 16px; border:1px solid #d9d9d9; background:#fff } 
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled { color:rgba(83, 86, 90, 0.5); background:#f4f4f4 } 
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder { color:#aeaeae } 

/* checkbox */
input[type="checkbox"] { border:1px solid #d9d9d9; border-radius:8px; width:24px; height:24px; margin:0; margin-right:-4px; background:#fff } 
input[type="checkbox"] + label { vertical-align:middle; display:inline-block; margin-left:8px;color:#484848} 
input[type="checkbox"]:checked { border:none; background:#273791 url(../images/checkbox-checked.svg) no-repeat center center; background-size:13.2px 10.2px } 
input[type="checkbox"]:disabled { border:1px solid #d9d9d9; background:#f4f4f4 } 
input[type="checkbox"]:disabled + label { color:#989898 } 
input[type="checkbox"]:disabled:checked { border:1px solid #a7a7a7; background:#eee } 
input[type="checkbox"]:disabled:checked + label { color:#888; font-weight:400 } 
input[type="checkbox"]:hover,
input[type="checkbox"]:focus { outline:none } 

/* radio */

/* checkbox-radio nolabel */
span.nolabel { display:flex; width:22px; height:22px; margin:0 auto } 
span.nolabel input[type="checkbox"] { flex:none } 
span.nolabel input[type="checkbox"] + label { text-indent:-9999em; width:1px; margin-left:0 } 

/* toggle */
input[type="checkbox"].switch { position:absolute; opacity:0; width:1px; height:1px } 
input[type="checkbox"].switch + label { width:48px; height:24px; line-height:24px; padding:3px; margin:0; border-radius:12px; background:#53565a;position: relative; } 
input[type="checkbox"].switch + label span { display:inline-block; position:absolute; left:3px; width:18px; height:18px; border-radius:100%; text-indent:-9999em; overflow:hidden; background:#fff; box-shadow:3px 0 5px 0 rgba(0, 0, 0, 0.16); -webkit-transition:left .2s ease-out; transition:left .2s ease-out } 
input[type="checkbox"].switch:checked + label { background:#273791 } 
input[type="checkbox"].switch:checked + label span { left:27px; box-shadow:-3px 0 5px 0 rgba(0, 0, 0, 0.16) } 

/* textarea */
textarea:focus { outline:none } 
textarea { width:100%; padding:10px; border-radius:4px; border:1px solid #d9d9d9; background:#fff } 
textarea:disabled { color:rgba(©, 86, 90, 0.5); background:#f4f4f4 } 
textarea::placeholder { color:#53565a } 

/* select */
select::-ms-expand { display:none } 
select:focus { outline:none } 
select { width:100%; height:40px; padding:0 27px 0 8px; border-radius:8px; border:1px solid #d9d9d9; background:url(../images/ico-select-arrow.svg) no-repeat right 8px center; background-size:20px 20px } 
select:disabled { color:rgba(83, 86, 90, 0.5); background-color:#f4f4f4 } 

/* calendar */

/* text-align */
.txt-l { text-align:left !important } 
.txt-r { text-align:right !important } 
.txt-c { text-align:center !important } 

/* button */
button.btn-primary { width:100%; height:50px; font-weight:700; color:#fff; border-radius:8px; background:#273791; } 
button.btn-primary:disabled { opacity:0.5; cursor:default } 
button.btn-primary.btn-load{border: 1px solid #273791;background: #ffffff;color:#273791;font-weight:500;opacity: 0.3;}
button.btn-primary.btn-load.on{border: 1px solid #273791;background: #EAF2F3;color:#273791;font-weight:500;opacity: 1;}
button.btn-primary.btn-noload{border: 1px solid #484848;background: #ffffff;color:#484848;font-weight:500;opacity: 0.3;}
button.btn-primary.btn-noload.on{border: 1px solid #484848;background: #ECECEC;color:#484848;font-weight:500;opacity: 1;}
button.btn-primary.btn-end{border: 1px solid #273791;background: #ffffff;color:#273791;font-weight:500;opacity: 0.3;}
button.btn-primary.btn-end.on{border: 1px solid #273791;background: #EAF2F3;color:#273791;font-weight:500;opacity: 1;}
button.btn-primary.btn-none{border: 1px solid #484848;background: #ffffff;color:#484848;font-weight:500;opacity: 0.3;}
button.btn-primary.btn-none.on{border: 1px solid #484848;background: #ECECEC;color:#484848;font-weight:500;opacity: 1;}
button.btn-primary.btn-cancle{border: 1px solid #DC5A35;background: #ffffff;color:#DC5A35;font-weight:500;opacity: 0.3;}
button.btn-primary.btn-cancle.on{border: 1px solid #DC5A35;background: #F8DED7;color:#DC5A35;font-weight:500;opacity: 1;}
button.btn-secondary-type1 { height:40px; font-weight:700; color:#53565a; padding:0 24px; border-radius:4px; border:1px solid #ffb81c; background:#fff } 
button.btn-secondary-type1:disabled { opacity:0.5; cursor:default } 
button.btn-secondary-type2 { height:40px; font-weight:700; color:#53565a; padding:0 24px; border-radius:4px; border:1px solid #d9d9d9; background:#fff } 
button.btn-secondary-type2:disabled { opacity:0.5; cursor:default } 
button.btn-tertiary { width:100%; height:50px; font-weight:700; color:#fff; border-radius:8px; background:#273791; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2) } 
button.btn-tertiary:disabled { opacity:0.5; cursor:default } 
button.btn-type1 { width:100%; font-weight:700; color:#273791;border-radius: 8px;border: 1px solid #273791; background: #fff; }
button.btn-type2{font-weight:700;font-size: 1.6rem;color:#ffffff;border-radius: 8px;background: #273791;width:100px;height:80px;} 
button.btn-search{text-indent:-9999em;width:37px;height:50px;border: 1px solid #273791;border-radius:8px;background: url('../images/ico-search.svg')no-repeat center;}
button.btn-closeOpen{width:37px;height:50px;border: 1px solid #273791;border-radius:8px;color:#273791}
button.btn-code{ width:100%; font-weight:700; color:#273791;border-radius: 8px;border: 1px solid #273791; background: #fff;}
button.btn-primary1 { width:100%; height:50px; font-weight:700; border-radius:8px;border: 1px solid #d9d9d9;background: #f9f9f9;color:#484848; }
button.btn-primary2 { width:100%; height:50px; font-weight:700; border-radius:8px;border: 1px solid #dc5a35;background: #f8ded7;color:#df6947; }
button.btn-red {width:100%; height:50px; font-weight:700; color:#fff; border-radius:8px; background:#FF4D4D;}
button.btn-red:disabled { opacity:0.5; cursor:default } 
button.btn-gray {width:100%; height:50px; font-weight:700; color:#fff; border-radius:8px; background:#6A6D72; border:1px solid #6A6D72;}
button.btn-gray:disabled { opacity:0.5; cursor:default } 
button.btn-gray-border {width:100%; height:50px; font-weight:700; color:#6A6D72; border-radius:8px; background:none; border:1px solid #6A6D72;}
button.btn-gray-border:hover {width:100%; height:50px; font-weight:700; color:#fff; border-radius:8px; background:#6A6D72; border:1px solid #6A6D72;}
button.btn-gray-border2 {width:100%; height:50px; font-weight:700; color:#fff; border-radius:8px; background:#6A6D72; border:1px solid #6A6D72;}
button.btn-gray-border2:hover {width:100%; height:50px; font-weight:700; color:#6A6D72; border-radius:8px; background:none; border:1px solid #6A6D72;}


/* table */
table.type1 input { width:100% } 
table.type1 { table-layout:fixed; width:100%; border-bottom:1px solid #d9d9d9;font-size: 1.6rem;color:#484848;} 
table.type1 tbody tr:first-child th, table.type1 tbody tr:first-child td{border-top:1px solid #273791;}
table.type1 tbody th { font-weight:700; text-align:center; padding:8px 10px; border-bottom:1px solid #d9d9d9; background:#f5f5f5; white-space:nowrap;} 
table.type1 tbody td { padding:8px 10px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;background:#fff;font-weight: 500; } 
table.type1 tbody td{position: relative;}
table.type1 span{position: absolute;right:10px;top:50%;transform: translateY(-50%);width:20px;height:20px;}

table.type2 input { width:100% } 
table.type2 { table-layout:fixed; width:100%;font-size: 1.6rem;color:#484848;border-top: 1px solid #273791;} 
table.type2 thead th { width:30%;font-weight:700; text-align:center; background:#f5f5f5; white-space:nowrap;padding:8px 10px; border-bottom:1px solid #d9d9d9; background:#f9f9f9; white-space:nowrap; } 
table.type2 thead td { width:70%;padding:8px 10px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;background:#fff;position:relative;font-weight: 500;} 
table.type2 tbody td { width:100%;text-align:center;padding:8px 10px;border-bottom:1px solid #d9d9d9;}
table.type2 tbody td{position: relative;}
table.type2 span{position: absolute;right:10px;top:50%;transform: translateY(-50%);width:20px;height:20px;}
table.type1 span.info{background: url('../images/ico-detail-info.svg')no-repeat center;}
table.type2 span.info{background: url('../images/ico-detail-info.svg')no-repeat center;}
table.type1 span.tel{background: url('../images/ico-detail-tel.svg')no-repeat center;text-indent:-9999em}
table.type2 span.tel{background: url('../images/ico-detail-tel.svg')no-repeat center;}

table.type3 input { width:100% } 
table.type3 { table-layout:fixed; width:100%; border-bottom:1px solid #d9d9d9;font-size: 1.6rem;color:#484848;} 
table.type3 tbody tr:first-child th, table.type3 tbody tr:first-child td{border-top:1px solid #273791;background: #f9f9f9;font-weight: 700;}
table.type3 tbody th { font-weight:500; text-align:center; padding:8px 10px; border-bottom:1px solid #d9d9d9; background:#fff; white-space:nowrap;} 
table.type3 tbody td { padding:8px 10px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;background:#fff;font-weight: 500; text-align: center;} 
table.type3 tbody td{position: relative;}
table.type3 tr.selected th, table.type3 tr.selected td{background: #EAF2F3;font-weight:bold}

/* ========== C O N T E N T ========== */
.wrap { height:100%; display:flex; flex-direction:column } 
/* header */
header.type1 { position:relative; padding:0 24px; z-index:2; line-height:60px;height: 60px; } 
header.type1 .title { text-align:center; position:relative; height: 100%;} 
header.type1 .title button.refresh { width:24px; height:24px; text-indent:-9999em; background:url(../images/ico-refresh.svg) no-repeat center center; } 
header.type1 .title button.bluetooth { width:24px; height:24px; text-indent:-9999em; background:url(../images/ico-bluetooth-off.svg) no-repeat center center; } 
header.type1 .title button.bluetooth.on { width:24px; height:24px; text-indent:-9999em; background:url(../images/ico-bluetooth-on.svg) no-repeat center center; } 
header.type1 .title .menu { display:block; width:24px; height:24px; text-indent:-9999em; margin-left:auto; background:url(../images/ico-menu.svg) no-repeat center center; } 
header.type1 h2 { font-size:2rem; text-align:center; font-weight:700; } 
header.type1 .img {position: absolute;top: 50%;width: 66px;height: 28px;left: 50%;transform: translate(-50%, -50%);} 
header.type1 .img img{position: absolute;top: -15%;left: 50%;transform: translateX(-50%);width:36vh;height:auto;}
header.type1 .right { position:absolute; right:0; top:18px; display:flex; gap:16px; } 
header.type1 .title button.close{width:24px; height:24px; text-indent:-9999em; background:url(../images/ico-close.svg) no-repeat center center; }

header.type1 button.home { text-indent:-9999em; display:block; width:24px; height:24px; top:0; background:url('../images/ico-home.svg') no-repeat center center; } 
header.type1 button.prev { position:absolute; display:block; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; text-indent:-9999em; background:url(../images/ico-prev.svg) no-repeat center center; background-size:24px 24px }

header.type1 .driver { position:relative } 
header.type1 .driver span { position:absolute; top:0; left:50%; display:block; width:92px; height:92px; border-radius:100%; border:5px solid #273791; background:#fff; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.2); overflow:hidden; -webkit-transform:translateX(-50%); transform:translateX(-50%) } 
header.type1 .driver span img { width:82px; height:82px } 

header.type2 { display:flex; align-items:center; height:60px; line-height:60px; padding:0 24px; background:#fff; z-index:2; justify-content:center; } 
header.type2 h1 { font-size:2rem; font-weight:700 } 
header.type2 button.close { width:24px; height:24px; text-indent:-9999em; background:url(../images/ico-close.svg) no-repeat center center; background-size:24px 24px; position:absolute; right:24px; top:18px; } 

header.type1 .title.flex{display: flex;justify-content: space-between;}

/* container */
.content { flex:1; background:#fff; overflow:auto; z-index:1 } 
.content.noscroll { overflow:hidden } 
.btnarea { display:flex; padding:24px; background:#fff; z-index:50 } 

/* signin */
.signin { position:relative; height:100%; background:#ffffff } 
.signin:before { position:absolute; content:''; width:100%; height:60%; border-radius:0 0 40px 40px; background:url(../images/signin_topbg.svg) no-repeat; background-size:cover; } 
.signin .inner { position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:10; } 
/* .signin .inner:before { position:absolute; content:''; width:100%; height:173px; background:url(../images/signin_img.svg) no-repeat right 24px top; margin-top:-112px; } */
.signin header { background:url(../images/PlanXPASS_logo.png) no-repeat center top;background-size: 55vw;} 
.signin header h1 { color:#000000; position:relative; line-height:33px; height:11vh; font-size:2.7rem; font-weight:700; } 
.signin header .header_inner { margin:0 24px 0 32px; } 
.signin form { margin:6vh 24px 0px; padding:24px; background:#fff; border-radius:16px; border:1px solid #D9D9D9; } 
.signin form fieldset { height:100% } 
.signin form input[type="text"],
.signin form p:not(:first-of-type) { margin-top:8px } 
.signin form p:nth-of-type(3) { display:flex; align-items:center; margin-top:16px; } 
.signin form p:nth-of-type(3) a { margin-left:auto } 
/* .signin form p:nth-of-type(4) { margin-top:16px; margin-top:16px; } */ 
.signin .copyright { margin-top:20%; font-size:1.4rem; color:#868686; text-align:center; font-weight:400; } 

.signin form .code{display: flex;align-items: center;width: 100%;margin-top: 1vh;}
.signin form .code .inner-wrap{flex:1;position:relative}
.signin form .code input[type="number"]{padding-right:5rem}
.signin form .code .inner-wrap em{position:absolute;top:50%;right:10px;color:#DC5A35;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.signin form .code button{width: 110px;height: 50px;margin-left: 8px;background:#EAF2F3;font-weight: 500;}

/* mobileweb-detail */
.mobileweb-detail{padding: 24px 24px 0 24px;display: flex;flex-direction: column;height: 100%;}
.mobileweb-detail .btnwrap ul{display:flex;gap:8px;}
.mobileweb-detail .btnwrap ul li{width:50%;height: 50px;}
.mobileweb-detail .btnwrap .btn-primary{font-size: 1.6rem;}
.mobileweb-detail .btnwrap .not-del{border-radius: 8px;border:1px solid #d9d9d9;background: #f9f9f9;color:#484848;font-size: 1.6rem;font-weight: 700;height:50px;display: flex;justify-content: center;align-items: center;}

.mobileweb-detail .countwrap{margin:16px 0;}
.mobileweb-detail .countwrap ul{line-height:50px;border: 1px solid #d9d9d9;border-radius:8px;background:#f9f9f9;color:#222;font-size:1.6rem;font-weight:500;padding-left:8px;}
.mobileweb-detail .countwrap ul li{display: flex;width:50%;justify-content:center;align-items:center;}
.mobileweb-detail .countwrap ul li:first-child{border-right:1px solid #d9d9d9;}
.mobileweb-detail .countwrap ul li span{font-weight:700;padding-left:8px;}
.mobileweb-detail .type1 tbody th{font-weight:500;}
.mobileweb-detail .type2 thead th{font-weight:500;}
.mobileweb-detail .table-wrap{overflow-y: auto;padding-bottom: 16px;}
.mobileweb-detail table+table {margin-top: 16px;}

/* message */
.ms-header { margin-top:170px; } 
.ms-header .img{text-align: center;}
.ms-header .img img{width:80px;}
.ms-header .logo { text-align:center;font-size: 2.6rem;font-weight: 700;color: #000;padding-top:8px;} 
.message { flex:1; margin:32px 24px 0 24px; } 
.message .inner { padding:40px 16px 24px 16px; border-radius:16px; background:#f5f5f5; border:1px solid #D9D9D9; } 
.message .inner>div { font-size:1.8rem; font-weight:700; text-align:center; color:#484848; margin-top:12px; } 
.message .inner button { margin-top:50px; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.20); } 
.message .copyright { margin-top:200px; font-size:1.4rem; color:#868686; text-align:center; font-weight:400; } 

/* modal-alert, confirm */
.modal { display:none; position:fixed; width:100%; height:100%; left:0; top:0; align-items:center; justify-content:center; overflow:hidden; background:rgba(0, 0, 0, 0.5); z-index:60 } 
.modal .m-content { width:calc(100% - 64px); padding:32px 24px; border-radius:24px; background:#fff } 
.modal .m-body { width:100%; padding-bottom:32px } 
.modal .m-body>div { word-break:break-word } 
.modal .m-footer { display:flex; align-items:center; justify-content:flex-end } 
.modal .m-footer button:not(:first-child) { margin-left:8px } 
.modal .m-footer div{display:flex;width:100%;}
.modal .m-footer.flex-box2{flex-wrap: wrap;gap:8px;}


/* modal-popup */
.modal.type-popup .m-content { display:flex; flex-direction:column; width:100%; height:100%; padding:0; border-radius:0 } 
.modal.type-popup .m-header { line-height:60px; padding:0 24px; position:relative; text-align:center; } 
.modal.type-popup .m-header h1 { font-size:2rem; font-weight:700; } 
.modal.type-popup .m-header .m-height{height:60px;text-indent: -9999em;}
.modal.type-popup .m-header button.close { width:24px; height:24px; text-indent:-9999em; background:url(../images/ico-close.svg) no-repeat center center; background-size:24px 24px; position:absolute; right:24px; top:18px; } 
.modal.type-popup .m-body { flex:1; padding-bottom:0; background:#fff; overflow-y:auto } 
.modal.type-popup .m-body.noscroll { overflow:hidden } 
.modal.type-popup .m-footer { justify-content:center; padding:24px } 

/* terms */
.terms { padding:24px } 
.terms form h2 { font-size:1.8rem; font-weight:700; color:#222222 } 
.terms form h2:not(:first-child) { margin-top:28px } 
.terms form .policy { height:160px; margin-top:8px; font-size:1.2rem; border:1px solid #e7e7e7 } 
.terms form .agreechk { margin-top:10px } 
.terms .policylist table.type2 { margin-top:10px } 
.terms .policylist table.type2 th,
.terms .policylist table.type2 td { white-space:normal } 
.terms .policylist .cmt { margin-top:10px; padding:24px; background:#f5f5f5; border-radius:8px; font-size:1.6rem; height:200px; overflow-y:scroll; } 
.terms .policylist .all { padding-bottom:16px; border-bottom: 1px solid #d9d9d9; } 

/* tag */
.tag{display: flex;gap:4px;}
.tag span{border-radius: 8px;display:flex;color: #ffffff;font-weight: 600;font-size: 1.6rem;width: 90px;height: 28px;align-items: center;justify-content: center;}
.tag .delivery{background:#273791;}
.tag .delivery_dtl{background:#a659bd; width: 80px;}
.tag .return{background:#DC5A35;}
.tag .cancl{background:green;}
.tag .rndm_return { background:green;width:78px }
.tag .noorder{color:#273791;font-size:1.6rem;font-weight:700;padding-left:8px;width:auto;}

/* main */
.main { display:flex; flex-direction:column; padding:24px } 
.main .workinfo { position:relative; font-size:1.8rem; font-weight:700; padding-left:32px; padding-top:5px; display:flex; gap:4px; } 
.main .workinfo-font { position:relative; font-size:1.8rem; font-weight:700; padding-left:32px; padding-top:5px; display:flex; gap:4px; } 
.main .workinfo::before { content:''; position:absolute; top:50%; left:0; width:28px; height:28px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background: url('../images/ico-workinfo.svg')no-repeat center; } 
.main .listbar { display:flex;position:relative;font-size:2rem; font-weight:700; line-height:50px; margin-top:16px; border-radius:8px; border: 1px solid #273791; background:url(../images/ico-arrow-right.svg) no-repeat right 16px center; justify-content:center; flex-direction:column; text-align:center;} 
.main .listbar .list { display:inline-block; color:#ffffff; font-size:2rem; font-weight:700; border-radius:8px; position:relative; width:150px; background:#273791; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); padding:0 24px 0 52px; } 
.main .listbar .list::before { position:absolute; content:''; background:url('../images/ico-orderlist.svg') no-repeat center; width:20px; height:20px; top:14px; left:24px; } 
.main .listbar .course1 { color:#686868; width:calc(100% - 150px); text-align:center; } 
.main .listbar .course2 { color:#273791; width:calc(100% - 150px); text-align:center; } 
.main .listbar .course2 a { display:block; } 
.main .notice { font-size:1.8rem; color:#484848; font-weight:500; margin-top:16px; position:relative; } 
.main .notice a { display:flex; justify-content:space-between; border:1px solid #d9d9d9; background: #f9f9f9; border-radius:8px; padding:16px; } 
.main .notice span { position:absolute; top:-1rem; right:-1rem; color:#ffffff; font-weight:700; font-size:1.2rem; background:#DC5A35; width:2.8rem; height:2.8rem; border-radius:50%; display:flex; justify-content:center; align-items:center; line-height:normal; }
.main .notice .div{display:flex;justify-content:space-between;border:1px solid #d9d9d9;background:#f9f9f9;border-radius:8px;padding:16px} 
.main .current { margin-top:16px; } 
.main .current a { display:block; border:1px solid #d9d9d9; border-radius:8px; } 
.main .current ul { display:flex; } 
.main .current ul li { border-right:1px solid #d0d0d0; width:50%; display:flex; flex-direction:column; gap:4px; text-align:center; padding:16px 0; } 
.main .current ul li:last-child { border-right:none; } 
.main .current .tit { position:relative; line-height:42px; color:#ffffff; font-size:1.8rem; font-weight:700; background:#273791; text-align:center; border-radius:8px 8px 0 0; } 
.main .current .tit:after { position:absolute; content:''; width:100%; height:42px; border:1px solid #273791; top:-1px; left: -1px; border-bottom:none; border-radius:10px 10px 0 0; } 
.main .current .s-tit,.case { font-size:1.6rem; font-weight:700; } 
.main .current .case { color:#686868; } 
.main .current .case .matter { color:#273791; } 

.main .util-m2 { display:flex;position:relative;font-size:2rem; font-weight:700; line-height:50px; margin-top:16px; border-radius:8px; border: 1px solid #273791; background:url(../images/ico-arrow-right.svg) no-repeat right 16px center; justify-content:center; flex-direction:column; text-align:left;} 
.main .util-m2 span { font-size:2rem; color:#273791; font-weight:700; position:relative; padding-left:87px; } 
.main .util-m2 span::before { position:absolute; content:''; background:url('../images/ico-util-m2.svg') no-repeat center; width:20px; height:20px; top:14px; left:33px; } 

.main .menu { display:flex; flex:1; flex-direction:column; gap:16px; margin-top:16px; } 
.main .menu li a { display:block; border-radius:8px; border: 1px solid #273791; padding:28px 24px; background:url(../images/ico-arrow-right.svg) no-repeat right 16px center; box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.10); } 
.main .menu li span { font-size:2rem; color:#273791; font-weight:700; position:relative; padding-left:64px; } 
.main .menu li span:before { position:absolute; content:''; width:48px; height:48px; left:0; top:50%; transform:translatey(-50%); } 
.main .menu li .m1 span:before { background: url('../images/ico-loadcheck.svg')no-repeat center; } 
.main .menu li .m2 span:before { background: url('../images/ico-delivery.svg')no-repeat center; } 
.main .menu li .m3 span:before { background: url('../images/ico-boxcheck.svg')no-repeat center; } 
.main .menu li .m4 span:before { background: url('../images/ico-returncheck.svg')no-repeat center; } 

.util-wrap{padding: 24px;}
.util-wrap ul{display: flex;flex-direction:column;}
.util-wrap ul li a{display:block;border-bottom:1px solid #d9d9d9;color:#222;font-size: 1.8rem;font-weight: 700;padding:24px;background: url(../images/ico-util-arrow.svg) no-repeat right 24px center;position: relative;}
.util-wrap ul li a:before{position: absolute;content:'';width:24px;height:24px;top:50%;transform: translateY(-50%);left:16px;}
.util-wrap ul li a.util-m1:before{background: url('../images/ico-util-m1.svg')no-repeat center;}
.util-wrap ul li a.util-m2:before{background: url('../images/ico-util-m2.svg')no-repeat center;}
.util-wrap ul li a.util-m3:before{background: url('../images/ico-util-m3.svg')no-repeat center;}
.util-wrap ul li a.util-m4:before{background: url('../images/ico-util-m4.svg')no-repeat center;}
.util-wrap ul li a.util-m5:before{background: url('../images/ico-util-m5.svg')no-repeat center;}
.util-wrap ul li a.util-m6:before{background: url('../images/ico-util-m6.svg')no-repeat center;}
.util-wrap ul li a span{padding-left:24px;}

.course-select{padding:24px}
.course-select .tit{position:relative;color: #222222;font-size:1.8rem;font-weight:700;padding-left:32px;line-height: 24px;margin-bottom:16px;}
.course-select .tit:before{position: absolute;content:'';background:url('../images/ico-course.svg')no-repeat center;width: 24px;height: 24px;top:50%;transform: translateY(-50%);left:0;}

.return-check{padding:24px 24px 0 24px;display: flex;flex-direction: column;height: 100%;}
.return-check .check-count a{border-radius:8px; border:1px solid #d9d9d9;display: flex;margin-bottom:16px;}
.return-check .check-count .tit{background: #f9f9f9;border-right: 1px solid #d9d9d9;width:50%;border-radius: 8px 0 0 8px;line-height:50px;text-align: center;font-weight:700;}
.return-check .check-count .count{width:50%;text-align: center;line-height:50px;}
.return-check .check-count .count .cur{font-weight: 700;color: #273791;}
.return-check .check-count .count .total{font-weight: 500;color: #222;}
.return-check .list-area{overflow-y: auto;}
.return-check .list-area ul{display: flex;flex-direction:column;gap:8px;}
.return-check .list-area ul li{border:1px solid #d9d9d9;border-radius:8px;background: #fff;padding:16px;}
.return-check .list-area ul li.order{background: #EAF2F3;}
.return-check .list-area ul li.order dt, .check .list-area ul li.noorder dt{color:#aeaeae}
.return-check .list-area ul li.order dd{color: #686868;font-weight: 500;}
.return-check .list-area ul li.noorder dd{color: #aeaeae;font-weight: 500;}
.return-check .list-area ul li.noorder{background: #F9F9F9;}
.return-check .list-area dl{display: flex;gap:16px;color: #484848;font-size: 1.6rem;}
.return-check .list-area dl dt{width:75px;font-weight: 700;}
.return-check .list-area dl dd{width:calc(100% - 75px);font-weight: 500;}
.return-check  .calendar{flex: 1}
.return-check  .calendar:first-child {flex: 0.9}
.return-check  .calendar:not(:first-child)::before {flex: none;content: '~';margin: 0 4px;}
.return-check  .calendar input[type="text"]{padding: 0 8px;}
.return-check  .calendar .ui-datepicker-trigger{right:8px;}
.return-check .search-wrap .calender-search{display: flex;gap:8px;margin-bottom:16px;}
.return-check .search-wrap .calender-search > div{width:calc(100% - 50px);display: flex;}

.order-check{padding: 24px;}
.order-check .type1{margin-top:16px;}
.order-check .type1 tr{text-align: center;font-size: 1.4rem;}
.order-check .type1 tr td:first-child{border-left:none;}

.defect-check{padding: 0 24px;height: 100%;}
.defect-check .color{color: #273791;}
.defect-check div{display:flex;padding: 0 24px;height:100%;flex-direction:column;justify-content: center;align-items: center;border:1px solid #d9d9d9;background: #f9f9f9;border-radius: 8px;gap:8px;}
.defect-check p{font-size: 1.8rem;font-weight: 600;text-align: center;}

/* worklist */
.worklist { padding:24px;height:100%;display:flex;flex-direction:column } 
.worklist{ flex:1; } 
.worklist .tabs{ display:flex;margin-bottom:16px;} 
.worklist .tabs li{ flex:1;display:flex;align-items:center;justify-content:center;height:50px;font-weight:700;color:#484848;background:#ffffff;white-space:nowrap;cursor:pointer }
.worklist .tabs li:first-child{border-radius:8px 0 0 8px;border:1px solid #d9d9d9;}
.worklist .tabs li:last-child{border-radius:0 8px 8px 0;border:1px solid #d9d9d9;border-left:none; }
.worklist .tabs li.on { color:#fff;background:#273791;border:1px solid #273791; }
.worklist #tab-1{overflow-y:auto;}
.worklist .box{display:none;}
.worklist .box.on{display:flex;flex-direction: column;overflow: hidden;}

.worklist .list-area .content-wrap ul{position:relative;flex:1;overflow-y:auto;z-index:1}
.worklist .list-area .content-wrap > ul > li{border-radius:8px;border: 1px solid #d9d9d9;background:#f9f9f9;margin-top:16px;}
.worklist .list-area .content-wrap .sc-top{padding:16px;}
.worklist .list-area .content-wrap .sc-top .location{color:#222;font-weight:700;padding-left:24px;position:relative;}
.worklist .list-area .content-wrap .sc-top .location:before{position:absolute;content:'';width:20px;height:20px;background: url('../images/ico-location.svg') no-repeat center;top:50%;transform:translateY(-50%);left:0;}
.worklist .list-area .content-wrap .sc-top ul{margin-top:8px;display:flex;flex-direction:row;gap:4px;}
.worklist .list-area .content-wrap .sc-top ul li{width: 33.333%;color:#fff;line-height: 19px;font-size:1.6rem;position:relative;padding:10px;display:flex;justify-content:space-between;border-radius:8px;flex-direction:row;}
.worklist .list-area .content-wrap .sc-top .tit{font-weight: 700;display:block;}
.worklist .list-area .content-wrap .sc-top .num{font-weight: 500;display:block;}
.worklist .list-area .content-wrap .sc-top .loca{background:#686868;}
.worklist .list-area .content-wrap .sc-top .delivery{background: #273791;position: relative;}
.worklist .list-area .content-wrap .sc-top .return{background: #DC5A35;position: relative;}
.worklist .list-area .content-wrap .sc-top .delivery .tit, .worklist .list-area .content-wrap .sc-top .return .tit{padding-left:22px;}
.worklist .list-area .content-wrap .sc-top .delivery:before, .worklist .list-area .content-wrap .sc-top .return:before{position: absolute;width:18px;height:18px;content:'';top:50%;transform:translateY(-50%);left:10px;background: url('../images/ico-box.svg') no-repeat center;}
.worklist .list-area .content-wrap .sc-top.on{background: #EAF2F3;position:relative;border-radius: 8px 8px 0 0;}
.worklist .list-area .content-wrap .sc-top.on:after{position:absolute;content:'';border: 1px solid #273791;border-bottom:none;top:-1px;left:-1px;width:100%;height:100%;border-radius:8px 8px 0 0;}


.worklist .search-area{display:flex;gap:8px;}
.worklist .search-area select { width:130px; height: 50px; border: 1px solid #d9d9d9; font-size: 1.6rem; padding: 0 30px 0 16px; position: relative; background: url(../images/ico-arrow.svg) no-repeat right 16px center; background-size: 18px; }
.worklist .search-area div{width:calc(100% - 196px);}
.worklist .search-area .ico-search { text-indent: -9999em; background: #fff url(../images/ico-search.svg) no-repeat center center;background-size:24px;width: 50px;height:50px;}

.worklist .search-list{margin-top:16px;overflow-y: auto;}
.worklist .search-list > ul{display:flex;flex-direction:column;gap:16px;} 
.worklist .search-list > ul > li{border:1px solid #d9d9d9;background: #fff;border-radius: 8px;}
.worklist .search-list .top{border-bottom:1px solid #d9d9d9;padding:8px 16px;display:flex;justify-content: space-between;}
.worklist .search-list .top .box-count{display: flex;gap:8px;align-items:center;}
.worklist .search-list .top .box-count .box-ico{padding-left:22px;position:relative;color:#484848;font-weight:500;font-size:1.6rem;}
.worklist .search-list .top .box-count .box-ico.delivery-box:before, .worklist .search-list .top .box-count .box-ico.return-box:before{position:absolute;left:0;content:'';width:18px;height:18px;top:50%;transform: translateY(-50%);}
.worklist .search-list .top .box-count .box-ico.delivery-box:before{background: url(../images/ico-box-delivery.svg)no-repeat center;}
.worklist .search-list .top .box-count .box-ico.return-box:before{background: url(../images/ico-box-return.svg)no-repeat center;}
.worklist .search-list .bottom ul{display: flex;flex-direction:column;gap:8px;padding: 16px;}
.worklist .search-list .bottom dl{display: flex;flex-direction:column;gap:4px;}
.worklist .search-list .bottom dt{font-size: 1.6rem;font-weight:700;position:relative;padding-left:20px;color:#484848;}
.worklist .search-list .bottom dt:before{position:absolute;content:'';width:16px;height:16px;top:48%;transform:translateY(-50%);left:0;}
.worklist .search-list .bottom dt.address:before{background: url('../images/ico-address.svg') no-repeat center;}
.worklist .search-list .bottom dt.company:before{background: url('../images/ico-company.svg') no-repeat center;}
.worklist .search-list .bottom dt.ordername:before{background: url('../images/ico-ordername.svg') no-repeat center;}
.worklist .search-list .bottom dd{font-size: 1.6rem;font-weight: 400;color: #222;}

/* loadlist */
.load { padding:24px 24px 0 24px;height: 100%; display: flex;flex-direction: column;} 
.load .load-count{border-radius:8px; border:1px solid #d9d9d9;display: flex;}
.load .load-count .tit{background: #f9f9f9;border-right: 1px solid #d9d9d9;width:50%;border-radius: 8px 0 0 8px;line-height:50px;text-align: center;font-weight:700;}
.load .load-count .count{width:50%;text-align: center;line-height:50px;}
.load .load-count .count .cur{font-weight: 700;color: #273791;}
.load .load-count .count .total{font-weight: 500;color: #222;}

.load .loadlist{margin-top:16px;overflow-y: auto;}
.load .loadlist .end { background:#eee!important }
.load .loadlist > ul{display:flex;flex-direction:column;gap:16px;} 
.load .loadlist .top{border:1px solid #d9d9d9;padding:8px 16px;display:flex;justify-content: space-between;border-radius: 8px 8px 0 0;}
.load .loadlist .noorder .top{border-radius:8px}
.load .loadlist .noorder.on .top {border-radius:8px 8px 0 0}
.load .loadlist .sc-bottom.noorder { padding-top:16px;border-bottom:1px solid#273791!important;border-radius:0 0 8px 8px }
.load .loadlist .sc-bottom .company-name div:first-child { float:left }
.load .loadlist .sc-bottom .company-name div:last-child { float:right }
.load .loadlist .sc-bottom .company-name .rtn-box1 { -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:underline;color:blue }
.load .loadlist .top .box-count{display: flex;gap:8px;font-size: 1.6rem;color:#484848;}
.load .loadlist .top .box-count .text{font-weight: 700;}
.load .loadlist .top .box-count .box-ico{font-weight: 400;}

.load .loadlist .bottom{border:1px solid #d9d9d9;border-top:none;border-bottom:none;}
.load .loadlist .bottom dl{display: flex;flex-direction:column;gap:4px;}
.load .loadlist .bottom ul{display: flex;flex-direction:column;gap:8px;padding: 16px;}
.load .loadlist .bottom dt{font-size: 1.6rem;font-weight:700;position:relative;padding-left:20px;color:#484848;}
.load .loadlist .bottom dt:before{position:absolute;content:'';width:16px;height:16px;top:50%;transform:translateY(-50%);left:0;}
.load .loadlist .bottom dt.address:before{background: url('../images/ico-address.svg') no-repeat center;}
.load .loadlist .bottom dt.company:before{background: url('../images/ico-company.svg') no-repeat center;}
.load .loadlist .bottom dt.order-name:before{background: url('../images/ico-ordername.svg') no-repeat center;}
.load .loadlist .bottom dd{font-size: 1.6rem;font-weight: 400;color: #222;}
.load .loadlist .all{padding:8px 16px;border:1px solid #d9d9d9;background: #F9F9F9;border-radius: 0 0 8px 8px;}
.load .loadlist .all > div{display: flex;justify-content: space-between;align-items:center;color:#484848;font-weight:700;font-size:1.6rem;}
.load .loadlist .btn-all{width:100%;display: flex;justify-content:center;align-items:center;border:1px solid #273791;background: #EAF2F3;border-radius: 8px;color:#273791;font-size: 1.6rem;line-height:38px;font-weight:700;}
.load .loadlist .btn-all.size{width:88px;}

.load .loadlist .sc-top.on{background:#EAF2F3;border-radius: 8px 8px 0 0;position: relative;}
.load .loadlist .sc-top.noorder{border-bottom:none;}.load .loadlist .sc-bottom { display: none;color: #484848; padding:0 16px 16px 16px;background:#EAF2F3;}
.load .loadlist .sc-bottom.on{display:block;position: relative;}
.load .loadlist .deliveryReturn .sc-bottom.on { border-bottom:1px solid #273791;border-radius:0 0 8px 8px }
.load .loadlist .sc-bottom ul{display: flex;flex-direction: column;gap:8px;color:#484848;}
.load .loadlist .sc-bottom ul li{padding:16px;display: flex;flex-direction: column;gap:4px;font-size: 1.6rem;font-weight:500;border:1px solid #d9d9d9;background: rgba(255, 255, 255, 0.70);border-radius:8px;}
.load .loadlist .sc-bottom ul li select{font-size: 1.6rem;color:#484848}
.load .loadlist .sc-bottom .barcode .correct{color:#273791;padding: 0;}
.load .loadlist .sc-bottom .barcode .notcorrect{color:#DC5A35;padding: 0;}
.load .loadlist .all.on .btn-all{background: #273791;color:#fff;}
.load .loadlist .sc-top.on .top, .load .loadlist .sc-top.on .bottom, .load .loadlist .all.on, .load .loadlist .sc-bottom.on{border: 1px solid #273791;background:#EAF2F3;}
.load .loadlist .sc-top.on .bottom, .load .loadlist .sc-bottom.on{border-top:none;border-bottom:none;}

/* 반품검수, 반품도착검수 */
.acptnc_correct{color:#273791;padding:0}
.acptnc_notcorrect{color:#DC5A35;padding:0}

/* dlvy-img */
.dlvy-img{padding:24px 24px 0 24px;height:100%;}
.dlvy-img img{width:100%;height:100%;background-size:cover;}

/* delivery list */
.delivery-list{padding: 24px 24px 0 24px;display: flex;flex-direction: column;height:100%;}
.delivery-list .info-box{display:flex;gap:8px;padding:16px;border:1px solid #d9d9d9;background:#f9f9f9;border-radius:8px;justify-content: space-between;margin-bottom:16px;}
.delivery-list .info-box .left{display:flex;font-weight: 700;flex-direction: column;}
.delivery-list .info-box .left .course{color: #273791;}
.delivery-list .info-box .left .scan{font-weight: 500;display:flex;}
.delivery-list .info-box .left .scan div{margin:0 4px;}
.delivery-list .info-box .left .scan div:first-child{margin-left:0;}
.delivery-list .info-box .left .scan .scan-num, .delivery-list .info-box .left .scan .total-num{font-weight: 700;}
.delivery-list .info-box .btn-type2{box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);}

.delivery-list .list-box{overflow-y: auto;}
.delivery-list .list-box > ul{display:flex;gap:8px;flex-direction:column;} 
.delivery-list .list-box > ul > li{border:1px solid #d9d9d9;padding:16px;border-radius:8px;} 
.delivery-list .list-box > ul > li.on{border:1px solid #273791;background:#EAF2F3;} 
.delivery-list .list-box .list-item .delivery-num{border-radius:8px;width:32px;height:28px;font-weight: 700;text-align:center;line-height: 28px;color: #273791;border:1px solid #273791;font-size: 1.6rem;float:left;margin-right:10px}
.delivery-list .list-box .detail{font-size:1.6rem;}
.delivery-list .list-box .sc-top{gap:8px;}
.delivery-list .list-box .detail > ul > li{display: flex;gap:8px;flex-direction:column;}
.delivery-list .list-box .count ul{overflow-y: unset;display: flex;line-height:1;flex-direction:row;justify-content:space-between;}
.delivery-list .list-box .list-item .sc-top.on .delivery-num{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.delivery-list .list-box .list-item .sc-top .delivery-num{box-shadow:none;}
.delivery-list .list-box .list-item .sc-top .detail .address{line-height: 1.2;color:#484848}
.delivery-list .list-box .list-item .sc-top .detail .count ul{color: #484848;font-weight: 700;display:flex;flex-direction: row;justify-content: space-between;}
.delivery-list .list-box .list-item .sc-top .detail .count ul li{display: flex;}
.delivery-list .list-box .list-item .sc-top .detail .count .num{font-weight: 500;margin-left:4px;}
.delivery-list .list-box .list-item .sc-bottom{display:none;background: rgba(255, 255, 255, 0.70);border-radius:8px;margin-top:16px;}
.delivery-list .list-box .list-item .sc-bottom.on{display: block;}
.delivery-list .list-box .list-item .sc-bottom .detail{display: flex;}
.delivery-list .list-box .list-item .sc-bottom .ico{display:flex;gap:2px;padding:8px 4px;border-right:1px solid #d9d9d9;}
.delivery-list .list-box .list-item .sc-bottom .ico span{width:22px;height:22px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.3rem;}
.delivery-list .list-box .list-item .sc-bottom .ico .ico-i{background: url('../images/ico-info.svg')no-repeat top 50% center;}
.delivery-list .list-box .list-item .sc-bottom .ico .ico-d{background:#273791;border-radius:8px;}
.delivery-list .list-box .list-item .sc-bottom .ico .ico-r{background: #DC5A35;border-radius:8px;}
.delivery-list .list-box .list-item .sc-bottom .text{font-size: 1.6rem;font-weight:700;display:flex;justify-content: center;flex:1;align-items: center;padding:0 8px;}
.delivery-list .list-box .list-item .sc-bottom .box-count{display: flex;gap:8px;}
.delivery-list .list-box .list-item .sc-bottom .box-count .box-ico{padding-left:22px;position:relative;color:#222222;font-weight:700;font-size:1.6rem;}
.delivery-list .list-box .list-item .sc-bottom .box-count .box-ico.delivery-box:before, .delivery-list .list-box .list-item .sc-bottom .box-count .box-ico.return-box:before{position:absolute;left:0;content:'';width:18px;height:18px;top:45%;transform: translateY(-50%);}
.delivery-list .list-box .list-item .sc-bottom .box-count .box-ico.delivery-box:before{background: url(../images/ico-box-delivery.svg)no-repeat center;}
.delivery-list .list-box .list-item .sc-bottom .box-count .box-ico.return-box:before{background: url(../images/ico-box-return.svg)no-repeat center;}

/* route */
.route{padding:24px;}
.route ul li{margin-top:8px;}
.route ul li:first-child{margin-top:0;}
.route ul li > div{position: relative;display: flex;align-items: center;padding:14px 24px 14px 24px;border-radius:8px;border:1px solid #d9d9d9;justify-content: space-between;background:#fff;gap:8px;}
.route li .my-handle { display:inline-block; width:30px; height:30px; text-indent: -9999em; background: url(../images/ico-handler.svg) no-repeat center center;cursor: move; cursor: -webkit-grabbing;background-size: 22px 22px; }
.route .right{display:flex;gap:8px;align-items: center;}
.route .num{display:flex;justify-content: center;align-items:center;;width:28px;height:28px;color:#fff;background:#273791;border-radius:8px;text-align: center;}
.route .addr{color: #484848;font-size: 1.6rem;flex:1;}

/* meter */
.meter{padding:24px}
.meter .tit{position:relative;color: #222222;font-size:1.8rem;font-weight:700;padding-left:32px;line-height: 24px;}
.meter .tit:before{position: absolute;content:'';background:url('../images/ico-meter.svg')no-repeat center;width: 24px;height: 24px;top:50%;transform: translateY(-50%);left:0;}
.meterinput{padding-top:16px;display: flex;justify-content: space-between;gap:8px;color: #222222;font-size:1.8rem;font-weight:500;align-items: center;}
.meterinput span{display: inline-block;width:30px;}

/* after-list */
.delivery-list .info-box .left .after .delivery{font-weight: 500;display: flex;}
.delivery-list .info-box .left .after .return{font-weight: 500;display: flex;}
.delivery-list .info-box .left .after{display: flex;} 
.delivery-list .info-box .left .after .delivery div, .delivery-list .info-box .left .after .return div{margin:0 2px;}
.delivery-list .info-box .left .after .delivery div:first-child, .delivery-list .info-box .left .after .return div:first-child{margin-left:0}
.delivery-list .info-box .left .after .delivery-num, .delivery-list .info-box .left .after .return-num, .delivery-list .info-box .left .after .total-num{font-weight:700;}
.delivery-list .list-box li.nobarcode .tag span{color: #273791;font-weight: 700;display: contents;font-size: 1.8rem;}
.delivery-list .list-box li.nobarcode .box{font-weight: 500;color:#484848;}
.delivery-list .list-box li.end .list-item .sc-top .detail .address, .delivery-list .list-box li.end .list-item .sc-top .detail .count ul{color:#aeaeae;}
.delivery-list .list-box li.end{background: #ddd;}
.delivery-list .list-box li.end .sc-top-e{display: flex;gap:8px;}
.delivery-list .list-box li.end .detail > ul > li{display: flex;gap:8px;flex-direction:column;}
.delivery-list .list-box li.end .count ul{overflow-y: unset;display: flex;line-height:1;flex-direction:row;justify-content:space-between;}
.delivery-list .list-box li.end .list-item .sc-top-e.on .delivery-num{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.delivery-list .list-box li.end .list-item .sc-top-e .delivery-num{box-shadow:none;}
.delivery-list .list-box li.end .list-item .sc-top-e .detail .address{line-height: 1.2;color:#aeaeae}
.delivery-list .list-box li.end .list-item .sc-top-e .detail .count ul{color: #aeaeae;font-weight: 700;display:flex;flex-direction: row;justify-content: space-between;}
.delivery-list .list-box li.end .list-item .sc-top-e .detail .count ul li{display: flex;}
.delivery-list .list-box li.end .list-item .sc-top-e .detail .count .num{font-weight: 500;margin-left:4px;}

.meteroil-wrap{padding:24px;}
.meteroil-wrap .meter{padding: 0;margin-bottom:24px;}
.meteroil-wrap .oil .tit{position:relative;color: #222222;font-size:1.8rem;font-weight:700;padding-left:32px;line-height: 24px;}
.meteroil-wrap .oil .tit:before{position: absolute;content:'';background:url('../images/ico-oil.svg')no-repeat center;width: 24px;height: 24px;top:50%;transform: translateY(-50%);left:0;}
.meteroil-wrap .oilinput{padding-top:16px;display: flex;justify-content: space-between;gap:8px;color: #222222;font-size:1.8rem;font-weight:500;align-items: center;}
.meteroil-wrap .oilinput span{display: inline-block;width:30px;}

/* after-detail */
.afterdetail{padding:24px 24px 0 24px;height:100%;display: flex;flex-direction:column;}
.afterdetail .btnwrap ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.afterdetail .btnwrap ul li{width:calc(50% - 4px);margin-bottom:8px;}
.afterdetail .btnwrap ul li:nth-child(2n){gap:0}
.afterdetail .btnwrap ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:50px;color: #484848;font-size:1.6rem;font-weight:700;border-radius: 8px;border: 1px solid #d9d9d9;background: #f9f9f9;}
.afterdetail .btnwrap .bg-gray{background:#ececec;color:#666;}
.afterdetail .btnwrap .color{border: 1px solid #273791;background:#EAF2F3;color:#273791;}
.afterdetail .countwrap ul{border:1px solid #d9d9d9; height:50px;display:flex;border-radius: 8px;margin:16px 0;background: #f9f9f9;}
.afterdetail .countwrap ul li{width:50%;display:flex;justify-content:center;align-items: center;color:#222;font-size: 1.6rem;font-weight: 500;}
.afterdetail .countwrap ul li:first-child{border-right:1px solid #d9d9d9}
.afterdetail .countwrap ul li span{font-weight:700;padding-left:8px;}
.afterdetail .table-wrap{overflow-y: auto;padding-bottom: 16px;}
.afterdetail table+table{margin-top: 16px;}

.load.after .loadlist .sc-bottom ul li{flex-direction:row;justify-content: space-between;align-items:center;padding: 8px 8px 8px 16px;}
.load.after .loadlist .sc-bottom ul li select{width:130px;}

.load.return .loadlist{margin-top:0;}
.load.return .loadlist .box-count input{width:70px;height:28px;padding: 0px 7px;font-size: 1.6rem;font-weight: 400;color: #222;}
.load.return .loadlist .box-count .text{line-height:28px;}
.load.return .loadlist .all select{width:125px;background: url(../images/ico-select-arrow.svg) no-repeat right 8px center #fff;background-size: 20px 20px;border-radius: 8px;font-size: 1.6rem;}
.modal .m-footer.after-detail{display:flex;flex-direction: column;padding:0;}
.modal .m-footer.after-detail .btn-area{background: #ECECEC;display: flex;padding:16px 24px;justify-content: space-between;font-size: 1.6rem;}
.modal .m-footer.after-detail .btn-area .order{display: block;line-height:40px;color: #222;font-weight: 700;width:calc(50% - 8px);padding-right:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.modal .m-footer.after-detail .btn-area .order-btn{width:calc(50% - 8px);}
.modal .m-footer.after-detail .btn-area input{height: 40px;font-size: 1.6rem;}
.modal .m-footer.after-detail .btn-area button.btn-primary{height:40px;font-size: 1.6rem;}
.modal .m-footer.after-detail .btn{padding: 24px;display: flex;flex-wrap: wrap;gap:8px;}

.load.after-not .loadlist .sc-bottom ul li{flex-direction: row;justify-content: space-between;align-items: center;padding: 8px 8px 8px 16px;}
.load.after-not .loadlist .sc-bottom ul li select{width:130px;}
.load.after-not .loadlist .all select{width:125px;background: url(../images/ico-select-arrow.svg) no-repeat right 8px center #fff;background-size: 20px 20px;border-radius: 8px;font-size: 1.6rem;}


.load.cancle .loadlist .sc-bottom ul li{flex-direction: row;justify-content: space-between;align-items: center;padding: 8px 8px 8px 16px;}
.load.cancle .loadlist .sc-bottom ul li select{width:130px;}
.load.cancle .loadlist .all select{width:125px;background: url(../images/ico-select-arrow.svg) no-repeat right 8px center #fff;background-size: 20px 20px;border-radius: 8px;font-size: 1.6rem;}

.tem-return{padding: 24px;}
.tem-return ul{display: flex;flex-direction:column;gap:16px;}
.tem-return ul li{border: 1px solid #d9d9d9;border-radius:8px;padding: 16px;display: flex;gap:16px;justify-content: space-between;}
.tem-return .input-box{display: flex;flex-direction:column;width: 100%;gap:8px;justify-content:center;align-items:center;}
.tem-return .btn-box{display:flex;flex-direction:column;gap:12px;justify-content: center;}
.tem-return .btn-box button{width:26px;height:26px;text-indent: -9999em;}
.tem-return .btn-box button.plus{background: url('../images/ico-plus.svg')no-repeat center;}
.tem-return .btn-box button.minus{background: url('../images/ico-minus.svg')no-repeat center;}

.workguide{padding: 24px;}
.workguide ul{display: flex;flex-direction:column;gap:16px;}
.workguide ul li{display: flex;flex-direction: column;border:1px solid #d9d9d9;border-radius: 8px;background: #ffffff;}
.workguide ul li dl{display: flex;flex-direction:column;gap: 8px;font-size: 1.6rem;padding: 16px;}
.workguide ul li dl:last-child{border-top:1px solid #d9d9d9;}
.workguide ul li dl dt{font-weight: 600;position: relative;padding-left: 20px;color: #222;line-height: 1.2;}
.workguide ul li dl dt:before{position: absolute;content: '';width: 16px;height: 16px;top: 48%;transform: translateY(-50%);left: 0;}
.workguide ul li dl dt.ordername:before{background: url(../images/ico-ordername.svg) no-repeat center;}
.workguide ul li dl dt.guide:before{background: url(../images/ico-guide.svg) no-repeat center;}
.workguide ul li dl dt.returncase:before{background: url(../images/ico-returncase.svg) no-repeat center;}
.workguide ul li dl dt.phone:before{background: url(../images/ico-phone.svg) no-repeat center;}
.workguide ul li dl dd{font-weight: 400;color: #222;}
.workguide ul li dl.bottom input{padding: 16px;background: #f9f9f9;border:1px solid #d9d9d9;border-radius: 4px;} 

/* check */
.check{padding:24px 24px 0 24px;display: flex;flex-direction:column;height:100%;}
.check .search-area{display: flex;gap:8px;margin-bottom:16px;}
.check .search-area select{width:calc(100% - 130px);height:50px;padding: 0 27px 0 16px;background: url(../images/ico-select-arrow.svg) no-repeat right 16px center;}
.check .search-area button{width:130px;font-size: 1.6rem;}
.check .check-count{border-radius:8px; border:1px solid #d9d9d9;display: flex;margin-bottom:16px;}
.check .check-count .tit{background: #f9f9f9;border-right: 1px solid #d9d9d9;width:50%;border-radius: 8px 0 0 8px;line-height:50px;text-align: center;font-weight:700;}
.check .check-count .count{width:50%;text-align: center;line-height:50px;}
.check .check-count .count .cur{font-weight: 700;color: #273791;}
.check .check-count .count .total{font-weight: 500;color: #222;}
.check .list-area{overflow-y: auto;}
.check .list-area ul{display: flex;flex-direction:column;gap:8px;}
.check .list-area ul li{border:1px solid #d9d9d9;border-radius:8px;background: #fff;padding:16px;}
.check .list-area ul li.order{background: #EAF2F3;}
.check .list-area ul li.order dt, .check .list-area ul li.noorder dt{color:#aeaeae}
.check .list-area ul li.order dd{color: #686868;font-weight: 500;}
.check .list-area ul li.noorder dd{color: #aeaeae;font-weight: 500;}
.check .list-area ul li.noorder{background: #F9F9F9;}
.check .list-area dl{display: flex;gap:16px;color: #484848;font-size: 1.6rem;}
.check .list-area dl dt{width:75px;font-weight: 700;}
.check .list-area dl dd{width:calc(100% - 75px);font-weight: 500;}

/* daily */
.daily{padding: 24px 24px 0 24px;height: 100%;display: flex;flex-direction: column;}
.daily .search-wrap{display: flex;gap:8px;}
.daily .search-wrap button{width:120px;font-size:1.6rem;}
.daily .search-wrap .calendar{width:calc(100% - 120px);}
.daily .countwrap{margin:16px 0;}
.daily .countwrap ul{display: flex;line-height:50px;border: 1px solid #d9d9d9;border-radius:8px;background:#f9f9f9;color:#222;font-size:1.6rem;font-weight:500;}
.daily .countwrap ul li{display: flex;width:50%;justify-content:center;align-items:center;}
.daily .countwrap ul li:first-child{border-right:1px solid #d9d9d9;}
.daily .countwrap ul li span{font-weight:700;padding-left:8px;}

.daily .daily-list{overflow-y: auto;padding-bottom: 16px;}
.daily .daily-list > ul{display:flex;flex-direction:column;gap:16px;} 
.daily .daily-list > ul > li{border:1px solid #d9d9d9;background: #fff;border-radius: 8px;}
.daily .daily-list .tag span{width:auto; padding:0 8px;font-weight:500;}
.daily .daily-list .delivery-num{border-radius:8px;width:28px;height: 28px;font-weight: 700;text-align:center;line-height: 28px;color: #273791;border:1px solid #273791;font-size: 1.6rem;}
.daily .daily-list .top{border-bottom:1px solid #d9d9d9;padding:8px 16px;display:flex;gap:8px;}
.daily .daily-list .top .box-count{display: flex;gap:8px;align-items:center;}
.daily .daily-list .bottom ul{display: flex;flex-direction:column;gap:8px;padding: 16px;}
.daily .daily-list .bottom dl{display: flex;justify-content: space-between;gap:4px;}
.daily .daily-list .bottom dt{font-size: 1.6rem;font-weight:700;position:relative;padding-left:20px;color:#484848;}
.daily .daily-list .bottom dt:before{position:absolute;content:'';width:16px;height:16px;top:48%;transform:translateY(-50%);left:0;}
.daily .daily-list .bottom dt.address:before{background: url('../images/ico-address.svg') no-repeat center;}
.daily .daily-list .bottom dt.company:before{background: url('../images/ico-company.svg') no-repeat center;}
.daily .daily-list .bottom dt.ordername:before{background: url('../images/ico-ordername.svg') no-repeat center;}
.daily .daily-list .bottom dt.ordertime:before{background: url('../images/ico-util-m1.svg') no-repeat center;}
.daily .daily-list .bottom dt.ordno:before{background: url('../images/ico-info.svg') no-repeat center;}
.daily .daily-list .bottom dt.loadty:before{background: url('../images/ico-box-delivery.svg') no-repeat center;}
.daily .daily-list .bottom dt.qty:before{background: url('../images/ico-box-delivery.svg') no-repeat center;}
.daily .daily-list .bottom dd{font-size: 1.6rem;font-weight: 400;color: #222;}

.calendar {position: relative;display: flex;align-items: center;flex: 1;}
.calendar input[type="text"]{padding:0 8px;font-size:1.7rem;}
.calendar .ui-datepicker-trigger{position: absolute;right: 8px;width: 23px;height:23px;cursor: pointer;}

/* datepicker */
.ui-datepicker { display: none; position: relative; left: 6.66vw !important; width: calc(100% - 13.33vw); padding: 1.875vh 2.77vw; padding-top: 5vh; border-radius: 0.4rem; border: 1px solid #E1E1E1; background: #fff}
.ui-datepicker-header { position: absolute; top: 0; left: 0; width: 100%; padding-left: 16.66vw !important; padding-right: 16.66vw !important; border-bottom: 1px solid #E1E1E1 !important; height: 5vh; line-height: 4.75vh; vertical-align: middle}
.ui-datepicker-year, .ui-datepicker-month { font-size:18px}
.ui-datepicker-prev, .ui-datepicker-next { display: inline-block; position: absolute !important; top: 0 !important; width: 13.88vw !important; height: 4vh !important; cursor: pointer}
.ui-datepicker-prev:before, .ui-datepicker-next:before { content: ''; display: block; overflow: hidden; position: absolute; top: 50%; transform: rotate(-45deg); margin-top: -0.375vh; width: 0.8rem; height: 0.8rem; border: 2px solid #333}
.ui-datepicker-prev { left: 0}
.ui-datepicker-prev:before { content: ''; left: 50%; margin-left: -1.66vw; border-bottom: 0; border-right: 0}
.ui-datepicker-next { right: 0}
.ui-datepicker-next:before { right: 50%; margin-right: -1.66vw; border-top: 0; border-left: 0}
.ui-datepicker-title { font-size: 1.4rem; font-weight: 700; color: #333; padding: 0; line-height: 4vh !important; text-align: center !important;}
.ui-datepicker-prev.ui-state-disabled:before, .ui-datepicker-next.ui-state-disabled:before { opacity: 0.3}
.ui-datepicker-calendar { font-weight: 400; text-align: center}
.ui-datepicker-calendar .ui-datepicker-week-end:first-child span { color: #F44336}
.ui-datepicker-calendar .ui-datepicker-week-end:last-child span { color: #2F80ED}
.ui-datepicker th{padding:0;font-weight:500;}
.ui-datepicker-calendar thead th { padding-top: 1.25vh; padding-bottom: 1.25vh; font-size: 1.4rem}

.ui-datepicker-calendar span{position: inherit;}
.ui-datepicker-calendar tbody td{position:inherit;}
.ui-datepicker-calendar thead th span { font-size: 15px}
.ui-datepicker-calendar .ui-state-default { display: block; overflow: hidden; width: 3rem; height: 3rem;; border-radius: 100%; font-size: 15px; color: #333; line-height: 2.5rem;background:red; margin: 0 auto}
.ui-datepicker-calendar .ui-priority-secondary, .ui-datepicker-calendar .ui-datepicker-unselectable * { color: #ccc !important; background: #fff !important}
.ui-datepicker-calendar .ui-priority-secondary { color: #333 !important}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight { background: #ddd}
.ui-datepicker-calendar .ui-state-default.ui-state-active { background: #273791 !important; color: #fff}
.ui-datepicker-calendar .ui-priority-secondary.ui-state-active { background: #273791 !important; color: #fff !important}
.ui-datepicker-calendar .ui-state-hover { background: #273791 !important; color: #fff !important}
.ui-datepicker-buttonpane { overflow: hidden; position: absolute; top: 0; right: 2.77vw; line-height: 1; font-size: 0}
.ui-datepicker-prev span, .ui-datepicker-next span { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; clip: rect(0 0 0 0); overflow: hidden; font-size: 1px}
.ui-datepicker-header { padding: 0 13.88vw}

.ui-widget.ui-widget-content{border:1px solid #bbb!important;}
.ui-datepicker .ui-datepicker-header{position:absolute;padding:unset;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-radius:3px;}
.ui-widget-header{background: #fff;border:none;}
.ui-datepicker td span, .ui-datepicker td a{border: none !important;background: none !important;text-align:center !important;padding:0;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:inherit;}
.ui-datepicker td{padding:0;}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus { border:none; background: none; font-weight:unset; color: unset}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em }
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover { top: 2px}
.ui-datepicker .ui-datepicker-prev { left: 0}
.ui-datepicker .ui-datepicker-next { right: 0}
.ui-datepicker .ui-datepicker-prev-hover { left: 0}
.ui-datepicker .ui-datepicker-next-hover { right: 0}

/* notice */
.unotice{padding: 24px 24px 0 24px;height:100%;display: flex;flex-direction: column;}
.unotice .search-wrap{display: flex;gap:8px;}
.unotice .search-wrap button{width:120px;font-size: 1.6rem;}
.unotice .search-wrap > div{width:calc(100% - 120px);}
.unotice .notice-list{height:100%;display:flex;flex-direction:column;margin-top:16px;overflow-y: auto;padding-bottom: 16px;}
.unotice .notice-list li{border-radius:0.8rem;border:1px solid #E1E1E1;background:#fff}
.unotice .notice-list li:not(:first-child){margin-top:8px}
.unotice .notice-list li .top{display:flex;justify-content:space-between;padding:24px 55px 24px 16px;background:url(../images/ico-arrow.svg) no-repeat right 24px center;background-size:20px 20px;gap: 16px;}
.unotice .notice-list li .top span.new{position:absolute;display:flex;align-items:center;justify-content: center;font-size:1.3rem;font-weight:700;color:#ffffff;width:20px;height:20px;background:#273791;border-radius: 50%;right: 0;top: 50%;transform: translateY(-50%);}
.unotice .notice-list li .top h3{position:relative;font-size:1.6rem;color:#333;font-weight:500;display:block;padding-right: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.unotice .notice-list li .date{font-size: 1.6rem;font-weight:500;color: #aeaeae;display: flex;align-items: center;}
.unotice .notice-list li .view{display:none;font-size:1.6rem;color:#484848;padding:32px 16px 16px 16px;border-radius:0 0 8px 8px;background:#f9f9f9;border-top:1px solid #d9d9d9;font-weight: 400;}
.unotice .notice-list li .view.on{display:block}
.unotice .notice-list li .top.on{background:url(../images/ico-hide.svg) no-repeat right 24px center;background-size:20px 20px}
.unotice .notice-list li .top.on h3{font-weight:700;overflow: unset;text-overflow: unset;white-space: inherit;}
.top2{display:flex;justify-content:space-between;padding:10px 55px 10px 16px;background:url(../images/ico-arrow.svg) no-repeat right 24px center;background-size:20px 20px;gap: 16px;}
.top2 span.new{position:absolute;display:flex;align-items:center;justify-content: center;font-size:1.3rem;font-weight:700;color:#ffffff;width:20px;height:20px;background:#273791;border-radius: 50%;right: 0;top: 50%;transform: translateY(-50%);}
.top2 h3{position:relative;font-size:1.6rem;color:#333;font-weight:500;display:block;padding-right: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.top2.on{background:url(../images/ico-hide.svg) no-repeat right 24px center;background-size:20px 20px}
.top2.on h3{font-weight:700;overflow: unset;text-overflow: unset;white-space: inherit;}

/* setting */
.setting { padding:24px}
.setting .login-wrap{border:1px solid #d9d9d9;border-radius:8px;}
.setting .login-wrap .tit{font-weight: 500;}
.setting .login-wrap > div{border-bottom:1px solid #d9d9d9;display: flex;justify-content: space-between;padding:16px;}
.setting .login-wrap > div:last-child{border:none;}
.setting .login-wrap .btn-wrap{padding: 16px;}
.setting .login-wrap button{font-size: 1.6rem;}
.setting > ul{display: flex;flex-direction: column;}
.setting > ul > li{border-bottom:1px solid #d9d9d9;padding: 24px 16px;font-size: 1.8rem;font-weight: 500;color:#222;display: flex;justify-content: space-between;}
.setting span.vs{color: #aeaeae;}
.setting .personal{margin:24px 0 0 16px;color:#484848;font-size: 1.6rem;}
.setting .personal ul{display: flex;flex-direction:column;}
.setting .personal ul li { font-size:18px!important }
.setting .personal ul li:first-child{margin-bottom:16px;}

/* pay */
.pay{padding:24px 24px 0 24px;display: flex;flex-direction:column;height:100%;}
.pay .search-area{display: flex;gap:8px;margin-bottom:16px;}
.pay .search-area select{width:calc(100% - 130px);height:50px;padding: 0 27px 0 16px;background: url(../images/ico-select-arrow.svg) no-repeat right 16px center;}
.pay .search-area button{width:130px;font-size: 1.6rem;}
.pay .table-wrap{overflow-y: auto;padding-bottom: 24px;}
.pay table+table {margin-top: 16px;}
.pay table .center{text-align: center!important;}
.pay .type2 tr td{ text-align: right;}
.pay .type2 thead th{width:40%}
.pay .type2 thead td{width:60%}
.pay .type2 tfoot th { width:30%;font-weight:700; text-align:center; background:#EAF2F3; white-space:nowrap;padding:8px 10px; border-bottom:1px solid #d9d9d9;white-space:nowrap;color:#273791;} 
.pay .type2 tfoot td { width:70%;padding:8px 10px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;background:#fff;position:relative;font-weight: 500;} 
.pay .s-tit{color: #222;font-size: 1.8rem;font-weight: 700;margin:32px 0 16px 0;}

/* scan */
.scan-list{padding: 24px 24px 0 24px;display: flex;flex-direction: column;height: 100%;}
.scan-list .search-wrap{margin-bottom: 16px;}
.scan-list .search-wrap select{height:50px;padding: 0 27px 0 16px;}
.scan-list .calendar{flex: 1}
.scan-list .calendar:first-child {flex: 0.9}
.scan-list .calendar:not(:first-child)::before {flex: none;content: '~';margin: 0 4px;}
.scan-list .calendar input[type="text"]{padding: 0 8px;}
.scan-list .calendar .ui-datepicker-trigger{right:8px;}
.scan-list .calender-search{display: flex;gap:8px;margin-top:8px;}
.scan-list .calender-search > div{width:calc(100% - 35px);display: flex;}
.scan-list .table-wrap{overflow-y: auto;padding-bottom: 16px;}
.scan-list .type1 tr{text-align: center;font-size: 1.4rem;}
.scan-list .type1 tr td:first-child{border-left:none;}

/* monthly */
.monthly{padding: 24px;}
.monthly .type1 .date{position:relative;font-weight:700;right: 0;}
.monthly .type1 .arrow{display: block;position:absolute;width: 16px;height: 16px;top: 50%;transform: translateY(-50%);background-size: 16px 16px;}
.monthly .type1 .arrow.left{left:-40%;background: url('../images/ico-cal-arl.svg')no-repeat center;}
.monthly .type1 .arrow.right{right:-40%;background: url('../images/ico-cal-arr.svg')no-repeat center;}
.monthly .sun{color:#ff0000;}
.monthly .type1 thead tr{background: #f9f9f9;border-top:1px solid #273791;}
.monthly .type1 thead tr th{color: #484848;font-size: 1.6rem;font-weight: 700;}
.monthly .type1 tbody tr:first-child td{border-top:1px solid #d9d9d9;}
.monthly .type1 tr{height: 53px;}
.monthly .type1 tr td{padding:4px;}
.monthly .type1 tr td:first-child{border-left:none;}
.monthly .type1 tr td p{/*position: absolute;top: 4px;*/font-size: 1.4rem;color:#484848;font-weight: 400;line-height: 1.2;}
.monthly .type1 tr td p.sun{color:#ff0000}
.monthly .type1 .week{text-align: center;height: 37px;}
.monthly .type1 .sub{min-height: 27px;}
.monthly .type1 .sub li{font-size: 1.1rem;font-weight: 500;display: flex;line-height: 1.2;}
.monthly .type1 .sub .delivery, .monthly .type1 .sub .return, .monthly .type1 .sub .count{display: block;position: inherit;width: auto;height: auto;transform: inherit;}
.monthly .type1 .sub .delivery{color:#273791;margin-right:4px;white-space: nowrap;}
.monthly .type1 .sub .return{color:#DC5A35;margin-right:4px;white-space: nowrap;}

/* logistics */
.main.logistics .center a{height: 50px;background: #f9f9f9;border:1px solid #d9d9d9;color:#222;font-size: 1.8rem;font-weight: 700;display: flex;justify-content: center;align-items: center;border-radius: 8px;margin-top: 16px;}
.main.logistics .menu li .m1 span:before{background: url('../images/ico-logistic-m1.svg')no-repeat center;}
.main.logistics .menu li .m2 span:before{background: url('../images/ico-logistic-m2.svg')no-repeat center;}
.center-select{padding: 24px;}
.center-select .type3 tr.selected td{font-weight:700;}
.center-select .type3 tbody td{border-left:none;}
.logistics.check .search-area{display: flex;gap:8px;margin-bottom:16px;}
.logistics.check .search-area select{width:calc(100% - 130px);height:50px;padding: 0 27px 0 16px;background: url(../images/ico-select-arrow.svg) no-repeat right 16px center;}
.logistics.check .search-area button{width:130px;font-size: 1.6rem;}
.logistics.check .check-count{border-radius:8px; border:1px solid #d9d9d9;display: flex;margin-bottom:16px;}
.logistics.check .check-count .tit{background: #f9f9f9;border-right: 1px solid #d9d9d9;width:50%;border-radius: 8px 0 0 8px;line-height:50px;text-align: center;font-weight:700;}
.logistics.check .check-count .count{width:50%;text-align: center;line-height:50px;}
.logistics.check .check-count .count .cur{font-weight: 700;color: #273791;}
.logistics.check .check-count .count .total{font-weight: 500;color: #222;}
.logistics.check .list-area ul{display: flex;flex-direction:column;gap:8px;}
.logistics.check .list-area ul li{border:1px solid #d9d9d9;border-radius:8px;background: #fff;padding:16px;}
.logistics.check .list-area ul li.order{background: #EAF2F3;}
.logistics.check .list-area ul li.order dt, .check .list-area ul li.noorder dt{color:#aeaeae}
.logistics.check .list-area ul li.order dd{color: #686868;font-weight: 500;}
.logistics.check .list-area ul li.noorder dd{color: #aeaeae;font-weight: 500;}
.logistics.check .list-area ul li.noorder{background: #F9F9F9;}
.logistics.check .list-area dl{display: flex;gap:16px;color: #484848;font-size: 1.6rem;}
.logistics.check .list-area dl dt{width:75px;font-weight: 700;}
.logistics.check .list-area dl dd{width:calc(100% - 75px);font-weight: 500;}

.logistics-rt-check{padding: 24px 24px 0 24px;height: 100%;display: flex;flex-direction: column;}
.logistics-rt-check .search-wrap select{height:50px;padding: 0 27px 0 16px;}
.logistics-rt-check .calendar{flex: 1}
.logistics-rt-check .calendar:first-child {flex: 0.9}
.logistics-rt-check .calendar:not(:first-child)::before {flex: none;content: '~';margin: 0 4px;}
.logistics-rt-check .calender-search{display: flex;gap:8px;margin-top:8px;}
.logistics-rt-check .calender-search > div{width:calc(100% - 50px);display: flex;}
.logistics-rt-check .check-count{border-radius:8px; border:1px solid #d9d9d9;display: flex;margin-bottom:16px;margin:16px 0;}
.logistics-rt-check .check-count .tit{background: #f9f9f9;border-right: 1px solid #d9d9d9;width:50%;border-radius: 8px 0 0 8px;line-height:50px;text-align: center;font-weight:700;}
.logistics-rt-check .check-count .count{width:50%;text-align: center;line-height:50px;}
.logistics-rt-check .check-count .count .cur{font-weight: 700;color: #273791;}
.logistics-rt-check .check-count .count .total{font-weight: 500;color: #222;}
.logistics-rt-check .list-area{overflow-y: auto;}
.logistics-rt-check .list-area ul{display: flex;flex-direction:column;gap:8px;}
.logistics-rt-check .list-area ul li{border:1px solid #d9d9d9;border-radius:8px;background: #fff;padding:16px;}
.logistics-rt-check .list-area ul li.order{background: #EAF2F3;}
.logistics-rt-check .list-area ul li.order dt, .check .list-area ul li.noorder dt{color:#aeaeae}
.logistics-rt-check .list-area ul li.order dd{color: #686868;font-weight: 500;}
.logistics-rt-check .list-area ul li.noorder dd{color: #aeaeae;font-weight: 500;}
.logistics-rt-check .list-area ul li.noorder{background: #F9F9F9;}
.logistics-rt-check .list-area dl{display: flex;gap:16px;color: #484848;font-size: 1.6rem;}
.logistics-rt-check .list-area dl dt{width:75px;font-weight: 700;}
.logistics-rt-check .list-area dl dd{width:calc(100% - 75px);font-weight: 500;}

.map { width:100%; height:100% } 
.ico-order { width:24px; height:24px; line-height:23px; color:#fff; font-weight:700; text-align:center; border-radius:24px; background:#53565a } 
.ico-completion { width:24px; height:24px; line-height:23px; color:#53565a; font-weight:700; text-align:center; border-radius:24px; border:1px solid #848488; background:#e7e7e7 } 
.mk-driver { display:inline-block; width:54px; height:60px; text-indent:-9999em; background:url(../images/mk-driver.png) no-repeat center center; background-size:54px 60px } 

.detailview { padding:24px } 
.detailview h2 { font-size:1.6rem; font-weight:700; color:#000; margin:24px 0 8px 0 } 
.detailview table+table { margin-top:16px } 
.detailview table a { color:#ffb81c; text-decoration:underline } 

.storeimg { padding:24px } 
.storeimg ul { display:flex; flex-wrap:wrap } 
.storeimg ul li { width:calc(100% / 3); padding-right:8px; padding-bottom:16px } 
.storeimg ul li:nth-child(3n) { padding-right:0 } 
.storeimg ul li a { display:block } 
.storeimg ul li figure .thumb { border:1px solid #d9d9d9 } 
.storeimg ul li figure img { width:100%; height:74px } 
.storeimg ul li figure figcaption { text-align:center; margin-top:8px } 

.imgview { display:flex; align-items:center; justify-content:center; height:100%; padding:24px } 
.imgview img { max-width:100% } 

.correct { padding:24px } 
.correct table:not(:first-of-type) { margin-top:16px } 

.sign { height:100%; padding:24px 24px 0 24px } 
.sign>div { height:100%; background:#f5f5f5 } 


/* changepw */
.changepw { padding:24px } 
.changepw li:not(:first-child) { margin-top:8px } 
.changepw .info { margin-top:16px; text-align:right; color:#273791; font-size: 1.6rem; } 
.changepw .info.true { color:#273791; } 
.changepw .info.false { color:#DC5A35; } 

/* loadlist */
.btnarea.flex-box2{flex-wrap:wrap;gap:8px}
.btnarea.flex-box2 .flex-box{width:100%;display:flex;gap:8px;}

/* combo box modal */
.combo-modal{z-index:99;background:#fff;width:80%;max-height:70%;overflow-y:auto}
.combo-modal ul li { border-bottom:1px solid #ccc;display:block;padding:20px }
.combo-modal ul li>div { display:inline-block;font-size:18px }
.combo-modal ul li>div:last-child { float:right }
.combo-modal ul li>div>input[type='radio'] { width:30px;height:30px;appearance:radio }
.combo-modal ul li.reset { background:red;color:#fff }