.dxbl-flyout > .dxbl-flyout-dialog > .dxbl-flyout-body {
    width: max-content;
}


/* ================================================================== 공통 ================================================================== */
.dxbl-modal {
    --dxbl-popup-border-radius: 0;
}
/* 공통 1depth dropdown */
.dxbl-menu-dropdown.dxbl-dropdown-dialog {
    --dxbl-dropdown-min-width: 130px;
}
/* popup h4 */
.popupH4 {
    font-size: 16px;
    text-align: left;
}

/* 팝업에서 영역 구분시 넣는 라인 */
.afterLine::after {
    display: block;
    width: calc(100% + 3rem);
    height: 5px;
    margin: 20px 0 20px -1.5rem;
    background-color: #f3f3f3;
    content: '';
}

/* popupTitleWrap */
.popupTitleWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headerTitleR {
    display: flex;
    align-items: center;
    gap: 3px;
}

/* [start] [공통] 팝업 (white header) */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popMini {
    max-width: 500px;
}
/* 김경민 메모 팝업 생성 */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popMemo {
    max-width: 1000px !important;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
    border: none;
    border-radius: 0;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header {
    height: 50px;
    padding: 1em 1.5em 0 1.5em;
    border: none;
    background-color: #fff;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header .popupDelBtn {
    position: absolute;
    right: 45px;
    top: 13px;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header .dxbl-modal-header-default {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    align-items: center;
    z-index: 2;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header .dxbl-modal-header-default > span {
    font-size: 17px;
    font-weight: 600;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body {
    /*padding: 1.5em;*/
    text-align: center;
}
.dxbl-modal > .dxbl-modal-root {
    scrollbar-width: auto;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body .input-group {
    align-items: center;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body .input-group dxbl-input-editor {
    width: calc(100% - 60px);
    height: 32px;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body .input-group label {
    width: 60px;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body > .dxbl-grid .dxbl-grid-table > tbody > .dxbl-grid-empty-row {
    height: 0;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer {
    justify-content: center;
    padding: 0;
    border-top: 0;
    background-color: #fff;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer > div {
    display: flex;
    flex: auto;
    justify-content: center;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer .dxbl-btn-standalone.dxbl-btn-primary.cancelBtn {
    min-width: 50%;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer .dxbl-btn-standalone.dxbl-btn-primary,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer .dxbl-btn-standalone.dxbl-btn-secondary {
    --dxbl-btn-border-color: unset;
    --dxbl-btn-padding-x: 0;
    --dxbl-btn-padding-y: 0;
    height: 50px;
    border-radius: 0;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer .dxbl-btn-standalone.dxbl-btn-primary.cancelBtn,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer .dxbl-btn-standalone.dxbl-btn-secondary.cancelBtn {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #575757;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-bg: #575757;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer .dxbl-btn-standalone.dxbl-btn-primary.okBtn,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer .dxbl-btn-standalone.dxbl-btn-secondary.okBtn {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #323232;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-bg: #323232;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer button span {
    font-size: 13px;
}
.dxbl-modal .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible {
    background-color: unset;
}
/* [end] [공통] 팝업 (white header) */


/* [start] [공통] 팝업 (black header) */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popupStyleBlack > .dxbl-modal-content > .dxbl-modal-header {
    padding: 0.7rem 1.5rem;
    background-color: #323232;
    font-weight: unset;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popupStyleBlack > .dxbl-modal-content > .dxbl-modal-header .dxbl-modal-header-default {
    padding-bottom: 0;
    border-bottom: none;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popupStyleBlack > .dxbl-modal-content > .dxbl-modal-header .popupSbtn {
    border: 1px solid #aaa;
    background: unset;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popupStyleBlack > .dxbl-modal-content > .dxbl-modal-header .popupTitle {
    color: #fff;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popupStyleBlack > .dxbl-modal-content > .dxbl-modal-header .dxbl-popup-header-button {
    margin: -6px;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popupStyleBlack > .dxbl-modal-content > .dxbl-modal-header .dxbl-popup-header-button svg {
    color: #fff;
    opacity: 1;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popupStyleBlack > .dxbl-modal-content > .dxbl-modal-header .dxbl-popup-header-button:not(.dxbl-disabled):not(:disabled):hover svg {
    color: #fff;
    opacity: 1;
}
/* [end] [공통] 팝업 (black header) */


/* [start] [공통] 팝업 searchArea */
.popMini .searchArea {
    height: unset;
    margin-bottom: 20px;
}
.popMini .searchArea dxbl-form-layout-item {
    padding-left: 0;
}
.popMini .searchArea dxbl-form-layout-item .dxbl-fl-cpt.dxbl-text {
    width: 50px !important;
}
/* [end] [공통] 팝업 searchArea */


/* [start] [공통] 팝업 modal-body overflowY */
.overFlowYScroll .dxbl-modal-body {
    overflow-y: scroll;
}
/* [end] [공통] 팝업 modal-body overflowY */

/* [start] [공통] 팝업 내부 dxbl-row spacing */
.itemSpacing .dxbl-row {
    --dxbl-row-item-spacing-x: 5px;
    --dxbl-row-item-spacing-y: 5px;
/* [end] [공통] 팝업 내부 dxbl-row spacing */
}

/* [start] [공통] 캘린더 팝업 */
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day:focus-within {
    outline: none;
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-not-current-view {
    opacity: 0.4;
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-days-of-week td:first-child,
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-week-number {
    display: none;
}
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog,
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown {
    border-radius: 0;
}
.dxbl-calendar:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) .dxbl-calendar-header > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover.dxbl-calendar-header-title-btn {
    text-decoration: none;
}
.dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:hover {
    background-color: unset;
}
.dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible {
    outline: unset;
}
.dxbl-calendar .dxbl-calendar-header .dxbl-btn.dxbl-calendar-header-title-btn,
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown .dxbl-edit-dropdown-header > .dxbl-edit-dropdown-title {
    font-weight: unset;
}
.dxbl-calendar .dxbl-calendar-header {
    padding: 15px 15px 0 15px;
    border-bottom: unset;
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown .dxbl-edit-dropdown-header {
    border-bottom: unset;
}
.dxbl-calendar .dxbl-calendar-header::before {
    background-color: unset;
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day.dxbl-calendar-today {
    display: inline-block;
    border: none;
    border-radius: 30px;
    background-color: #ab2525;
    color: #fff;
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-selected-item::before {
    display: inline-block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 30px;
    color: #fff;
    background-color: #af2525;
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-weekend:last-child {
    color: #345ed9;
}


/* 년,월선택 */
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-decade-row .dxbl-calendar-cell,
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-year-row > td {
    height: 60px;
}
/* 월 hover */
.dxbl-calendar:not(.dxbl-disabled):not(:disabled) .dxbl-calendar-content > table > tbody > tr:not(.dxbl-calendar-days-of-week) td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number):not(.dxbl-calendar-selected-range):not(.dxbl-disabled):not(:disabled):hover::before {
    border-radius: 30px;
}
.dxbl-calendar:not(.dxbl-disabled):not(:disabled) .dxbl-calendar-content > table > tbody > tr:not(.dxbl-calendar-days-of-week) td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number).dxbl-calendar-selected-item:not(.dxbl-disabled):not(:disabled):hover::before {
    background-color: #000;
    opacity: 5%;
}
.dxbl-calendar .dxbl-calendar-content > table > tbody > tr > td a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.dxbl-date-navigator .dxe-apt-labels-container > span {
    background-color: #ab2525 !important;
    opacity: 0.15;
}
.dxbl-calendar:not(.dxbl-disabled):not(:disabled) .dxbl-calendar-content > table > tbody > tr td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number):not(.dxbl-calendar-selected-range):not(.dxbl-disabled):not(:disabled):hover::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    border-radius: 5px;
    background-color: #ab2525;
    opacity: 0.1;
}
.dxbl-calendar div.dxbl-calendar-footer {
    padding: 0 15px 15px 15px;
    border-top: unset;
}
.dxbl-calendar div.dxbl-calendar-footer::before {
    background-color: unset;
}
.dxbl-calendar div.dxbl-calendar-footer .dxbl-btn {
    --dxbl-btn-bg: rgba(171, 37, 37, 0.1);
    --dxbl-btn-hover-bg: rgba(171, 37, 37, 0.2);
    --dxbl-btn-border-radius: 20px;
    --dxbl-btn-padding-x: 2rem;
}
.dxbl-calendar div.dxbl-calendar-footer .dxbl-btn span {
    font-family: PretendardLight;
    font-size: 14px;
}
.dx-hint .popover-header {
    background-color: #fff1e9
}
/* [end] [공통] 캘린더 팝업 */



/* [start] 250804 업데이트 수정 반영 */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup {
    border: none;
}
.dxbl-modal .dxbl-modal-root .dxbl-popup.dxbl-popup-adaptivity .dxbl-modal-content .dxbl-modal-body {
    padding: 1.5em;
    /*white-space: pre-wrap;*/
}
.dxbl-modal .dxbl-modal-root .dxbl-popup.dxbl-popup-adaptivity.dxbl-scheduler-color .dxbl-modal-content .dxbl-modal-body {
    padding: 0;
}
.dxbl-modal .dxbl-modal-root .dxbl-popup.dxbl-popup-adaptivity .dxbl-modal-content .dxbl-modal-footer {
    padding: 0;
}
/* [end] 250804 업데이트 수정 반영 */


/* [start] 팝업내부 검색영역 */
.popupSearch .searchBox .searchBoxLeft dxbl-form-layout-item, 
.popupSearch .searchBox .searchBoxRight dxbl-form-layout-item {
    width: calc(50% - 2px);
}
.popupSearch .searchBox .searchBoxLeft dxbl-form-layout .dxbl-row dxbl-form-layout-item .dxbl-fl-cpt,
.popupSearch .searchBox .searchBoxRight dxbl-form-layout .dxbl-row dxbl-form-layout-item .dxbl-fl-cpt {
    width: 55px !important;
}
/* [end] 팝업내부 검색영역 */

/* [start] 260317 dialogConfirm, dialogAlert popup */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] {
    width: 550px;
    max-width: unset;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content
{
    padding: 0;
    gap: 0;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-popup-header {
    padding: 1em 1.5em 0 1.5em;
    height: 50px;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-popup-header > .dxbl-message-box-header {
    height: 100%;
    padding: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-popup-header > .dxbl-message-box-header span {
    font-size: 17px;
    font-weight: 600;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-message-box-body {
    padding: 1.5em;
    text-align: center;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-message-box-body span {
    white-space: pre-line;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-message-box-footer {
    height: 50px;
    padding: 0;
    gap: 0;
    flex-flow: row-reverse;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-message-box-footer > button {
    width: 100%;
    height: 100%;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-border-radius: 0;
    --dxbl-btn-color: #fff;
    --dxbl-btn-hover-color: #fff;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-message-box-footer > button span {
    font-size: 13px;
    font-weight: 400;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-message-box-footer > button.dxbl-message-box-footer-primary-button {
    --dxbl-btn-bg: #323232;
    --dxbl-btn-hover-bg: #323232;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup[class *= "gattenDialog"] > .dxbl-modal-content > .dxbl-message-box-footer > button.dxbl-message-box-footer-secondary-button {
    --dxbl-btn-bg: #575757;
    --dxbl-btn-hover-bg: #575757;
}
/* [end] 260317 dialogConfirm, dialogAlert popup */



/* ================================================================== sideBar ================================================================== */
/* [start] 보건증 팝업 */
.healthPop .dxbl-row {
    row-gap: 4px;
}
.healthPop .dxbl-fl-ctrl {
    display: flex;
    column-gap: 4px;
}
.healthPop .uploadedFile {
    width: 100%;
    height: 34px;
    background-color: #f3f3f3;
}
.healthPop .uploadedFile + button {
    width: 100px;
}
.healthPop .eachFile {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.healthPop .eachFile > div {
    display: flex;
}
.healthPop .eachFile .dxbl-upload-panel {
    display: none;
}
.healthPop .eachFile > div .dxbl-upload-container {
    width: 100%;
}
.healthPop .eachFile .dxbl-upload-file-view {
    width: 100%;
    height: 34px !important;
    margin-top: 0px;
    background-color: #fff;
}
.healthPop .eachFile .dxbl-upload-file-view .dxbl-upload-file-view-load-state,
.healthPop .eachFile .dxbl-upload-file-view .dxbl-upload-upload-btn {
    display: none;
}
/* [end] 보건증 팝업 */

/* [start] 고충상담 팝업 */
.counselPopup .dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-y: 4px;
}
/* [end] 고충상담 팝업 */



/* ================================================================== CM ================================================================== */
/* [start] [CM007] UserDataSelectPopup */
/*.dataSelectPopup .searchArea .dxbl-gridlayout-item:last-child .dxbl-row {
    justify-content: center;
}
.dataSelectPopup .searchArea dxbl-combobox,
.dataSelectPopup .searchArea dxbl-input-editor {
    width: 100%;
    max-width: unset;
}*/
/* [end] [CM007] UserDataSelectPopup */


/* [start] [CM010] schedule(dashboard) popup */
dxbl-modal-dialog.dxbl-scheduler-color {
    max-width: 1070px !important;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header {
    justify-content: space-between;
    padding: 0.7rem 1.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #323232;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .popupSbtn {
    position: absolute;
    right: 50px;
    border: 1px solid #aaa;
    background: unset;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .popupSbtn.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    border-color: #aaa;
    background-color: unset;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .closeBtn {
    margin-right: -6px;
    --dxbl-btn-bg: trasnparent;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-hover-bg: transparent;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .closeBtn span {
    display: none;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .closeBtn svg {
    color: #fff;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .popupSbtn.delBtn {
    right: 105px;
    width: 51.25px;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .popupSbtn.delBtn svg {
    display: none;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .popupSbtn.delBtn span {
    background: none;
    padding: 0;
    margin: 0;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-header .tooltip-text-header {
    color: #fff;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-body {
    padding: 0 1.5rem 2rem 1.5rem;
}
dxbl-modal-dialog.dxbl-scheduler-color .dxbl-apt-edit-dialog-body .dxbl-row .dxbl-fl-item {
    --dxbl-row-item-spacing-y: 0.5rem;
}
/* [end] [CM010] schedule(dashboard) popup */

/* [start] [CM012] 보기버튼 팝업 */
.schReportPopup .dxbl-modal-header-default .okBtn {
    position: absolute;
    right: 50px;
}
.schReportPopup dxbl-form-layout-item:not(:nth-child(1)) {
    --dxbl-row-item-spacing-y: 0.5rem;
}
.schReportPopup .uploadedFileWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.schReportPopup .uploadedFileWrap > div {
    height: 35px;
    margin: 0 0 5px 0;
    border: 1px dotted #bbb;
}

/* [start] [CM017] 고충상담 */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.counselViewPopup > .dxbl-modal-content > .dxbl-modal-body {
    text-align: left;
}
.counselViewPopup .boardView,
#printdivcontent .boardView {
    border-bottom: 1px solid #ddd;
}
.counselViewPopup .boardView .titleArea,
#printdivcontent .boardView .titleArea {
    border-top: 2px solid #000;
    padding: 15px;
    background: #efefef;
}
.counselViewPopup .boardView .titleArea .titleBox,
#printdivcontent .boardView .titleArea .titleBox {
    font-size: 17px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
}
.counselViewPopup .boardView .titleArea .titleBox .type,
#printdivcontent .boardView .titleArea .titleBox .type {
    background: #fff;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 13px;
    color: #333;
}
.counselViewPopup .boardView .titleArea .writerBox span,
#printdivcontent .boardView .titleArea .writerBox span {
    color: #555;
    font-size: 14px;
}
.counselViewPopup .boardView .titleArea .writerBox span:not(:last-child)::after,
#printdivcontent .boardView .titleArea .writerBox span:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #999;
    margin: 0 10px 0 15px;
}
.counselViewPopup .boardView .fileArea,
#printdivcontent .boardView .fileArea {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.counselViewPopup .boardView .fileArea button,
#printdivcontent .boardView .fileArea button {
    --dxbl-btn-bg: #fff;
    --dxbl-btn-color: #333;
    --dxbl-btn-hover-bg: #f3f3f3;
    --dxbl-btn-hover-color: #333;
}
.counselViewPopup .boardView .fileArea button span,
#printdivcontent .boardView .fileArea button span {
    padding-right: 20px;
    background: url(../images/btnDown.png) right center no-repeat;
}
.counselViewPopup .boardView .contArea,
#printdivcontent .boardView .contArea {
    padding: 15px;
    word-break: break-word;
    text-align: justify;
}
.counselViewPopup .boardView .contArea,
#printdivcontent .boardView .contArea * {
    width: 100%;

}
/* [end] [CM017] 고충상담 */

/* [start] [CM102] 전자결재관리 */
.resignPopup .dxbl-fl .dxbl-row {
    gap: 4px;
}
.resignPopup .dxbl-fl .dxbl-row .dxbl-col-md-6 {
    width: calc(50% - 2px);
}
.resignPopup .messageWrap {
    width: 100%;
    margin-top: 20px;
}
.resignPopup .messageWrap * {
    font-size: 14px;
}
.resignPopup .resignSign {
    margin: 0;
    text-align: right;
}
/* [end] [CM102] 전자결재관리 */

/* [start] [CM103] 전자결재등록 */
/* 인사이동(다건) 결재 */
.deptTransferWrap dxbl-grid {
    row-gap: 10px;
}
.deptTransferWrap .dxbl-grid-toolbar-container {
    padding: 0;
    min-height: unset;
    border-bottom: none;
}
.deptTransferWrap .dxbl-grid-toolbar-container .dxbl-btn-plain-toolbar {
    flex-direction: row-reverse;
}
.deptTransferWrap .dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-item button {
    --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-disabled-color: #707070;
    --dxbl-btn-hover-color: #333;
    --dxbl-btn-focus-outline-color: none;
    --dxbl-btn-padding-x: 1rem;
    height: 35px;
    word-break: keep-all;
}
.deptTransferWrap .dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn.dxbl-btn-text-secondary {
    --dxbl-btn-hover-border-color: #ddd;
}
/* deptTransferWrap 에서 추가/수정 시 나오는 팝업 */
.deptTransferEdit {
    max-width: 600px !important;
}
.deptTransferEdit .dxbl-row dxbl-form-layout-item.btnWrap {
    margin-top: 10px;
}
.deptTransferEdit .dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: 0.3rem;
    --dxbl-row-item-spacing-y: 0.3rem;
}
.deptTransferEdit .dxbl-row dxbl-form-layout-item:nth-child(3) .dxbl-fl-ctrl {
    display: flex;
    flex-wrap: wrap;
    /*flex-grow: 1;*/
    gap: 4px;
}
.deptTransferEdit .dxbl-row dxbl-form-layout-item:nth-child(3) .dxbl-fl-ctrl dxbl-combo-box {
    width: calc(50% - 2px);
}
/* [end] [CM103] 전자결재등록 */

/* [start] [sideBar] 보상시간승인 */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.popMini.useRewardPopup {
    max-width: 900px;
}
/* [end] [sideBar] 보상시간승인 */



/* ================================================================== HR ================================================================== */
/* [start] [HR001] addressPopup */
/*.addressPopup .searchArea .dxbl-text-edit {
    width: 100%;
    max-width: unset;
}*/
.addressPopup .addressSearch {
    position: relative;
    margin-bottom: 8px;
}
.addressPopup .addressSearch .dxbl-text-edit {
    --dxbl-text-edit-border-radius: 20px;
    --dxbl-text-edit-border-width: 0;
    --dxbl-text-edit-bg: #f4f4f4;
    --dxbl-text-edit-padding-x: 15px;
    --dxbl-text-edit-padding-y: 18px;
}
.addressPopup .addressSearch .searchBtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    background: url(../images/searchBtn_big.png) no-repeat center;
    --dxbl-btn-bg: transparent;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-padding-x: 1.5rem;
}
.addressPopup .addressSearch .searchBtn:hover {
    background: url(../images/searchBtn_big.png) no-repeat center;
}
/* [end] [HR001] addressPopup */


/* [start] [HR006] RequestPopup 수정요청유무 팝업 */
.requestPopup .afterLine .dxbl-row dxbl-form-layout-item.dxbl-col-md-6 {
    width: calc(50% - 2px);
}
.requestPopup .afterLine .dxbl-row {
    gap: 4px;
}
.userWorkMemoPopup .dxbl-modal-header-default div {
    display: flex;
    align-items: center;
}
/* [end] [HR006] RequestPopup 수정요청유무 팝업 */


/* [start] [HR007] RewardPopup 보상시간추가 팝업 */
.rewardPopup.dxbl-popup .headerTextArea {
    font-size: 13px;
    color: #666;
    margin-left: 5px;
}
.rewardPopup.dxbl-popup .headerTextArea span {
    font-size: 14px;
    font-weight: 600;
}
.rewardPopup.dxbl-popup .dxbl-modal-body .timeArea {
    display: flex;
    gap: 4px;
}
.rewardPopup .resultTime {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
}
.rewardPopup .resultTime dxbl-input-editor {
    --dxbl-text-edit-border-color: none;
    --dxbl-text-edit-border-style: none;
    --dxbl-text-edit-border-width: 0;
    --dxbl-text-edit-disabled-bg: none;
    --dxbl-text-edit-disabled-opacity: unset;
    width: 40px;
}
.rewardPopup .resultTime dxbl-input-editor input {
    text-align: right;
    padding: 0;
}
/* [end] [HR007] RewardPopup 보상시간추가 팝업 */


/* [start] [HR008] addDayOffPopup 연차/반차 보정 등록 팝업 */
.addDayOffPopup dxbl-form-layout-item {
    margin-bottom: 5px;
}
/* [end] [HR008] addDayOffPopup 연차/반차 보정 등록 팝업 */

/* [start] [HR011] 보상내역관리 */
.addRevisionPopup .dxbl-row {
    gap: 4px
}
.addRevisionPopup .time .dxbl-fl-ctrl {
    display: flex;
    gap: 4px;
}
/* [end] [HR011] 보상내역관리 */

/* [start] [HR014] ReportPopup 계약서 관리 팝업 */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.reportPopup > .dxbl-modal-content > .dxbl-modal-header .dxbl-modal-header-default {
    border-bottom: none;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.reportPopup > .dxbl-modal-content > .dxbl-modal-body {
    padding: 0.5rem 0 0 0;
}
.reportPopup dxbl-loading-panel {
    height: 100%;
}
.reportPopup .dxbrv-wrapper {
    border: none;
    border-top: 1px solid #f3f3f3;
    border-radius: 0;
    box-shadow: none;
}
.reportPopup .dxbrv-wrapper .dxbrv-progress-pane .dxbrv-progress-bar {
    background-color: #af2525;
}
.reportPopup .dxbrv-bricks-container-border-primary.dxbrv-bricks-container {
    border-color: #fff;
}
.reportPopup .dxbl-tabs .dxbrv-gridlayout-side-bar.dxbrv-gridlayout-item {
    padding: 1rem;
}
.reportPopup .dxbrv-tabs {
    background-color: #464646;
}
/* [end] [HR014] ReportPopup 계약서 관리 팝업 */

/* [start] [HR014] ContractPopup 계약서 보기 동의 팝업 */
.contractPopup .dxbl-modal-body h1.mainTitle {
    font-size: 24px;
    font-weight: 600;
    border: 1px solid #000;
    display: inline-block;
    padding: 15px 100px;
}
.contractPopup .dxbl-modal-body h2.subTitle {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.contractPopup .dxbl-modal-body .cont {
    font-weight: 400;
    text-align: left;
    margin: 15px 0;
}
.contractPopup .dxbl-modal-body .cont .item {
    margin-bottom: 20px;
    font-weight: 400;
}
.contractPopup .dxbl-modal-body .cont .item .bold {
    margin: 0;
    color: #000;
    font-weight: 500;
}
.contractPopup .dxbl-modal-body .cont .item .agreeTitle {
    margin: 10px 0 0 0;
}
.contractPopup .dxbl-modal-body .cont .item .agreeTitle::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #222;
    margin-right: 7px;
}
.contractPopup .dxbl-modal-body .cont .item .agreeBox {
    background: #f3f3f3;
    text-align: center;
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.contractPopup .dxbl-modal-body .cont .contractDate {
    text-align: center;
    margin: 40px 0;
}
.contractPopup .dxbl-modal-body .cont .userName {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}
.contractPopup .dxbl-modal-body .cont .userName .dxbl-text-edit {
    width: 200px;
}
.contractPopup .dxbl-modal-body .cont .logo {
    text-align: center;
    margin-top: 20px;
}
.contractPopup .dxbl-modal-body .cont .logo p {
    margin: 0;
}
.contractPopup .dxbl-modal-body .cont .logo img {
    width: 200px;
}
/* [end] [HR014] ContractPopup 계약서 보기 동의 팝업 */

/* [start] [HR021] 대체휴무 관리에서 추가/수정 시 나오는 팝 */
.substituteHolidayEdit {
    max-width: 600px !important;
}
.substituteHolidayEdit .dxbl-row dxbl-form-layout-item.btnWrap {
    margin-top: 10px;
}
.substituteHolidayEdit .dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: 0.3rem;
    --dxbl-row-item-spacing-y: 0.3rem;
}
/* [end] [HR021] 대체휴무 관리에서 추가/수정 시 나오는 팝 */


/* ================================================================== PO ================================================================== */
/* [start] [PO001] 매장관리 팝업 */
.storePopup .dxbl-modal-body {
    overflow-y: scroll;
}
.storePopup dxbl-form-layout .dxbl-row {
    --dxbl-row-item-spacing-y: 4px;
    --dxbl-row-item-spacing-x: 4px;
}
.storePopup dxbl-form-layout .addrWrap .dxbl-fl-ctrl {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
.storePopup dxbl-form-layout .addrWrap .dxbl-fl-ctrl > div {
    display: flex;
    align-items: center;
}
.storePopup dxbl-form-layout .addrWrap .dxbl-fl-ctrl > div button {
    height: 32px;
}
.storePopup .posCertification dxbl-form-layout-item > div {
    display: flex;
    gap: 4px;
}
.storePopup .categoryImg {
    background-color: #f1f1f1;
    margin-top: 5px;
    height: 150px;
}
/* [end] [PO001] 매장관리 팝업 */


/* [start] [PO101] 매출상세 팝업 */
.salesDetailPopup .payTable .dxbl-pager-container {
    display: none;
}
/* [end] [PO101] 매출상세 팝업 */

/* [start] [PO300] 일일결산서 팝업 */
.dailyAccountPopup .dxbl-modal-body {
    overflow-y: scroll;
}
.dailyAccountPopup .dxbl-gridlayout-item .dxbl-row {
    --dxbl-row-item-spacing-x: 4px;
    --dxbl-row-item-spacing-y: 4px;
}
.dailyAccountPopup .dxbl-gridlayout-item .dxbl-row .boxDesign1 .dxbl-spin-btns {
    display: none;
}
.dailyAccountPopup .dxbl-gridlayout-item:nth-child(3),
.dailyAccountPopup .dxbl-gridlayout-item:nth-child(4) {
    padding-bottom: 1rem;
}
.dailyAccountPopup .dxbl-gridlayout-item:nth-child(3) .dxbl-row dxbl-form-layout-item .dxbl-text-edit {
    --dxbl-text-edit-border-width: 0;
    --dxbl-text-edit-bg: #f5f5f5;
}
.dailyAccountPopup .dxbl-gridlayout-item:nth-child(3) .dxbl-row dxbl-form-layout-item input {
    text-align: right;
}
.dailyAccountPopup .dxbl-gridlayout-item:nth-child(3) .dxbl-row dxbl-form-layout-item input + div button {
    background-color: #f5f5f5;
}
/* [end] [PO300] 일일결산서 팝업 */


/* [start] [CM015] 스케줄보고서관리 */
.dxbl-popup.cm015ReportPopup > .dxbl-modal-content > .dxbl-modal-body .dxbl-row {
    --dxbl-row-item-spacing-y: 12px;
}
.dxbl-popup.cm015ReportPopup > .dxbl-modal-content > .dxbl-modal-body .contents .dxbl-fl-ctrl {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}
/*.dxbl-popup.cm015ReportPopup > .dxbl-modal-content > .dxbl-modal-body .contents .dxbl-fl-ctrl div:first-child {
    border-bottom: 1px dashed #cdcdcd;
    padding-bottom: 20px
}*/
/* [end] [CM015] 스케줄보고서관리 */


/* ================================================================== NO ================================================================== */
/* [start] [NO004] 설문조사 */
.dxbl-popup.surveyPopup .dxbl-modal-body .dxbl-row {
    gap: 4px;
}
.dxbl-popup.surveyPopup .dxbl-modal-body .surveyDateRange .dxbl-fl-ctrl {
    display: flex;
    gap: 4px;
}
.dxbl-popup.surveyPopup .dxbl-modal-body .votingItem .dxbl-fl-ctrl {
    display: flex;
    flex-flow: column;
    gap: 4px;
}
    .dxbl-popup.surveyPopup .dxbl-modal-body .votingItem .dxbl-fl-ctrl div {
        display: flex;
        gap: 4px;
    }
/* [end] [NO004] 설문조사 */





/* ================================================================== CS ================================================================== */
/* [start] [CS003] 고객의 소리 */
.dxbl-popup.customerPopup .dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-y: 4px;
}
/* [end] [CS003] 고객의 소리 */


/* [start] [CS200] 클레임 관리 */
.dxbl-popup.claimPopup .dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: 4px;
    --dxbl-row-item-spacing-y: 4px;
}
.dxbl-popup.claimPopup .bothCont {
    display: flex;
    gap: 30px;
}
.dxbl-popup.claimPopup .bothCont > div {
    flex: 1;
}
.dxbl-popup.claimPopup.content .dxbl-radio-group {
    gap: 20px;
}
.dxbl-popup.claimPopup.content .dxbl-radio-group .dxbl-checkbox {
    width: auto;
}
.dxbl-popup.claimPopup.content .orderNum .dxbl-fl-ctrl {
    display: flex;
    gap: 4px;
}
.dxbl-popup.claimPopup.content .orderGrid {
    margin-top: 20px;
}
/* [end] [CS200] 클레임 관리 */

/* [start] [CS300] 쿠폰 관리 */
.dxbl-popup.couponPopup .dxbl-modal-body .dxbl-row {
    --dxbl-row-item-spacing-x: 4px;
    --dxbl-row-item-spacing-y: 4px;
}
/* [end] [CS300] 쿠폰 관리 */