@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-Thin.woff2) format('woff');
    font-weight:100;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-ExtraLight.woff2) format('woff');
    font-weight: 200;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-Light.woff2) format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-Regular.woff2) format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-Medium.woff2) format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-SemiBold.woff2) format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-Bold.woff2) format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-ExtraBold.woff2) format('woff');
    font-weight: 800;
}
@font-face {
    font-family: 'Pretendard';
    src: url(../css/font/Pretendard-Bold.woff2) format('woff');
    font-weight: 900;
}

* {
    font-family: 'Pretendard', var(--bs-font-sans-serif);
    font-weight: 500;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    letter-spacing: -0.05rem;
}

input::placeholder {
    font-size: 0.9em;
    color: #d1d1d1;
}
.dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: 0;
    --dxbl-row-item-spacing-y: 0;
}
.dxbl-text-edit .dxbl-text-edit-input {
    height: 30px;
}
dxbl-loading-panel {
    min-height: 100px;
    height: auto;
}
.dxbl-scheduler .dxbl-sc-apt:focus-visible {
    outline: none;
}

a {
    color: unset;
    text-decoration: unset;
}

/* color */
.txtRed {
    color: #d93439;
}
.txtBlue {
    color: #3178e7;
}

/* display */
.displayNone {
    display: none !important;
}
.displayBlock {
    display: block !important;
}
.displayFlex {
    display: flex !important;
}
.displayGrid {
    display: grid !important;
}

/* width % */
.wAuto {
    width: auto;
}
.wp100 {
    width: 100% !important;
}
.wp90 {
    width: 90%;
}
.wp80 {
    width: 80%;
}
.wp70 {
    width: 70%;
}
.wp60 {
    width: 60%;
}
.wp50 {
    width: 50% !important;
}
.wp33 {
    width: 33.3%;
}
.wp25 {
    width: 24.25% !important;
}

/* width px */
.wPx70 {
    width: 70px;
}

/* max-width % */
.maxWp90 {
    max-width: 90% !important;
}

/* max-width px */
.maxWx1070 {
    max-width: 1070px !important;
}

/* text-align */
.taL {
    text-align: left;
}
.taR {
    text-align: right;
}
.taC {
    text-align: center
}

/* height */
.hfc {
    height: fit-content;
}
.mh480{
    min-height: 480px;
}
.mh640 {
    min-height: 640px;
}

/* padding */
.pl10 {
    padding-left: 10px;
}
.pr10 {
    padding-right: 10px;
}

/* margin */
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mb0 {
    margin-bottom: 0;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.ml5 {
    margin-left: 5px;
}

/* absolute 시 top, right, bottom, left */
.right45 {
    right: 45px !important;
}

/* 텍스트 하이라이트 */
.txtHighLight {
    box-shadow: inset 0px -10px 0 0 rgba(175, 37, 37, 0.15);
    color: #af2525;
    padding: 0 3px;
}

/* btn */
.lightgrayBtn.dxbl-btn-primary,
.lightgrayBtn.dxbl-btn-standalone.dxbl-btn-primary,
.lightgrayBtn.dxbl-btn-standalone.dxbl-btn-secondary {
    --dxbl-btn-color: #333;
    --dxbl-btn-bg: #f3f3f3;
    --dxbl-btn-border-width: 1px;
    --dxbl-btn-hover-bg: #f3f3f3;
    --dxbl-btn-hover-color: #333;
    height: 32px;
}

.grayBtn.dxbl-btn-primary,
.grayBtn.dxbl-btn-standalone.dxbl-btn-primary,
.grayBtn.dxbl-btn-standalone.dxbl-btn-secondary {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #4d4d4d;
    --dxbl-btn-border-width: none;
    --dxbl-btn-hover-bg: #434343;
    --dxbl-btn-hover-color: #fff;
    height: 32px;
}

.redBtn.dxbl-btn-primary,
.redBtn.dxbl-btn-standalone.dxbl-btn-primary,
.redBtn.dxbl-btn-standalone.dxbl-btn-secondary {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #af2525;
    --dxbl-btn-border-width: none;
    --dxbl-btn-hover-bg: #a22323;
    --dxbl-btn-hover-color: #fff;
    height: 32px;
}

.blueBtn.dxbl-btn-primary,
.blueBtn.dxbl-btn-standalone.dxbl-btn-primary,
.blueBtn.dxbl-btn-standalone.dxbl-btn-secondary {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: #4a81d7;
    --dxbl-btn-border-width: none;
    --dxbl-btn-hover-bg: #4a81d7;
    --dxbl-btn-hover-color: #fff;
    height: 32px;
}

.searchBtn span {
    padding-right: 14px;
    background: url(../images/searchBtn.png) no-repeat right;
}
.searchWbtn span {
    padding-right: 14px;
    background: url(../images/searchWbtn.png) no-repeat right;
}
.plusBtn span {
    padding-right: 14px;
    background: url(../images/plusBtn.png) no-repeat right;
}
.plusWbtn span {
    padding-right: 14px;
    background: url(../images/plusWbtn.png) no-repeat right;
}
.minusBtn span {
    padding-right: 15px;
    background: url(../images/minusBtn.png) no-repeat right;
}
.saveBtn span {
    padding-right: 15px;
    background: url(../images/saveBtn.png) no-repeat right;
}
.saveWbtn span {
    padding-right: 15px;
    background: url(../images/saveWbtn.png) no-repeat right;
}
.downBtn span {
    padding-right: 15px;
    background: url(../images/downBtn.png) no-repeat right;
}
.downWbtn span {
    padding-right: 15px;
    background: url(../images/downWbtn.png) no-repeat right;
}
.uploadBtn span {
    padding-right: 16px;
    background: url(../images/uploadBtn.png) no-repeat right;
}
.calcBtn span {
    padding-right: 16px;
    background: url(../images/calcBtn.png) no-repeat right;
}
.copyWbtn span {
    padding-right: 16px;
    background: url(../images/copyWbtn.png) no-repeat right;
}
.delBtn span {
    padding-right: 16px;
    background: url(../images/delBtn.png) no-repeat right;
}
.listBtn span {
    padding-right: 16px;
    background: url(../images/listBtn.png) no-repeat right;
}
.delWbtn span {
    padding-right: 16px;
    background: url(../images/delWbtn.png) no-repeat right;
}
.refuseBtn span {
    padding-right: 16px;
    background: url(../images/refuseBtn.png) no-repeat right;
}
.refuseWbtn span {
    padding-right: 16px;
    background: url(../images/refuseWbtn.png) no-repeat right;
}
.uploadBtn span {
    padding-right: 16px;
    background: url(../images/uploadBtn.png) no-repeat right;
}
.modifyBtn span {
    padding-right: 13px;
    background: url(../images/modifyBtn.png) no-repeat right;
}
.popupSbtn {
    height: 24px !important;
    border: none;
    border-radius: 20px;
    background-color: #444;
}
.popupSbtn span {
    font-size: 12px;
    color: #fff;
}
.popupSbtn.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    background: #444;
}
.popCloseBtn.dxbl-btn-primary, .popCloseBtn.dxbl-btn-standalone.dxbl-btn-primary {
    --dxbl-btn-border-color: none;
    --dxbl-btn-disabled-color: #fff;
    background: url(../images/popupCloseBtn.png) no-repeat center right;
}
.popCloseBtn.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    background: url(../images/popupCloseBtn.png) no-repeat center right;
}

/* loading중 dim페이지 */
.dxbl-loading-panel .dxbl-loading-panel-container.dxbl-loading-panel-shading {
    background-color: rgba(0, 0, 0, 0.5);
}

/* htmleditor */
.dxbl-html-editor .dx-htmleditor.dx-state-focused {
    border-color: #4a4a4a;
}
.dxbl-html-editor .dxbl-widget-container {
    text-align: left;
}

/* 스케줄관리 button color */
.workBtn.gray {
    --dxbl-btn-bg: #fff;
    --dxbl-btn-border-color: #bebebe;
    --dxbl-btn-color: #222;
    --dxbl-btn-hover-bg: #fff;
    --dxbl-btn-hover-border-color: #818181;
    --dxbl-btn-hover-color: #000;
    background-color: #fff;
    color: #222;
}
.workBtn.red {
    --dxbl-btn-bg: #ffebeb;
    --dxbl-btn-border-color: #e55d5d;
    --dxbl-btn-color: #d93131;
    --dxbl-btn-hover-bg: #fff1f1;
    --dxbl-btn-hover-border-color: #c52b2b;
    --dxbl-btn-hover-color: #c10c0c;
    color: #d93131;
}
.workBtn.yellow {
    --dxbl-btn-bg: #fff2dc;
    --dxbl-btn-border-color: #e9a02c;
    --dxbl-btn-color: #d37611;
    --dxbl-btn-hover-bg: #fff8ec;
    --dxbl-btn-hover-border-color: #cd6800;
    --dxbl-btn-hover-color: #c74e07;
    color: #d37611;
}
.workBtn.slateBlue {
    --dxbl-btn-bg: #eceaf9;
    --dxbl-btn-border-color: #7177cf;
    --dxbl-btn-color: #5349ae;
    --dxbl-btn-hover-bg: #f4f2ff;
    --dxbl-btn-hover-border-color: #4049cf;
    --dxbl-btn-hover-color: #2f22a5;
    color: #5349ae;
}
.workBtn.melon {
    --dxbl-btn-bg: #eaf9f4;
    --dxbl-btn-border-color: #70c19a;
    --dxbl-btn-color: #48a790;
    --dxbl-btn-hover-bg: #f6fffc;
    --dxbl-btn-hover-border-color: #2e9563;
    --dxbl-btn-hover-color: #14715a;
    color: #48a790;
}
.workBtn.purple {
    --dxbl-btn-bg: #f6eaf9;
    --dxbl-btn-border-color: #ab70c1;
    --dxbl-btn-color: #7e48a7;
    --dxbl-btn-hover-bg: #fdf4ff;
    --dxbl-btn-hover-border-color: #783b8f;
    --dxbl-btn-hover-color: #60139b;
    color: #7e48a7;
}
.workBtn.skyBlue {
    --dxbl-btn-bg: #ecfaff;
    --dxbl-btn-border-color: #5fafe1;
    --dxbl-btn-color: #50a4cb;
    --dxbl-btn-hover-bg: #f4fcff;
    --dxbl-btn-hover-border-color: #3093d1;
    --dxbl-btn-hover-color: #037cbd;
    color: #50a4cb;
}
.workBtn.blue {
    --dxbl-btn-bg: #eaf2ff;
    --dxbl-btn-border-color: #5f8de1;
    --dxbl-btn-color: #507bcb;
    --dxbl-btn-hover-bg: #f2f7ff;
    --dxbl-btn-hover-border-color: #3673e1;
    --dxbl-btn-hover-color: #1f51ad;
    color: #507bcb;
}

/* 직원등록 폼(로그인전, 로그인후 모두) */
.joinPage .topWrap + form[method="post"] {
    position: relative;
}
.joinPage .topWrap + form[method="post"] .signUpSaveBtn {
    position: absolute;
    right: 0;
    top: -45px;
}


/* [start] [공통] 첨부파일 업로드 영역 */

/* [start] 첨부파일 input & button */
.fileUploadInput {
    display: flex;
    /*margin-bottom: 10px;*/
}
/* [end] 첨부파일 input & button */

/* [start] 진행바 영역 */
.dxbl-upload:not(.schFileBtn) .dxbl-upload-container .dxbl-upload-panel {
    display: none;
}
/* [end] 진행바 영역 */

/* [start] 첨부 하는 파일 영역 */
.dxbl-upload {
    padding-top: 0;
}
.dxbl-upload-file-list-view {
    flex-wrap: wrap;
    flex-direction: row !important;
    justify-content: space-between;
    gap: 4px 0.1%;
    padding: 0 !important;
    margin-top: 4px;
    /*margin-bottom: 10px;*/
}
.dxbl-upload-file-list-view .dxbl-upload-file-view {
    width: 49.8%;
    height: 54px !important;
    padding: 0.5rem 0.7rem;
    margin-bottom: 0 !important;
    border: 1px dotted #bbb;
    border-radius: 4px;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-btn,
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-upload-btn {
    display: none;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-view-details {
    text-align: left;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-view-details .dxbl-upload-file-view-info .dxbl-upload-file-view-text {
    font-size: 13px;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-view-details .dxbl-upload-file-view-info .dxbl-upload-file-view-size {
    padding-bottom: 0 !important;
    font-size: 12px;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-view-icon-container {
    align-items: center;
    gap: 4px;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-view-icon-container button {
    width: 14px;
    height: 14px !important;
    padding: 0 !important;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-view-icon-container button.dxbl-btn .dxbl-image:not(.dxbl-image-fill) {
    color: #111;
}
.dxbl-upload-file-list-view .dxbl-upload-file-view .dxbl-upload-file-view-icon-container button.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    border-color: #fff;
    background: none;
    color: #111;
}
/* [end] 첨부파일 영역 */

/* [start] 첨부되어있던 파일 영역 */
.uploadedFileWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 4px 0.1%;
    margin-top: 4px;
}
.uploadedFileWrap .uploadedFile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 49.8%;
    height: 54px;
    padding: 0.5rem 0.7rem;
    border-radius: 4px;
    background-color: #f5f5f5;
}
.uploadedFileWrap .uploadedFile span {
    text-align: left;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scFileWrap {
    min-width: 50px;
    height: 20px;
}
.scFileWrap .dxbl-btn {
    --dxbl-btn-bg: unset;
    --dxbl-btn-border-color: unset;
    --dxbl-btn-hover-bg: unset;
    --dxbl-btn-hover-border-color: unset;
    --dxbl-btn-hover-color: unset;
    --dxbl-btn-padding-x: unset;
    width: 20px;
    height: 20px;
}
.scFileDownBtn, .scFileDownBtn:hover {
    background: url(../images/scFileDownBtn.png) no-repeat center/62% !important;
}
.scFileDelBtn, .scFileDelBtn:hover {
    background: url(../images/scFileDelBtn.png) no-repeat center !important;
}
/* [end] 첨부되어있던 파일 버튼 */

/* [end] [공통] 첨부파일 업로드 영역 */