@import url(../fonts/xeicon/xeicon.min.css);

body * {
    -webkit-tap-highlight-color: transparent;
}

html.noScroll {
    overflow: hidden;
}

body {
    background: #F5F5F7;
    min-width: 1500px;
}

:root,
:root[data-theme=light] {
    --Primary1: #365EB6;
    --Primary1_hover: #2B4B92;
    --Secondary: #3D46DF;
    --Gray: #ABAEBB;
    --Gray_hover: #989BA7;
    --bdr: #CDCDCD;
}

.txt_blue {
    color: #103DEE !important;
}

.txt_red {
    color: #F62D2D !important;
}

.row .col {
    padding: 2.25rem;
    width: 100%;
}

/* Button */
.buttonArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.625rem;
    font-size: 1.125rem;
    margin-top: 2.188rem;
}

.buttonArea.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.buttonArea .buttonSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.625rem;
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.625rem;
    background: var(--Primary1);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.04em;
    min-width: 10rem;
    height: 3rem;
    font-size: 1rem;
    line-height: 1;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.btn:not(:disabled):hover {
    background: var(--Primary1_hover);
}

.btn i[class^='xi'] {
    font-size: 1.4rem;
}

.buttonArea .btn {
    height: 3.25rem;
}

.btn.line {
    border: 0.0625rem solid var(--Greyscale4);
    background: #fff;
    color: #070707;
}

.btn.line:not(:disabled):hover {
    background-color: #f4f4f4;
}

.btn.gray {
    border: 0.0625rem solid var(--Gray);
    background: var(--Gray);
    color: var(--Greyscale8);
    color: #fff;
}

.btn.gray:not(:disabled):hover {
    background: var(--Gray_hover);
}

.btn.dark {
    border: 0.0625rem solid #3D4054;
    background: #3D4054;
    color: #fff;
}

.btn.dark:not(:disabled):hover {
    background: #272939;
}

.btn.btn_excel {
    gap: 0.625rem;
}

.btn.line.blue {
    border-color: #417AFF;
    color: #417AFF;
}

.btn.line.blue:not(:disabled):hover {
    background-color: #ECF2FF;
}

.btn.line.red {
    border-color: #F62D2D;
    color: #F62D2D;
}

.btn.line.red:not(:disabled):hover {
    background-color: #FEEAEA;
}

.btn.btn_excel::before {
    content: '';
    display: inline-block;
    background: url(../assets/icon/Basic_Icon/i_file_excel_upload.svg) no-repeat center;
    width: 1.75rem;
    height: 1.4rem;
}

.btn.btn_excel.download::before {
    content: '';
    display: inline-block;
    background: url(../assets/icon/Basic_Icon/i_file_excel_download.svg) no-repeat center;
    width: 1.75rem;
    height: 1.4rem;
}

.btn.btn_qr::before {
    content: '';
    display: inline-block;
    background: url(../assets/icon/Basic_Icon/i_qrcode.svg) no-repeat center;
    width: 1.375rem;
    height: 1.375rem;
}

.btn.btn_qr.md {
    min-width: 10rem;
}

.btn.btn_qr.md::before {
    margin-right: 0.188rem;
}

.btn.ic {
    font-size: 0;
    min-width: 0;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    display: inline-block;
    border-radius: 0.375rem;
}

.btn.sm {
    padding: 0 0.625rem;
    min-width: 4.375rem;
    height: 2.25rem;
    border-radius: 0.375rem;
    display: inline-block;
    font-size: 0.938rem;
    font-weight: 400;
    line-height: 2.125rem;
}

.btn.md {
    height: 3rem;
    font-size: 1.063rem;
    font-weight: 600;
    min-width: 6rem;
    padding: 0 1.25rem;
    gap: 0.3rem;
}

.btn.btn_add::before {
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../assets/icon/Basic_Icon/i_btn_add.svg) no-repeat center / 1rem;
}

.btn.btn_del::before {
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../assets/icon/Basic_Icon/i_btn_del.svg) no-repeat center / 1rem;
}

.btn:disabled {
    cursor: default;
    background: #F1F2F2 !important;
    border-color: #F1F2F2 !important;
    color: #B5B5B5 !important;
}

.btn.btn_location::before {
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../assets/icon/Basic_Icon/i_location.svg) no-repeat center / 0.813rem;
}

.btn.ic.btn_print {
    position: relative;
}

.btn.ic.btn_print::before {
    content: "\e9bb";
    font-family: 'xeicon';
    font-size: 1.25rem;
    position: absolute;
    left: 0;
    top: 0;
    color: #777;
    font-weight: 400;
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
}
.btn_txt{font-size: 1.125rem; color: var(--Primary1); }
.btn_txt i{margin-right: 0.2rem;}

.status_tag {
    display: inline-block;
    font-size: 1rem;
    letter-spacing: -0.025em;
    color: #fff;
    line-height: 1;
    padding: 0.313rem 0.625rem;
    min-width: 4.063rem;
    text-align: center;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.status_tag.typeA {
    background: #0BB27F;
}

.status_tag.typeB {
    background: #BBBBBB;
}

/* Text input */
input[type="text"],
input[type="password"],
input[type="file"],
input[type="number"] {
    border: 0.0625rem solid var(--bdr);
    border-radius: 0.625rem;
    color: var(--Greyscale9);
    letter-spacing: -0.04em;
    height: 3rem;
    padding: 0 1.25rem;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-input-placeholder {
    color: #797979;
}

input::-moz-placeholder {
    color: #797979;
}

input:-ms-input-placeholder {
    color: #797979;
}

input::-ms-input-placeholder {
    color: #797979;
}

input::placeholder {
    color: #797979;
}

input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
    border-color: #2251D1;
    border-width: 0.125rem;
    padding: 0 1.188rem;
    outline: none;
}

input.err,
textarea.err {
    border-color: #F62D2D;
    border-width: 0.125rem;
    padding: 0 1.188rem;
    color: #F62D2D;
}

textarea:focus,
textarea:focus-visible,
textarea.err {
    padding: 1.188rem;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="file"]:disabled,
input[type="number"]:disabled,
textarea:disabled {
    background: #F5F5F5;
    opacity: 1;
    border-color: #EBEBEB;
}

.info_txt {
    margin-top: 0.2rem;
    line-height: 1.4;
    font-size: 1rem;
    letter-spacing: -0.04em;
    color: #9A9A9A;
    display: block;
    text-align: left;
    width: 100%;
}

.info_txt.err {
    color: #E85F5F;
}

.info_txt.suc {
    color: #103DEE;
}

/* Radio button */
input[type="radio"] {
    border: 0.0625rem solid var(--bdr);
    border-radius: 50%;
    background-color: #fff;
    outline: none;
    position: relative;
}

input[type="radio"].err {
    border: 0.125rem solid #F62D2D;
}

input[type="radio"]:checked {
    border: 0.25rem solid #fff;
    background-color: var(--Primary1);
}

input[type="radio"]:checked::before {
    content: '';
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    background: var(--Primary1);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6.25rem;
}

input[type="radio"]:checked,
input[type="radio"]:focus {
    border: 0.0625rem solid var(--Primary1);
    padding: 0;
    background: #fff;
}

input[type="radio"]+label {
    vertical-align: middle;
}

input[type="radio"]:disabled {
    background-color: #EAEAEA;
    border: 0.1rem solid #EAEAEA;
    cursor: default;
}

input[type="radio"]:disabled:checked {
    background-color: #EAEAEA;
}

input[type="radio"]:disabled+label {
    cursor: default;
}

/* Select */
.selectric-wrapper {
    min-width: 10rem;
}

.selectric {
    border: 0.0625rem solid var(--bdr);
    border-radius: 0.625rem;
    background: #fff;
    font-size: 1rem;
}

.selectric .label {
    height: unset;
    margin: 0;
    line-height: unset;
    letter-spacing: -0.04em;
    padding: 0.8rem 1.875rem 0.78rem 1rem;
    color: #010101;
}

.selectWrap.err .selectric {
    border: 0.125rem solid #F62D2D;
}

.selectWrap.err .selectric .label {
    color: #F62D2D;
}

.selectric-hover .selectric {
    border: 0.0625rem solid var(--bdr);
}

.selectric-focus .selectric {
    outline: 0;
    border-radius: 0.625rem;
}

.selectric-open .selectric {
    border-radius: 0.625rem;
    border: 0.125rem solid #2251D1;
}

.selectric-open .selectric .label,
.selectWrap.err .selectric .label {
    padding: 0.738rem 1.813rem 0.718rem 0.938rem;
}

.selectric-focus .selectric .button,
.selectric-focus .selectric .button::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.selectric-open .button,
.selectric-open .button::after {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.selectric .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: transparent;
    background-image: url(../assets/icon/Basic_Icon/i_select_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.selectric-items {
    overflow: hidden;
    border: 0.0625rem solid var(--bdr);
    border-radius: 0.625rem;
    background: #fff;
}

.selectric-disabled {
    opacity: 1;
}

.selectric-disabled .selectric {
    background: #f5f5f5;
    border-color: #EBEBEB;
}

/* Date picker */
.DatePickerWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 0.3rem;
}

.DatePicker>input {
    width: 100%;
    border: 0.0625rem solid var(--bdr);
    border-radius: 0.625rem;
    background: #fff;
    padding-right: 3rem;
}

.DatePicker>input.active {
    border-color: #2251D1;
    border-width: 0.125rem;
    padding: 0 1.188rem;
    outline: none;
    
}

.DatePicker>input:focus.active {
    padding: 0 1.188rem;
    padding-right: 3rem;
    text-overflow: ellipsis;
}
.DatePicker>input.active::placeholder{opacity: 0;}

.DatePicker>input:focus {
    padding: 0 1.25rem;
}

.DatePicker>input.datePickerInput::-webkit-input-placeholder {
    color: #797979;
}

.DatePicker>input.datePickerInput::-moz-placeholder {
    color: #797979;
}

.DatePicker>input.datePickerInput:-ms-input-placeholder {
    color: #797979;
}

.DatePicker>input.datePickerInput::-ms-input-placeholder {
    color: #797979;
}

.DatePicker>input.datePickerInput::placeholder {
    color: #797979;
}

.DatePicker>input.err {
    border-color: #F62D2D;
    border-width: 0.125rem;
    padding: 0 1.188rem;
    color: #F62D2D;
}

.DatePicker button.inputButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flatpickr-day.selected{background: var(--Primary1) !important; border-color: var(--Primary1) !important;}

input[type="file"]::file-selector-button {
    position: absolute;
    background: var(--Primary1);
    color: #fff;
    border: 0;
    padding: 0.75rem 1rem;
    font-family: "Pretendard GOV";
    font-size: 1rem;
    border-radius: 0.25rem;
    top: 0;
    right: 0;
    margin: 0;
}

input[type="file"] {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    font-size: 1rem;
    font-family: "Pretendard GOV";
    border: 0.0625rem solid var(--Greyscale4);
    border-radius: 0.25rem;
    position: relative;
    width: 100%;
    padding: 0.75rem 0.875rem;
    line-height: 1.375rem;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: 0.0625rem solid #878D91;
    outline: none;
}

input[type="checkbox"].err {
    border: 0.125rem solid #F62D2D;
}

input[type="checkbox"]+label {
    vertical-align: middle;
    line-height: 1;
    margin-left: 0.188rem;
}

input[type="checkbox"]:checked {
    background-color: var(--Primary1);
    border: 0.0625rem solid var(--Primary1);
}

input[type="checkbox"]:focus {
    padding: 0;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    width: 100%;
    height: 100%;
    top: -0.063rem;
    background: url(../assets/icon/Basic_Icon/i_checkbox.svg) no-repeat center;
}

input[type="checkbox"]:disabled {
    background-color: #EAEAEA;
    border-color: #EAEAEA !important;
    outline: none !important;
    cursor: default;
}

input[type="checkbox"]:disabled+label {
    cursor: default;
}

input[type="checkbox"]:disabled::before {
    opacity: 0;
}

input[type="checkbox"]:disabled:checked {
    color: #fff;
}

input[type="checkbox"]:disabled:checked::before {
    opacity: 1;
}

textarea {
    border: 0.0625rem solid var(--bdr);
    border-radius: 0.625rem;
    color: var(--Greyscale9);
    letter-spacing: -0.04em;
    height: 10rem;
    padding: 1.25rem;
}

button {
    cursor: pointer;
}

select.slcLst {
    width: 100%;
    border: 0.0625rem solid var(--Greyscale4);
    height: 10.312rem;
    font-size: 1rem;
}

/* 스위치 */

.switchWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 4.125rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.switchWrap label {
    display: block;
    position: relative;
    width: 4.125rem;
    height: 20.5rem;
    background: #d3d3d3;
    border-radius: 0.3125rem;
    -webkit-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

.switchWrap label::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 2.0625rem;
    height: 20.5rem;
    border-radius: 0.3125rem;
    background-color: var(--Primary1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.switchWrap label::before {
    content: "Y";
    width: 2.0625rem;
    height: 20.5rem;
    font-size: 0.875rem;
    line-height: 20.5rem;
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #fff;
    z-index: 1;
    text-align: center;
}

.switchWrap input[type="checkbox"]:checked {
    background: #1EBCAB;
    border-color: #1EBCAB;
}

.switchWrap input[type="checkbox"]:checked+label {
    background: var(--Greyscale4);
}

.switchWrap input[type="checkbox"]:checked+label::after {
    left: 2.0625rem;
    background-color: var(--Greyscale6);
}

.switchWrap input[type="checkbox"]:checked+label::before {
    content: "N";
    color: #fff;
    left: 2.0625rem;
}

.switchWrap input[type="checkbox"] {
    width: 3.75rem;
    height: 1.875rem;
    background: #BDC2C1;
}

.switchWrap input[type="checkbox"]::before {
    width: 1.375rem;
    height: 1.375rem;
    left: 0.25rem;
    top: 0.188rem;
    -webkit-box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
    box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
}

.switchWrap input[type="checkbox"]:checked::before {
    left: 2rem;
}

.switchWrap input[type="checkbox"]:focus {
    outline: none;
}

.switchWrap.err input {
    outline: 0.125rem solid #F62D2D;
    outline-offset: -0.125rem;
    color: #F62D2D;
}

.switchWrap input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: default;
}

.switchWrap input[type="checkbox"]:disabled::before {
    opacity: 1;
}

/* input + 설명/텍스트표기 */

.inputWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 0.625rem;
    position: relative;
}

.inputWrap.top input {
    padding-right: 2.5rem;
}

.inputWrap.top .inputEtc {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.excel_upload_wrap {
    transition: all 0.3s ease; /* 부드러운 스타일 전환을 위해 추가 */
}

.excel_upload_wrap.dragover {
    border-color: #00f; /* 드래그 상태에서 경계선 색상 */
    background: rgba(0, 0, 255, 0.1); /* 드래그 상태에서 배경색 변경 */
    box-shadow: 0 0 10px rgba(0, 0, 255, 0.5); /* 드래그 상태에서 그림자 추가 */
}

.excel_upload_wrap .upload_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 15rem;
    width: 100%;
    border-radius: 0.375rem;
    border: 0.063rem dashed #7ED3AE;
    background: #F4FBF8;
    margin-bottom: 1.25rem;
}

.excel_upload_wrap .upload_btn b {
    display: block;
    text-align: center;
    font-size: 1.063rem;
    margin-bottom: 0.625rem;
}

.excel_upload_wrap .upload_btn b::before {
    content: '';
    display: block;
    width: 100%;
    height: 1.875rem;
    background: url(../assets/icon/Basic_Icon/i_excel_upload.svg) no-repeat center;
    margin-bottom: 1.125rem;
}

.excel_upload_wrap .upload_btn p {
    font-size: 0.938rem;
}

.excel_upload_wrap .upload_btn p span {
    font-weight: 600;
    color: #55C595;
}

.excel_upload_wrap .input_wrap {
    position: relative;
}

.excel_upload_wrap .input_wrap .file_name {
    position: absolute;
    padding: 0 1.25rem;
    line-height: 3rem;
    font-size: 1rem;
    width: 100%;
    padding-right: 7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
    left: 0;
}

.excel_upload_wrap input[type="file"] {
    height: 3rem;
    border-radius: 0.375rem;
    border: 0.063rem solid #83899E;
    padding: 0 1.25rem;
    line-height: 2.875rem;
    padding-right: 7rem;
    background: #fff !important;
    font-size: 0;
}

.excel_upload_wrap .input_wrap .size {
    position: absolute;
    right: 3.125rem;
    font-size: 1rem;
    color: #ADADAD;
    top: 0.938rem;
    display: none;
}

.excel_upload_wrap .input_wrap .btn_file_del {
    position: absolute;
    right: 1.25rem;
    top: 1.063rem;
    width: 0.875rem;
    height: 0.875rem;
    background: url(../assets/icon/Basic_Icon/i_file_del.svg) no-repeat center;
    font-size: 0;
}

.excel_upload_wrap input[type="file"]::file-selector-button {
    display: none;
}

@media all and (max-width:1199px) {
    .buttonArea .btn {
        height: 3rem;
    }

    .btn {
        height: 2.8rem;
        font-size: 0.9375rem;
        min-width: 7rem;
    }

    .btn.ic {
        width: 2rem;
        height: 2rem;
    }

    .btn.sm {
        height: 2rem;
        font-size: 0.875rem;
        line-height: 1.875rem;
        min-width: 4rem;
        padding: 0 0.5rem;
    }

    .btn.md {
        height: 2.4rem;
        font-size: 0.875rem;
        min-width: 5.5rem;
        padding: 0 0.438rem;
        border-radius: 0.438rem;
    }

    .btn.btn_add::before {
        background-size: 0.813rem;
    }

    .btn.btn_del::before {
        background-size: 0.813rem;
    }

    .btn.ic.btn_detail {
        background-size: 1rem;
    }

    .btn i[class^='xi'] {
        font-size: 1.1rem;
    }

    .btn.md i[class^='xi'] {
        font-size: 1rem;
    }

    .btn.ic.btn_print::before {
        line-height: 2rem;
        font-size: 1rem;
    }

    .btn.btn_excel {
        gap: 0.3rem;
    }
    .btn_txt{font-size: 0.938rem;}

    .status_tag {
        font-size: 0.875rem;
        min-width: 3.5rem;
    }


    input[type="text"],
    input[type="password"],
    input[type="file"],
    input[type="number"] {
        height: 2.8rem;
        padding: 0 1rem;
    }

    select {
        padding: 0 1rem;
    }

    textarea {
        padding: 1rem;
    }

    input.err,
    textarea.err {
        padding: 0 0.938rem;
    }

    input:focus,
    input:focus-visible,
    textarea:focus,
    textarea:focus-visible {
        padding: 0 0.938rem;
    }

    textarea:focus,
    textarea:focus-visible,
    textarea.err {
        padding: 0.938rem;
    }

    .selectric .label {
        padding: 0.688rem 1.875rem 0.688rem 1rem;
    }

    .selectric-open .selectric .label,
    .selectWrap.err .selectric .label {
        padding: 0.625rem 1.813rem 0.625rem 0.938rem;
    }

    .DatePicker>input {
        -webkit-appearance: none;
    }

    .DatePicker>input {
        height: 2.8rem;
        padding: 0 1rem;
        padding-right: 2.5rem;
    }

    .DatePicker>input:focus,
    .DatePicker>input:focus-visible {
        padding: 0 0.938rem;
        border-color: #2251D1;
        border-width: 0.125rem;
    }

    .DatePicker>input.err {
        padding: 0 0.938rem;
    }

    .DatePicker {
        position: relative;
    }

    .DatePicker button.inputButton {
        display: none;
    }

    .DatePicker>input:not(.has-value)::-webkit-datetime-edit-month-field,
    .DatePicker>input:not(.has-value)::-webkit-datetime-edit-day-field,
    .DatePicker>input:not(.has-value)::-webkit-datetime-edit-year-field,
    .DatePicker>input:not(.has-value)::-webkit-datetime-edit-text {
        -webkit-appearance: none;
        display: none;
    }

    .DatePicker>input:not(.has-value):before {
        color: var(--plholder-font);
        content: attr(placeholder);
        position: absolute;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 70%;
        ;
    }

    .DatePicker>input:not(.has-value)::-webkit-input-placeholder {
        -webkit-appearance: none;
        opacity: 0;
        font-size: 0;
    }

    .DatePicker>input:not(.has-value)::-moz-placeholder {
        -webkit-appearance: none;
        opacity: 0;
        font-size: 0;
    }

    .DatePicker>input:not(.has-value):-ms-input-placeholder {
        -webkit-appearance: none;
        opacity: 0;
        font-size: 0;
    }

    .DatePicker>input:not(.has-value)::-ms-input-placeholder {
        -webkit-appearance: none;
        opacity: 0;
        font-size: 0;
    }

    .DatePicker>input:not(.has-value)::placeholder {
        -webkit-appearance: none;
        opacity: 0;
        font-size: 0;
    }

    .DatePicker>input::-webkit-inner-spin-button,
    .DatePicker>input::-webkit-calendar-picker-indicator {
        -webkit-appearance: none;
        opacity: 0;
        background: transparent;
        z-index: 1;
    }

    .DatePicker>input {
        position: relative;
    }

    .DatePicker>input::-webkit-date-and-time-value {
        text-align: left !important;
    }

    .DatePicker>input::after {
        content: '';
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(../assets/icon/Basic_Icon/Datepicker_calendar.svg) no-repeat center / 18px;
    }


    input[type="checkbox"] {
        width: 1.15rem;
        height: 1.15rem;
    }

    input[type="checkbox"]:focus,
    table.board input[type="checkbox"]:focus {
        padding: 0;
    }

    input[type="checkbox"]::before {
        background-size: 0.8rem;
        top: -0.125rem;
    }

    .switchWrap input[type="checkbox"] {
        height: 1.563rem;
        width: 3.125rem;
    }

    .switchWrap input[type="checkbox"]::before {
        width: 1.125rem;
        height: 1.125rem;
        left: 0.25rem;
    }

    .switchWrap input[type="checkbox"]:checked::before {
        left: 1.688rem;
        top: 0.156rem;
    }

    .excel_upload_wrap .upload_btn {
        height: 10rem;
    }

    .excel_upload_wrap .upload_btn b::before {
        background-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .excel_upload_wrap input[type="file"] {
        height: 2.8rem;
        padding: 0 1rem;
        line-height: 2.675rem;
        padding-right: 7rem;
    }

    .excel_upload_wrap .input_wrap .btn_file_del {
        height: 2.8rem;
        top: 0;
        background-size: 0.8rem;
        right: 1rem;
    }

    .excel_upload_wrap .input_wrap .size {
        line-height: 2.8rem;
        top: 0;
        font-size: 0.875rem;
    }
}

.row {
    padding-bottom: 0;
}

/*************************/

/* nav */

header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0.938rem 1.875rem;
    background: var(--Primary1) url(../assets/image/common/bg_header.png) no-repeat center / cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header h1 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24.375rem;
}

header h1>a {
    color: #fff;
    font-size: 20px;
    word-break: keep-all;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
}

header h1>a>span {
    padding-top: 12px;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.navbar {
    width: 100%;
}

.navbar .container {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar .container .leftItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
}

.navbar h1 {
    color: #fff;
    cursor: default;
    font-size: 1.1875rem;
}

.navbar h1 img {
    height: 2.5rem;
}

.navbar .gnb-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0px;
}

.navbar .gnb-menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0.625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 3.75rem;
    padding: 0 1rem;
    min-width: 10rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.navbar .gnb-menu li a:hover {
    color: #fdffc9;
}

.navbar .gnb-menu li a.active {
    background-color: rgba(0, 0, 0, 0.2);
}

.navbar .rightItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    white-space: nowrap;
}

.navbar .rightItem .userName {
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0;
    padding-left: 1.625rem;
    background: url(../assets/icon/Basic_Icon/i_user.svg) no-repeat left center;
}

.navbar .rightItem .userName b {
    color: #00B0FF;
    font-weight: 700;
}

.navbar .rightItem .time {
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.05em;
    padding-left: 1.188rem;
    background: url(../assets/icon/Basic_Icon/i_time.svg) no-repeat left center / 0.813rem;
}

.navbar .rightItem .btn_session {
    display: inline-block;
    width: 3rem;
    height: 1.625rem;
    border-radius: 0.313rem;
    border: 0.063rem solid #fff;
    color: #fff;
    font-size: 0.813rem;
    text-align: center;
    line-height: 1.75rem;
    font-weight: 500;
    margin-left: 0.688rem;
}

.navbar .rightItem .btn_session:hover {
    background: rgba(0, 0, 0, 0.1);
}

.navbar .rightItem .alarm {
    font-size: 1rem;
    color: #fff;
    letter-spacing: -0.025em;
    padding-left: 1.188rem;
    background: url(../assets/icon/Basic_Icon/i_alarm.svg) no-repeat left center / 0.875rem;
    position: relative;
    margin-left: 0.313rem;
}

.navbar .rightItem .alarm:hover {
    text-decoration: underline;
}

.navbar .rightItem .alarm::before {
    content: '';
    display: block;
    width: 1px;
    height: 0.688rem;
    background: #fff;
    opacity: 0.5;
    position: absolute;
    left: -0.688rem;
    top: 0.25rem;
}

.navbar .rightItem .alarm i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 6.25rem;
    background: #EB4545;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    line-height: 1rem;
    font-style: normal;
    margin-left: 0.188rem;
    vertical-align: middle;
}

.navbar .rightItem .btn_logout {
    width: 5rem;
    height: 1.625rem;
    border-radius: 0.313rem;
    border: 0.063rem solid #fff;
    background: #fff url(../assets/image/common/bg_logout_btn.png) no-repeat left top;
    font-size: 0.813rem;
    text-align: center;
    line-height: 1.75rem;
    font-weight: 500;
    margin-left: 0.688rem;
}

.navbar .rightItem .btn_logout:hover {
    font-weight: 700;
}

.navbar .rightItem .btn_logout::after {
    content: '';
    display: inline-block;
    width: 0.813rem;
    height: 0.688rem;
    background: url(../assets/icon/Basic_Icon/i_logout.svg) no-repeat center;
    vertical-align: middle;
    margin-left: 0.438rem;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

header .mBtn {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mBtn .bar {
    background-color: #fff;
}

@media (max-width: 1400px) {
    header h1 {
        width: auto;
    }

    header h1 img {
        height: 1.7rem;
    }

    .navbar .gnb-menu li a {
        min-width: 7rem;
    }
}

@media (max-width:1199px) {
    header {
        gap: 1rem;
        padding: 1rem 1.5rem;
    }

    header h1 {
        width: auto;
    }

    header h1 img {
        height: 1.5rem;
    }

    .navbar .gnb-menu li a {
        font-size: 1.1rem;
    }

    .navbar .gnb-menu li a>img {
        display: none;
    }

    .navbar .rightItem a.btn {
        font-size: 0.9375rem;
    }
}

@media (max-width:1199px) {
    body {
        min-width: 0;
    }

    header .mBtn {
        display: block;
        position: absolute;
        right: 2rem;
    }

    .navbar {
        position: fixed;
        top: 0;
        right: 0;
        width: 0 !important;
        height: 100%;
        height: calc(var(--vh, 1vh) * 100);
        background: #fff;
        overflow-x: hidden;
        -webkit-transition: all ease-out 0.3s;
        -o-transition: all ease-out 0.3s;
        transition: all ease-out 0.3s;
        z-index: 990;
    }

    .navbar.active {
        width: 31.25rem !important;
        background-color: var(--Primary1);
    }

    .navbar .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 5rem;
        gap: 1.5rem;
    }

    .navbar .container .leftItem,
    .navbar .gnb-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .navbar .gnb-menu li a {
        width: 100%;
    }

    .navbar .gnb-menu li a.active {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .navbar .gnb-menu li a>img {
        display: block;
    }

    .headerGnb .headerInner .gnb {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    header .mBtn.active .bar {
        background-color: #fff !important;
    }

    .navbar .rightItem {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        width: 100%;
        padding-bottom: 1.5rem;
    }

    .navbar .rightItem .userName {
        /* width: 100%; */
        text-align: center;
        background: none;
    }

    .navbar .rightItem .userName::before {
        content: '';
        display: inline-block;
        width: 1.3rem;
        height: 1.3rem;
        background: url(../assets/icon/Basic_Icon/i_user.svg) no-repeat center;
        vertical-align: middle;
        margin-right: 0.5rem;
    }
}

@media (max-width: 640px) {

    .navbar.active,
    .navbar .rightItem .userName {
        width: 100% !important;
    }

    .navbar .rightItem {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .navbar .gnb-menu li a {
        min-width: 12rem;
    }
}

/* content area */

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 2rem;
    gap: 2rem;
    margin-top: 5.625rem;
    min-height: calc(100dvh - 9.625rem);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #F5F5F7;
}


/* aside */

.wrapper .asideWrap {
    width: 15rem;
    min-width: 15rem;
    position: fixed;
    border-radius: 0.625rem;
    border: 0.0625rem solid #ced4da;
    background: #fff;
    height: calc(100dvh - 9.625rem);
    z-index: 99;
}

.wrapper .asideWrap .asideTit {
    background: var(--Primary1) url(../assets/image/common/bg_snb.png) no-repeat center / cover;
    font-size: 1.625rem;
    font-weight: 700;
    color: #fff;
    border-radius: 0.625rem 0.625rem 0px 0px;
    height: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper .asideWrap .asideNav {
    position: relative;
    top: -0.625rem;
    padding: 1.5rem;
    padding-top: 1rem;
}

.wrapper .asideWrap .asideNav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.1875rem 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-bottom: 0.0625rem solid #ced4da;
    color: #010101;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.wrapper .asideWrap .asideNav li a::after {
    display: block;
    content: "";
    width: 1rem;
    height: 1rem;
    background: url('../assets/icon/Basic_Icon/i_snb_arrow_off.svg') no-repeat center;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.wrapper .asideWrap .asideNav li.toggle>a.active,
.wrapper .asideWrap .asideNav li.toggle>a:hover {
    color: var(--Primary1);
    font-weight: 600;
}

.asideNav .toggle li>a.active {
    font-weight: 600;
}

.wrapper .asideWrap .asideNav li.open .sub-menu {
    display: block;
}

.wrapper .asideWrap .asideNav li.open>a {
    border-bottom: 0;
}

.wrapper .asideWrap .asideNav li.open a::after {
    background: url(../assets/icon/Basic_Icon/i_snb_arrow_on.svg) no-repeat center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.wrapper .asideWrap .asideNav li.open:not(:has(.sub-menu)) {
    border-bottom: 0.0625rem solid var(--Primary1);
}

.wrapper .asideWrap .asideNav li.open:not(:has(.sub-menu)) a::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.wrapper .asideWrap .asideNav .sub-menu {
    display: none;
    border-top: 0.0625rem solid var(--Primary1);
    border-bottom: 0.0625rem solid var(--Primary1);
}

.wrapper .asideWrap .asideNav .sub-menu li a {
    padding: 0.875rem 0;
    border-bottom: 1px dashed #D5D5D5;
    padding-left: 1.5rem;
    position: relative;
}

.wrapper .asideWrap .asideNav .sub-menu li a:hover {
    font-weight: 500;
}

.wrapper .asideWrap .asideNav .sub-menu li a::before {
    content: '';
    display: block;
    width: 0.188rem;
    height: 0.188rem;
    border-radius: 6.25rem;
    background: #000000;
    position: absolute;
    left: 0.688rem;
    top: 1.438rem;
}

.wrapper .asideWrap .asideNav .sub-menu li a::after {
    display: none;
}

.wrapper .asideWrap .asideNav .sub-menu li:last-of-type a {
    border-bottom: 0;
}

.wrapper .asideWrap .asideNav .sub-menu li.active a {
    font-weight: 600;
}

.wrapper .asideWrap .asideNav .sub-menu li.active a::before {
    background: var(--Primary1);
}

.wrapper>.container {
    max-width: 100%;
}

.wrapper .asideWrap .asideNav_wrap {
    max-height: calc(100% - 7.5rem);
}

.wrapper .asideWrap .simplebar-offset {
    padding-right: 0 !important;
}

.wrapper .asideWrap .simplebar-track.simplebar-vertical {
    top: 0.625rem;
    bottom: 0.625rem;
}

/* content header */

.contentWrap {
    width: 100%;
}

.contentWrap .container {
    width: 100%;
    max-width: 100%;
}

.asideWrap~.contentWrap {
    background: #fff;
    border-radius: 0.625rem;
    -webkit-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.16);
    margin-left: 17rem;
    /* min-width: 84.375rem; */
}

body {
    min-width: 0;
}

.row .conTop {
    padding-bottom: 0;
    padding-top: 2.5rem;
}

.conTop .conTit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
}

.conTop .conTit h3 {
    font-size: 2.25rem;
    font-weight: 700;
    color: #010101;
}

.conTop .breadCrumb {
    gap: 0;
}

.conTop .breadCrumb a {
    color: #797979;
}

.conTop .breadCrumb .breadCumbItem {
    gap: 0;
}

.conTop .breadCrumb .breadCumbItem:first-child a {
    font-size: 0;
    width: 1rem;
    height: 1rem;
    background: url(../assets/icon/Basic_Icon/i_breadCrumb_home.svg) no-repeat center;
}

.conTop .breadCrumb .breadCumbItem::after {
    display: block;
    content: "";
    width: 0.875rem;
    height: 0.875rem;
    background: url("../assets/icon/Basic_Icon/i_breadCrumb_arrow.svg") center no-repeat;
    margin: 0 0.625rem;
}

.conTop .breadCrumb .breadCumbItem:last-child::after {
    display: none;
}

.breadCrumb li:last-child a {
    font-weight: 400;
}

/* ------------------------------------------------------ */



/* 버튼영역 */


.boardBodyItem .buttonArea {
    margin: 0;
}

.adminTable .col.txt .buttonArea {
    margin: 0;
}

.adminTable .col.txt p {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* ------------------------------------------------------ */
/* content component */

/* 검색바 */
.srchFltrWrap .subsearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    width: 100%;
}

.srchFltrWrap .subsearch .tit {
    margin-right: 2.5rem;
}

.srchFltrWrap .subsearch .selectBox {
    width: 100%;
    gap: 0.625rem;
    padding: 0.625rem 1rem;
    border: 0.0625rem solid var(--Greyscale4);
    border-right: 0;
    font-size: 1rem;
    height: 3rem;
    border-radius: 0.5rem 0 0 0.5rem;
}

.subsearch .rightItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.subsearch .rightItem .searchBtn {
    background-color: #394597;
    color: #fff;
    padding: 0;
    height: 3rem;
    width: 7.5rem;
    min-width: 0;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 0.625rem;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.subsearch .rightItem .searchBtn:hover {
    background-color: #243186;
}

.subsearch input[type="search"] {
    padding: 0 1rem;
    border: 0.0625rem solid var(--bdr);
    width: 100%;
    border-radius: 0.625rem;
    line-height: 1;
}

.subsearch input[type="search"]:focus,
.subsearch input[type="search"]:focus-visible {
    border-color: #2251D1;
    border-width: 0.125rem;
    padding: 0 0.938rem;
}

.subsearch .rightItem input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 1rem;
}

.subsearch .searchBtn {
    background-color: var(--Primary1);
    color: #fff;
    padding: 0.75rem 1rem;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.5rem;
    margin-left: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.srchFltrWrap .srchFltrItem p.tit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    margin-left: 1.25rem;
    font-size: 1.063rem;
    min-width: 3.75rem;
}

.srchFltrWrap .srchFltrItem p.tit:first-of-type {
    margin-left: 0rem;
}

.srchFltrWrap .DatePicker {
    width: 12.5rem;
}

/* 팝업 */

html.noScroll {
    overflow: hidden;
}

.popupWrap {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popupWrap.on {
    display: block;
}

.popupWrap::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(0.625rem);
    -webkit-backdrop-filter: blur(0.625rem);
}

.popupWrap .popupInner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1199px;
    min-width: 480px;
    background-color: #fff;
    padding: 1.25rem;
    border-radius: 0.625rem;
    max-height: 80%;
    overflow-y: auto;
}

.popupWrap .popupInner .popupTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1.875rem;
}

.popupWrap .popupInner .popupTop>h5 {
    font-size: 1.5rem;
}

.popupCon.survey {
    border: 0.0625rem solid var(--Greyscale4);
}

.popupCon .board-dtlPage {
    min-width: 1200px;
}

/* ------------------------------------------------------ */

/* 게시판 스타일 */

.boardCount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.1875rem;
    font-size: 1rem;
    color: #000000;
    margin-bottom: 1rem;
    letter-spacing: -0.04em;
}

.boardCount::before {
    content: "";
    display: block;
    width: 0.625rem;
    height: 0.875rem;
    background-image: url("../assets/icon/Basic_Icon/i_boardCount.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0.2rem;
}

.boardCount span {
    color: #D63D3D;
    font-weight: 500;
}

.table-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 1rem;
}

.table-top:has(h4),
.table-top:has(.boardCount) {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.table-top .boardCount {
    margin-bottom: 0;
}

.table-top .buttonArea {
    width: unset;
    margin-top: 0;
}

.table-top .btn {
    height: 3rem;
}

.table-top .selectric .label {}

.table-top .selectric-wrapper {
    min-width: 13.75rem;
}

.table-area~.table-top {
    margin-top: 3rem;
}

/* .table-area {
    overflow-x: auto;
    overflow: hidden;
} */

.table-area.scr_v {
    overflow-y: auto;
    max-height: 44.063rem;
}

.table-area.scr_v table {
    border-collapse: separate;
}

.table-area.scr_v thead {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 2;
}

.table-area.scr_v thead th:first-child {
    z-index: 3;
}

.table-area.scr_v thead tr:first-child th {
    border-top: 0.125rem solid #000000 !important
}

.table-area.scr_v+.buttonArea {
    position: static;
    margin-top: 1rem;
}

table.board thead {
    background: #fff;
    border-top: 0.125rem solid #000000;
    border-bottom: 0;
}

table.board thead,
table.board tbody {
    text-align: center;
}

table.board tbody {
    background: #fff !important;
}

table.board thead th {
    position: relative;
}

table.board.link tbody tr {
    cursor: pointer;
}

table.board.link tbody tr:hover td {
    background: #F3F8FD;
}

table.board.link tbody tr.no_data {
    cursor: default;
}

table.board.link tbody tr.no_data:hover td {
    background: #fff;
}

table.board thead th::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 0.0625rem;
    height: 1.75rem;
    background-color: var(--Greyscale4);
}

table.board thead th:last-child::after {
    display: none;
}

table.board tbody.t-line {
    border-top: 0.125rem solid var(--Greyscale8);
}

table.board tbody>tr {
    border-bottom: 0.0625rem solid var(--Greyscale4);
    border-top: 0;
}

table.board thead>tr th {
    font-weight: 500;
    background: #F6F6F8;
    border-bottom: 0;
}

table.board tbody>tr th {
    font-weight: 400;
}

table.board tbody>tr.noticeBox {
    background: var(--Greyscale0);
}

table.board tbody>tr.noticeBox p.noticeTxt {
    display: block;
    padding: 0.1875rem 0.3125rem;
    color: var(--Greyscale8);
    font-weight: 400;
    background: var(--Secondary);
    border-radius: 0.1875rem;
}

table.board thead>tr th,
table.board tbody>tr td {
    font-size: 1.125rem;
    word-break: keep-all;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 4rem;
    border-bottom: 0.0625rem solid #D9D9D9;
    padding: 0.813rem 0.438rem;
}

table.board tbody>tr td .selectWrap {
    text-align: left;
}

table.board.link .tbody>tr td {
    padding: 1.125rem;
}

table.board thead>tr th.check,
table.board tbody>tr td.check {
    width: 3.5rem;
}

.boardBodyItem.switch,
.boardHeaderItem.switch {
    width: 70.5rem;
}

.boardBodyItem.date,
.boardHeaderItem.date {
    width: 12.5rem;
}

.boardBodyItem .smlTxt {
    font-size: 0.875rem;
}

table.board thead>tr th.num,
table.board tbody>tr td.num {
    width: 5%;
}

table.board tbody>tr td.number,
table.board thead>tr th.number {
    text-align: right;
    letter-spacing: -0.04em;
}

table.board tbody>tr td .unit {
    padding-left: 0.313rem;
    font-size: 1rem;
}

table.board tbody>tr td.number input[type="text"],
table.board tbody>tr td.number input[type="password"],
table.board tbody>tr td.number input[type="file"],
table.board tbody>tr td.number input[type="number"] {
    text-align: right;
}

table.board thead>tr th.item01,
table.board tbody>tr td.item01 {
    width: 10%;
}

table.board thead>tr th.item02,
table.board tbody>tr td.item02 {
    width: 20%;
}

table.board thead>tr th.fix100,
table.board tbody>tr td.fix100 {
    width: 6.25rem;
}

table.board thead>tr th.fix200,
table.board tbody>tr td.fix200 {
    width: 12.5rem;
}

table.board thead>tr th.date,
table.board tbody>tr td.date {
    width: 12.5rem;
}

table.board thead>tr th.tit,
table.board tbody>tr td.tit {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
}

table.board tbody>tr td.left {
    text-align: left;
}

table.board tbody>tr td.tit,
table.board tbody>tr td.tit a {
    color: var(--Greyscale8);
    font-weight: 400;
}

table.board tbody>tr td .input_wrap {
    display: flex;
    align-items: center;
}

table.board tbody.l-line>tr td {
    border-left: 0.0625rem solid var(--Greyscale4);
    min-width: 11.25rem;
}

table.board tbody.l-line>tr td:first-child {
    border-left: 0;
}

table.board thead .overHeader-b {
    border-bottom: 0.0625rem solid var(--Greyscale4);
}

table.board thead .overHeader-r {
    border-right: 0.0625rem solid var(--Greyscale4);
}

table.board tbody>tr .overHeader-l {
    border-left: 0.0625rem solid var(--Greyscale4) !important;
}

table.board tbody tr .boardBodyItem>div.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
}

table.board input[type="text"],
table.board input[type="password"],
table.board input[type="file"],
table.board input[type="number"] {
    height: 2.25rem;
    border-radius: 0.375rem;
    padding: 0 0.938rem;
}

table.board input[type="text"]:focus,
table.board input[type="password"]:focus,
table.board input[type="file"]:focus,
table.board input[type="number"]:focus {
    padding: 0 0.875rem;
}

table.board .tblBodyItem.center,
table.board .tblBodyItem.center * {
    text-align: center;
}

table.board .selectWrap {
    width: 100%;
}

table.board .selectric {
    border-radius: 0.375rem;
}

table.board .selectric .label {
    padding: 0.438rem 1.875rem 0.375rem 0.938rem;
    border-radius: 0.375rem;
}

table.board .selectric-open .selectric .label,
table.board .selectWrap.err .selectric .label {
    padding: 0.376rem 1.813rem 0.313rem 0.875rem;
}

.tbl_sch_wrap {
    display: flex;
    align-items: center;
    gap: 0 0.313rem;
}

.tbl_sch_wrap .btn_sch {
    min-width: 2.25rem;
    background: url(../assets/icon/Basic_Icon/i_btn_sch.svg) no-repeat center !important;
}

.table-title {
    display: block;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
    border-top: 0.063rem solid #D9D9D9;
    position: relative;
}

.table_unit {
    font-size: 18px;
    font-weight: 400;
}

.table-title .table_unit {
    position: absolute;
    right: 0;
    bottom: 1rem;
}

table.board.data thead>tr th,
table.board.data tbody>tr td {
    padding: 0.625rem;
    height: 3.438rem;
    border-left: 0.063rem solid var(--Greyscale4);
    font-size: 1rem;
}

table.board.data thead>tr th {
    height: 2.813rem;
}

table.board.data thead th::after {
    display: none;
}

table.board.data thead>tr th.bdln {
    border-left: 0;
}

table.board.data tbody>tr td:first-child {
    border-left: 0;
}

table.board.data th.gradeS {
    background-color: #FBEAEA;
}

table.board.data td.gradeS {
    background-color: #FFF8F8;
}

table.board.data th.grade1 {
    background-color: #FEF9D7;
}

table.board.data td.grade1 {
    background-color: #FFFDEE;
}

table.board.data th.grade2 {
    background-color: #F0F9E4;
}

table.board.data td.grade2 {
    background-color: #F7FBF1;
}

table.board.data th.grade3 {
    background-color: #E8F4FF;
}

table.board.data td.grade3 {
    background-color: #F4FAFF;
}

table.board .ellipsis {
    position: relative;
}

table.board .ellipsis a {
    display: block;
    text-align: left;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    padding-right: 1.875rem;
}

table.board .i_new {
    font-size: 0;
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    text-align: center;
    background: #0BB27F;
    border-radius: 6.25rem;
    font-style: normal;
    position: absolute;
    right: 0.438rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

table.board .i_new::before {
    content: 'N';
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
}



/* 상세/수정 표 */

.adminTable_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.adminTable_top:has(h4) {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form_guide {
    font-size: 1rem;
}

.form_guide .required {
    font-size: 0;
}

.form_guide .required::before {
    content: "*";
    color: #D80505;
    font-size: 1.125rem;
}

.adminTable_top h4,
.table-top h4 {
    font-size: 1.75rem;
    font-weight: 600;
}

.adminTable_top~.adminTable_top,
.adminTable_top~.table-top,
.table-top~.adminTable_top {
    margin-top: 3rem;
}

.adminTable_top .buttonArea {
    width: auto;
    margin: 0;
    margin-bottom: -0.313rem;
}

.adminTable {
    border-top: 0.125rem solid #000000;
    margin-bottom: 1rem;
}

.adminTable .row {
    border-bottom: 0.0625rem solid #ced4da;
    margin: 0;
}

.adminTable .col.tit,
.adminTable .col.txt {
    padding: 0.75rem 0.625rem;
}

.adminTable .col.tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #F6F6F8;
    width: 12.5rem;
    font-weight: 500;
    font-size: 1.125rem;
    color: #000;
    padding: 0.9375rem 1.875rem;
}

.adminTable .col.txt {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.adminTable .info_txt.err {
    margin-top: -0.313rem;
}

.adminTable .col.txt.form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.adminTable .col.txt input[type="checkbox"] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.adminTable .col.txt input[type="text"],
.adminTable .col.txt textarea,
.adminTable .col.txt input[type="password"] {
    width: 100%;
    font-size: 1rem;
}

.adminTable .col.txt .dropdown {
    width: 100%;
}

.adminTable .col.txt label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.adminTable .row>.col.txt>form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.adminTable fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.3125rem;
}

.adminTable .col.txt .description {
    color: #868e96;
    font-size: 0.875rem;
}

.adminTable .col.txt>.line {
    margin-bottom: 0.625rem;
}

.adminTable .col.txt>.line:last-child {
    margin-bottom: 0;
}

.adminTable .col.txt textarea {
    width: 100%;
}

.adminTable .col.tit.required::after {
    content: "*";
    color: #D80505;
}

.adminTableTit {
    font-size: 1.125rem;
    font-weight: 700;
    padding: 1rem 0.625rem;
    border-bottom: 0.125rem solid var(--Greyscale8, #363a3c);
    margin-top: 1.875rem;
}

.adminTable .row.header .col.tit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.adminTable .col.txt.insd {
    padding: 0;
}

.adminTable .insd .row {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 0;
}

.adminTable .insd .row .col {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.adminTable input[type="text"],
.adminTable input[type="password"],
.adminTable input[type="file"],
.adminTable input[type="number"] {
    height: 2.25rem;
    border-radius: 0.375rem;
    padding: 0 0.938rem;
}

.adminTable input[type="text"]:focus,
.adminTable input[type="password"]:focus,
.adminTable input[type="file"]:focus,
.adminTable input[type="number"]:focus {
    padding: 0 0.875rem;
}


.adminTable .selectWrap {
    width: 100%;
}

.adminTable .selectric {
    border-radius: 0.375rem;
}

.adminTable .selectric .label {
    padding: 0.438rem 1.875rem 0.375rem 0.938rem;
    border-radius: 0.375rem;
}

.adminTable .DatePicker,
.adminTable .selectWrap {
    max-width: 12.5rem;
}


/* .container .adminTable:nth-child(2) {
  margin-top: 1.875rem;
} */

.adminTableInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.adminTableInfo p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.3125rem;
    color: var(--Greyscale8);
}

.adminTableInfo p::before {
    content: "-";
    display: inline-block;
}

.adminTable .adminTable {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.adminTable .col.tit.full {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.adminTable .col.tit.full>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
}

.adminTable .adminTable .col.txt>.row {
    width: 100%;
    border-bottom: 0;
    gap: 0.625rem;
}

.adminTable .adminTable .col.txt>.row>.col {
    padding: 0;
}

.adminTable .adminTable .col.txt>.row>.col fieldset input[type="radio"],
.adminTable .adminTable .col.txt>.row>.col fieldset input[type="checkbox"] {
    margin-right: 0.625rem;
}

@media (max-width: 1199px) {
    .table-area {
        overflow-x: auto;
        overflow: hidden;
    }

    .adminTable .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .adminTable .col.tit,
    .adminTable .col.txt {
        width: 100%;
    }

    .adminTable .col.txt {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .adminTable .adminTable>.row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .adminTable .adminTable>.row .col.txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
}

/* 에디터 자리 */
.editorBox {
    width: 100%;
    height: 100%;
    min-height: 31.25rem;
}

/* 어드민테이블 내 좌우정렬 */

.adminTable .flexRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0.625rem;
    width: 100%;
}

/* -------------------------------------- */

/* 검색필터 */

.srchFltrWrap {
    background-color: #F5F5F7;
    padding: 1.875rem 2.5rem;
    border-radius: 0.625rem;
    margin-bottom: 3rem;
}

.srchFltrWrap .srchFltrItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}

.srchFltrWrap .srchFltrItem:last-child {
    margin-bottom: 0px;
}


.srchFltrWrap .srchFltrItem .subsearch .selectric .button {
    border-right: 0px;
    border-radius: 0;
    border-left: 0;
}
@media (max-width:1700px) {
    .srchFltrWrap .srchFltrItem{gap: 1rem;}
    .srchFltrWrap .subsearch .tit{margin-right: 1rem;}
    .srchFltrWrap .DatePicker{width: 10rem;}
    .srchFltrWrap .DatePicker input {
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
@media (max-width:1500px) {
    .srchFltrWrap {
        padding: 1rem 2rem;
    }

    .srchFltrWrap .srchFltrItem p.tit {
        margin-left: 0;
    }

    .srchFltrWrap .srchFltrItem {
        gap: 0.625rem;
    }

    .srchFltrWrap .selectric-wrapper {
        min-width: 8rem;
    }

    .srchFltrWrap .subsearch .tit {
        margin-right: 0.625rem;
    }
}
@media (max-width:1350px) {
    .srchFltrWrap .DatePicker {
        width: 9rem;
    }

    .srchFltrWrap .selectric-wrapper {
        min-width: 7rem;
    }
}

@media (max-width: 1199px) {
    .srchFltrWrap .srchFltrItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 1rem;
    }

    .srchFltrWrap .srchFltrItem p {
        margin-left: 0 !important;
    }

    .srchFltrWrap .srchFltrItem .DatePickerWrap {
        width: 100%;
    }

    .srchFltrWrap .srchFltrItem .DatePickerWrap .DatePicker {
        max-width: 100%;
    }

    .srchFltrWrap .srchFltrItem .selectWrap {
        width: 100%;
    }
}

/* 상세/수정/등록 */

.adminTable .selectric .label {
    border-radius: 0.5rem 0 0 0.5rem;
}

/* -------------------------------------- */

/* zoom in/out */

.zoomBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.5);
    height: 2rem;
    padding: 0.375rem;
    border-radius: 0.375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.zoomBox p {
    font-size: 0.875rem;
    color: #fff;
}

.zoomBox button {
    background-color: #fff;
    border-radius: 0.1875rem;
    height: 1.25rem;
    width: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
}


/* gnb select */

nav .rightItem .selectric-wrapper {
    min-width: unset;
}

nav .rightItem .selectric {
    background-color: rgba(255, 255, 255, 0.2);
    border: 0px;
    padding-right: 1.875rem;
    min-height: unset;
    border-radius: 0.5rem;
}

nav .rightItem .selectric .label {
    padding: 0.375rem 0.625rem;
    border: none;
    color: #fff;
    height: unset;
    border-radius: unset;
}

nav .rightItem .selectric .button {
    background-color: transparent;
    background-image: url(../assets/icon/App_Bar/Select_arrow_w.svg);
    border: none;
    width: 1.875rem;
    height: 100%;
}

nav .rightItem .selectric-items {
    background-color: #fff;
    border: 0px;
}

nav .rightItem .selectric-items li.highlighted {
    color: var(--Primary1);
}


/* 가로 구분선 추가 */

hr {
    display: block;
    height: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--Greyscale4);
    border: 0;
    margin: 1rem 0;
}

/* 페이지네이션 커스텀 */

.pagination-area {
    margin-top: 2.188rem;
    position: relative;
    min-height: 3.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination li {
    position: relative;
}

.pagination li:not(.page) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.313rem;
    height: 1.313rem;
    border-radius: 0;
}

.pagination .page li:not(.num) {
    display: none;
}

.pagination li.active::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.125rem;
    background: #000000;
    position: absolute;
    left: 0;
    bottom: -0.188rem;
}

.popupWrap .buttonArea {
    margin-top: 1rem;
}

.pagination-area .buttonArea.right {
    position: absolute;
    right: 0;
    width: auto;
    margin-top: 0;
}

.pagination>li>ul {
    gap: 0.813rem;
}

.pagination>li>ul .num.active a {
    color: #29292B;
}

.pagination>li a {
    color: var(--bdr);
    font-size: 1.125rem;
}

.pagination>li a:hover {
    color: #29292B;
}

.pagination>li img {
    opacity: 0.3
}

.pagination>li:hover a img {
    opacity: 1;
}

.pagination>li a.disabled img {
    opacity: 0.2 !important;
}

/* 수정/등록 페이지 테이블 수정 */

.adminTable .checkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 0.8125rem 0;
}

.adminTable .checkList fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.adminTable #tree {
    min-width: 16.25rem;
}

.adminTable .cus01 {
    background-color: var(--Greyscale1);
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
}

/* 말줄임 */
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


/* 모바일 반응형 추가 */
@media (max-width: 1199px) {
    .srchFltrWrap .srchFltrItem p.tit {
        width: 100%;
    }

    .srchFltrWrap .DatePicker {
        width: 100%;
    }

    .srchFltrWrap .srchFltrItem .DatePickerWrap .DatePicker {
        max-width: 50%;
    }

    .srchFltrWrap .subsearch {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .srchFltrWrap .subsearch .tit {
        margin-bottom: 1rem;
    }

    .srchFltrWrap .srchFltrItem {
        margin-bottom: 1rem;
    }

    .srchFltrWrap .srchFltrItem:last-of-type {
        margin-bottom: 0;
    }

    .srchFltrWrap .subsearch .selectWrap {
        margin-bottom: 0.5rem;
    }

    .subsearch .rightItem input {
        margin-left: 0;
    }

    .subsearch .rightItem .searchBtn {
        margin-left: 0.5rem;
    }
}

@media (max-width:1500px) {
    .pagination-area {
        margin-top: 6rem;
    }

    .table-area .buttonArea {
        position: absolute;
        margin-top: 1rem;
    }

    .table-area:has(.buttonArea) {
        padding-bottom: 5rem;
    }

    .table-area:has(.pagination-area) {
        padding-bottom: 7rem;
    }

    .table-area .pagination-area {
        position: absolute;
        left: 0;
        margin-top: 1rem;
        width: 100%;
        flex-wrap: wrap;
    }

    .pagination-area .buttonArea.right {
        position: static;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
    }

    .pagination {
        margin-top: 1rem;
    }

    table.board {
        white-space: nowrap;
        width: auto;
        min-width: 100%;
    }

    .table-area {
        width: calc(100dvw - 25rem);
        overflow-x: auto;
    }

    .contentWrap .container {
        position: relative;
    }


    .table-area::-webkit-scrollbar {
        width: 0.25rem;
        height: 0.25rem;
        background: #cfcfcf;
    }

    .table-area::-webkit-scrollbar-thumb {
        background: #8A8A8A;
    }

    table.board thead>tr th,
    table.board tbody>tr td {
        width: auto !important;
        white-space: nowrap;
        max-width: unset !important;
    }

    .table-area .DatePicker>input {
        min-width: 10rem;
        text-overflow: ellipsis;
        padding-right: 3rem !important;
    }

    table.board input[type="text"],
    table.board input[type="password"],
    table.board input[type="file"],
    table.board input[type="number"] {
        min-width: 7rem;
    }

    .table-area:has(.pagination-area):not(:has(.buttonArea)) {
        padding-bottom: 3rem;
    }

    .table-area:has(.pagination-area):not(:has(.buttonArea)) .pagination-area,
    .table-area:has(.pagination-area):not(:has(.buttonArea)) .pagination-area .pagination {
        margin-top: 0;
    }
    table.board .ellipsis a{max-width: 20rem;}
}

@media (max-width:1199px) {
    .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
        padding: 1rem;
        gap: 1rem;
    }

    .wrapper .asideWrap {
        width: 100%;
        margin-top: 4rem;
        position: static;
        z-index: 9;
    }

    .wrapper .asideWrap .asideTit {
        height: 4rem;
        font-size: 1.3rem;
    }

    .wrapper .asideWrap .asideNav li a {
        font-size: 1rem;
    }

    .contentWrap .container {
        position: relative;
    }

    .asideWrap~.contentWrap {
        margin-left: 0;
        min-width: 0;
    }

    .wrapper .asideWrap {
        height: auto;
    }

    .wrapper .asideWrap .asideNav_wrap {
        max-height: none;
    }

    .conTop .conTit {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .conTop .conTit h3 {
        font-size: 1.3rem;
        width: 100%;
    }

    .adminTable .row>.col.txt>form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .breadCrumb {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.3rem;
    }

    .breadCrumb li {
        margin: 0.2rem 0;
    }

    .row .col {
        padding: 1rem 1.5rem;
        width: 100%;
    }

    .row .conTop {
        padding-bottom: 0;
        padding-top: 1.5rem;
    }

    .table-area {
        width: 100%;
    }

    .table-area:has(.buttonArea) {
        padding-bottom: 5rem;
    }

    .table-area:has(.pagination-area) {
        padding-bottom: 7rem;
    }

    .table-area:has(.pagination-area):not(:has(.buttonArea)) {
        padding-bottom: 3rem;
    }

    .table-area:has(.pagination-area):not(:has(.buttonArea)) .pagination-area {
        margin-top: 0;
    }

    .table-area:has(.pagination-area):not(:has(.buttonArea)) .pagination-area .pagination {
        margin-top: 0;
    }

    table.board {
        white-space: nowrap;
        width: auto;
        min-width: 100%;
    }

    table.board thead>tr th,
    table.board tbody>tr td {
        width: auto !important;
        white-space: nowrap;
        max-width: unset !important;
        font-size: 0.9375rem;
        height: 3.3rem;
        padding: 0.5rem 1rem;
    }

    table.board tbody>tr td .unit {
        font-size: 0.9375rem;
    }

    table.board thead th::after {
        height: 1rem;
    }

    .table-area .pagination-area {
        position: absolute;
        left: 0;
        margin-top: 1rem;
        width: 100%;
    }

    .table-area.scr_v {
        max-height: 36.7rem;
    }

    .table-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .table-top:has(h4) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .table-top .selectric-wrapper {
        min-width: 8rem;
    }

    .table-top .btn {
        min-width: 7rem;
        height: 2.8rem;
    }

    .table-top .btn.md {
        min-width: 5rem;
        height: 2.4rem;
    }

    .table-top .buttonArea {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0.7rem;
        margin-top: 0;
        position: static;
    }

    table.board input[type="text"],
    table.board input[type="password"],
    table.board input[type="file"],
    table.board input[type="number"] {
        min-width: 7rem;
        padding: 0 0.7rem;
    }

    table.board input[type="text"]:focus,
    table.board input[type="password"]:focus,
    table.board input[type="file"]:focus,
    table.board input[type="number"]:focus {
        padding: 0 0.637rem;
    }



    table.board .DatePicker>input {
        height: 2.25rem;
        border-radius: 0.375rem;
        padding: 0 0.7rem;
        line-height: 2.125rem;
        min-width: 9rem;
    }


    table.board input:focus,
    table.board input:focus-visible,
    table.board textarea:focus,
    table.board textarea:focus-visible,
    table.board .DatePicker>input:focus,
    table.board .DatePicker>input:focus-visible {
        padding: 0 0.637rem;
    }

    table.board input.err,
    table.board textarea.err {
        padding: 0 0.637rem;
    }

    table.board textarea:focus,
    table.board textarea:focus-visible,
    table.board textarea.err {
        padding: 0.637rem;
    }

    .table-title {
        font-size: 1.2rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .table_unit {
        font-size: 0.938rem;
    }

    .table-title .table_unit {
        position: static;
        display: block;
        text-align: right;
        margin-top: 0.7rem;
        margin-bottom: -0.5rem;
    }

    table.board.data thead>tr th,
    table.board.data tbody>tr td {
        height: 3rem;
        font-size: 0.938rem;
        padding-top: 0.438rem;
        padding-bottom: 0.438rem;
    }

    table.board.data thead>tr th {
        height: 2.6rem;
    }

    table.board .i_new {
        width: 1.125rem;
        height: 1.125rem;
        line-height: 1.125rem;
    }

    table.board .i_new::before {
        font-size: 0.625rem;
    }

    table.board .ellipsis a {
        max-width: 100vw;
    }

    table.board .ellipsis a {
        padding-right: 1rem;
    }

    .buttonArea {
        margin-top: 1rem;
        position: absolute;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /* .table-area:has(.buttonSec) .buttonArea>.btn,
    .table-area.scr_v+.buttonArea>.btn:not(:first-child:last-child) {
        display: none;
    } */

    .buttonArea .buttonSec {
        /* width: 100%; */
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .pagination-area {}

    .pagination-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .pagination-area .buttonArea.right {
        position: static;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
    }

    .pagination {
        width: 100%;
        margin-top: 1rem;
        gap: 0.7rem;
    }

    .pagination .page li:not(.num) {
        display: block;
    }

    .pagination .page li:first-child:nth-last-child(7)~li:not(.num),
    .pagination .page li:first-child:nth-last-child(6)~li:not(.num) {
        display: none;
    }

    .pagination .page li:nth-of-type(n+7) {
        display: none;
    }

    .pagination .page li:last-of-type {
        display: block;
    }

    .pagination>li a,
    .pagination li:not(.page) {
        font-size: 1rem;
        width: 1.2rem;
        height: 1.2rem;
    }

    .pagination>li>ul {
        gap: 0.3rem;
    }

    .srchFltrWrap {
        padding: 1.25rem;
        margin-bottom: 2rem;
    }

    .srchFltrWrap .srchFltrItem p.tit {
        font-size: 1rem;
    }

    .srchFltrWrap .srchFltrItem {
        gap: 0.7rem;
    }

    .srchFltrWrap .srchFltrItem p~p {
        margin-top: 0.3rem;
    }

    .srchFltrWrap .subsearch .tit {
        margin-bottom: 0.7rem;
    }

    .subsearch input[type="search"] {
        height: 2.8rem;
        padding: 0 1rem;
    }

    .subsearch .rightItem .searchBtn {
        height: 2.8rem;
    }

    .adminTable_top {
        margin-bottom: 0.9rem;
    }

    .adminTable_top h4,
    .table-top h4 {
        font-size: 1.1rem;
    }

    .form_guide {
        font-size: 0.875rem;
    }

    .adminTable .col.tit,
    .adminTable .col.txt {
        padding: 0.5rem 1rem;
    }

    .adminTable .col.tit {
        padding: 0.8rem 1rem;
        font-size: 0.938rem;
    }

    .adminTable .col.tit:empty,
    .adminTable .col.txt:empty {
        display: none;
    }

    .adminTable .col.txt input[type="text"],
    .adminTable .col.txt textarea,
    .adminTable .col.txt input[type="password"] {
        padding: 0 0.7rem;
        width: 100% !important;
    }

    .adminTable .DatePicker>input {
        height: 2.25rem;
        border-radius: 0.375rem;
        padding: 0 0.7rem;
        padding-right: 1.875rem;
    }

    .adminTable .col.txt input:focus,
    .adminTable .col.txt input:focus-visible,
    .adminTable .col.txt textarea:focus,
    .adminTable .col.txt textarea:focus-visible,
    .adminTable .col.txt .DatePicker>input:focus,
    .adminTable .col.txt .DatePicker>input:focus-visible {
        padding: 0 0.637rem;
    }

    .adminTable .col.txt input.err,
    .adminTable .col.txt textarea.err {
        padding: 0 0.637rem;
    }

    .adminTable .col.txt textarea:focus,
    .adminTable .col.txt textarea:focus-visible,
    .adminTable .col.txt textarea.err {
        padding: 0.637rem;
    }

    .adminTable .DatePicker,
    .adminTable .selectWrap {
        max-width: 100%;
    }

    .adminTable+.buttonArea {
        position: static;
    }

    .adminTable_top~.adminTable_top,
    .adminTable_top~.table-top,
    .table-top~.adminTable_top,
    .table-top~.table-top {
        margin-top: 2.5rem;
        gap: 0.5rem;
    }

    .adminTable_top .buttonArea {
        position: static;
    }

    .table-top:has(h4) {}

    .table-top:has(h4) .buttonArea {
        margin: 0;
    }

}

@media all and (max-width:600px) {
    .srchFltrWrap .srchFltrItem .DatePickerWrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .srchFltrWrap .srchFltrItem .DatePickerWrap .DatePicker {
        max-width: 100%;
    }

    .srchFltrWrap .srchFltrItem .DatePickerWrap .gap {
        width: 100%;
        text-align: center;
        display: none;
    }

    .srchFltrWrap .srchFltrItem .DatePickerWrap .DatePicker~.DatePicker {
        margin-top: 0.5rem;
    }

    .subsearch .rightItem {
        display: block;
    }

    .subsearch .rightItem .searchBtn {
        margin-left: 0;
        margin-top: 0.5rem;
        width: 100%;
    }
}

@media all and (max-width:450px) {
    .buttonArea .buttonSec {
        gap: 0 0.313rem;
    }

    .btn {
        min-width: 6rem;
    }
}

@media all and (max-width:400px) {
    .btn {
        min-width: 5rem;
    }
}


/** loading **/
.loading{position: fixed; top: 0; height: 100%; left: 0; width: 100%; background:rgba(255,255,255,0.8); z-index: 10100;}
.loading .inner{display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%;}
.loading .loader {width: 4.375rem;height: 4.375rem;border: 0.625rem solid #467DF7;border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}
.loading p{font-size: 1.875rem; font-weight: 500; color: #A3A6AE; margin-top: 1.25rem;}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}