@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('/css/fonts/Pretendard-Bold.subset.woff2') format('woff2'), url('/css/fonts/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('/css/fonts/Pretendard-SemiBold.subset.woff2') format('woff2'), url('/css/fonts/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('/css/fonts/Pretendard-Medium.subset.woff2') format('woff2'), url('/css/fonts/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('/css/fonts/Pretendard-Regular.subset.woff2') format('woff2'), url('/css/fonts/Pretendard-Regular.subset.woff') format('woff');
}

body.body_fixed{position: sticky;overflow-y:hidden}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue','Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif !important;font-weight:400;}

#app-container main {position:relative; margin:70px 20px 20px 370px !important;}
#app-container.sub-hidden main{margin:70px 20px 20px 140px !important;}
#app-container.main-hidden main{margin:70px 20px 20px 20px !important;}
.form-group.required label:after { color: #d00; content: "*"; position: absolute; }

.break_text{word-break:keep-all}
element.style {
  opacity: 1;
}
@media (max-width: 1439px){
#app-container main { margin:70px 20px 20px 140px !important;}
#app-container.sub-hidden main{margin:70px 20px 20px 140px !important;}
#app-container.main-hidden main{margin:70px 20px 20px 20px !important;}
}
@media (max-width: 1199px){
#app-container main { margin:70px 20px 20px 120px !important;}
#app-container.sub-hidden main{margin:70px 20px 20px 140px !important;}
#app-container.main-hidden main{margin:70px 20px 20px 20px !important;}
}
@media (max-width: 767px) {
#app-container main {margin: 70px 20px 20px 20px !important;}
}
.sidebar{padding-top:60px !important}
.sidebar .sub-menu .scroll{padding:25px 0 25px 0 !important}
.navbar{height:60px !important;padding:0 !important}
.navbar .navbar-left {  flex-basis: auto !important}
.navbar .navbar-right {flex-basis: auto !important;}
.navbar .menu-button{padding:20px 0;width:110px !important}
.navbar .menu-button-mobile{padding:20px 0;width:50px !important;margin-left:0 !important;}
.navbar-logo h1{margin:0 !important;padding:0 !important;font-size:18px;}
.navbar-logo h1 a{display: inline-block;line-height:40px;padding:10px 0;font-size:18px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.navbar-logo h1 a img{height:40px !important}
.navbar .header-icon {padding-left:.6rem !important;padding-right:.6rem !important;}
.navbar .navbar-right .user {padding-right:10px !important}
.navbar .navbar-right .user .btn{padding:0 !important}
.content_rel {position:relative}
.container_top {padding-bottom: 5px;margin-bottom: 10px;border-bottom: 1px solid #F7F7F7}
.page_title{display: flex;justify-content: space-between;padding-bottom:5px;}
.page_title h2{font-size:18px;line-height:36px;margin:0;}
.search_row + .items_info{margin-top:10px}
.items_info{display: flex;justify-content: space-between;text-align: right;border-bottom:1px solid #F7F7F7;}
.items_info h3{flex:1 0 auto;font-size:15px;line-height:28px;margin-bottom:0;padding-bottom:0;text-align: left;}
.items_info .custom-switch{flex:0 0 auto;text-align: right;}
.items_info .item{position:relative;}
.items_info .item + .item{padding-left:10px;margin-left:10px;}
.items_info .item + .item:after{content:'';display:block;width:1px;height:16px;position:absolute;left:0;top:50%;margin-top:-9px;background:#999}
.container_top .items_info{border:0}
.option_group_all_items {position:relative;overflow:hidden}
.option_group_all_items .show_option_all {position:absolute;left:0;top:0;right:0;bottom:0;border:0;background:#000;color:#fff;cursor:pointer}
.cell_option_group_name{color:#fff !important;background:#000 !important;padding:0 5px;margin-right:5px;}
.cell_option_group_item + .cell_option_group_name{margin-left:10px}
.cell_option_group_item + .cell_option_group_item{margin-left:10px}
.display_items{flex:0 0 auto;text-align: right;line-height:28px;color:#000 !important}
.option_group_name {color:#fff;display:inline-block;background-color:#000;padding:0 5px;margin-right:5px;}
.option_group_name span{margin-left:6px;color:#fff;display:inline-block;font-weight:normal}
.option_group_name span em{color:#fff;display:inline-block;font-style:normal;font-weight:600}
.option_group_item{display:inline-block;border:1px solid #999;padding:10px 10px;margin-right:10px;}
.option_group_all_items.active{display:flex;height:100% !important;padding:0 16px;align-items:center;text-align:center !important;overflow-y:auto;}
.option_all_layer {display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:#fff}
.option_all_layer .close_option_all {display:none;position:absolute;top:0;right:0;width:50px;height:50px;border:0;cursor:pointer}
.option_all_layer .msg_option{position:absolute;top:20px;left:20px;bottom:20px;right:50px;overflow-y:auto;}
.option_all_layer.active{display:block}
.option_all_layer.active .option_group_name {display:block !important;color:#fff;margin-bottom:10px;display:inline-block;background-color:#000;padding:10px 10px;font-size:15px !important}
.option_all_layer.active .option_group_item {margin-bottom:10px;}
.option_all_layer.active .show_option_all{display:none}
.option_all_layer.active .close_option_all{display:block;}
.items_info .custom-switch + .display_items {margin-left: 20px;}
.switch_title{line-height:28px;display: inline-block;vertical-align:top;margin-left:10px;font-size:15px;font-weight:500}
.search_area{display: flex;padding-bottom:5px;}
.search_item{flex:0 0 auto}
.search_item_btn {flex:0 0 auto;margin-left:5px}
.search_item + .search_item{margin-left:5px;}
.input-group>.input-group-append>.btn{padding:0.3rem 1rem 0.2rem 1rem !important}
.search_area .btn_search_items{background:0;cursor:pointer;}
.search_area .input-group>.input-group-append>.btn{padding:0 !important;}
.item_switch {flex:0 0 auto;display:flex;width:auto;justify-content:flex-end}
.search_row{display: flex;}
.search_row .search_area{flex:0 0 auto;}
.search_row .search_area_btn{flex:0 0 auto;}
@media (max-width: 1300px) {
    .search_area.search_area_btn{width:100%;flex-wrap:wrap;}
}
@media (max-width: 1000px) {
    .search_row{flex-wrap:wrap;}
}
@media (max-width: 360px){
.navbar-logo h1 a{width:170px;}
}
@media (max-width: 575px){
  .search_area{width:100%;flex-wrap:wrap;}
  .search_item{flex:1 0 100%}
  .search_item + .search_item{margin-left:0;margin-top:5px}
  .search_item_btn{display:flex;flex:1 0 100%;margin:0;padding-bottom:10px;text-align:left;overflow:hidden;overflow-x:scroll}
  .search_item_btn span{flex:1 0 auto;}
  .search_item_btn span + span{margin-left:5px}
  .search_item_btn button{margin-top:10px !important}
  .btn_search_area{display: inline-block;margin:0 auto !important}
  .display_items{display: block;} 
  .container_top .items_info{flex-direction:column;}
  .item_switch{flex-wrap:wrap;}
  .item_switch .custom-switch{width:50%;margin-top:10px}
}

*:focus { outline: none }
#loader { height: 100%; left: 0px; top: 0px; width: 100% }
.card .list-thumbnail { width:28px!important;height: 28px!important; margin: 8px; }
@media (max-width: 575px){
  .card .list-thumbnail.responsive {width: 28px!important;height: 28px!important;}
}

.bootstrap-tagsinput, .form-control, .table th, .table td { padding-top: 0.30rem !important; padding-right: 0.30rem !important; padding-bottom: 0.2rem !important; padding-left: 0.30rem !important; }
.card .card-body { padding-top: 0.5rem !important; padding-right: 0.5rem !important; padding-bottom: 0.3rem !important; padding-left: 0.5rem !important; }
.form-group { margin-bottom: 0.6rem!important; }
.btn { border-radius: 15px!important; outline: initial !important; box-shadow: none !important; font-size: .8rem; padding: .5rem 1.0rem .4rem!important; }
.modal-footer {padding: 0.8rem 10px!important; justify-content: space-between;}
.modal-footer .form-group{margin-bottom:0 !important;}
.modal-footer .text-right{padding:0;}
.modal-footer .btn{padding: .5rem .6rem .4rem!important;}
.modal-footer .btn + .btn{margin-left:5px;}
select.form-control:not([size]):not([multiple]) { height: calc(1.6rem + 3px)!important; }
.input-group-text { padding:0.25rem 0.5rem .0rem!important; }
.select2-container--bootstrap .select2-selection--single { height: unset!important }
.dropzone .dz-preview {margin: 8px;}
.modal-header { padding: 0.8rem 1.75rem!important; }
.e-grid .e-rowcell {padding:0px 10px!important;}
.e-grid .e-headercell {padding:0px 21px 0!important}
.e-grid .e-rowcell .btn{padding:0 !important}
.modal-mid {max-width: 100%;    margin: 0 15% 0 15%;box-sizing:border-box;}
.modal-full{max-width:100%;margin:0 1.75em}
.modal-mid{min-height:100vh !important}
.modal.mobile_modal .modal-body{height:650px;overflow:hidden;overflow-y:auto}
.modal.mobile_modal .modal-body {padding:0 20px 10px 20px !important;}
.modal.mobile_modal .modal-body .nav-tabs{margin:0 -20px;background:#fff}
/* order popup */
.order_row{display:flex;padding:5px 0;line-height:16px;}
.order_row.alc{align-items:center;}
.od_tit{flex:0 0 auto;width:70px;margin-right:10px;font-weight:400;color:#222;font-size:13px;font-feature-settings: 'case' on, 'ss08' on, 'ss06' on, 'ss05' on;}
.od_tit em{font-weight:500;font-style:normal}
.od_desc{flex:1 1 auto;color:#222;font-size:13px;font-feature-settings: 'tnum' on, 'lnum' on, 'ss06' on, 'ss08' on;}
.od_desc strong{color:#222;font-weight:700;font-size:13px}
.od_desc strong.fw_sm{font-weight:600;}
.order_detail_body{border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.order_detail_body ul, .order_detail_body li{margin:0;padding:0;list-style:none}
.order_detail_body li{padding:10px 0;border-top:1px solid #e0e0e0;font-feature-settings: 'case' on, 'ss05' on, 'ss08' on, 'ss06' on;}
.order_detail_body li:nth-child(1){border-top:0;}
.add_option_group {padding-bottom:6px;}
.add_opt_li{line-height:20px;font-feature-settings: 'case' on, 'ss05' on, 'ss08' on, 'ss06' on;}
.od_desc em{font-style:normal}
.order_detail_head{padding:0 0 10px 0}
.order_detail_foot{padding:10px 0}
.noti_box{padding:10px 0;}
.noti_box + .noti_box{border-top:1px solid #e0e0e0}
.btn_noti_view{position:relative;display:inline-block;line-height:24px;font-size:13px;padding:4px 24px 4px 8px;text-align:left;color:#565D6B;border:1px solid #ddd;background:none;cursor:pointer}
.btn_noti_view:after{content:'';position:absolute;top:14px;right:8px;width:11px;height:6px;display:inline-block;background:url(/images/bg_ly_arr.png) 0 0 no-repeat;background-size:11px 6px;transition:all 0.3s ease;transform:rotate(0deg)}
.noti_content{margin-top:6px;}
.noti_content_area {margin-top: 8px;display: none}
.noti_content.noti_content_show .noti_content_area{display:block}
.noti_content.noti_content_show .btn_noti_view:after{transform:rotate(180deg)}
.noti_state em{display:inline-block;border:1px solid #ddd;padding:0 6px;line-height:24px}
.noti_state em + em{margin-left:6px}
.noti_state em.is_state{background:#000;color:#fff;border:1px solid #000}
.modal.mobile_modal .modal-header{padding:0.8rem 20px!important}
.talk_content:disabled{color:#222 !important;opacity:1;-webkit-text-fill-color:#222;}
.delivery_api_area{height:550px}
@media (max-width: 575px) {
    .modal.mobile_modal .modal-body{padding:0 10px 10px 10px !important;}
    .modal.mobile_modal .modal-body{min-height:500px;height:500px;overflow:hidden;overflow-y:auto}
    .modal.mobile_modal .modal-body .nav-tabs{margin:0 -10px;background:#fff;text-align:center}
    .delivery_api_area{height:405px}
    .noti_state em{display:inline-block;border:1px solid #ddd;padding:0 2px;line-height:24px}
    .noti_state em + em{margin-left:3px}
}

@media (min-width: 576px) {
    .modal-mid{min-height:100vh !important;}
}

@media (max-width: 1300px) {
    .modal-mid{ margin: 0 30px 0 30px;}
}
.custom-switch {
    line-height: 1;
}
.custom-switch .custom-switch-input {
  display: none;
}
.custom-switch .custom-switch-input,
.custom-switch .custom-switch-input *,
.custom-switch .custom-switch-input :after,
.custom-switch .custom-switch-input :before,
.custom-switch .custom-switch-input + .custom-switch-btn,
.custom-switch .custom-switch-input:after,
.custom-switch .custom-switch-input:before {
  box-sizing: border-box;
}
.custom-switch .custom-switch-input :after:selection,
.custom-switch .custom-switch-input :before:selection,
.custom-switch .custom-switch-input :selection,
.custom-switch .custom-switch-input + .custom-switch-btn:selection,
.custom-switch .custom-switch-input:after:selection,
.custom-switch .custom-switch-input:before:selection,
.custom-switch .custom-switch-input:selection {
  background: 0 0;
}
.custom-switch .custom-switch-input + .custom-switch-btn {outline: 0;display: inline-block;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;width: 58px;height: 28px;margin: 0;padding: 4px;background: #ced4da;border-radius: 76px;transition: all 0.3s ease;border: 1px solid #ced4da;}
.custom-switch .custom-switch-input + .custom-switch-btn:after,.custom-switch .custom-switch-input + .custom-switch-btn:before {  position: relative;  display: block;  content: "";  width: 18px;  height: 18px}
.custom-switch .custom-switch-input + .custom-switch-btn:after {left: 2px;border-radius: 50%;background: #fff;transition: all 0.3s ease;}
.custom-switch .custom-switch-input + .custom-switch-btn:before {display: none;}
.custom-switch .custom-switch-input:checked + .custom-switch-btn {background: #28a745;}
.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {left: 30px;}
.custom-switch
.custom-switch-input:checked
+ .custom-switch-btn
~ .custom-switch-content-checked {opacity: 1;height: auto;}
.custom-switch
.custom-switch-input:checked
+ .custom-switch-btn
~ .custom-switch-content-unchecked {display: none;opacity: 0;height: 0;}
.custom-switch
.custom-switch-input:not(:checked)
+ .custom-switch-btn
~ .custom-switch-content-checked {display: none;opacity: 0;height: 0;}
.custom-switch
.custom-switch-input:not(:checked)
+ .custom-switch-btn
~ .custom-switch-content-unchecked {opacity: 1;height: auto;}
.custom-switch.custom-switch-label-io
.custom-switch-input
+ .custom-switch-btn {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='42.5' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-io
.custom-switch-input:checked
+ .custom-switch-btn {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='18.13333' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-onoff
.custom-switch-input
+ .custom-switch-btn {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-onoff
.custom-switch-input:checked
+ .custom-switch-btn {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-yesno
.custom-switch-input
+ .custom-switch-btn {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='32.85714' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-yesno
.custom-switch-input:checked
+ .custom-switch-btn {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-status
.custom-switch-input
+ .custom-switch-btn {
width: 88px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='38'%3E%3Ctext x='38.85714' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-status
.custom-switch-input:checked
+ .custom-switch-btn {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='38'%3E%3Ctext x='9.71429' y='16.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E");
}
.custom-switch.custom-switch-label-status
.custom-switch-input:checked
+ .custom-switch-btn:after {
left: 50px;
}

.table_header{position:relative;top:auto;display: flex;flex-direction:row;height:30px;line-height:30px;}
.table_header .th_col{flex:1 1 auto;padding:0 5px;text-align: center;font-size:11px;letter-spacing:-1px;border:1px solid #e0e0e0}
.table_header .th_col + .th_col{border-left:0}
.table_header .th_col_4{flex:0 0 auto;width:40%;}
.table_header .th_col_60{flex:0 0 auto;width:60px;}
.table_header .th_col_70{flex:0 0 auto;width:70px;}
.table_body{margin:0;padding:0;border:1px solid #e0e0e0;border-top:0;overflow:hidden;overflow-y:scroll}
.table_body_row{position: relative;display: flex;flex-direction:row;align-items:center;min-height:30px;border-bottom:1px solid #ddd}
.table_body_row:last-child{border-bottom:0}
.table_body_row .tb_col{flex:1 1 auto;padding:0 5px;text-align:center;}
.table_body_row .tb_col.tbl{text-align:left;}
.table_body_row .tb_col_4{flex:0 0 auto;width:40%}
.table_body_row .tb_col_60{flex:0 0 auto;width:60px}
.table_body_row .tb_col_70{flex:0 0 auto;width:70px}
.tb_input{display:block;border:1px solid #ddd;height:20px;width:60px;margin:0;padding:0 5px;text-align:right}

.print_layout *{box-sizing:border-box;margin:0;padding:0}
.print_layout{position: fixed;left:0;top:0;right:0;bottom:0;background:#fff;display: none;}
.rotate_logo{transform:rotate(270deg);overflow:hidden;line-height:30px;}
.rotate_txt{transform:rotate(270deg);overflow:hidden;line-height:20px;}
.print{width:400px;height:585px;overflow:hidden;margin:0;padding:0;font-size:14px;font-size:14px;font-weight: bold;box-sizing:border-box;word-wrap:break-word;white-space:normal;}
.print_wrap{display:flex;flex-direction:column;width:400px;height:585px;box-sizing:border-box;border:5px solid #000;border-radius:10px;}

.print_top{flex:1 1 auto;display:flex;height:319px;border-bottom:1px solid #000}
.order_print_info{position: relative;flex:1 1 auto;width:99px;border-right:1px solid #000}
.order_print_detail{position: relative;flex:1 1 auto;width:290px;}
.order_print_info .rotate_txt{position: absolute;left:-95px;bottom:120px;width:294px;height:80px;}
.order_print_detail .rotate_txt{position:absolute;left:-5px;bottom:30px;width:294px;height:260px;}

.print_bottom{flex:1 0 auto;display:flex;width:100%;height:260px;}
.svc_logo{position: relative;flex:1 1 auto;width:39px;border-right:1px solid #000}
.sender_info{position: relative;flex:1 1 auto;width:59px;border-right:1px solid #000}
.receiver_info{position: relative;flex:1 1 auto;width:189px;border-right:1px solid #000}
.order_number{position: relative;flex:1 1 auto;width:100px;}
.svc_logo .rotate_logo{position: absolute;left:-101px;bottom:115px;width:240px;height:30px;}
.rotate_logo img{height:30px;}
.sender_info .rotate_txt{position: absolute;left:-90px;bottom:105px;width:240px;height:50px;}
.receiver_info .rotate_txt{position:absolute;left:-26px;bottom:45px;width:240px;height:170px;}
.order_number .rotate_txt{position:absolute;left:-70px;bottom:88px;width:240px;height:90px;}
.sender_address{margin:0;padding:0;font-size:12px;line-height:15px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sender_name{font-size:12px;line-height:20px;margin:0;padding:0;}
.sender_name strong{display:inline-block;}
.sender_name span{display: inline-block;margin-left:10px;}
.receiver_info .rotate_txt h2{font-size:15px;font-weight:700;}
.btn_zip_area_close{position:absolute;top:-48px;right:-1px;width:48px;height:48px;border:1px solid #000;}
.nav.nav-tabs.nav-tabs-nmg .nav-item {margin-bottom:0}
@media print {
    @page {
        margin: 0 0 0 0;
    }

    .print{page-break-inside : avoid;}
}


@media (max-width: 575px) {
    .nav.nav-tabs {overflow:hidden;overflow-x:auto;flex-wrap:nowrap;}
    .nav.nav-tabs li{flex:1 0 auto;width:auto;}
    .grid2 .e-gridcontent .e-content {height:200px !important}
}

.theme-colors {display:none !important}

.admin_paging_area{width:100%;padding:10px 16px 10px;display: flex;justify-content:space-between;align-items:center;box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-top:0;}
.paging_total{font-size:12px;color:#666;font-weight:500;}
.paging{text-align:center;}
.paging_arr{display:inline-block;width:32px;height:32px;font-size:13px;font-weight:400;line-height:30px;color:#999;margin:0;vertical-align:top;box-sizing: border-box;}
.paging_arr.paging_prev:before{display: inline-block;content:'\e904'}
.paging_arr.paging_next:before{display: inline-block;content:'\e913'}
.paging_arr.paging_prev.disabled{cursor:default}
.paging_arr.paging_next.disabled{cursor:default}
.paging_num{display:inline-block;width:32px;height:32px;font-size:14px;line-height:30px;color:#4a4a4a;margin:0 4px;vertical-align:top;box-sizing: border-box;}
.paging_num.paging_current{background:#e3165b;color:#fff;border:1px solid #e3165b;border-radius:100%;font-weight:500;}

.add_image_list{width:100%;max-height:300px;overflow:hidden;overflow-y:auto;margin:0;padding:0;}
.add_image_list li{position:relative;width:100%;list-style:none;margin:0;padding:0;}
.add_image_list li + li{margin-top:10px;}
.add_image_list li span{display:block;border:1px solid #ededed}
.add_image_list li span img{max-width:100%;}
.add_image_list li span .btn_img_download{position: absolute;top:10px;right:10px;width:36px;height:36px;display:inline-block;border:0;border-radius:4px;background: rgba(0, 0, 0, 0.8);color:#fff;font-size:24px;z-index:2;cursor:pointer !important}


.admin_m_wrap{display:flex;position:relative;width:100%;max-width:720px;min-height:calc(100vh - 90px);margin:0 auto;background:#fff;flex-direction:column;z-index:2}
@media (max-width: 767px) {
    .admin_m_wrap {
        min-height: calc(100vh - 60px);
    }
}
.talk_head{position: sticky;width:100%;padding:16px 20px;top: 60px;height:120px;z-index: 3;background:#fff;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box}
.m_search_area{display: flex;margin-top:8px;}
.inp_wrap{position:relative;width:100%;height:40px;box-sizing: border-box;border:1px solid #C3C7CD;border-radius:4px;}
.inp_wrap .m_inp{position:relative;display: block;width:100%;height:38px;line-height:18px;border:0;background:0;padding:10px 16px 10px 42px;box-sizing: border-box;color:#6D6D6D;border-radius:4px}
.inp_wrap .m_calendar_g{background:url(/images/ic_calendar_g.png) no-repeat;background-position:12px center;background-size: 20px 20px;}
.m_search_area .inp_wrap:after{content:'';display:block;position:absolute;left:0;top:0;width:38px;height:38px;z-index:1;background:url(/images/ic_search.png) no-repeat;background-position:12px center;background-size: 20px 20px;}
.m_btn_search{display: inline-block;margin-left:8px;line-height:40px;height:40px;width:55px;background:#22272E;border-radius:4px;color:#fff;border:0;font-size:13px;cursor:pointer}
.talk_list_head{position: sticky;width:100%;padding:0 20px;top:180px;background:#fff;z-index:2;}
.talk_list_head_tab{display: flex;list-style: none;margin:0;padding:20px 0 10px 0;border-bottom:1px solid #E6E6E6}
.talk_list_head_tab li{position: relative;flex:0 0 auto;padding:0;margin:0;line-height:24px;height:24px;}
.talk_list_head_tab li.send_date{width:70px}
.talk_list_head_tab li.send_status{flex:1 1 auto;width:auto;}
.talk_list_head_tab li.send_name{width:70px}
.talk_list_head_tab li.send_order_group_idx{width:70px}
.talk_list_head_tab li button{display: block;width:100%;background:none;height:24px;font-size:12px;line-height:24px;padding:0 8px;margin:0;text-align: left;}
.talk_list_head_tab li.send_date button{padding:0;}
.talk_list_head_tab li button strong{display: block;width:100%;color:#6D6D6D;font-size:13px;font-weight: 400;}
.talk_list_head_tab li button:after{content:'';position:absolute;display:none;width:24px;height:24px;top:0;right:8px;background:url(/images/ic_expand.png) 0 0 no-repeat;background-size: 24px 24px;}
.btn_sort_list{border:0;}
.talk_list{margin:0 20px;padding:0 0 16px;}
.talk_list li{display: flex;margin-top:12px;padding:4px 0;}
.talk_list li div{flex:0 0 auto;line-height:16px;}
.talk_list li div.send_date{width:70px}
.talk_list li div.send_status{flex:1 1 auto;width:auto;}
.talk_list li div.send_name{width:70px}
.talk_list li div.send_order_group_idx{width:70px}
.talk_list li div button{border:0;padding:0 8px;background:none;font-size:13px;}
.talk_list li .send_name button{text-decoration: none;text-align:left;}
.talk_list li .send_name button strong{color:#000;font-weight:400;}
.talk_list li .send_name button span{color:#6D6D6D;font-size:11px;display: inline-block;vertical-align:top;line-height:14px;margin-right:4px;}
.btn_order_group_idx,.btn_talk_calling,.btn_talk_popup{cursor:pointer}
.send_date span{display: block;font-size:12px;}
.send_date strong{display: block;font-size:13px;font-weight:400}
.talk_list_container .admin_paging_area{width:100%;padding:10px 16px 10px;display: flex;justify-content:space-between;align-items:center;box-sizing:border-box;background:#fff;border:0}

.popup{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
.popup.popup_show{visibility:visible;opacity:1;z-index:9000}
.popup_bg,.popup_bg_prevent{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;background:rgba(0,0,0,.4);z-index:8000}
.popup_container{min-width:320px;max-width:688px;width:100%;margin:0 16px;z-index:9999;display:flex;flex-direction:column}
.popup_content_btn{margin:20px -4px 0 -4px;padding:0;list-style:none;display:flex;flex-direction:row;}
.popup_content_btn .popup_btn{position:relative;display:block;width:100%;text-align:center;line-height:48px;height:50px;font-size:15px;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;outline:0;border-radius:4px;border:0;text-decoration: none;}
.popup_content_btn li{flex:1 0 auto;}
.popup_content_btn li span{margin:0 4px;padding:0;display: block;}
.btn_t0{background-color:#F2F3F5;color:#38404D}
.btn_t0:hover{background:#E8E9EB}
.btn_t1{background-color:#2E90FA;color:#fff;}
.btn_t1:hover{background:#2E90FA;color:#fff}
.popup_content{position:relative;width:100%;max-height:calc(100vh - 140px);background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:4px 4px 16px rgba(0, 0, 0, 0.5)}
.popup_content_title{font-size:18px;line-height:24px;font-weight:500;color:#22272E}
.popup_content_txt{margin-top:8px;font-size:15px;line-height:22px;color:#38404D}
.popup_talk .talk_popup_head{background:#FDE40B;border-radius:12px 12px 0 0;padding:12px 10px 10px;font-size:12px;}
.popup_talk .talk_popup_head em{font-style:normal}
.talk_head_tit{font-size:13px}
.popup_talk .talk_popup_head .talk_head_right{text-align: right;}
.talk_head_wrap{display: flex;justify-content:space-between;}
.talk_head_wrap strong{font-weight:600;font-size:13px;}
.popup_talk .talk_body .talk_content{background:#fff;width:100%;min-height:320px;padding:20px;font-size:15px;box-sizing:border-box; overflow:hidden;overflow-y:scroll;box-shadow:none;resize:none;border:0}
.popup_talk .talk_body .popup_content_btn{margin:16px}
.popup_body{padding:24px 16px 16px}

.delivery_total_info{position: relative;padding:24px 20px 32px;}
.delivery_total_info h2{font-size:13px;color:#6D6D6D;font-weight:400;margin:0 0 4px 0;padding:0;}
.delivery_total_info .total_count{font-size:28px;line-height:38px;color:#333;font-weight:600;margin:0 0 8px 0;padding:0;}
.delivery_total_info .delivery_refresh_time{display: flex;font-size:13px;line-height:16px;color:#6D6D6D;padding:0;}
.delivery_total_info .delivery_refresh_time strong{font-weight:400}
.delivery_total_info .btn_refresh{position: absolute;top:37px;right:20px;display: inline-block;height:34px;line-height:34px;padding:0 16px;color:#0265DC;border:0;background:#E0F2FF;border-radius:17px;cursor:pointer}
.m_search_date_area{padding:0px 20px 24px;}
.m_search_date_area h3{font-size:13px;color:#6D6D6D;font-weight:400;margin:0 0 8px 0;padding:0;}
.m_search_date_wrap{background:#F5F5F5;border-radius:4px;display: flex;}
.m_search_day{position: relative;flex:0 0 auto;}
.m_search_day button{cursor:pointer}
.m_search_day_inp{position: relative;flex:1 1 auto;}
.m_search_day_inp .m_inp{display: block;width:100%;height:48px;line-height:20px;border:0;background:0;padding:14px 48px 14px 16px;box-sizing: border-box;color:#6D6D6D}
.m_search_day_inp .m_calendar_b{background:url(/images/ic_calendar_b.png) no-repeat;background-position:right 20px center;background-size: 16px 16px;}
.m_search_day:after{content:'';display: block;position: absolute;top:16px;right:0;width:1px;height:16px;background:#afafaf;}
.m_search_day .btn_day_select{padding:14px 16px;line-height:20px;border:0;background:0;font-size:13px;color:#6D6D6D;}
.m_search_day .btn_day_select.selected{color:#0265DC;}
.shortcut-buttons-flatpickr-wrapper{padding:4px 12px 12px;text-align:left;}
.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-label{display:none}
.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-button{background:#E6E6E6;font-size:14px;line-height:36px;padding:0 14px;color:#464646;border:0;cursor:pointer}
.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-button.selected{background:#0265DC;color:#fff;font-weight:bold}
.shortcut-buttons-flatpickr-button + .shortcut-buttons-flatpickr-button{margin-left:4px}
.delivery_tab_area{position: sticky;width:100%;top:60px;z-index:2;}
.delivery_tab{display: flex;margin:0;padding:0;;list-style:none;border-bottom:1px solid #E6E6E6;background:#fff;}
.delivery_tab li{flex:1 0 auto;}
.delivery_tab li a{position: relative;text-align: center;display: block;padding:10px 0;line-height:20px;font-size:15px;color:#6D6D6D;}
.delivery_tab li a strong{font-weight:400;}
.delivery_tab li a:hover{text-decoration: none;}
.delivery_tab li a.selected,.delivery_tab li a.selected strong{font-weight: 600;color: #000;}
.delivery_tab li a.selected:after{content:'';position: absolute;left:0;bottom:0;right:0;display: block;width:100%;height:2px;background:#147AF3}
.delivery_list_container{padding:16px 20px 40px;}
.search_date_state{color:#6D6D6D;font-size:15px;line-height:24px;}
.delivery_state_list{list-style:none;margin:0;padding:0;}
.delivery_state_list li{margin-top:16px;margin:16px 0 0 0;}
.delivery_state{padding:16px;background: #FDFDFD;border: 1px solid #B1B1B1}
.delivery_state .state_count{position: relative;display: flex;justify-content: space-between;line-height:24px;font-size:17px;}
.state_zero{background: #F5F5F5;border:0;border-left: 1.5px solid #D5D5D5;}
.state_count strong{display: inline-block;padding-left:36px;background-size:24px 24px;background-repeat: no-repeat;background-position: 0 0;font-weight:500;color:#222}
.state_zero .state_count strong{font-weight:400;color:#909090;background-image:url(/images/ic_order_process_0.png) !important}
.state_zero .state_count span{font-weight:400;color:#909090}
.state_zero .state_detail{display: none;}
.state_count.state_1 strong{background-image:url(/images/ic_order_process_1.png)}
.state_count.state_2 strong{background-image:url(/images/ic_order_process_2.png)}
.state_count.state_3 strong{background-image:url(/images/ic_order_process_3.png)}
.state_count.state_4 strong{background-image:url(/images/ic_order_process_4.png)}
.state_count.state_5 strong{background-image:url(/images/ic_order_process_5.png)}
.state_detail{margin:24px 0 0 36px;}
.state_detail .state_detail_tit{color:#6D6D6D;font-size:12px;line-height:16px;}
.state_detail .state_detail_desc{margin-top:4px;font-size:15px;color:#333;line-height:20px;}
.state_detail .state_detail_desc span{display: inline-block;position: relative;}
.state_detail .state_detail_desc span + span{padding-left:8px;margin-left:4px;}
.state_detail .state_detail_desc span + span:after{content:'';position: absolute;left:0;top:3px;width:1px;height:14px;background:#333;}
.state_detail .state_detail_desc span.warning{color:#EA3829}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}