/* ================================================================== 공통 ================================================================== */
/* [start] [공통] 기본 설정 */
h3 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 1.6em;
}
h4 {
    padding-left: 7px;
    font-size: 1.2em;
    background: url(../images/2ndTitle.png) no-repeat center left;
    margin-bottom: 0;
    line-height: 30px;
    text-align: left;
}
h5 {
    font-size: 0.9em;
    color: #333;
    text-align: left;
}
li, ol, ul {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
}
/* [end] [공통] 기본 설정 */


/* [start] [공통] 버튼 */
.dxbl-btn-primary,
.dxbl-btn-standalone.dxbl-btn-primary,
.dxbl-btn-standalone.dxbl-btn-secondary {
    --dxbl-btn-color: #000;
    --dxbl-btn-bg: #fff;
    --dxbl-btn-border-width: 1px;
    --dxbl-btn-border-color: #ddd;
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-focus-bg: #fff;
    --dxbl-btn-focus-border-bg: #ddd;
    --dxbl-btn-hover-bg: #e9e9e9;
    --dxbl-btn-disabled-bg: #ededed;
    --dxbl-btn-disabled-border-color: #ddd;
    --dxbl-btn-hover-border-color: #ddd;
    --dxbl-btn-disabled-color: #707070;
    --dxbl-btn-hover-color: #333;
    --dxbl-btn-focus-outline-color: none;
    --dxbl-btn-padding-x: 1rem;
    height: 32px;
    word-break: keep-all;
}
.dxbl-btn-primary span {
    font-size: 14px;
}
.dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:hover {
    background-color: #434343;
}
/* [end] [공통] 버튼 */


/* [start] [공통] toolbar 버튼 */
.dxbl-toolbar-btn {
    --dxbl-btn-color: #000;
    --dxbl-btn-bg: #fff;
    --dxbl-btn-border-color: #ddd;
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-focus-bg: #fff;
    --dxbl-btn-focus-border-bg: #ddd;
    --dxbl-btn-hover-bg: #e9e9e9;
    --dxbl-btn-disabled-bg: #ededed;
    --dxbl-btn-disabled-border-color: #ddd;
    --dxbl-btn-hover-border-color: #ddd;
    --dxbl-btn-hover-border-width: 1px;
    --dxbl-btn-disabled-color: #707070;
    --dxbl-btn-hover-color: #333;
    --dxbl-btn-focus-outline-color: none;
    --dxbl-btn-padding-x: 1rem;
    height: 32px;
    word-break: keep-all;
}
.dxbl-toolbar-btn:not(.dxbl-disabled):not(:disabled):hover{
    border: 1px solid #ddd;
}
/* [end] [공통] toolbar 버튼 */


/* [start] [공통] 버튼red */
.dxbl-btn-primary.btnRed,
.dxbl-btn-standalone.dxbl-btn-primary.btnRed,
.dxbl-btn-standalone.dxbl-btn-secondary.btnred {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #af2525;
    --dxbl-btn-border-width: 0x;
    --dxbl-btn-focus-bg: #af2525;
    --dxbl-btn-hover-bg: #af2525;
    --dxbl-btn-hover-color: #fff;
}
.dxbl-btn.btnRed:not(.dxbl-disabled):not(:disabled):focus-visible:hover {
    background-color: #434343;
}
/* [end] [공통] 버튼red */


/* [start] [공통] 버튼 small */
.searchArea label + div.dxbl-fl-ctrl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    min-height: 32px;
}
.searchArea .dxbl-btn-primary.btnS,
.searchArea .dxbl-btn-standalone.dxbl-btn-primary.btnS {
    --dxbl-btn-padding-x: 0.3rem;
    min-width: 65px;
}
.searchArea .dxbl-btn-primary.btnS,
.searchArea .dxbl-btn-standalone.dxbl-btn-primary.btnS span {
    min-width: 32px;
    font-size: 12px;
}
.dxbl-btn.btnSdel {
    --dxbl-btn-border-radius: 14px;
    height: 28px;
    padding-right: 25px;
    background: url(../images/delBtn.png) no-repeat right 10px center;
}
.dxbl-btn.btnSdel:not(.dxbl-disabled):not(:disabled):hover {
    background: url(../images/delBtn.png) no-repeat right 10px center #e9e9e9;
}
/* [end] [공통] 버튼 small */


/* [start] [공통] 버튼 innerBtn (테이블내부) */
.dxbl-grid .dxbl-grid-table > tbody > tr > .dxbl-grid-command-cell > .dxbl-btn.innerBtn {
    border: 1px solid #ddd;
}
.dxbl-btn-primary.innerBtn,
.dxbl-btn-standalone.dxbl-btn-primary.innerBtn,
.dxbl-btn-standalone.dxbl-btn-secondary.innerBtn {
    height: 26px;
}
.innerBtn span {
    font-size: 12px;
}
.innerBtn.approveBtn {
    --dxbl-btn-border-color: #ab4949;
    --dxbl-btn-hover-bg: #fcf2f2;
    --dxbl-btn-hover-border-color: #ab4949;
}
.innerBtn.approveBtn span {
    color: #ab2525;
}
/* [end] [공통] 버튼 innerBtn (테이블내부) */


/* [start] [공통] tabStyle1 */
.tabStyle1 {
    --dxbl-tabs-separator-border-color: none;
    margin-bottom: 10px;
}
.tabStyle1.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) {
    padding: 3px 8px;
}
.tabStyle1.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover::before {
    position: unset;
    background-color: #d8d8d8;
    opacity: 1;
}
.tabStyle1 ul li:not(:first-child) .dxbl-tabs-item::before {
    width: 1px;
    height: 12px;
    margin-right: 12px;
    background-color: #d8d8d8;
    content: "";
}
.tabStyle1 .dxbl-text {
    padding: 0 5px 0 15px;
    background: url(../images/tab1_off.png) no-repeat left 5px center;
    color: #b1b1b1;
}
.tabStyle1 .dxbl-active {
    border: none;
}
.tabStyle1.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    height: 0;
}
.tabStyle1 .dxbl-active .dxbl-text {
    box-shadow: inset 0px -10px 0 0 rgba(175, 37, 37, 0.15);
    background-image: url(../images/tab1_on.png);
    color: #af2525;
}
/* [end] [공통] tabStyle1 */


/* [start] [공통] toolbar */
.dxbl-toolbar:not([data-dx-focus-hidden]) .dxbl-toolbar-item > .dxbl-btn {
    --dxbl-btn-focus-outline-color: unset;
}
/* [end] [공통] toolbar */


/* [start] [공통] table */
.dxbl-grid {
    --dxbl-grid-border-radius: 0;
    --dxbl-grid-focus-frame-color: none;
    border-top: none;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 0px solid transparent;
}
.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead,
.dxbl-grid .dxbl-grid-table > thead > tr,
.dxbl-grid .dxbl-grid-table > tbody > tr,
.dxbl-grid .dxbl-grid-table > tfoot > tr {
    height: 35px;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-empty-data-area {
    border-bottom: 1px solid #d2d2d2;
}

.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead > tr > th {
    background-color: #fdf2f2;
}
.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead > tr:first-child > th {
    border-top: 1px solid #af2525;
}
/* select td */
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell), 
.dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell), 
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)
.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
.dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: #f7f7f7;
    opacity: 1;
}
.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead > tr > th > .dxbl-grid-header-content > span {
    color: #222;
}
.dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > th.dxbl-grid-header-indent-cell + th {
    /*padding: 10px 30px 10px 10px;*/
    border-left: none;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-detail-cell {
    padding: 1.5em;
    background-color: #f7f7f7;
}
.dxbl-grid > .dxbl-grid-bottom-panel {
    padding: 20px 0;
    border-top: unset;
}
.dxbl-grid .dxbl-grid-empty-data-area .dxbl-image {
    background: url(../images/noData.png) no-repeat;
}
.dxbl-grid .dxbl-grid-empty-data-area .dxbl-image use {
    display: none;
}
th {
    text-align: center;
}
th span, tr span, td span {
    font-size: 13px;
}
/*tr.dxbl-grid-selected-row,
tr.dxbl-grid-focused-row {
    background-color: #f7f7f7;
}*/
/* select td */
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: #000;
    opacity: 3%;
}
tr.dxbl-grid-selected-row > td,
tr.dxbl-grid-focused-row > td {
    color: #333 !important;
}
.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container {
    background-color: #f2f2f2;
}
.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container td input {
    border: none;
}
.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: unset;
    opacity: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > .dxbl-grid-empty-row {
    border-style: solid;
    border-width: 1px 0 0 0;
}
.dxbl-grid .dxbl-grid-table:not(.dxbl-grid-table-no-scroll) > tbody > .dxbl-grid-empty-row {
    display: contents;
}
.dxbl-grid .dxbl-grid-columns-separator:not(.dxbl-disabled):not(:disabled).dxbl-active {
    background-color: #af2525;
}
.dxbl-grid .dxbl-grid-empty-cell {
    display: none;
}
.dxbl-grid .dxbl-grid-table > tfoot > tr > td > div {
    font-size: 13px;
}
.dxbl-grid .dxbl-grid-table > tfoot > tr > td {
    border-bottom: 1px solid #d2d2d2;
    border-top-width: 0;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell):not(:first-child),
.dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row > td:not(:first-child) {
    border-left: 1px solid #d2d2d2;
}
/* [end] [공통] table */


/* [start] [공통] table thead sticky style */
.dxbl-grid[class *= "stickyStyle"] > .dxbl-scroll-viewer,
.dxbl-grid[class *= "stickyStyle"] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    overflow: unset;
}
.dxbl-grid[class *= "stickyStyle"] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead {
    top: 70px;
}
/* [end] [공통] table thead sticky style */


/* [start] [공통] popup thead sticky style */
.dxbl-grid.stickyStylePop > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead {
    top: 10px;
}
.dxbl-grid.stickyStylePop > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead::after {
    display: block;
    position: absolute;
    top: -10px;
    width: 100%;
    height: 10px;
    background-color: #fff;
    content: "";
}
/* [end] [공통] table thead sticky style */


/* [start] [공통] table tfoot sticky style */
.stickyFooter.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > tfoot {
    bottom: -2rem;
}
/* [end] [공통] table tfoot sticky style */


/* [start] [공통] subTable */
.subTable.dxbl-grid {
    border-bottom: 1px solid #d2d2d2;
}
.subTable.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead {
    border-bottom: 1px solid #dfb4b4;
    background-color: #fff;
}
.subTable.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead > tr > th > .dxbl-grid-header-content > span {
    font-weight: 600;
    color: #af2525;
}
/* [end] [공통] subTable */


/* [start] [공통] table paging */
.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn {
    border-radius: 0;
    background: #fff;
}
.dxbl-pager-page-btn span {
    font-size: 0.95em;
}
.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
    z-index: 1;
    border: 1px solid #9b2f30;
    color: #9b2f30;
}
.dxbl-pager-container > .dxbl-pager-page-size-selector {
    display: none;
}
.dxbl-grid > .dxbl-grid-bottom-panel:last-of-type {
    display: flex;
    justify-content: center;
}
.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn:not(.dxbl-disabled):not(:disabled):hover {
    color: #9b2f30;
}
.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn:not(.dxbl-disabled):not(:disabled):hover::before {
    opacity: 0;
}
/* [end] [공통] table paging */


/* [start] [공통] checkbox, radio */
.dxbl-checkbox {
    --dxbl-checkbox-radio-border-width: 1px;
    --dxbl-checkbox-radio-unchecked-border-color: #d2d2d2;
    --dxbl-checkbox-radio-unchecked-hover-border-color: #d2d2d2;
    --dxbl-checkbox-unchecked-focus-shadow-color: none;
    --dxbl-checkbox-check-element-checked-bg: #af2525;
    --dxbl-checkbox-check-element-checked-hover-bg: #af2525;
    --dxbl-checkbox-check-element-unchecked-border-width: 1px;
    --dxbl-checkbox-checked-focus-shadow-color: none;
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0;
    --dxbl-checkbox-validation-valid-color: unset;
    --dxbl-checkbox-radio-checked-hover-bg: #af2525;
}
/* radio 하나라도 선택된 상태에서의 기본값 */
.dxbl-checkbox.valid.modified:not([type=checkbox]) {
    --dxbl-checkbox-radio-unchecked-hover-border-color: #d2d2d2;
    --dxbl-checkbox-radio-unchecked-border-color: #af2525;
    --dxbl-checkbox-check-element-checked-bg: #af2525;
    --dxbl-checkbox-check-element-unchecked-border-color: #d2d2d2;
    --dxbl-checkbox-check-element-checked-hover-bg: #af2525;
    --dxbl-checkbox-switch-checked-bg: red;
    --dxbl-checkbox-switch-unchecked-bg: red;
    --dxbl-checkbox-checked-focus-shadow-color: none;
    --dxbl-checkbox-unchecked-focus-shadow-color: none;
    --dxbl-checkbox-radio-checked-hover-bg: #af2525;
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::before {
    border-color: #af2525;
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::after {
    background-color: #af2525;
}
.dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div::after {
    height: 2px;
}


/* checkbox check시 */
.dxbl-checkbox.dxbl-checkbox-display-view-checked > div > .dxbl-image,
.dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div > .dxbl-image,
.dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div > .dxbl-image {
    fill: #af2525;
}
.dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
    border: 1px solid #d2d2d2;
}
.dxbl-radio-group.dxbl-radio-group-vertical > .dxbl-checkbox-radio + .dxbl-checkbox-radio {
    padding-top: 0;
}
.dxbl-radio-group.dxbl-radio-group-vertical {
    flex-flow: row;
}
/* [end] [공통] checkbox, radio */


/* [start] [공통] input */
.dxbl-text-edit {
    --dxbl-text-edit-border-radius: 0;
    --dxbl-text-edit-box-shadow: none;
    --dxbl-text-edit-focus-border-color: #d2d2d2;
}
.dxbl-text-edit-input {
    border: 1px solid #d2d2d2;
}
/*.dateBar {
    width: 22px;
    text-align: center;
}*/
/* [end] [공통] input */


/* [start] [공통] select */
.dxbl-text-edit.valid.modified:not([type=checkbox]) {
    --dxbl-text-edit-border-color: #d2d2d2;
    --dxbl-text-edit-focus-border-color: #d2d2d2;
}
.valid.modified:not([type=checkbox]) {
    outline: none;
}
/* [end] [공통] select */


/* [start] [공통] dropdown */
.dxbl-list-box-render-container {
    max-height: 500px;
}
.dxbl-dropdown table *, .dxbl-itemlist-dropdown table * {
    font-size: 13px;
}
.dxbl-dropdown[placement-target="#userCombo"] {
    min-width: 330px;
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown {
    border: none;
}
/* dropdown selected list */
.dxbl-list-box .dxbl-list-box-highlighted-text, .dxbl-list-box-render-container .dxbl-list-box-highlighted-text {
    background-color: #ffeaea;
}
html:not(.dxSafari) .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td:first-of-type::before,
html:not(.dxSafari) .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td:first-of-type::before {
    background-color: rgba(175, 37, 37, 0.2);
}
.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-focused,
.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr:focus,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-focused,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr:focus {
    outline: 2px solid #af2525;
}
html:not(.dxSafari) .dxbl-list-box-render-container:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td, html:not(.dxSafari) .dxbl-list-box:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td,
html:not(.dxSafari) .dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select):not([data-dx-focus-hidden]) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover:not(.dxbl-list-box-item-focused):not(:focus) > td,
html:not(.dxSafari) .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select):not([data-dx-focus-hidden]) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover:not(.dxbl-list-box-item-focused):not(:focus) > td,
html:not(.dxSafari) .dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover > td {
    background-color: #fdf2f2;
    color: unset;
}
html:not(.dxSafari) .dxbl-list-box-render-container:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected.dxbl-list-box-item-focused > td,
html:not(.dxSafari) .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td, html:not(.dxSafari) .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td {
    background-color: #fdf2f2;
}
html:not(.dxSafari) .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td {
    color: unset;
}
.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before,
html:not(.dxSafari) .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled) > td, html:not(.dxSafari) .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled) > td,
html:not(.dxSafari) .dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr:not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover > td:first-of-type::before,
html:not(.dxSafari) .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr:not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover > td:first-of-type::before,
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover, 
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover
{
    background-color: #555;
    opacity: 1;
}
/* [end] [공통] dropdown */


/* [start] [공통] icon */
.treeListTable .posCategoryParent {
    background-color: #e9e9e9;
}
.treeListTable .posCategoryId td {
    background-color: #f7f7f7;
}
.treeListTable td.dxbl-grid-tree-node-expand-controls-cell {
    display: flex;
    height: 35px;
}
.treeListTable td.dxbl-grid-tree-node-expand-controls-cell span {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.treeListTable .posCategoryParent td.dxbl-grid-tree-node-expand-controls-cell span,
.treeListTable .posCategoryId td.dxbl-grid-tree-node-expand-controls-cell span {
    justify-content: start;
}
.treeListTable .posCategoryParent .dxbl-grid-tree-node-expand-controls-container::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
    margin-left: 6px;
    background: url(../images/ico_folder.svg) no-repeat center / 16px;
}
.treeListTable .posCategoryId .dxbl-grid-tree-node-indents-container::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    content: '';
    margin-left: 6px;
    background: url(../images/ico_category.png) no-repeat center;
}
.treeListTable tr:not(.posCategoryParent):not(.posCategoryId) .dxbl-grid-tree-node-expand-controls-container,
.treeListTable .dxbl-grid-tree-node-expand-button-placeholder {
    display: none;
}
.treeListTable.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before, 
.treeListTable.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before, 
.treeListTable.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: #af2525;
    opacity: 7%;
}
.treeListTable .posCategoryParent.dxbl-grid-selected-row {
    background-color: transparent;
}
.addFile {
    display: inline-block;
    width: 17px;
    height: 15px;
    background: url(../images/ico_file.png) no-repeat center;
}
/* [end] [공통] icon */


/* [start] [공통] UserCombo dropdown */
.userComboDropDown {
    max-height: 400px;
}
/* [end] [공통] UserCombo dropdown */


/* [start] [공통] label */
.dxbl-fl .dxbl-fl-cpt {
    height: 32px;
    font-weight: unset;
    font-size: 0.85rem;
}
/* [end] [공통] label */


/* [start] [공통] searchArea */
.searchArea {
    padding: 25px 20px;
    margin-bottom: 10px;
    border: 1px dotted #e0e0e0;
    border-radius: 8px;
    background-color: #f8f8f8;
}
.searchArea .dxbl-gridlayout-root {
    gap: 4px;
}
.searchArea > dxbl-form-layout > .dxbl-row {
    justify-content: space-between;
}
.searchArea .searchLeft, 
.searchArea .searchLeft .dxbl-row {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.searchArea .searchLeft dxbl-form-layout-item {
    width: fit-content;
}
.searchArea .searchRight {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    width: max-content;
    min-width: 80px;
    height: 100%;
    text-align: right;
}
.searchArea .dxbl-fl-gd {
    margin-top: 0;
    margin-bottom: 0;
}
.searchArea .dxbl-btn-primary,
.searchArea .dxbl-btn-standalone.dxbl-btn-primary,
.searchArea .dxbl-btn-standalone.dxbl-btn-secondary {
    height: 32px;
}
.searchArea .dxbl-fl-group > .dxbl-group {
    --dxbl-group-bg: unset;
    border: none;
}
.searchArea .dxbl-fl-group > .dxbl-group > .dxbl-group-header:not(.dxbl-fl-group-header-tmpl) {
    display: none;
}
.searchArea .dxbl-fl-group > .dxbl-group > .dxbl-group-body > .dxbl-group-body-content {
    padding: 0;
}
.searchArea .dxbl-text-edit {
    width: 180px;
}
.searchArea dxbl-form-layout-item:not(:first-child) .dxbl-fl-cpt {
    width: unset !important;
    flex: 0 0 auto !important;
}
@media (max-width: 1200px) {
    .searchArea .searchRight {
        min-width: 0px;
    }
    .searchArea .searchRight {
        margin-top: 10px;
    }
}
/* [end] [공통] searchArea */


/* [start] [공통] 권한관리 고정 버튼 */
.moveBtnWrap {
    display: flex;
    justify-content: center;
}
.moveBtn {
    --dxbl-fl-item-spacing-x: 0;
    --dxbl-fl-item-spacing-y: 0;
    position: absolute;
    top: 50%;
    width: 3.3%;
    height: 100px;
}
.moveBtn > div {
    justify-content: center;
}
.moveBtn .rightBtn, .moveBtn .leftBtn {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    border-radius: 13px;
}
/* [end] [공통] 권한관리 고정 버튼 */


/* [start] [공통] 페이지명 타이틀 */
.titleWrap {
    display: block;
    position: sticky;
    top: 0;
    z-index: 2;
    width: calc(100% + 4rem);
    height: 70px;
    margin-left: -2rem;
    background-color: #fff;
}
.titleWrap h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 4rem);
    height: 60px;
    margin: 0 2rem;
    padding: 1.1rem 0;
    border-bottom: 1px dotted #cdcdcd;
}
.titleWrap .headerTitleR {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
/* [end] [공통] 페이지명 타이틀 */


/* [start] [공통] 서브타이틀 */
.subTitleWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 45px;
}
/* [end] [공통] 서브타이틀 */


/* [start] flagWrap */
.flagWrap {
    display: flex;
    align-items: center;
    gap: 15px;
}
.flagWrap span {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.flagWrap span::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #78bfee;
    margin-right: 3px;
}
.flagWrap span.flagRed::before {
    background-color: #de5858;
}
/* [end] flagWrap */


/* [start] [공통] 하단, 우측 고정 영역 */
.fixedArea {
    padding: 30px;
    background-color: #f8f8f8;
}
.fixedArea .dxbl-row {
    row-gap: 5px;
}
.fixedArea .dxbl-row .dxbl-fl-ctrl {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.fixedArea dxbl-form-layout-item {
    /*--dxbl-row-item-spacing-y: 0.5em;*/
}
.fixedArea.rightFixArea label {
    font-size: 0.85rem;
}

.bottomFixedArea {
    width: 100%;
    margin-top: 20px;
    padding: 30px;
    background-color: #f8f8f8;
}
.bottomFixedArea dxbl-form-layout-item {
    --dxbl-fl-item-spacing-x: 0;
    padding: 0;
}
.bottomFixedArea .comAddr {
    width: 96%;
    display: flex;
    justify-content: space-between;
}
.bottomFixedArea .comAddr button {
    flex-flow: nowrap;
    width: 80px;
    border-radius: 0;
}
.bottomFixedArea dxbl-input-editor,
.bottomFixedArea dxbl-masked-input,
.bottomFixedArea dxbl-combo-box,
.bottomFixedArea dxbl-spinedit,
.bottomFixedArea input {
    width: 90%;
}
.rightFixedArea {
    position: sticky;
    top: 70px;
    margin-top: 0;
}
.rightFixedArea dxbl-form-layout {
    --dxbl-fl-item-spacing-x: 0;
}
.rightFixedArea dxbl-form-layout-item {
    width: 100%;
}
.rightFixedArea .infoMsg {
    margin-bottom: 0;
    padding: 0 0 0 20px;
    font-size: 14px;
    background: url(../images/alarm.png) no-repeat left 2px;
    color: #ed1f1f;
}
.allBtnWrap {
    margin-bottom: 10px;
    text-align: right;
}
.bothBtnWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
/* [end] [공통] 하단, 우측 고정 영역 */


/* [start] richEdit */
.dxreRoot {
    width: 100% !important;
    border: 1px solid #ccc !important;
}
/* [end] richEdit */

/* 잔여 보상, 연차 영역 */
.remainHoli {
    font-size: 13px;
    margin-right: 10px;
    padding: 7px 0 7px 15px;
    border-radius: 20px;
    /*background-color: #fff1f1;*/
}
.remainHoli > div {
    display: inline-block;
    font-size: 13px;
    font-weight: unset;
    color: #878787;
    margin-left: 10px;
}
.remainHoli > div .holiTitle {
    font-weight: unset;
    color: #333;
    margin-right: 3px;
}
.remainHoli > div:not(:first-child)::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #cfcfcf;
    margin-right: 10px;
}
.remainHoli span {
    font-weight: bold;
    font-size: 13px;
    color: #af2525;
}

/* [공통] [start] Rich Editor */
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: #af2525;
}
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: #af2525;
}
/* [공통] [end] Rich Editor */


/* [공통] [start] boxDesign */
.boxDesignWrap {
    display: flex;
    flex-flow: column;
    gap: 3px;
}
.boxDesign1 {
    border: 1px dotted #b5b5b5;
    border-radius: 5px;
    padding: 8px 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 3px;
}
.boxDesign1 > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.boxDesign1.count2 > div:not(.bar) {
    width: 50%;
}
.boxDesign1.count5 > div:not(.bar) {
    width: 20%;
}
.boxDesign1.red {
    border: 1px dotted #d58686;
    background-color: #fff9f9;
}
.boxDesign1 span {
    font-size: 14px;
}
.boxDesign1 .bar {
    width: 1px;
    height: 15px;
    background-color: #cecece;
    margin: 0 30px;
}
/* [공통] [end] boxDesign */

/* [공통] [start] 화면작아졌을때 nav */
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-left {
    flex-direction: row;
    justify-content: space-between;
}
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover:not(.dxbl-selected):not(.dxbl-active)::before {
    background-color: transparent;
}
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-selected:not(.dxbl-menu-item-mute-selection):not(:hover)::before,
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-selected:not(.dxbl-menu-item-mute-selection):not(.dxbl-disabled):not(:disabled):hover::before {
    background-color: transparent;
    opacity: 1;
}
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar > .dxbl-btn > svg.dxbl-image,
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover > svg.dxbl-image,
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active > svg.dxbl-image,
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active:not(.dxbl-disabled):not(:disabled):hover > svg.dxbl-image {
    color: #fff;
    opacity: 1;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog>.dxbl-dropdown-body .dxbl-menu-item-list>.dxbl-menu-list-item>.dxbl-menu-item>button.dxbl-btn {
    --dxbl-btn-padding-y: 10px;
    border-bottom: 1px solid #ddd;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog > .dxbl-dropdown-body .dxbl-menu-item-list > .dxbl-menu-list-item:last-child > .dxbl-menu-item > a.dxbl-btn {
    border-bottom: 1px solid #ddd;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog > .dxbl-dropdown-body .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > a.dxbl-btn {
    --dxbl-btn-padding-y: 6px;
}
/*.dxbl-menu-dropdown.dxbl-dropdown-dialog > .dxbl-dropdown-body .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > a.dxbl-btn .dxbl-menu-item-text-container span {
    font-size: 14px;
    color: #555;
}*/
/* [공통] [end] 화면작아졌을때 nav */



/* ================================================================== CM ================================================================== */
/* [start] [CM000] 개인정보처리방침 */
.personalInfoPopup * {
    font-weight: 400;
}
.personalInfoPopup ol,
.personalInfoPopup ol li {
    list-style: decimal;
    list-style-position: inside;
}
.personalInfoPopup ol li {
    margin-bottom: 10px;
}
.personalInfoPopup ol li::marker {
    font-weight: 500;
    color: #af2525;
}
.personalInfoPopup ol li > p.title {
    display: inline-block;
    font-weight: 500;
    color: #af2525;
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 3px;
}
.personalInfoPopup ol li > p.cont {
    font-size: 0.9rem;
    margin-bottom: 0;
}
.personalInfoPopup ol li > table.policyTable {
    width: 100%;
    border-top: 1px solid #af2525;
}
.personalInfoPopup ol li > table.policyTable th {
    font-size: 0.9rem;
    padding: 3px 0;
    border: 1px solid #cacaca;
    background-color: #e5e5e5;
}
.personalInfoPopup ol li > table.policyTable td {
    font-size: 0.9rem;
    border: 1px solid #cacaca;
    padding: 4px;
}
.personalInfoPopup ol li > div.bgGray {
    background-color: #ededed;
    padding: 10px 15px;
}
.personalInfoPopup ol li > div.bgGray p,
.personalInfoPopup ol li > div.contBox p {
    font-size: 0.9rem;
}


/* [start] [CM010] main schedule */
dxbl-scheduler.schedule {
    border: none;
    border-radius: 0;
}
/* title 영역 */
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper {
    padding: 0.75rem 0;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div.dxbl-toolbar-placeholder {
    display: none;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(1) {
    margin-left: 5px;
    order: 2;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(2) {
    order: 1;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(3) {
    margin-left: 0;
    order: 0;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(1) button {
    width: 80px;
    border: 1px solid #d2d2d2;
    border-radius: 15px;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(1) button svg {
    display: none;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(1) button span {
    font-size: 13px;
    margin-left: 0;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(2) button {
    margin-left: 5px;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(2) button svg {
    width: 12px;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn:not(.dxbl-btn-last),
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item:not(:first-child) > .dxbl-btn:not(.dxbl-btn-first) {
    width: 30px;
    height: 30px;
    border: 1px solid #d2d2d2;
    border-radius: 15px;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(3) button {
    --dxbl-btn-border-width: 0;
    justify-content: space-between;
    width: auto;
    padding: 0;
    border: none;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > div:nth-child(3) button span {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.03rem;
}
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled):hover::before,
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled).dxbl-active::before,
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active,
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled):hover::before,
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled).dxbl-active:not(.dxbl-disabled):not(:disabled):hover,
dxbl-scheduler.schedule .dxbl-sc-tb-wrapper .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled).dxbl-active:not(.dxbl-disabled):not(:disabled):hover::before {
    background-color: unset;
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, 
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, 
.dxbl-btn-toolbar > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, 
.dxbl-btn-toolbar > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar > .dxbl-btn-group > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator {
    display: none;
}

/* 캘린더 영역 */
dxbl-scheduler.schedule .dxbl-scroll-viewer {
    --dxbl-scroll-viewer-hor-scroll-bar-height: unset;
}
dxbl-scheduler.schedule .dxbl-sc-month {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
dxbl-scheduler.schedule table, dxbl-scheduler.schedule .dxbl-sc-timecells-container {
    min-width: 0 !important;
}
dxbl-scheduler.schedule .dxbl-sc-time-cell.bg-light {
    --bs-bg-opacity: 0;
    opacity: 0.4;
}
dxbl-scheduler.schedule table tr td:first-child,
dxbl-scheduler.schedule table tr td:first-child .dxsc-date-cell-head {
    color: #d93439;
}
dxbl-scheduler.schedule table tr td:last-child,
dxbl-scheduler.schedule table tr td:last-child .dxsc-date-cell-head {
    color: #345ed9;
}
dxbl-scheduler.schedule .dxbl-sc-headers-container tr {
    border-bottom: 0;
}
dxbl-scheduler.schedule .dxbl-sc-headers-container tr td {
    background-color: #ececec;
    text-align: center;
}
dxbl-scheduler.schedule .dxbl-sc-today.dxbl-sc-time-cell:before {
    /*background-color: #ab2525*/
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 2px solid #af2525;
    top: -1px;
    left: -1px;
    background: transparent;
    /*z-index: 10;*/
}
dxbl-scheduler.schedule .dxbl-sc-timecells-container .dxbl-sc-horizontal-view > tbody > tr:last-child > td {
    border-bottom-width: 1px
}
dxbl-scheduler.schedule .dxbl-sc-apt.dxbl-sc-horizontal-apt .scheduleList {
    overflow: hidden;
    height: 24px;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 12px;
    background-color: #fff2e5;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
dxbl-scheduler.schedule .dxbl-sc-apt.dxbl-sc-horizontal-apt .scheduleList:not(.userSchedule) {
    display: flex;
    justify-content: space-between;
}
dxbl-scheduler.schedule .dxbl-sc-apt.dxbl-sc-horizontal-apt[data-column="0"] .scheduleList {
    background-color: #f2f2f2;
    cursor: default;
}
dxbl-scheduler.schedule .dxbl-sc-apt.dxbl-sc-horizontal-apt:not([data-column="0"]) .scheduleList {
    padding-left: 28px;
    background: url(../images/icoCalendar.png) no-repeat left 8px center #fff2e5;
}
dxbl-scheduler.schedule .dxbl-sc-apt.dxbl-sc-horizontal-apt .scheduleList span {
    font-size: 12px
}
dxbl-scheduler.schedule .dxbl-sc-apt.dxbl-sc-horizontal-apt .scheduleList.latecomer {
    background-color: #ffe5e5;
}
dxbl-scheduler.schedule .dxbl-sc-apt.dxbl-sc-horizontal-apt .scheduleList.latecomer .lateTime {
    color: #af2525;
}
.dxbl-scheduler .dxbl-sc-month .dxbl-sc-time-cell {
    height: 155px;
}
/* 잔여 연차, 보상 영역 */
.schHoliWrap {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    align-items: center;
    top: -26px;
    height: 0;
}
.schHoliWrap .remainHoli {
    margin-right: 0;
}

/* 알림영역 */
.mainLeft {
    margin-top: 15px;
}
.mainLeft [class ^= 'display'], .mainLeft .alarmWrap {
    margin-bottom: 20px
}
.mainLeft .alarmMsg {
    position: relative;
    margin-top: 10px;
    padding: 15px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    background-color: #fff;
}
.mainLeft .alarmMsg p {
    line-height: 17px;
    letter-spacing: -0.03em;
}
.mainLeft .alarmMsg p.title {
    margin: 0 0 7px 0;
    padding-bottom: 7px;
    border-bottom: 1px dotted #ccc;
    font-weight: 700;
    font-size: 13px;
    color: #c82a2a;
}
.mainLeft .alarmMsg p.cont {
    margin: 0;
    font-size: 12px;
    text-align: justify;
    color: #555;
}
.mainLeft .alarmMsg .msgCount {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background-color: #c82a2a;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 26px;
}
.mainLeft .alarmBtn {
    padding: 8px 15px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    background: #c82a2a;
    cursor: pointer;
}
.mainLeft .alarmBtn span {
    display: inline-block;
    width: 100%;
    margin-left: -7px;
    background: url(../images/goBtn.png) no-repeat 72% center;
    font-size: 13px;
    text-align: center;
    color: #fff;
}
.mainLeft .subTitleWrap {
    border-bottom: 2px solid #000;
    min-height: unset;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.mainLeft .subTitleWrap h3 {
    color: #000;
    font-size: 20px;
    letter-spacing: -0.08rem;
    margin: 0;
}
.mainLeft .subTitleWrap button {
    --dxbl-btn-border-width: 0;
    --dxbl-btn-hover-bg: unset;
    width: 24px;
    height: 24px;
    padding: 0;
    background: url(../images/boardMoreBtn.png) right center no-repeat;
}
.mainLeft .subTitleWrap button:not(.dxbl-disabled):not(:disabled):hover {
    background: url(../images/boardMoreBtn.png) right center no-repeat;
}
.mainLeft .boardWrap {
    border-bottom: 1px solid #ddd;
}
.mainLeft .boardWrap a {
    font-weight: 400;
    letter-spacing: -0.05rem;
    display: block;
    margin-bottom: 6px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mainLeft .boardWrap a:hover {
    text-decoration: underline;
}
.mainLeft .boardWrap p {
    margin-bottom: 6px;
    cursor: pointer;
}
.mainLeft .board_notice {
    margin-bottom: 20px;
}
.mainLeft .boardWrap .noDatas {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 20px 0;
}
.mainLeft .boardWrap .noDatas span {
    color: #888;
    font-size: 13px;
    font-weight: 500;
}
/* [end] [CM010] main schedule */


/* [start] [CM011] 관리자 근무현황 */
.scheduleWrap .scheduleInfo {
    margin-bottom: 5px;
    text-align: right;
}
.scheduleWrap .scheduleInfo span {
    padding-left: 32px;
    font-size: 12px;
}
.scheduleWrap .scheduleInfo span:first-child {
    margin-right: 10px;
}
.scheduleWrap .scheduleInfo span:nth-child(1) {
    background: url(../images/workOn.png) no-repeat left center;
}
.scheduleWrap .scheduleInfo span:nth-child(2) {
    background: url(../images/workOff.png) no-repeat left center;
}
.scheduleWrap .dxbl-gridlayout-root {
    display: flex;
    flex-wrap: wrap;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox {
    width: calc(100% / 7);
    padding: 0.8em;
    border: 1px solid #e0e0e0;
    background: url(../images/workOff.png) #f5f5f5 no-repeat right 10px top 14px;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox:not(:nth-child(-n+7)) {
    border-top: 0;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox:not(:nth-child(7n-6)) {
    border-left: 0;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox * {
    font-size: 12px;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox p {
    margin: 0;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox .deptBlock {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 30px);
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox .deptBlock span {
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: #555;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox .deptBlock span:first-child {
    margin-right: 4px;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox .nameBlock {
    margin-top: 4px;
}
.scheduleWrap .dxbl-gridlayout-root .scheduleBox .nameBlock .userName {
    font-weight: 600;
    font-size: 16px;

}
/* workOn 붙으면 */
.scheduleWrap .dxbl-gridlayout-root .scheduleBox.workOn {
    background: url(../images/workOn.png) no-repeat right 10px top 14px;
}
/* [end] [CM011] 관리자 근무현황 */


/* [start] [CM013]사용자별 권한관리 */
.subTitleWrap.userAuth .allBtnWrap {
    display: flex;
}
.subTitleWrap.userAuth .allBtnWrap button {
    margin-left: 5px;
}
/* [end] [CM013]사용자별 권한관리 */


/* [start] [CM101~CM103] 전자결재 */
/* 부서타입명~사용자용 css */
.approvalUser button {
    width: 60px;
    height: 32px !important;
}
.approvalUser > div.dxbl-fl-ctrl {
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 14px;
}
.approvalUser dxbl-input-editor {
    width: 100%;
}
.approvalForm dxbl-combo-box {
    width: 100%;
}
.approvalForm .approvalDraftInfo label.dxbl-fl-cpt {
    width: 60px !important;
}
.approvalForm .dxreRoot {
    width: 100%;
}
.approvalForm dxbl-form-layout .dxbl-row {
    justify-content: space-between;
    gap: 4px;
    margin-top: 4px;
}
.approvalForm dxbl-form-layout dxbl-form-layout-item {
    width: calc(50% - 2px);
}
.approvalForm dxbl-form-layout dxbl-form-layout-item label {
    width: 64px !important;
}
/* 결재자, 승인자 */
.dxbl-popup .approvalForm.fileUploadPage h4 {
    font-size: 16px;
    text-align: left;
}
.dxbl-popup .approvalForm.fileUploadPage .bothBtnWrap {
    margin-bottom: 2px;
}
.approvalForm.fileUploadPage .bothBtnWrap {
    height: 30px;
    margin-bottom: 0;
}
.approvalForm.fileUploadPage .noDatas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100% - 30px);
    border: 1px dotted #c2c2c2;
    border-radius: 5px;
    font-size: 12px;
}
.approvalForm.fileUploadPage .noDatas img {
    width: 32px;
}
.approvalForm.fileUploadPage .noDatas span {
    font-size: 11px;
    color: #888;
}
.approvalForm.fileUploadPage .approvalList .approvalArea {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*min-width: 49%;*/
    width: 100%;
    min-height: 30.5px;
    /*height: 34px;*/
    padding: 3px 12px;
    border: 1px dotted #c2c2c2;
    border-radius: 5px;
}
.approvalForm.fileUploadPage .approvalList .approvalArea.referenceLine {
    width: calc(50% - 1.5px);
}
.approvalForm.fileUploadPage .approvalList .approvalArea [class ^="approval"] {
    display: inline-block;
    min-width: 40px;
    margin-right: 8px;
    padding: 1px 3px;
    border: 1px solid #3178e7;
    border-radius: 20px;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    color: #3178e7;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .nameArea {
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /*height: 100%;*/
}
.approvalForm.fileUploadPage .approvalList .approvalArea .nameArea > div {
    display: flex;
    align-items: center;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .commentArea {
    /*background: url(../images/icoComment.png) no-repeat left 7px center #efefef;*/
    background-color: #fff0f0;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 8px;
    margin: 5px 0;
    width: 100%;
    min-height: 24px;
    text-align: left;
    word-break: break-all;
    color: #d93439;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .userNmWrap {
    display: inline-block;
    line-height: 16px;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .userNm {
    font-size: 13px;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .userNm .userSeq {
    display: inline-block;
    border: 1px dotted #666;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    font-size: 11px;
    text-align: center;
    color: #555;
    margin-right: 3px;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .nameArea .userNmWrap .date {
    font-size: 11.5px;
    font-weight: 300;
    color: #888;
    display: block;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .approvalY {
    border: 1px solid #ab2525;
    color: #ab2525;
}
.approvalForm.fileUploadPage .approvalList .approvalArea .btnArea {
    display: flex;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button {
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    border-radius: 20px;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button span {
    width: 100%;
    font-size: 12px;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listViewBtn {
    width: auto;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listViewBtn:hover {
    background-color: #f2f2f2;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listViewBtn span {
    margin: 0 5px;
    font-size: 11px;
    color: #333;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listUpBtn {
    overflow: hidden;
    background: url(../images/listUpBtn.png) no-repeat center;
    text-indent: 100%;
    white-space: nowrap;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listUpBtn:hover {
    background: url(../images/listUpBtn.png) #f2f2f2 no-repeat center;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listDownBtn {
    overflow: hidden;
    background: url(../images/listDownBtn.png) no-repeat center;
    text-indent: 120%;
    white-space: nowrap;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listDownBtn:hover {
    background: url(../images/listDownBtn.png) #f2f2f2 no-repeat center;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listDelBtn {
    overflow: hidden;
    background: url(../images/listDelBtn.png) no-repeat center;
    text-indent: 100%;
    white-space: nowrap;
}
.approvalForm.fileUploadPage .approvalList .approvalArea button.listDelBtn:hover {
    background: url(../images/listDelBtn.png) #f2f2f2 no-repeat center;
}
.icoTxt {
    font-size: 11px;
    color: #d93439;
    border: 1px solid #d93439;
    border-radius: 3px;
    padding: 2px 5px;
    margin-right: 3px;
}
.cancelTxt {
    text-decoration: line-through;
    color: #7d7d7d;
}
.approvalTitleArea > div {
    text-align: left;
}
.approvalTitleArea .approvalTitle {
    font-size: 17px;
    font-weight: 600;
}
.approvalTitleArea .registInfo {
    margin: 4px 0 15px 0;
}
.approvalTitleArea .registInfo span {
    font-size: 14px;
    color: #525252;
}
.approvalTitleArea .registInfo span:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #bdbdbd;
    margin: 0 12px 0 15px;
}
.approvalTitleArea .approvalTitle .icoTxt {
    min-width: 48px;
}
.approvalTitleArea::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
    margin-bottom: 10px;
}
.printBtn.dxbl-btn-standalone.dxbl-btn-primary {
    position: absolute;
    right: 100px;
    top: 13px;
    height: 24px;
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: transparent;
    --dxbl-btn-border-color: #aaa;
    --dxbl-btn-border-radius: 20px;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-hover-border-color: #aaa;
}
.printBtn.dxbl-btn-standalone.dxbl-btn-primary span {
    font-size: 12px;
    color: #fff;
}
.approvalDocumentInfo {
    justify-content: space-between;
    align-items: center;
    background-color: #efefef;
    padding: 10px;
    margin-bottom: 15px;
    text-align: left;
    display: none;
}
.approvalDocumentInfo div {
    display: inline-block;
}
.approvalDocumentInfo div span {
    font-size: 13px;
}
/*.approvalDocumentInfo div:first-child::after {
    content: 'l';
    display: inline-block;
    width: 1px;
    font-weight: 200;
    color: #aaa;
    margin: 0 15px;
}*/
.approvalDocumentInfo .documentTitle {
    color: rgba(33, 37, 41, 0.75);
    margin-right: 5px;
}
.printViewWrap {
    display: none;
}
.printViewWrap .printViewBox {
    text-align: left;
    margin-top: 10px;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.printViewWrap .printViewBox .printTitle {
    background: #e8e8e8;
    border-radius: 15px;
    padding: 6px 12px;
    margin-right: 10px;
    font-weight: 400;
}
.printViewWrap .printViewBox span {
    font-size: 13px;
}
.printViewWrap .printViewBox .printItem:not(:last-child)::after {
    content: 'l';
    display: inline-block;
    width: 1px;
    font-weight: 200;
    color: #aaa;
    margin: 0 15px;
}
.printViewWrap .printViewBox span.itemTitle {
    color: rgba(33, 37, 41, 0.75);
    margin-right: 5px;
}
.printViewWrap img {
    height: 15px;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
}
.printClass#printdivcontent {
    height: max-content !important;
}
.printClass .dxreRoot {
    height: max-content;
}
.printClass .dxreRoot .dxbl-office-ribbon {
    display: none;
}
.printClass .dxreRoot .dxreClient .dxreView {
    height: auto !important;
}
.printClass .approvalDocumentInfo {
    display: flex;
}
.printClass + .printViewWrap {
    display: block;
}
.printClass .printUp .dxbl-fl-item {
    flex-flow: row nowrap;
}
/* [end] [CM101~CM103] 전자결재 */


/* [start] [CM103] 전자결재등록 */
/* 인사이동(다건) 부분 */
.printUp .fileUploadInput {
   margin-bottom: 0;
}
.deptTransfer .dxbl-grid-toolbar-container {
    padding: 0;
    min-height: unset;
    border-bottom: none;
    margin-bottom: 5px;
}
.deptTransfer .dxbl-grid-toolbar-container .bothBtnWrap h4 {
    margin-bottom: 0;
}
.deptTransfer .dxbl-btn-toolbar {
    flex-flow: row-reverse;
}
/*.dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-text-secondary:not(.dxbl-disabled):not(:disabled):hover {
    border: 1px solid #ddd;
}*/
.deptTransfer .dxbl-toolbar-btn span {
    font-size: 13px;
}
.printUp dxbl-form-layout-item .dxbl-fl-ctrl .printInput {
    display: flex;
    height: 32px;
    align-items: center;
    border: 1px solid #d2d2d2;
    background-color: #f2f2f2;
    padding: 2px 8px;
    font-size: 13px;
}
/* [end] [CM103] 전자결재등록 */


/* [start] [CM105] 결재라인 관리 */
.apprv dxbl-form-layout-item:first-child .dxbl-fl-ctrl {
    display: flex;
}
.approvalUserArea .dxbl-fl-ctrl {
    flex-direction: row !important;
}
/* [end] [CM105] 결재라인 관리 */


/* [start] [CM106] 특정권한설정 */
.specificGrant .subTitleWrap {
    margin-bottom: 8px;
    align-items: end;
}
.specificGrant .subTitleWrap .subTitleBox {
    display: flex;
}
.specificGrant .subTitleWrap dxbl-combobox {
    width: 200px;
}
.specificGrant .subTitleWrap .subTitleBox button {
    margin-left: 5px;
}
/* [end] [CM106] 특정권한설정 */






/* ================================================================== HR ================================================================== */
/* [start] [HR001] 직원등록 form */
.joinPage .profileRight input[type="text"][readonly] {
    background-color: #f5f5f5;
}
.essen > label:after {
    display: inline-block;
    padding-left: 5px;
    color: #ed1f1f;
    vertical-align: top;
    content: "*";
}
.topWrap {
    display: flex;
    align-items: baseline;
    /*justify-content: space-between;*/
    height: 40px;
}
/*.topWrap > div {
    display: flex;
    align-items: center;
}*/
.topWrap .infoMsg {
    font-size: 14px;
    color: #333;
    vertical-align: text-top;
}
.topWrap .infoMsg span {
    margin-right: 3px;
    color: #ed1f1f;
}
/*.topWrap .signUpSaveBtn {
    gap: 4px;
}*/
.signUpBox {
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.signUpBox dxbl-grid-layout-item.profileWrap,
.signUpBox dxbl-grid-layout-item.personalWrap,
.signUpBox dxbl-grid-layout-item.fileWrap,
.signUpBox dxbl-grid-layout-item.officeInfo {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
}
.signUpBox dxbl-grid-layout-item.profileWrap .dxbl-fl-item,
.signUpBox dxbl-grid-layout-item.personalWrap .dxbl-fl-item,
.signUpBox dxbl-grid-layout-item.fileWrap .dxbl-fl-item,
.signUpBox dxbl-grid-layout-item.officeInfo .dxbl-fl-item {
    --dxbl-row-item-spacing-y: 0.6rem
}
.signUpBox dxbl-grid-layout-item.profileWrap {
    padding: 30px 15px 0px 30px;
}
.signUpBox dxbl-grid-layout-item.personalWrap {
    padding: 30px 30px 0px 15px;
}
.signUpBox dxbl-grid-layout-item.fileWrap {
    padding: 8px 30px 30px 30px;
}
.signUpBox dxbl-grid-layout-item.officeInfo {
    padding: 30px;
}
.signUpBox dxbl-grid-layout-item.validation ul li {
    font-size: 13px;
}
.signUpBox dxbl-grid-layout-item.validation ul li:before {
    vertical-align: text-top;
    content: '* ';
}
.signUpBox .dxbl-fl-item.dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    width: 85px;
}
.signUpBox input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    box-shadow: 0 0 0 1000px white inset;
}
.signUpBox .dxbl-text-edit {
    --dxbl-text-edit-bg: transparent;
    --dxbl-text-edit-border-width: 0;
    --dxbl-text-edit-border-color: none;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
}
.signUpBox .dxbl-text-edit > .dxbl-btn-group {
    background-color: transparent;
}
.signUpBox .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-border-color: none;
    width: 28px;
    height: 28px;
    border-radius: 14px;
}
.signUpBox .userNum .dxbl-fl-ctrl {
    display: flex;
    justify-content: space-between;
}
.signUpBox .userNum dxbl-input-editor {
    width: 48%;
}
.signUpBox .profileWrap .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    display: flex;
    align-items: flex-end;
}
.signUpBox .profileWrap .profileImg {
    display: flex;
    justify-content: center;
    overflow: hidden;
    min-width: 110px;
    height: 140px;
    background: #efefef;
    line-height: 140px;
    vertical-align: bottom;
}
.signUpBox .profileWrap .profileImg img {
    width: 100%;
    object-fit: contain;
}
.signUpBox .profileWrap dxbl-form-layout-item:first-child input {
    margin-left: 10px;
    font-size: 0.85em;
    color: #555;
}
.signUpBox .healthVali div.dxbl-fl-ctrl {
    display: flex;
    justify-content: space-between;
}
/*.signUpBox .healthVali div.dxbl-fl-ctrl dxbl-date-edit {
    width: 180px;
}*/
.signUpBox .fileWrap .dxbl-upload-panel {
    display: none;
}
.signUpBox .fileWrap .allFile {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    width: 100%;
}
.signUpBox .fileWrap .allFile .eachFile {
    display: flex;
    flex-flow: column;
    width: calc((100% - 9px) / 4);
}
.signUpBox .fileWrap .allFile .eachFile > div {
    display: flex;
}
.signUpBox .fileWrap .allFile .eachFile > div .dxbl-upload-container {
    width: 100%;
}
.signUpBox .fileWrap .allFile .eachFile > div .dxbl-upload-container .dxbl-upload-file-list-view {
    margin-top: 3px;
}
.signUpBox .fileWrap .allFile .eachFile .uploadedFile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    width: calc(100% - 70px);
    height: 26px;
    padding: 4px 10px;
    border-radius: 3px;
    background-color: #f3f3f3;
}
.signUpBox .fileWrap .allFile .eachFile .uploadedFile .fileTitle {
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.signUpBox .fileWrap .allFile .eachFile .uploadedFile button {
    --dxbl-btn-border-width: 0;
    min-width: 13px;
    height: 100%;
    padding: 0;
}
.signUpBox .fileWrap .allFile .eachFile button.innerBtn {
    width: 70px;
}
.signUpBox .fileWrap .allFile .eachFile .dxbl-upload-file-view {
    width: 100%;
    height: 30px !important;
    padding: 0.4rem;
}
.signUpBox .fileWrap .allFile .eachFile .dxbl-upload-file-view * {
    padding: 0;
    font-size: 12px;
}
.signUpBox .fileWrap .allFile .eachFile .dxbl-upload-file-view .dxbl-upload-file-view-text {
    font-size: 12px;
}
.signUpBox .fileWrap .allFile .eachFile .dxbl-upload-file-view .dxbl-upload-file-view-size {
    font-size: 10px;
    padding-left: 5px;
}
.signUpBox .fileWrap .allFile .eachFile .dxbl-upload-file-view .dxbl-upload-upload-btn,
.signUpBox .fileWrap .allFile .eachFile .dxbl-upload-file-view .dxbl-upload-file-view-load-state {
    display: none;
}
.signUpBox .input-group dxbl-input-editor {
    width: 100%;
}
.signUpBox .searchBtn {
    position: absolute;
    right: 0;
    bottom: 0;
}
.signUpBox .officeInfo {
    height: auto;
    background-color: #f9f9f9;
}
.signUpBox .invalid {
    outline: unset;
    color: #ec2323;
}

/* 부서이동내역, 계약서 생성 */
.innerCont {
    margin-top: 20px;
}
.innerCont .dxbl-gridlayout-root {
    position: relative;
}
.innerCont .contractRight {
    position: relative;
    top: 0;
    width: 360px;
    height: fit-content;
    padding: 20px;
}
.innerCont .contractRight .dxbl-row {
    justify-content: end;
}
.innerCont .contractRight .dxbl-row form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}
.innerCont .contractRight .dxbl-row .dxbl-fl-cpt {
    width: 75px;
}
.innerCont .contractRight .dxbl-row .contractYyyy .dxbl-fl-ctrl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.innerCont .createBtn {
    width: 100%;
}
/* [end] [HR001] 직원등록 form */


/* [start] [HR002] 직원관리 */
.profileList {
    display: flex;
    align-items: center;
}
.slideBtn {
    height: 35px;
    margin-left: 10px;
    padding: 15px;
    border-radius: 18px;
}
.profileList .slideBtn span {
    padding-right: 10px;
}
.profileList .slideBtn span {
    background: url(../images/btnArrowR.png) no-repeat right center;
}
/*.profileList .profileLeft .dxbl-text-edit {
    width: 100%;
}*/
.searchArea.labelStyle1 dxbl-form-layout-item:not(:first-child) .dxbl-fl-cpt {
    width: 65px !important;
}
/* [end] [HR002] 직원관리 */


/* [start] [HR004, HR005] 수당관리, 급여기준관리 payTable */
.payTable1 tr.dxbl-grid-selected-row,
.payTable1 tr.dxbl-grid-focused-row,
.payTable2 tr.dxbl-grid-selected-row,
.payTable2 tr.dxbl-grid-focused-row {
    background-color: #fff;
}
.payTable1 tr.dxbl-grid-selected-row td:nth-child(1),
.payTable1 tr.dxbl-grid-selected-row td:nth-child(2),
.payTable2 tr.dxbl-grid-selected-row td:not(:nth-child(6)),
.payTable2 tr.dxbl-grid-selected-row td:not(:nth-child(6)) {
    background-color: #f7f7f7 !important;
    color: #888 !important;
}
/* readonly일때 */
.payTable1 tr td:nth-child(1),
.payTable1 tr td:nth-child(2),
.payTable2 tr td:not(:nth-child(6)) {
    background-color: #f7f7f7;
    color: #888;
}
/* 선택된 행 */
.payTable1.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell),
.payTable2.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell),
.payTable1.dxbl-grid .dxbl-grid-table .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell),
.payTable2.dxbl-grid .dxbl-grid-table .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
    background-color: #fff;
}
/* 클릭할 때 1,2번째 열 */
.payTable1.dxbl-grid .dxbl-grid-table .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):nth-child(1),
.payTable1.dxbl-grid .dxbl-grid-table .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):nth-child(2),
.payTable2.dxbl-grid .dxbl-grid-table .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):not(:nth-child(6)) {
    background-color: #f7f7f7;
    color: #888;
}
/* 클릭한 후 선택되어 있는 행의 disable된 열*/
.payTable1.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):nth-child(1),
.payTable1.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):nth-child(2),
.payTable2.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):not(:nth-child(6)) {
    background-color: #f7f7f7 !important;
    color: #888 !important;
}
/* [end] [HR004, HR005] 수당관리, 급여기준관리 payTable */


/* [start] [HR007] 스케줄관리 */
/* 전체 padding 값 */
.workTable.dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tbody > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > tfoot > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tfoot > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > thead > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > thead > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header) {
    padding: 2px
}
.workTable.dxbl-grid .dxbl-grid-table td {
    text-align: center;
}
.workTable.dxbl-grid .dxbl-grid-table thead tr th:first-child {
    min-width: 50px;
}
.workTable.dxbl-grid .dxbl-grid-table thead span {
    font-size: 12px;
}
.workTable.dxbl-grid .dxbl-grid-table {
    width: auto;
}
.workTable.dxbl-grid .dxbl-grid-table > tbody > tr:not(:last-child) > td,
.workTable.dxbl-grid .dxbl-grid-table > tbody > tr:not(:last-child) > td > span {
    font-size: 12px;
    cursor: pointer;
}
.workTable.dxbl-grid .dxbl-grid-table.dxbl-grid-table-no-scroll {
    table-layout: unset;
}
.workTable.dxbl-grid .dxbl-grid-table > tbody > .dxbl-grid-empty-row .dxbl-grid-empty-cell {
    border-left-width: 0;
}
.workTable.dxbl-grid .dxbl-grid-table .dxbl-grid-empty-cell {
    display: none;
}
/* 토요일 */
.workTable.dxbl-grid .dxbl-grid-table .saturdayCss.thead {
    background-color: #e4eaf5 !important;
}
.workTable.dxbl-grid .dxbl-grid-table .saturdayCss,
.workTable.dxbl-grid .dxbl-grid-table .saturdayCss span {
    color: #3178e7 !important;
}
/* 일요일 */
.workTable.dxbl-grid .dxbl-grid-table .sundayCss.thead {
    background-color: #ffe1e1 !important;
}
.workTable.dxbl-grid .dxbl-grid-table .sundayCss,
.workTable.dxbl-grid .dxbl-grid-table .sundayCss span {
    color: #e73131 !important;
}
/* 휴일 */
.workTable.dxbl-grid .dxbl-grid-table .holidayCss.thead {
    background-color: #ffece1 !important;
}
.workTable.dxbl-grid .dxbl-grid-table .holidayCss,
.workTable.dxbl-grid .dxbl-grid-table .holidayCss span {
    color: #ffa42e !important;
}
/* 휴일이면서 clicked */
.workTable.dxbl-grid .dxbl-grid-table .holidayCss.clicked span {
    color: #fff !important;
}
/* 주차 */
.workTable.dxbl-grid .dxbl-grid-table .weekCss {
    background-color: #f5f5f5 !important;
}
/* 입퇴사자 */
.workTable.dxbl-grid .dxbl-grid-table .noMark {
    background-color: #f5f5f5 !important;
}
/* 강조(선택된 조) */
.workTable.dxbl-grid .dxbl-grid-table .clicked {
    background-color: #d54646 !important;
    color: #fff !important;
    font-weight: 400;
}
/* 강조(선택된 조)인데 이전달인 cell */
.workTable.dxbl-grid .dxbl-grid-table .clicked.noneClick {
    color: #333 !important;
}
/* 이전달, 다음달 (클릭안됨) */
.workTable.dxbl-grid .dxbl-grid-table [class ~="noneClick"] {
    background-color: #f5f5f5 !important;
}
.workTable.dxbl-grid .dxbl-grid-table [class ~="noneClick"] span {
    opacity: 0.5;
}
/* today */
.workTable.dxbl-grid .dxbl-grid-table .today {
    border-right: 2px solid #333 !important;
    border-left: 2px solid #333 !important;
}
.workTable.dxbl-grid .dxbl-grid-table .today + td {
    border-left-width: 0;
}
.workTable.dxbl-grid .dxbl-grid-table th.today {
    border-top: 2px solid #333 !important;
}
.workTable.dxbl-grid .dxbl-grid-table tbody tr:nth-last-child(2) .today {
    border-bottom: 2px solid #333 !important;
}



.workTable.dxbl-grid .dxbl-grid-empty-data-area {
    margin-top: -1px;
    border-top: 1px solid #af2525;
    border-bottom: 1px solid #d2d2d2;
}
.workTable.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
    background-color: none;
}
.searchArea .workBtn {
    --dxbl-btn-line-height: 12px;
    --dxbl-btn-padding-x: unset;
    --dxbl-btn-padding-y: unset;
    min-width: 100px;
    min-height: 35px;
    margin-bottom: 4px;
    font-size: 12px;
    vertical-align: top;
}
.searchArea .workBtn span {
    font-size: 12px;
}

/* 스케줄관리 파일첨부 */
/*.bothBtnWrap .schFileBtn .dxbl-upload-container {
    flex-flow: row;
}
.bothBtnWrap .schFileBtn .dxbl-upload-panel {
    width:fit-content
}*/
.bothBtnWrap .schFileBtn .dxbl-upload-panel .dxbl-upload-button-panel,
.bothBtnWrap .schFileBtn .dxbl-upload-panel svg {
    display: none;
}
.bothBtnWrap .schFileBtn .dxbl-upload-panel span {
    margin-left: 0;
}
/*.bothBtnWrap .schFileBtn .dxbl-upload-file-list-view {
    width: 100%;
    margin-bottom: 0;
}
.bothBtnWrap .schFileBtn .dxbl-upload-file-list-view .dxbl-upload-file-view {
    height: 35px !important;
    margin-left: 5px;
}
.bothBtnWrap .schFileBtn .dxbl-upload-file-list-view .dxbl-upload-file-view-load-state {
    display: none;
}*/
/* 스케줄관리 파일첨부 */

/* userRewardTime 플라이아웃대신 클릭시 잔여보상 */
.workTable .dxbl-scroll-viewer table.dxbl-grid-table tbody tr {
    position: relative;
}
.rewardName {
    display: flex;
    flex-direction: column;
    padding: 3px 0;
}
.rewardTime {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding: 3px 8px;
    background-color: #5e5e5e;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
    z-index: 1;
}
.rewardTime:after {
    border-right: 5px solid #5e5e5e;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 0px solid transparent;
    content: "";
    position: absolute;
    top: 5px;
    left: -4px;
}
.rewardTime div {
    font-size: 12px;
    display: inline-block;
    font-weight: 300;
}
.rewardTime div:nth-child(1)::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #ababab;
    margin: 0 10px 0 12px;
}
/* [end] [HR007] 스케줄관리 */


.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button > svg.dxbl-image use {
    color: #333;
}


/* [start] [HR006, HR008] subBox 영역 */
.subBoxWrap {
    border: 1px dotted #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.subBoxWrap * {
    font-size: 0.9rem;
    color: #666;
}
.subBoxWrap .afterBar::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #cfcfcf;
    margin: 0 15px;
}
.subBoxWrap > div {
    display: inline-block;
}
.subBoxWrap .subBoxTitle {
    color: #333;
    padding-right: 3px;
}
.subBoxWrap .subBoxCount {
    font-size: 1.05rem;
    color: #000;
}
.subBoxWrap .subBoxCount.txtRed {
    color: #af2525;
}
/* [end] [HR006, HR008] subBox 영역 */

/* [start] [HR015] 근태 수정요청내역 */
.workTimeReq {
    width: fit-content;
}
/* [end] [HR015] 근태 수정요청내역 */

/* [start] [HR016] 지각자 현황 */
.latetimeList {
    position: relative;
}
.latetimeList .dxbl-grid-top-panel {
    position: absolute;
    border-bottom: none;
    top: -40px;
    left: 0;
}
.latetimeList .dxbl-grid-top-panel .dxbl-grid-group-panel-container {
    padding: 0;
}
.latetimeList .dxbl-grid-top-panel .dxbl-grid-group-panel-container .dxbl-grid-action {
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.latetimeList .dxbl-grid-top-panel .dxbl-grid-group-panel-container .dxbl-grid-action .dxbl-grid-header-content {
    font-weight: lighter;
}
.latetimeList .dxbl-grid-top-panel .dxbl-grid-group-panel-container .dxbl-grid-action .dxbl-grid-header-content span {
    margin: 0;
    font-size: 13px;
}
.latetimeList .dxbl-scroll-viewer {
    border-bottom: 1px solid #d2d2d2;
}
.latetimeList .dxbl-scroll-viewer .dxbl-grid-table tr.dxbl-grid-group-row {
    background-color: #f5f5f5;
}
.latetimeList .dxbl-scroll-viewer .dxbl-grid-table tr:not(.dxbl-grid-footer-row):not(.dxbl-grid-filter-row) .dxbl-grid-indent-cell {
    border-top-width: 1px;
}
.latetimeList .dxbl-scroll-viewer .dxbl-grid-table tr:not(.dxbl-grid-footer-row):not(.dxbl-grid-filter-row) .dxbl-grid-indent-cell + td {
    padding-right: 27px !important;
    border-left-width: 0;
}
.latetimeList .dxbl-scroll-viewer tfoot {
    border-top: 0;
}
.latetimeList .dxbl-scroll-viewer tfoot td {
    font-weight: lighter;
}
.latetimeList .dxbl-scroll-viewer tfoot td div {
    font-size: 13px;
}
/* [end] [HR016] 지각자 현황 */


/* [start] [HR017] 급여확정 */
.payConfirm {
    width: fit-content;
    /*padding-right: 2rem;*/
}
@media (max-width: 2477px) {
    .payConfirm {
        padding-right: 2rem;
    }
    .payConfirmTitle {
        width: calc(2248px + 2rem);
    }
}
.payConfirm .dxbl-grid *, .payConfirm .dxbl-grid .dxbl-grid-table > tbody > tr > td {
    font-size: 12px;
    letter-spacing: -0.05em;
}
.payConfirm .dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell) {
    border-left: 1px solid #ddd;
}
.payConfirm .dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row > td:first-child {
    border-left: 0;
}
.payConfirm .dxbl-grid .dxbl-scroll-viewer .dxbl-scroll-viewer-hor-scroll-bar.dxbl-active {
    display: none;
}
/* [end] [HR017] 급여확정 */

/* search영역수정테스트 */
.searchBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}
.searchBox .searchBoxLeft {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
.searchBox .searchBoxRight {
    display: flex;
    flex-direction: row;
}
.searchBox .searchBoxLeft .schBtnWrap {
    margin-top: 4px;
}
/*.searchBox .searchBoxLeft dxbl-form-layout.boxLeft_bottom {
    margin-top: 4px;
}*/
.searchBox .searchBoxRight button:not(:first-child) {
    margin-left: 4px;
}
.searchBox .searchBoxLeft dxbl-form-layout-item,
.searchBox .searchBoxRight dxbl-form-layout-item {
    display: flex;
    width: fit-content;
    margin: 0;
}
.searchBox .searchBoxLeft .dxbl-row {
    gap: 4px;
}
.searchBox .dxbl-fl-cpt {
    height: 32px;
    font-weight: unset;
    font-size: 0.85rem;
}

/* [start] [HR021] 대체휴무 관리 */
.substituteHoliday .dxbl-grid-toolbar-container {
    padding: 0;
}
.substituteHoliday .bothBtnWrap {
    width: 100%;
}
/* [end] [HR021] 대체휴무 관리 */


/* ================================================================== PO ================================================================== */
/* [start] [PO001] 매장관리 */
.visualImg {
    display: flex;
    justify-content: center;
    overflow: hidden;
    min-width: 120px;
    height: 90px;
    line-height: 90px;
    vertical-align: bottom;
}
.visualImg img {
    width: 100%;
    object-fit: contain;
}
/* [end] [PO001] 매장관리 */

/* [start] [PO006] color palette */
.posCategoryColor {
    height: 16px;
    width: 16px;
    border: 1px solid #CCCCCC;
}
.posStoreCategoryColor {
    height: 16px;
    width: 16px;
    border: 1px solid #CCCCCC;
}
.inputBtn {
    font-size: 0.85em;
    color: #555;
}
.categoryImg {
    display: flex;
    justify-content: center;
    overflow: hidden;
    min-width: 110px;
    height: 80px;
    line-height: 80px;
    vertical-align: bottom;
}
.categoryImg img {
    width: 100%;
    object-fit: contain;
}
/* [end] [PO006] color palette */


/* [start] [PO300] 일일결산서 */
.po300.printClass .dxbl-row {
    gap: 4px;
}
.po300.printClass .dxbl-row dxbl-form-layout-item {
    width: unset;
    flex-flow: row;
}
.po300.printClass .dxbl-gridlayout-item:nth-child(2) dxbl-form-layout-item {
    flex: 1;
}
.po300.printClass .dxbl-gridlayout-item:nth-child(2) dxbl-form-layout-item:nth-child(2) {
    width: 50%;
}
.po300.printClass .dxbl-gridlayout-item:nth-child(3) dxbl-form-layout-item {
    width: 100%;
}
.po300.printClass .dxbl-gridlayout-item:nth-child(3) dxbl-form-layout-item label {
    width: 80px;
}
.po300.printClass .dxbl-gridlayout-item:nth-child(3) dxbl-form-layout-item input {
    text-align: right;
}
.po300.printClass .dxbl-gridlayout-item:nth-child(4) .dxbl-grid .dxbl-grid-table > tbody > tr {
    height: 28px;
}
/* [end] [PO300] 일일결산서 */

/* [start] [PO301] 월간결산서 */
.chartWrap {
    display: flex;
    justify-content: space-between;
    background-color: #f6f6f6;
    margin-top: 20px;
    padding: 20px;
}
.chartWrap dxbl-chart > div {
    padding-top: 50px;
}
.chartWrap > div {
    width: 33%;
}
/* [end] [PO301] 월간결산서 */


/* ================================================================== NO ================================================================== */
/* [start] [공통] */
.searchArea.notice .dxbl-row {
    justify-content: center;
}
.searchArea.notice .dxbl-row dxbl-combo-box {
    width: 120px;
}
.searchArea.notice .dxbl-row dxbl-form-layout-item:nth-child(2) {
    width: unset;
}
.searchArea.notice .dxbl-row dxbl-form-layout-item:nth-child(2) div .dxbl-text-edit {
    width: 240px;
}
.searchArea.notice .dxbl-row dxbl-form-layout-item:nth-child(3) {
    min-width: unset;
}

.noticeList_title {
    display: block;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.noticeList_title:hover span:first-child {
    text-decoration: underline;
}
.noticeList_title span.replyCount {
    display: flex;
    gap: 2px;
    color: #878787;
    font-weight: 400;
    margin-right: 5px;
}
.noticeList_title span.replyCount::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/ico_replyCount.png) no-repeat center;
}
.noticeView_title, .noticeView_file, .noticeView_content {
    padding: 15px 20px;
    border-bottom: 1px solid #d2d2d2;
}
.noticeView_title {
    background-color: #fdf2f2;
    border-top: 1px solid #af2525;
}
.noticeView_title p {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}
.noticeView_title div span {
    font-size: 14px;
    font-weight: 300;
    color: #888;
}
.noticeView_title div span:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #b0b0b0;
    margin: 0 20px;
}
.noticeView_file .uploadedFile {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 3px 0;
}
.noticeView_file .uploadedFile:hover {
    text-decoration: underline;
    cursor: pointer;
}
.noticeView_file .uploadedFile::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    background: url(../images/ico_file.png) no-repeat center;
    margin-right: 5px;
}
.noticeView_content {
    margin-bottom: 10px;
}
.noticeView_content p {
    margin-bottom: 0;
}
.replyList {
    border-top: 1px solid #d2d2d2;
    padding: 10px 15px;
    display: flex;
    flex-flow: column;
    gap: 5px;
}
.replyList div.userInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px
}
.replyList div.userInfo div:first-child {
    flex: 1;
}
.replyList div.replyModify {
    display: flex;
}
.replyList > div.btnArea button {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #616161;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-focus-bg: #616161;
    --dxbl-btn-hover-bg: #616161;
    --dxbl-btn-hover-color: #fff;
}
.replyList .replyWriter {
    font-size: 14px;
    font-weight : 600;
}
.replyList .replyDate {
    font-size: 14px;
    font-weight: 300;
    color: #888;
    margin-left: 7px;
}
.replyList .replyCont {
    font-size: 13px;
    color: #555;
    white-space: pre-wrap;
}
.replyList .replyCont textarea {
    width: 100%;
    border: none;
    font-size: 13px;
    color: #555;
    padding: 0;
    resize: none;
    field-sizing: content;
    background-color: #fff;
}
.replyList .replyCont:focus-visible {
    outline: none;
}
.replyList .replyCont textarea:focus-visible {
    outline: 1px solid #888;
    padding: 5px;
}
.replyComment {
    display: flex;
    min-height: 64px;
}
.replyList .replyModify button,
.replyComment .dxbl-btn-primary {
    flex: 1;
    height: unset !important;
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #af2525;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-hover-bg: #af2525;
    --dxbl-btn-hover-color: #fff;
}
.postMoveWrap {
    margin-top: 40px;
}
.postMoveWrap > div {
    border-top: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
}
.postMoveWrap > div > .infoMsg {
    font-size: 14px;
    color: #444;
    background: url(../images/alarm_bk.png) left center no-repeat;
    padding-left: 20px;
}
.postMoveWrap > div:last-child {
    border-bottom: 1px solid #d2d2d2;
}
.postMoveWrap > div > span {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
}
.postMoveWrap > div.next > span::after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 7px;
    background: url(../images/ico_up.png) no-repeat center;
    margin-left: 4px;
}
.postMoveWrap > div.prev > span::after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 7px;
    background: url(../images/ico_down.png) no-repeat center;
    margin-left: 4px;
}
.postMoveWrap div.noticeTitleWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
.postMoveWrap div.noticeTitleWrap:hover .title {
    text-decoration: underline;
}
.postMoveWrap div.noticeTitleWrap * {
    padding: 0;
    font-size: 14px;
    color: #444;
}
.postMoveWrap div.noticeTitleWrap .date {
    color: #999;
}
.noticeWrite .dxbl-row {
    gap: 4px;
    margin-bottom: 4px;
}
.noticeWrite .allBtnWrap {
    margin-top: 10px;
}
.noticeWrite dxbl-html-editor .dxbl-office-ribbon .dxbl-btn-toolbar .dxbl-btn-group:nth-child(4) {
    /*display: none;*/
}
.noticeFix {
    color: #af2525;
    display: flex;
    align-items: center;
    gap: 5px;
}
.noticeFix::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    background: url(../images/ico_noticeFix.png) center no-repeat #af2525;
}
/* [end] [공통] */

/* [start] [NO004] 설문조사 */
.noticeView_content.survey {
    padding: 15px 0;
}
.noticeView_content.survey .surveyCont {
    padding: 0 20px;
    white-space: pre-wrap;
}
.voteList {
    margin: 20px 0;
}
.voteList .progressBar {
    width: 100%;
    height: 40px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    position: relative;
}
.voteList .progressBar:not(:first-child) {
    margin-top: 5px;
}
.voteList .progressBar > div {
    height: 100%;
    border-radius: 5px;
    transition: width 0.3s ease;
}
.voteList .progressBar .dxbl-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 0 15px;
}
.voteList .dxbl-checkbox label {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.voteList .dxbl-checkbox label span {
    font-size: 14px;
}
.voteList .dxbl-checkbox label span.percent {
    width: 40px;
    text-align: right;
}
.voteList .grayBtn.dxbl-btn-primary,
.voteList .grayBtn.dxbl-btn-standalone.dxbl-btn-primary
{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    margin-top: 10px;
}
/* [end] [NO004] 설문조사 */


/* ================================================================== CS ================================================================== */
/* [start] [CS100] 갓덴소식 */
.eventYn .dxbl-fl-ctrl {
    display: flex;
    gap: 20px;
}
/* [end] [CS100] 갓덴소식 */

/* [start] [CS300] 쿠폰관리 */
.coupon .dxbl-gridlayout-item:nth-child(3) {
    margin: 10px 0;
}
.coupon .boxDesign1 {
    display: flex;
    justify-content: space-between;
}
.coupon .boxDesign1 .dxbl-row {
    gap: 4px;
    flex-flow: column;
}
.coupon .boxDesign1 .dxbl-row > div {
    display: flex;
    align-items: center;
    gap: 4px;
}
.coupon .boxDesign1 .dxbl-row > div .customerName {
    font-size: 13px;
    background: url(../images/refuseBtn.png) no-repeat right 10px center #eee;
    border-radius: 5px;
    padding: 0 25px 0 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.coupon .boxDesign1 .dxbl-row .dxbl-fl-item {
    width: fit-content;
}
.coupon .boxDesign1 .dxbl-row .dxbl-fl-item.phoneNumber .dxbl-fl-ctrl {
    display: flex;
}
.coupon .boxDesign1 .dxbl-text-edit {
    width: 180px;
}
.coupon .allBtnWrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.coupon .infoMsg {
    margin-bottom: 0;
    padding: 0 0 0 20px;
    font-size: 14px;
    background: url(../images/alarm.png) no-repeat left 2px;
    color: #ed1f1f;
}
/* [end] [CS300] 쿠폰관리 */