#ifrmProcess {position:absolute;bottom:10px;left:10px;z-index:99999;width:calc(100% - 20px);height:300px;background: #fff7d2;border:solid 1px #f00;display:none}

/* top nav */
.navbar-header .btn-topbar {width: 100% !important;padding-right:10px;font-size:11px;}
.navbar-header .btn-topbar i {margin-right:5px}

/* table tr, td padding 조절 */
.table>:not(caption)>*>* {padding:.35rem .30rem;}
.table > thead > tr > th {
    min-height: 35px;
    line-height: 35px; /* 수직 정렬 */
}

/* table에 색상 및 스크롤 fixed 적용 */

#data-list tbody tr:hover > * {
background-color: #e6f4ff !important; /* td/th 전부 강제 적용 */
  --vz-table-bg-type: #e6f4ff;          /* 변수도 함께 덮어쓰기 */
}
#data-list .dataTables_wrapper {padding:0px 10px}
#data-list .table-responsive {padding-left:0px;padding-right:0px}
#data-list thead th {position:sticky;top:0px;background:#fff;z-index:99;line-height:17px}
#data-list tfoot td {position:sticky;bottom:0px;padding:10px 0px !important;background: #fff8cf;border-top:dashed 1px #dadada}
#data-list tfoot td {font-weight:600}
#data-list thead .btn-sort {text-decoration: underline;cursor:pointer}
#data-list tbody td.sticky {position:sticky}
#data-list tbody td.sticky:not(.table-warning) {background:#fff}
#data-list tbody td.sticky {position:sticky}
#data-list tbody td.sticky-right:not(.table-warning) {background:#fff}
#data-list th.border-right {border-right:dashed 2px #dadada}
#data-list td.border-right {border-right:dashed 2px #dadada}
#data-list th.border-left {border-left:dashed 2px #dadada}
#data-list td.border-left {border-left:dashed 2px #dadada}
#data-list tr.table-bg td {background: #f3f3f3 !important;}
#data-list tr.table-border td {border-top:dashed 1px #dadada}
#data-list tr.nodata td {padding:20px}

/* 공통 설정값 */
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.text-red {color:#FF0EB4}
.text-error {color:#FF0EB4}
.dn {display:none}
.ellipsis {
    white-space: nowrap;     /* 텍스트를 한 줄로 표시 */
    overflow: hidden;        /* 넘치는 텍스트를 숨김 */
    text-overflow: ellipsis; /* 말줄임표(...) 적용 */
    display: inline-block;   /* inline 요소에서도 동작하게 하기 위해 block으로 변경 */
    box-sizing: border-box;  /* padding과 border를 width에 포함시키기 위해 설정 (선택 사항) */
    width:100%
}

/* Table 공통 */
div.header-total-count {padding-top:10px}
div.dataTables_filter {text-align:left !important;}
div.dataTables_length {font-size:12px}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin-top:10px;justify-content:center !important;}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {padding-right:10px}
.card-search button[type="submit"] {width:150px}
.card-search {padding-bottom:0px}
.card-header {position:relative}
.card-header .btn-header-button {position:absolute;right:7px;top:8px;min-width:200px;text-align:right}
.card-header .btn-header-button button, .card-header .btn-header-button a {height:34px;line-height:34px;padding:0px 15px 2px 15px;font-weight:700}

.search-table {display:table}
.search-td {display:table-cell;padding-right:15px}
.search-table .search-date-range-comment {display:none;font-size:11px}

/* 메시지 발송 타이틀 글씨 두께 */
#frmSend h5 {font-weight: 600}

/* 테이블 목록 header 타이틀 가운데 정렬 */
#frmList thead tr {vertical-align: middle}

.badge {font-size:12px;font-weight:400;padding:4px 5px;border-radius:7px}

/* 각 상태별 레이블 표시 */
.bg-queue-status-wait {font-size:12px;background: #FFE4D0;color:#FF810D;border-radius:4px;font-weight:400}
.bg-queue-status-inprog {font-size:12px;background: #C8F5FF;color: #00759a;border-radius:4px;font-weight:400}
.bg-queue-status-done {font-size:12px;background: #d8e2ff;color: #0028d5;border-radius:4px;font-weight:400}
.bg-queue-status-failure {font-size:12px;background: #ffcccf;color: #ff0202;border-radius:4px;font-weight:400}
.bg-queue-status-hold {font-size:12px;background: #E0E6ED;color:#90A0B7;border-radius:4px;font-weight:400}
.bg-queue-status-error {font-size:12px;background: #FFD5CC;color:#FF3A46;border-radius:4px;font-weight:400}
.bg-queue-status-cancel {font-size:12px;background: #E0E6ED;color:#90A0B7;border-radius:4px;font-weight:400}
.bg-queue-status-none {font-size:12px;color: #474747;font-weight:400}

.bg-office-status-wait {font-size:12px;background: #C9E8FF;color: #0060a5;border-radius:4px;font-weight:400}
.bg-office-status-checkAdmin {font-size:12px;background: #c2fdc4;color: #0e5c00;border-radius:4px;font-weight:400}
.bg-office-status-confirm {font-size:12px;background: linear-gradient(96deg, #FF0EB4 4.16%, #0093FF 98.64%);color:#FFFFFF;border-radius:4px;font-weight:400}
.bg-office-status-unknown {font-size:12px;background: #ffe2e3;color: #ff0202;;border-radius:4px;font-weight:400;}
.bg-office-status-cancel {font-size:12px;background: #E0E6ED;color:#90A0B7;border-radius:4px;font-weight:400}

.bg-property-sale-status-wait {font-size:12px;background: #C9E8FF;color: #0060a5;border-radius:4px;font-weight:400}
.bg-property-sale-status-checkAdmin {font-size:12px;background: #c2fdc4;color: #0e5c00;border-radius:4px;font-weight:400}
.bg-property-sale-status-confirm {font-size:12px;background: linear-gradient(96deg, #FF0EB4 4.16%, #0093FF 98.64%);color:#FFFFFF;border-radius:4px;font-weight:400}
.bg-property-sale-status-unknown {font-size:12px;background: #ffe2e3;color: #ff0202;;border-radius:4px;font-weight:400;}
.bg-property-sale-status-cancel {font-size:12px;background: #E0E6ED;color:#90A0B7;border-radius:4px;font-weight:400}

.btn.btn-md2 {padding: 2px 7px 1px 7px;}
.btn-white {border:solid 1px #bbb}
.btn-white:hover {border:solid 1px #000}
.badge.bg-warning {font-weight:400;color:#000}
.badge.bg-yellow {font-size:12px;background: #ffe4d0;color: #ff810d;border-radius:4px;font-weight:400}

.container-overflow {overflow-x: scroll}
.word-break-letter {word-break: break-all;white-space: normal;}

.user-id {color:#999999;font-size:12px}

body {font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif}
:is(.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6) {font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif}
.navbar-menu .navbar-nav .nav-link,
.navbar-menu .navbar-nav .nav-sm .nav-link {font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif}

.text-title {font-weight:500;margin-bottom:4px;font-size:14px;color:#444}
.text-color-red {color: #ed0000}
.text-color-blue {color: #0000f1}

/* 타이틀 밑에 밑줄 추가 */
.title-bottom-border {border-bottom:solid 2px #999;padding-bottom:10px}

input.bg-yellow, a.bg-yellow, button.bg-yellow, div.bg-yellow {background:#f0eb96}
div.bg-yellow {height:40px;line-height:40px;padding-left:10px}

input.disabled {color:#bbb}

/* 모달 list의 padding 변경 */
.modal .table>:not(caption)>*>* {padding: .65rem .30rem;}

/* 즐겨찾기 버튼 */
button.btn-favorite {background:transparent;border:0px}
button.btn-favorite i {font-size:20px;font-weight:400;color:#999}
button.btn-favorite.on i {font-size:20px;font-weight:400;color: #fff100}