@font-face {
    font-family: 'LINESeedKR-Bd';
    src: url('/global/LINESeedKR-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'LINESeedKR-Rg';
    src: url('/global/LINESeedKR-Rg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'LINESeedKR-Th';
    src: url('/global/LINESeedKR-Th.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

/* PDA,�º�� ��ũ�� ���� */
#kt_app_root {
    position: relative;
    max-width: 100vw;
    overflow-x: hidden;
}

/* narrow/mobile header rules are unified under the 1023px Carbon-aligned breakpoint below */

/* =========================================================
   site.css internal map (phase 1, no file split)
   1. Global base and typography
   2. Legacy navbar/sidebar/footer rules
   3. App foundation and Metronic shell overrides
   4. Dock and layout utilities
   5. Shared project/page/tab rules
   6. Status and color utility palette
   7. Diagnostics and responsive helper utilities
   ========================================================= */

/* =========================================================
   Merged From custom.css
   Legacy app/component overrides previously loaded before site.css.
   Kept here to consolidate app-level CSS entry points.
   ========================================================= */


.btn {
    font-family: 'LINESeedKR-Rg', 'Noto Sans KR', 'sans-serif';
}


.mt5 {
    margin-top: 5px;
}

.m-page {
    max-width: 1200px;
    margin-left: 40px;
    margin-top: 20px;
}

a:hover, a {
    text-decoration: none;
}

    a:focus {
        outline: none;
        outline-offset: 0;
        color: none;
        text-decoration: none;
    }

/*terelik listview ���� Ŀ���� ��Ÿ�� start**/
.k-listview-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    outline: 0;
    flex-grow: 0;
    position: relative;
    overflow: auto;
}

.listview-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px;
}
/*terelik listview ���� Ŀ���� ��Ÿ�� end**/


.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding: 0px 8px 0px 8px !important;
    margin: 0px !important;
}

.list-box {
    border: 1px solid #d9d9d9;
    height: 100px;
}

.list-box2 {
    border: 1px solid #d9d9d9;
    height: 160px;
}


.s-grid-min {
    min-width: 800px;
}

.k-cell-inner > .k-link {
    padding: 12px;
    background: inherit;
}

/* table custom end */
/* button custom start */
/*.btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
*/

.w-base-button {
    height: 28px;
    font-size: 12px;
    /*    line-height: 40px;
*/ color: #5d5d5d;
    letter-spacing: -0.2px;
    text-align: center;
    transition: background-color .25s;
    padding: 1px 11px 0;
    outline: 0;
    cursor: pointer;
    border-radius: 2px;
}

.w-base-button2 {
    height: 28px;
    font-size: 12px;
    /*font-weight: 400;*/
    /*    line-height: 40px;
*/ color: #5d5d5d;
    /*    letter-spacing: 0;
    text-align: center;
    transition: background-color .25s;*/
    padding: 1px 11px 0;
    outline: 0;
    cursor: pointer;
    border-radius: 1px;
    border: 1px solid #D9D9D9;
}

.w-base-button:hover {
    /*background-color: #ebedf4;*/
    /*border: 1px solid #333;*/
}

.w-btn-base {
    background-color: #f3f4fa;
    color: black;
}

.w-btn-primary {
    background-color: #000a48;
}

.w-btn-dark {
    background-color: #222;
}

.w-btn-gray {
    background-color: #ffffff;
}

    .w-btn-gray:hover {
        /*background-color: #D9D9D9;
        color: white;*/
        border: 1px solid #333;
    }

.w-btn-yellow {
    background-color: #FFDF2C;
    border: 1px solid #efcb00;
}


    .w-btn-yellow:hover {
        background-color: #efcb00;
        border: 1px solid #efcb00;
    }

.w-btn-red {
    background-color: #ff5151;
    color: white;
}

    .w-btn-red:hover {
        background-color: #ffa5a5;
        color: white;
        border: 1px solid #D70000;
    }

.w-btn-white {
    background-color: #fff;
    color: #326edc;
    border: 1px solid #ddd;
}

    .w-btn-white:hover {
        background-color: #fff;
        color: #326edc;
        border: 1px solid #bbb;
    }

.k-button {
    /*border-radius: 0;*/
}

.k-blue {
    color: blue !important;
}

.k-red {
    color: red !important;
}


.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {
    color: #935a5a;
}

.b-line {
    border-bottom: 1px solid #afafaf;
    opacity: 0.75;
    margin: 0.5rem;
    margin-left: 0;
    margin-right: 0;
}

.w-lg {
}

.w-md {
    width: 150px;
}

.w-s {
    width: 100px;
}

.w-ms {
    width: 90px;
}

.w-ss {
    width: 70px;
}

.w-xs {
    width: 50px;
}

.w-ft-primary {
    color: #03166c;
}

.w-400 {
    width: 400px;
}

.w-540 {
    width: 540px;
}

.w-520 {
    width: 520px;
}

.w-700 {
    width: 700px;
}

.w-850 {
    width: 850px;
}

.w-day-md {
    width: 120px;
}

.w-btn-md {
    width: 144px;
    height: 48px;
    font-size: 20px;
}

.w-526 {
    width: 526px;
}

.w-w-50 {
    width: 50px;
}

.h-28 {
    height: 28px !important;
}

.h-36 {
    height: 36px;
}

.mb-42 {
    margin-bottom: 42px !important;
}

.ms-55 {
    margin-left: 55px !important;
}
/*button custom end*/
/*dropdown custom start*/
.k-combobox {
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

    .k-combobox > .k-input-inner {
        display: block;
        width: 100%;
        overflow: hidden;
        letter-spacing: -0.2px;
        line-height: 28px;
        /*color: #111;*/
        transition: border-color .25s;
        text-align: left;
        background-color: transparent;
        font-size: 14px;
        /*background-color: #fff;  �׸��忡 ����� ����� ����*/
    }

.k-state-selected > .w-combo > .k-input-inner {
    background-color: #c4dcea;
}

.k-combobox:hover {
    border: 1px solid #326edc;
}

.k-combobox.k-disabled {
    opacity: 1;
    border: none;
}

.k-combobox > button {
    display: none;
}

.k-combobox:hover > button {
    display: block;
}

.k-combobox.k-focus > button {
    display: block;
}
/*dropdown custom end*/
/*datepicker custom start*/
.k-dateinput, .k-datepicker {
    border-radius: 0px !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.k-floating-label-container > .k-label {
    display: none;
}

.k-dateinput > .k-input-inner {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 28px;
    letter-spacing: -0.2px;
    line-height: 40px;
    font-size: 14px;
    color: #111;
    transition: border-color .25s;
    text-align: center;
    background-color: #fff;
}

.k-datepicker:hover {
    border: 1px solid #326edc;
}

.daterangepicker-no-labels .k-label {
    display: none;
}

.k-floating-label-container {
    padding: 0px !important;
}

.daterangepicker-no-labels .k-floating-label-container {
    padding: 0;
}

.k-datepicker.k-disabled {
    opacity: 1;
}

/*datepicker custom end*/
.wb-label {
    font-size: 24px;
    width: 200px;
    padding: 10px;
    padding-left: 0;
    color: #6d6d6d;
}

.w-label {
    font-size: 12px;
    font-weight: normal;
    width: 200px;
    padding: 10px;
    color: #000;
    padding-left: 0;
}

.w-label2 {
    font-size: 12px;
    width: 40px;
    color: #6d6d6d;
    padding-left: 0;
    padding-top: 5px;
}

.w-label3 {
    font-size: 12px;
    color: #6d6d6d;
    padding-top: 5px;
    white-space: nowrap;
}

.w-label4 {
    font-size: 12px;
    padding-top: 5px;
    white-space: nowrap;
}

.ws-label {
    font-size: 11.5px;
    width: 200px;
    padding: 20px;
    color: black;
    padding-left: 0;
}

.ws-label2 {
    font-size: 11.5px;
    width: 60px;
    padding: 20px;
    color: black;
    padding-left: 0;
}

.ws-label3 {
    font-size: 11.5px;
    padding: 20px;
    color: black;
    padding-left: 0;
}



.w-border-right {
    border-right: 1px solid #afafaf;
    opacity: 0.75;
    height: 320px;
}

/* textbox custom start*/
.k-textbox {
    border-radius: 0;
}

    .k-textbox:hover {
        border: 1px solid #326edc;
    }

    .k-textbox.k-disabled {
        opacity: 1;
    }
/* textbox custom end*/

/*Window custom start*/
.k-dialog-titlebar {
    background-color: white;
}

.k-dialog-titlebar {
    color: black;
}
/*Window custom end*/

.k-numerictextbox.k-disabled {
    opacity: 1;
}

.document-label:hover {
    text-decoration: underline;
    color: #326edc;
}

.w-content {
    padding: 15px;
    background-color: white;
    min-height: 700px;
}


.active {
    /*  12.04 - ������ �ּ�ó��
    
    color: #326edc !important;
    font-weight: bold;
    background-color: #f2f6fd;
    */
}

.w-sub-menu > a:hover {
    background-color: #f2f6fd !important;
    color: #326edc !important;
    opacity: 1 !important;
    font-weight: bold;
}

/*menu custom start*/
.first-menu-name:hover {
    background-color: #f2f6fd;
}
/*.first-menu-name {
    padding: 0px 20px;
}*/
.w-sub-link {
    padding-left: 61px !important;
}

.breadcrumb-last {
}
/*menu custom end*/
/*dropdown custom start*/
.k-dropdownlist {
}

.k-picker-solid:hover, .k-picker-solid.k-hover {
    background-color: var(--bs-body-bg) !important;
}

.k-picker {
    background-image: none !important;
}

.k-picker-solid:focus, .k-picker-solid.k-focus {
    box-shadow: none;
}

.first_item > a {
    width: 100%;
    padding: 10px 20px !important;
}
/*dropdown custom end*/
/*icon custom start*/
.k-i-arrow-60-down {
    color: #666666;
}

/*bx {
    padding: 0 5px;
    font-size: 15px;
}

    .bx.bx-chevron-down.downicon2 {
        padding: 0 8px;
    }

.bx-chevron-down {
    color: #c5c7d1;
}*/
/*icon custom end*/
a {
    cursor: pointer;
}

.w-0 {
    width: 0 !important;
}

.logout-btn {
    cursor: pointer;
}

.w-color-red {
    color: #ff5151;
}

.w-color-black {
    color: black;
}

.w-required > .k-combobox > input {
    border: 1px solid red;
}

.k-numerictextbox > .k-input-inner {
    text-align: inherit;
}

.highlightCellBackGroud {
    background-color: lightyellow !important;
}

.k-filtercell-operator {
    display: none;
}

/*.k-combobox > .k-input-inner {
    text-align: center;
}*/
/*.k-textbox.k-input.rxEditCell > input {
    text-align: center;
}*/


.k-master-row > td {
    white-space: nowrap;
}


.rxEditCell {
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none;
}

hr {
    background: #afafaf !important;
}

.k-input-md, .k-picker-md {
    font-size: 14px;
}


.k-window {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: none;
    background-color: var(--bs-app-bg-color) !important;
}

    .k-window .k-window-content {
    }

/*�޼��� �ڽ� Ŀ���� Start*/
.k-dialog-title {
    display: none;
    border: 0;
}

.k-alert > .k-window-titlebar {
    /*    border-top-left-radius: 20px;
    border-top-right-radius: 20px;*/
}

.k-dialog-buttongroup, .k-hstack, .k-justify-content-end {
    border: 0;
    justify-content: center;
}

.k-window-titlebar {
    border-bottom: 1px solid var(--bs-modal-header-border-color);
}

.k-window-title {
    justify-content: start;
}

.k-alert > .k-dialog-titlebar {
    border: 0
}





.k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
    background-color: var(--bs-primary-active) !important;
    border: 0;
}

.k-button-solid-primary {
    background-color: var(--bs-primary);
    border: 0;
}

    .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
        box-shadow: 0 0 0px 2px rgb(18 116 172 / 0%);
    }
/*�޼��� �ڽ� Ŀ���� End*/



.searchCombo {
    border: 1px solid #d9d9d9 !important;
    height: 28px;
    width: 160px;
}

.searchCombo2 {
    border: 1px solid #d9d9d9 !important;
    width: 100%;
    height: 50px;
    border-radius: 14px;
}

.w-texth {
    height: 28px;
}

td > span > .k-combobox {
    height: 29px;
}

.btn-light:hover {
    border-color: #cbccd3;
}

.custom-dialog > .k-dialog-content {
    padding: 30px 18px;
}

.custom-dialog > .k-dialog-titlebar {
    justify-content: end;
    margin-top: 16px;
}

.k-other-month {
    visibility: hidden;
}
/* position icon over textbox */
.tb-icon-container .k-icon {
    font-size: 11.5px;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 0.5em;
}

/* add space to textbox without floating label */
.tb-icon-container .k-textbox input,
/* add space to floating label over the textbox */
.k-floating-label-container.k-empty:not(.k-focus) .k-label {
    padding-left: 2em;
}

/* icon with floating label */
.tb-icon-container.with-label .k-icon {
    top: 0.7em;
}


.k-grid-pager {
    margin-top: 12px;
    border-color: transparent !important;
}

    .k-grid-pager .k-link {
        color: var(--bs-gray-800);
    }

    .k-grid-pager .k-selected {
        color: var(--bs-gray-200);
        background-color: var(--bs-primary) !important;
        border-radius: 0.85rem !important;
    }

    .k-grid-pager .k-pager-info {
        color: var(--bs-gray-800);
    }

.k-switch-on .k-switch-track {
    background-color: #009ef7;
    border-color: #009ef7;
    height: 1.75rem;
    width: 2.5rem;
}

.k-switch-off .k-switch-track {
    --bs-form-check-bg: transparent;
    border-color: #009ef7;
    background-color: var(--bs-gray-300);
    background-image: var(--bs-form-check-bg-image);
    height: 1.75rem;
    width: 2.5rem;
    border: 1px solid var(--bs-gray-300);
}

.k-switch-on .k-switch-thumb {
    border: 0;
    background-color: white;
}

.k-switch-md {
    width: 40px;
}

    .k-switch-md .k-switch-thumb {
        width: 15px;
        height: 15px;
    }

.k-switch-off:focus .k-switch-track, .k-switch-off.k-focus .k-switch-track {
    outline: none;
}

.k-switch-on:focus .k-switch-track, .k-switch-on.k-focus .k-switch-track {
    outline: none;
}

.k-switch-off .k-switch-thumb {
    border: 0;
    background-color: white;
}

.k-numerictextbox > .k-input-spinner {
    /* visibility: collapse;*/
    background-color: var(--bs-input-solid-bg);
}

.k-numerictextbox:hover > .k-input-spinner {
    visibility: visible;
}

.k-button-solid-base {
    border-color: transparent;
}

.k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-hover {
    border-radius: 0.85rem !important;
}

.k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-hover.k-pager-nav.k-link, .k-hover.k-pager-refresh {
    border-radius: 0.85rem !important;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: var(--bs-light);
}

.k-slider .k-slider-selection {
    background-color: #4fc9da;
}

.k-slider .k-draghandle {
    background-color: #4fc9da;
    border-color: #4fc9da;
}

    .k-slider .k-draghandle:hover {
        border-color: #4fc9da;
        background-color: #4fc9da;
    }

    .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus {
        box-shadow: none;
    }

    .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
        border-color: #4fc9da;
        background-color: #4fc9da;
    }


.k-gantt > .k-toolbar {
    background-color: #fdfcfb;
}

.k-gantt {
    border: none;
}

.k-gantt-views > .k-button.k-selected {
    border-color: #f8f6f2;
    color: #918a7a;
    background-color: #f8f6f2;
}

/*.k-gantt-timeline > .k-grid {
    border-color: #fdfcfb;
    background-color: #fdfcfb !important;
}*/
/*
.k-grid-header-wrap, .k-gantt-content {
    border: none;
}
*/
.k-gantt-views > .k-button {
    background-color: #fdfcfb;
}

.k-task-single {
    background-color: #4fc9da;
}

.progress {
    background: #c3eaf3;
}



.k-gantt-views > button {
    background-image: none;
    border: none;
}

.k-gantt td {
    overflow: visible;
    font-size: 8.5px;
    border-bottom-width: 0 !important;
    padding: 0 !important;
}

/* ��Ʈ ��Ÿ�� Ŀ���� start*/
.k-gantt-treelist > .k-grid > .k-grid-header, .k-gantt-treelist > .k-grid > .k-grid-container {
    background: #f6f7f8;
}

.k-gantt-treelist > .k-grid > .k-grid-container {
    height: 100%;
}

.k-gantt-timeline .k-header {
    font-weight: normal;
    font-size: 11.5px;
}
/*.k-gantt-treelist .k-grid-content {
    background: #fdfcfb;
}*/
.k-gantt-treelist .k-grid-content td {
    padding: 0 !important;
    line-height: 0 !important;
}

.k-timeline > .k-grid-header {
    border-top-width: 1px;
    border-top-style: solid;
}

.k-task-summary {
    background-color: #4fc9da;
}

.k-gantt .k-treelist .k-grid-header .k-header {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.k-gantt .k-table-td {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.k-task-single .k-task-complete, .k-task-summary-complete {
    background-color: #1b8999;
}

/* ��Ʈ ��Ÿ�� Ŀ���� end*/
/* Telerik blazor 6.X ���� */
.k-checkbox {
    min-width: 20px;
    min-height: 20px;
}

#_scan_container {
    width: 100%;
}

#_scan_text {
    height: 50px;
    font-size: 20px;
    border: 2px dashed;
    width: 100%;
    color: #8b8b8b;
    border-radius: 0;
}

/*scrollbar Ŀ���� start*/
/*main::-webkit-scrollbar, span::-webkit-scrollbar, ol::-webkit-scrollbar, ul::-webkit-scrollbar, pre::-webkit-scrollbar, div::-webkit-scrollbar{
    height:15px;
}*/
/*scrollbar Ŀ���� end*/

.k-column-title {
    width: 100%;
}


td .off, .ends {
    visibility: collapse;
}

td.k-table-td.k-detail-cell {
    padding: 0px;
}

    td.k-table-td.k-detail-cell > span {
        padding: 8px 12px;
        display: block;
    }

td.k-table-td.k-hierarchy-cell > .k-i-minus {
    display: none;
}

.k-chip-solid-base {
    border: 0;
    border-radius: 0.475rem;
    padding: 0.4rem 0.4rem;
    background: #f4f4f4;
    font-size: 1.1rem;
    color: #5e6278;
}

.k-i-x-circle::before {
    content: "\2716";
    color: #a1a5b7;
}

.k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
    background-color: #f4f4f4;
}

.form-select2 {
    display: flex;
    padding: 0.775rem 0.5rem 0.775rem 1rem;
}

.k-grid td, .k-grid .k-table-td {
    white-space: nowrap;
}



/* DropDonwList Style */

.k-input-inner {
    color: var(--bs-gray-900);
}

.k-list-ul > li {
    margin: 0 0 0 0;
    color: var(--bs-gray-800);
    height: 50px;
}

.k-list-ul > .k-list-item {
    padding: 7px 10px 7px 10px !important;
    /*    height: 50px !important;  Virtual Mode �� ��� �۵��� �ȵǴ� ��찡 ����*/
}

    .k-list-ul > .k-list-item.k-selected.k-focus {
        background-color: var(--bs-component-hover-bg);
        color: var(--bs-component-hover-color);
        padding: 0;
    }

    .k-list-ul > .k-list-item:hover {
        background-color: var(--bs-component-hover-bg);
        color: var(--bs-component-hover-color);
    }

.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
    box-shadow: inset 0 0 0 0px rgba(41, 43, 44, 0.15);
}

.k-list-filter > .k-searchbox {
    height: 35px;
    padding: 8px;
    margin: 4px 0 8px 0;
}

.k-list-content, .k-dropdownlist-popup {
    background-color: var(--bs-body-bg) !important;
    border: 0px solid var(--bs-gray-500) !important;
    font-size: 11.23px;
}

.k-list-filter > .k-searchbox {
    background-color: var(--bs-body-bg) !important;
    border: 1px solid var(--bs-gray-400) !important;
    box-shadow: inset 0 0 0 0px rgba(41, 43, 44, 0.15);
    color: var(--bs-gray-900);
}

    .k-list-filter > .k-searchbox > .k-input-icon {
        display: none;
    }

.k-i-caret-alt-down::before {
    content: "\e006";
    color: var(--bs-gray-500);
}

.k-window-content {
    background-color: var(--bs-app-bg-color) !important;
}



/* �׸��� �� ������Ʈ�� */
.k-table-md {
    font-size: 12.1px; /* �׸��� ��� ���� ���� 11 -> 12.1px*/
    line-height: 1.5285714286;
}

    .k-table-md .k-input-inner {
        font-size: 12.1px;
    }


.k-autocomplete-popup .k-list-item.k-focus {
    background-color: var(--bs-gray-300);
}


.rs-grid-toolbar {
    margin-top: -45px;
    height: 45px;
    padding-top: 2px;
    padding-right: 5px;
}

.k-window-titlebar {
    border-color: inherit;
    color: var(--bs-text-gray-900);
    background-color: var(--bs-gray-300) !important;
}

.h34825 {
    height: 34.825px; /* small size height */
    min-height: 34.825px; /* small size height */
    max-height: 34.825px; /* small size height */
}

.k-window:focus, .k-window.k-focus {
    box-shadow: none;
}

[data-bs-theme=dark]
.bg-dark {
    color: var(--bs-text-light);
}



.card.card-hover-toolbar {
}

.card-hover-toolbar .card-header .card-toolbar {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.card-hover-toolbar:hover .card-header .card-toolbar {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.hover-view {
}

    .hover-view .hover-view-container {
        opacity: 0 !important;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    }

    .hover-view:hover .hover-view-container {
        opacity: 1 !important;
        visibility: visible;
        transform: translateY(0);
    }


.wx-btn-text {
    height: 10px;
}



/*  RsDatePicker ����Ʈ �������� ����°� index�� 10000���� �̴� */
.daterangepicker {
    z-index: 21000 !important;
}



/* ǰ�� �Ӽ� */
.item-attr-container {
    width: 60px;
    margin-left: 15px;
    justify-content: center;
    text-align: center;
}

.item-attr-CUZ {
    display: flex;
    justify-content: center;
    border-radius: 0.25rem; /* rounded */
    padding-left: 0.5rem; /* px-2 */
    padding-right: 0.5rem; /* px-2 */
    border: 1px solid var(--bs-warning-light); /* border-warning */

    /* ��� ������ RGBA�� ���� (������ ���� ����� 0~1) */
    background: conic-gradient( rgba(255, 193, 193, 0.5), /* ���� ���� */
                                rgba(255, 216, 168, 0.5), /* ���� ��Ȳ */
                                rgba(255, 250, 205, 0.5), /* ���� ��� */
                                rgba(193, 255, 193, 0.5), /* ���� �ʷ� */
                                rgba(173, 216, 230, 0.5), /* ���� �Ķ� */
                                rgba(216, 191, 216, 0.5) /* ���� ���� */
    );
    color: var(--bs-dark) !important;
}

    .item-attr-CUZ .item-attr-circle {
        width: 8px;
        height: 8px;
        border-radius: 50%; /* rounded-circle */
        background: conic-gradient(#FFC1C1, #FFD8A8, #FFFACD, #C1FFC1, #ADD8E6, #D8BFD8);
    }

.item-attr-WHT {
    display: flex;
    justify-content: center;
    border-radius: 0.25rem; /* rounded */
    padding-left: 0.5rem; /* px-2 */
    padding-right: 0.5rem; /* px-2 */
    border: 1px solid var(--bs-gray-100); /* border-warning */
    background: var(--bs-gray-100);
    color: var(--bs-dark) !important;
}

    .item-attr-WHT .item-attr-circle {
        width: 8px;
        height: 8px;
        border-radius: 50%; /* rounded-circle */
        border: 1px solid var(--bs-gray-600);
        background: var(--bs-white);
    }

.item-attr-BLK {
    display: flex;
    justify-content: center;
    border-radius: 0.25rem; /* rounded */
    padding-left: 0.5rem; /* px-2 */
    padding-right: 0.5rem; /* px-2 */
    border: 1px solid var(--bs-gray-100); /* border-warning */
    background: var(--bs-gray-100);
    color: var(--bs-dark);
}

    .item-attr-BLK .item-attr-circle {
        width: 8px;
        height: 8px;
        border-radius: 50%; /* rounded-circle */
        background: var(--bs-dark);
    }


.bs0010-item-container {
    display: flex; /* d-flex */
    justify-content: space-between; /* justify-content-between */
    align-items: center; /* align-items-center */
    padding: 0.25rem 0.75rem; /* py-1(px-3) => top/bottom: 0.25rem, left/right: 0.75rem */
}


    .bs0010-item-container .bs0010-item-title {
        display:flex;
        flex-direction: column;
    }

        .bs0010-item-container .bs0010-item-title .bs0010-item-code {
            font-weight:500;
            font-size:11px;
        }

        .bs0010-item-container .bs0010-item-title .bs0010-item-name {
            font-size: 11px;
            letter-spacing: -0.5px;
            font-weight: 200;
        }






.custom-diagram-container {
    width: 200px;
    background-color: #F4F4F4;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    font-family: 'Segoe UI', sans-serif;
    box-shadow: none;
    overflow: hidden;
}

    .custom-diagram-container > .custom-diagram-card {
        background-color: #1D2341;
        color: white;
        padding: 2px;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

.custom-diagram-card > .cus-diagram-title {
    margin: 0;
    padding: 4px;
    font-size: 11.5px;
}

.custom-diagram-container .info-table {
    background-color: white;
    padding: 8px;
    font-size: 11px;
    color: #1D2341;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.info-row {
    display: flex;
    justify-content: space-between;
    gap: 4px;
}

.info-label {
    font-weight: 600;
    flex: 1;
    white-space: nowrap;
}

.info-value {
    flex: 2;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ��¥�� ���� �߾� ���� */
.info-date {
    margin-top: 4px;
    text-align: center;
    font-size: 10.5px;
    color: #1D2341;
}

/* ��Ʈ ��Ÿ�� ���� ���� */
.diagram-port.right,
.diagram-port.left {
    position: absolute;
    height: 9px;
    width: 9px;
    top: 60%;
    border-radius: 50%;
    background-color: #A0A0A0;
}

.diagram-port.right {
    right: -5px;
}

.diagram-port.left {
    left: -5px;
}

/* ���ἱ ��Ÿ�� */
.diagram-link path {
    stroke: #C0C0C0 !important;
    stroke-width: 1.5 !important;
    fill: none;
}
body {
    font-family: 'Pretendard', 'SUIT', 'LINESeedKR-Rg', 'sans-serif'; /*'Spoqa Han Sans Neo',*/
    font-feature-settings: 'tnum';
    font-weight: 400;
}

.base-font {
    font-family: 'Pretendard', 'Segoe UI';
    font-feature-settings: 'tnum';
}

.fw-light {
    font-family: 'Pretendard', 'LINESeedKR-Th';
    font-weight: 300;
}

.fw-bold {
    font-family: 'Pretendard', 'LINESeedKR-Bd';
    font-weight: 600 !important;
}


.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-12 {
    font-size: 12px !important;
}


.fw-semibold {
    font-family: 'Pretendard'; /*'LINESeedKR-Bd';*/
    font-weight: 500 !important;
}

.fw-bolder {
    font-family: 'Pretendard'; /*'LINESeedKR-Bd';*/
    font-weight: 700 !important;
}

.f-ns-light, .w-fw-light {
    font-family: 'Pretendard'; /*'LINESeedKR-Bd';*/
    font-weight: 300;
}

.f-ns-normal {
    font-family: 'Pretendard'; /*'LINESeedKR-Bd';*/
    font-weight: 400;
}

.f-ns-bold, .w-fw-bold {
    font-family: 'Pretendard'; /*'LINESeedKR-Bd';*/
    font-weight: 700;
}

.f-ns-bolder, .w-fw-bolder {
    font-family: 'Pretendard'; /*'LINESeedKR-Bd';*/
    font-weight: 800;
}

.w-title-m {
    font-family: 'Pretendard'; /*'LINESeedKR-Bd';*/
    font-weight: 700;
    font-size: 18px;
}



.w-f-10, .w-fs-10 {
    font-size: 10.5px !important;
}

.w-f-11-5, .w-fs-11 {
    font-size: 11.5px !important;
}

.w-f-12, .w-fs-12 {
    font-size: 12.0px !important;
}

.w-f-13, .w-fs-13 {
    font-size: 13px !important;
}

.w-f-14, .w-fs-14 {
    font-size: 14px !important;
}

.w-f-15, .w-fs-15 {
    font-size: 15px !important;
}

.w-f-16, .w-fs-16 {
    font-size: 16px !important;
}

.w-f-17, .w-fs-17 {
    font-size: 17px !important;
}

.w-f-18, .w-fs-18 {
    font-size: 18px !important;
}

.w-f-19, .w-fs-19 {
    font-size: 19px !important;
}

.w-f-20, .w-fs-20 {
    font-size: 20px !important;
}

.w-f-18, .w-fs-25 {
    font-size: 25px !important;
}

.w-f-30, .w-fs-30 {
    font-size: 30px !important;
}

.w-f-50, .w-fs-50 {
    font-size: 50px !important;
}


.w-f-pred {
    font-family: 'Pretendard';
    font-feature-settings: 'tnum';
}


h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
    width: 100%;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }


.yellow {
    background-color: rgb(228, 233, 163, 0.20) !important;
}

.datepicker-label {
    width: 65px;
    padding: 0 12px;
    font-weight: 100;
    line-height: 1.8;
    word-spacing: -2px;
}

body.modal-open {
    overflow-y: auto;
}


.rotateicon {
    transform: rotate(-180deg);
    transition-duration: 100ms;
}

.unrotateicon {
    transform: rotate(0deg);
    transition-duration: 100ms;
}


.body-content {
    width: 1360px;
}


.content {
    padding-top: 0px;
}

.w-content2 {
    width: 100%;
}


/*.content {
    margin: 1.5rem;
    margin-left: 5rem;
}
*/

.visible {
    display: block !important;
}

.page {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #f0f0f0;
    /*background-color: #f6f8fa;*/
}

/* =========================================================
   Legacy Navigation Shell
   Legacy navbar/second-bar/sidebar/footer rules kept in-place
   for compatibility. Candidate for phase-2 extraction/archive.
   ========================================================= */

/*----------navbar------------*/
.navbar1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1A1A1C;
    border-radius: inherit;
    flex-direction: row;
    height: 60px;
    line-height: 60px;
}

.navbar_menu a {
    text-decoration: none;
    color: white;
}

.navbar_title {
    color: white;
    display: flex;
    margin-left: 2.25rem;
    white-space: nowrap;
}


.navbar_menu {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-right: 1.5rem;
    white-space: nowrap;
    flex-direction: row;
}

    .navbar_menu span {
        color: white;
    }

    .navbar_menu li {
        font-size: 14px;
        font-family: 'Pretendard', "NanumSquare";
        font-weight: 500;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        border-right: 1px solid #3e41497f;
    }

.navbar_togleBtn {
    display: none;
    position: absolute;
    right: 1.25rem;
    font-size: 1.5rem;
    color: white;
    margin-top: 0.25rem;
    background-color: #1A1A1C;
    border: none;
}

.dropdown {
    top: -0.25rem;
}

    .dropdown ul {
        background-color: #1A1A1C;
    }

        .dropdown ul li a {
            color: white;
        }

    .dropdown li {
        display: flex;
        flex-direction: row;
    }

#dropBtn1 {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}

    #dropBtn1:checked ~ .dropdown_menu {
        display: block;
    }

.dropdown_menu {
    display: none;
}

.dropleft {
    left: auto;
    right: 0.25rem;
}

.dropdown-divider {
    border-color: gray;
}

.dropdown-menu span {
    font-size: 0.75rem;
    display: flex;
    color: gray;
    margin-top: 0.5rem;
}

/* 22.12.27 �ּ�ó��
.modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5rem 1.5rem;
}
*/

.close {
    color: white;
    opacity: 1;
}

.search_command {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    list-style: none;
}

.search_icon {
    color: white;
    font-size: 1.25rem;
}

.search_icon2 {
    color: white;
    font-size: 1.25rem;
    padding: 0.75rem;
}

.search_command a {
    color: black;
    text-decoration: none;
}

.search_command li {
    margin-bottom: 0.5rem;
}



.dropicon {
    background-color: #1A1A1C;
    border: none;
}




.search_btn {
    background-color: #1A1A1C;
    border: none;
}

/*
    .modal-header button {
        color: white;
    }

    .modal-header span {
        font-size: 1.25rem;
        margin-right: 0.5rem;
    }
*/

/*input[type=text] {
    width: 100%;
    background-color: #1A1A1C;
    color: white;
    border: none;
    outline: none;
}

*/

.pcsize_show {
    display: block !important;
}

.msize_show {
    display: none !important;
}

.search_area {
    width: 100%;
    border: 1px solid #aaa;
    font-size: 1rem;
    line-height: 1.5rem;
}

    .search_area span {
        font-size: 1.25rem;
        margin: 0.5rem;
    }



#m_check {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}

/*input[type=search] {
    background-color: #1A1A1C;
    color: white;
    border: none;
    margin: 0.5rem;
    outline: none;
}

*/

#searchbox {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}


.search_word {
    display: none;
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
    background-color: #1A1A1C;
}

.search_command2 li {
    border-bottom-style: none !important;
}



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

/*  ------------second_bar------------
    */


.second_bar {
    background-color: white;
    border-bottom-width: 1px;
    border-bottom-color: #dcdcdc;
    border-bottom-style: solid;
    height: 50px;
    font-family: 'Pretendard', "NanumSquare";
    font-weight: 700;
    font-size: 14px;
    z-index: 99;
    box-shadow: 3px 3px 8px rgb(0 0 0 / 5%);
}

    .second_bar span {
        margin-left: 0.75rem;
        margin-bottom: 0.0rem;
        margin-right: 0.75rem;
    }

.second_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 1.5rem;
}

/*
    .second_menuicon {
    display: none;
}
*/

.second-Iink li {
    color: black;
}

.second-Iink {
    margin-left: 0.75rem;
    height: 49px;
    line-height: 49px;
}




.downicon {
    font-size: 2rem !important;
    padding-top: 0.75rem !important;
}

.downicon2 {
    font-size: 1.5rem !important;
    padding-top: 0.00rem !important;
}

.grid_icon {
    color: white;
    font-size: 1.5rem;
}

.unvisible {
    display: none !important;
}
/*    -------------------------------------------
    */
/*    -----------------side-----------------------------
    */

.sidebar {
    box-sizing: border-box;
    transition-duration: 200ms;
    transition-property: width;
    display: block;
    z-index: 5;
    border-right: 1px solid #e2e2e2;
    width: 220px;
    min-width: 220px;
    background-color: #fff;
    margin-top: 0px;
}

.sidebar-slide-in {
    position: relative;
    left: -100%;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0s;
    animation: slide 0.5s forwards;
    animation-delay: 0s;
}


.sidebar-slide-out {
    position: relative;
    left: 0;
    -webkit-animation: slideout 0.5s forwards;
    -webkit-animation-delay: 0s;
    animation: slideout 0.5s forwards;
    animation-delay: 0s;
    width: 0;
    min-width: 0;
}


@-webkit-keyframes slide {
    100% {
        left: 0;
    }
}

@keyframes slide {
    100% {
        left: 0;
    }
}


@-webkit-keyframes slideout {
    100% {
        left: -100%;
    }
}

@keyframes slideout {
    100% {
        left: -100%;
    }
}



#side_check {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}

    #side_check:checked ~ .sidebar {
        width: 220px;
    }



.side_first {
    display: none;
    list-style: none;
    position: relative;
}

.side_menu {
    font-family: 'Pretendard', "NanumSquare";
    font-weight: 600;
    font-size: 14px;
}

    .side_menu .bx {
        font-size: 15px;
        color: #1861ac64;
        vertical-align: middle;
        margin-bottom: 2px;
        margin-right: 5px;
        margin-left: 15px;
    }

.side_second {
    display: none;
    /*background: #ccc;*/
    font-size: 1rem;
    /*background-color: white;*/
    list-style: none;
}

.side_thud {
    display: block;
    /*background: #ccc;*/
    font-size: 1rem;
    /*background-color: white;*/
    list-style: none;
}

.side_menu {
    list-style: none;
    text-align: left;
    font-size: 1rem;
    padding-left: 0rem;
    white-space: nowrap;
    margin-top: 20px;
    width: 100%;
}

.side_first a {
    color: black !important;
    font-size: 0.9rem;
    display: block;
    padding: 10px 5px 10px 5px;
    text-decoration: none;
}

.side_first span {
    padding-top: 1rem;
}

.first_item {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


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





/*-------------footer----------*/
.footer {
    background-color: #1A1A1C;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    width: 100%;
    z-index: 20;
    bottom: 0;
}

.Foot_menu {
    display: flex;
    flex-direction: row;
    padding-top: 1.75rem;
    font-size: 0.5rem;
}

    .Foot_menu li {
        list-style: none;
        margin: 0rem 0.5rem;
    }

    .Foot_menu a {
        color: #C0C0C0;
        font-weight: 400;
        white-space: nowrap;
    }

.Foot_left {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.Foot_logo {
    padding: 1.5rem 0rem;
    padding-left: 2rem;
    color: gray;
    white-space: nowrap;
}

.dropup {
    border: 1px solid #C0C0C0;
    width: 12rem;
    height: 2rem;
    padding: 0.25rem;
    margin-top: 1.25rem;
    margin-right: 2rem;
    margin-left: 2rem;
}


    .dropup span {
        color: #C0C0C0;
        font-weight: 800;
    }

.info_pr a {
    font-weight: 800;
}

.dropup ul {
    background-color: #1A1A1C;
    width: 100%;
}

.dropup button {
    width: 100%;
}

.dropup ul li a {
    color: white;
}

.dropup a {
    margin: 0.5rem 0rem;
}


.menu_footer {
    display: none;
}

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

.side_check_font {
    font-size: 28px;
    color: #08628490;
    margin-left: 0.25rem;
}

@media (max-width:1023.98px) {

    .sidebar {
        display: none;
    }
}
/*

@media (min-width : 767px) {
    .sidebar {
        display: block;
    }

    .sidebar {
        visibility: visible;
    }
}





@media (max-width: 767px) {
    .sidebar {
        display: block;
    }

    .sidebar.visible {
        width: 16.5rem;
    }

    .second_menuicon {
        display: block;
    }
}


@media (max-width:767px) {
    .showable {
        display: block !important;
    }

    .menu_visible {
        display: none;
    }


    .navbar1 {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .navbar_title {
        font-size: 1.75rem;
    }

    .navbar_menu {
        display: none;
        flex-direction: column;
        width: inherit;
        height: 100vh;
        margin: 0rem 1rem;
        padding: 0rem 1rem;
        padding-right: 3rem;
    }

        .navbar_menu li {
            width: inherit;
            margin: 0.75rem 0rem;
            padding: 0.5rem 0rem;
            border-bottom-width: 1px;
            border-bottom-color: gray;
            border-bottom-style: solid;
        }

    .navbar_togleBtn {
        display: block !important;
    }

    .second_bar {
        display: none;
    }

    .side_menu {
        margin-top: 2rem;
    }

    .sidebar {
        display: block;
        overflow: hidden;
        width: 100% !important;
        position: absolute;
        top: 4.9rem;
        border: 0 !important;
    }

    .msize_show {
        display: block !important;
    }

    .content {
        z-index: 1;
        position: relative;
        float: left;
        padding-top: 56px;
    }

    .mside_bar {
        display: flex;
        background-color: white;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;
        border-bottom-style: solid;
        height: 3.5rem;
        position: absolute;
        top: 2.4rem;
        padding: 0rem 2rem;
        margin-top: 1rem;
        width: 100%;
        line-height: 3.5rem;
        z-index: 15;
        font-size: 1rem;
        cursor: pointer;
    }

        .mside_bar a {
            color: black;
            text-decoration: none;
        }

        .mside_bar span {
            margin-right: 0.25rem;
            padding-top: 1.25rem;
        }


    .side_first {
        background-color: #F7F8F8;
        z-index: 3;
        width: inherit;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;
        border-bottom-style: solid;
        position: fixed;
    }

        .side_first span {
            padding-right: 0.25rem;
        }

        .side_first li {
            border-bottom-width: 1px;
            border-bottom-color: #C0C0C0;
            border-bottom-style: solid;
            padding: 0.25rem 0rem;
            margin-right: 1.5rem;
        }

    .side_second {
        background-color: #F7F8F8;
        z-index: 15;
    }

    .side_thud {
        background-color: #F7F8F8;
        z-index: 15;
    }


    #searchbox:checked ~ .search_word {
        display: block !important;
    }


    .search_command2 {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        list-style: none;
    }

        .search_command2 a {
            color: white;
            text-decoration: none;
        }

        .search_command2 li {
            margin-bottom: 0.5rem;
        }

    .footer {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        z-index: 20;
        bottom: 0;
    }

    .Foot_logo {
        color: gray;
    }

    .Foot_menu {
        display: flex;
        flex-direction: row;
        padding-top: 0rem;
    }

    .Foot_left {
        display: flex;
        flex-direction: column-reverse;
    }

    .Foot_menu li {
        margin-right: 0.5rem;
        margin-left: 0rem;
    }

    .dropup {
        margin-bottom: 1rem;
        width: inherit;
    }

    .menu_footer {
        background-color: #1A1A1C;
        flex-direction: column;
        position: fixed;
        bottom: 0;
        height: 5rem;
        width: 100%;
        z-index: 30;
    }

        .menu_footer span {
            color: #C0C0C0;
        }
}
*/
/* =========================================================
   App Foundation And Shell Overrides
   Global app helpers, Metronic layout overrides, sidebar/header
   and responsive app-shell adjustments.
   ========================================================= */

.breadcrumb {
    background-color: transparent !important;
    margin: 0px;
    padding: 0px;
}

.w-numerictextbox {
    border-radius: var(--bs-input-solid-bg);
    border-radius: 13px;
}

    .w-numerictextbox > .k-input-inner {
        /*background-color: var(--bs-input-solid-bg);*/
        background-color: inherit;
        color: var(--bs-input-solid-color);
    }

.w-app-title {
    font-weight: 800;
    font-size: 20px;
    color: #da6e4b;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-username {
    color: #B5B5C3;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-deckription {
    color: #B5B5C3;
}

html:not([data-bs-theme]),
html[data-bs-theme=light] {
    --bs-app-header-base-bg-color: #000000;
}

[data-kt-app-layout=light-sidebar] {

}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-menu-flow {
    min-height: 100%;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-menu-flow {
    min-height: 100%;
}

[data-kt-app-layout=light-sidebar] .app-sidebar-header,
[data-kt-app-layout=light-sidebar] .app-sidebar-inline-footer {
    flex: 0 0 auto;
    background-color: var(--bs-app-sidebar-light-bg-color);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar-header,
[data-kt-app-layout=dark-sidebar] .app-sidebar-inline-footer {
    flex: 0 0 auto;
    background-color: var(--bs-white);
}

[data-kt-app-layout=light-sidebar] .app-sidebar-header {
    /* border-right: 1px solid var(--bs-gray-300) !important;*/
    position: sticky;
    background-color: var(--bs-white);
    top:0;
    z-index:1;
}


[data-kt-app-layout=light-sidebar] .app-sidebar-inline-footer {
    /* border-right: 1px solid var(--bs-gray-300) !important;*/
    position: sticky;
    background-color: var(--bs-white);
    bottom: 0;
    z-index: 1;
}


[data-kt-app-layout=light-sidebar] .app-sidebar-header .cds-popover-wrap,
[data-kt-app-layout=light-sidebar] .app-sidebar-header > .cds-border-bottom,
[data-kt-app-layout=light-sidebar] .app-sidebar-inline-footer {
    background-color: var(--bs-app-sidebar-light-bg-color);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar-header .cds-popover-wrap,
[data-kt-app-layout=dark-sidebar] .app-sidebar-header > .cds-border-bottom,
[data-kt-app-layout=dark-sidebar] .app-sidebar-inline-footer {
    background-color: var(--bs-white);
}

.app-sidebar-flow-spacer {
    flex: 1 0 1rem;
    min-height: 1rem;
}
@media (max-width: 1023.98px) {
    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-menu-flow,
    [data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-menu-flow {
        min-height: auto;
    }

    .app-sidebar-flow-spacer {
        display: none !important;
        flex: 0 0 auto !important;
        min-height: 0 !important;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar-inline-footer,
    [data-kt-app-layout=dark-sidebar] .app-sidebar-inline-footer {
        position: sticky;
        bottom: 0;
    }
}


@media (min-width: 1024px) {
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-header,
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-inline-footer,
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-header,
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-inline-footer {
        display: none !important;
    }
}
[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-brand-title {
        color: var(--bs-gray-400);
    }

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-brand-title {
    color: var(--bs-white);
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-workspace {
    margin-top: 0.35rem;
    margin-left: 3rem;
    line-height: 1.15;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-workspace-label {
    font-size: 10px;
    color: var(--bs-gray-500);
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-workspace-name {
    margin-top: 0.1rem;
    font-size: 12px;
    font-weight: 500;
    color: var(--bs-gray-800);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-workspace {
    margin-top: 0.35rem;
    margin-left: 3rem;
    line-height: 1.15;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-workspace-label {
    font-size: 10px;
    color: rgba(255,255,255,0.55);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-workspace-name {
    margin-top: 0.1rem;
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,0.88);
}
[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-logo.app-sidebar-logo-has-workspace {
    height: auto;
    min-height: var(--bs-app-header-height);
    align-items: flex-start;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo.app-sidebar-logo-has-workspace {
    height: auto;
    min-height: var(--bs-app-header-height);
    align-items: flex-start;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
#kt_app_tab_header .app-header-brand-title {
    color: var(--bs-gray-100);
}

@media (max-width: 1023.98px) {
    .app-tab-container {
        display: none !important;
    }

    .tab-header-main {
        display: none !important;
    }

    [data-kt-app-layout=light-sidebar] {
        --bs-app-header-height: 48px;
        --bs-app-header-height-actual: 48px;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header {
        background-color: #000000;
        border-bottom: 1px solid #2B2B40;
        box-shadow: none;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-container,
    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .dock-wpanel,
    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-header-logo {
        min-height: 48px;
        height: 48px;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-header-brand-title,
    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .page-heading,
    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .breadcrumb,
    [data-kt-app-layout=light-sidebar] #kt_app_tab_header #kt_app_sidebar_mobile_toggle .svg-icon {
        color: var(--bs-white) !important;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-container {
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-toggle-wrap {
        margin: 0 !important;
        width: 52px;
        min-width: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-brand-shell {
        display: flex;
        align-items: center;
        min-width: 0;
        margin: 0 !important;
        overflow: hidden;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-navbar-wrap {
        margin-left: 0 !important;
        min-width: 96px;
        padding-right: 6px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-brand {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-brand-inner {
        align-items: center;
        gap: 0.375rem;
        width: 100%;
        min-width: 0;
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-brand .app-sidebar-logo-default {
        flex-shrink: 0;
        /*max-width: 48px;*/
    }

    [data-kt-app-layout=light-sidebar] #kt_app_tab_header .app-mobile-header-brand .app-header-brand-title {
        /*flex: 1 1 auto;*/
        display: block;
        min-width: 0;
        margin: 0 !important;
        margin-left: 0 !important;
        line-height: 1;
        font-size: 1.1rem !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100dvh;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-logo {
        display: none;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-menu {
        padding-top: 0;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar #kt_app_sidebar_menu_wrapper {
        margin-top: 40px !important;
    }




    [data-kt-app-layout=light-sidebar] .app-sidebar #kt_app_sidebar_menu > .app-sidebar-close-container.mt-12 {
        display: none !important;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-close-container {
        width: 100%;
    }
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-heading {
    color: var(--bs-gray-600);
}

[data-kt-app-layout=light-sidebar] #kt_app_sidebar_menu > .menu-item.pt-5 .menu-heading-container {
    border-top: 0;
}

[data-kt-app-layout=light-sidebar] #kt_app_sidebar_menu > .menu-item.pt-5 ~ .menu-item.pt-5 {
    margin-top: 1rem;
}

    [data-kt-app-layout=light-sidebar] #kt_app_sidebar_menu > .menu-item.pt-5 ~ .menu-item.pt-5 .menu-heading-container {
        border-top: 1px solid var(--bs-gray-300);
        padding-top: 1rem;
    }

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link {
    color: var(--bs-gray-900);
}

    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
        color: var(--bs-gray-900);
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
        color: var(--bs-gray-700);
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after,
    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
        background-color: var(--bs-gray-700);
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link,
    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link,
    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
        color: var(--bs-gray-900);
    }

        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-title,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
            color: var(--bs-gray-900);
        }

        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
            color: var(--bs-gray-700);
        }

        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-arrow:after,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow:after,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-arrow:after,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-bullet .bullet,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-bullet .bullet,
        [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet {
            background-color: var(--bs-gray-700);
        }

.w-app-waveworks {
    font-weight: 300;
    font-size: 12px;
    vertical-align: top;
    margin-left: 0.10rem;
}

.w-app-waveworks-rxcore {
    font-weight: 700;
    font-size: 12px;
    color: white;
    vertical-align: middle;
    margin-left: 0.45rem;
}

.navbar-partners {
    background-color: #018ABE;
}

.navbar-main {
    background-color: #2c2e36;
}

.h-34 {
    height: 34px;
}

.h-65 {
    height: 65px;
}

.h-75 {
    height: 75px;
}

.h-120px {
    height: 120px;
}

.page-title {
    font-size: 16px;
    font-weight: 300;
}

    .page-title i {
        vertical-align: middle;
        padding-top: 2px;
        font-size: 12.8px;
        color: #1861ac64;
    }


.w-bg-gray-10 {
    background-color: #efefef25;
}

.w-border-gray {
    border-color: #D9D9D9;
}


.w-border-gray-10 {
    border-color: #d9d9d94d !important;
}

.bg-white {
    /*background-color: #fff;*/
}

.w-cursor-pointer {
    cursor: pointer;
}

.h-30 {
    height: 30px;
}

.no-selection {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.w-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
}

.w-cust:hover {
    text-decoration-line: underline;
    cursor: pointer;
}

.w-130px {
    width: 130px !important;
}

.w-120px {
    width: 120px !important;
}

.apexcharts-text, .apexcharts-title-text, .apexcharts-legend-text {
    font-family: 'Pretendard', 'NanumSquare' !important;
}
/*.app-sidebar {
    transform: translateX(0%);
}*/

.menu-title {
    font-size: 11.78px !important;
}

@media(min-width: 1199.98px) {
    .app-sidebar {
        transform: none !important;
        transition: transform 0.3s ease-in-out;
    }
}

.card-dashed {
    border: 1px dashed #e4e4e4;
    padding: 10px;
    border-radius: 10px;
    background: #f2f2f2;
}

.text-underline-hover:hover {
    text-decoration: underline;
}


.text-no-underline-hover:hover {
    text-decoration: none !important;
}

.reverse-icon {
    transform: scaleX(-1);
}

.site-z-1 {
    z-index: 3090;
}


.site-z-2 {
    z-index: 3080;
}


.site-z-3 {
    z-index: 3070;
}


.site-z-4 {
    z-index: 3060;
}


.site-z-5 {
    z-index: 3050;
}


.site-z-6 {
    z-index: 3040;
}

.app-sidebar-close-container {
    top: 0px;
    left: 0;
    width: 225px;
    z-index: 1150;
    display: none !important;
}

[data-kt-app-layout=light-sidebar] .app-sidebar-close-surface {
    background-color: var(--bs-app-sidebar-light-bg-color);
    border-bottom: 1px solid var(--bs-gray-200);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar-close-surface {
    background-color: #181C32;
    border-bottom: 1px solid #181C32;
}

.app-sidebar-close-button {
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

[data-kt-app-layout=light-sidebar] .app-sidebar-close-button {
    background-color: var(--bs-app-sidebar-light-bg-color);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-700);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #D6D7E3;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
    background-color: #D6D7E3;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: #AEB2C5;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar-close-button {
    background-color: #181C32;
    border-color: #181C32;
    color: var(--bs-white);
}

/* 974 > 480  */
@media (max-width: 1023.98px) {
    .app-sidebar-close-container {
        display: block !important;
    }
}

/* ī�� ��Ÿ�� ���� */
.card > .card-header {
    font-family: 'Pretendard';
    font-size: 14px !important;
    font-weight: 700 !important;
    padding-left: 30px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    height: 44px;
    min-height: 44px;
}


.card .card-title {
    font-family: 'Pretendard';
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
}







/* ī�� ��Ÿ�� ���� */







/* =========================================================
   Dock And Layout Utilities
   Shared dock/flex helpers used by header, viewer, and page layout.
   ========================================================= */

/* WPF DOCK �г� ���� CSS ��Ÿ�� ���� */

.dock-wpanel {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap; /* ��Ұ� �� �ٿ� ��� ��ġ�ǵ��� ���� */
}

.dock-vpanel {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.dock-top, .dock-bottom, .dock-left, .dock-right {
    flex: none; /* ũ�� ���� */
    position: relative;
}

.dock-content {
    flex: 1; /* ���� ������ ���� */
    overflow: auto; /* ������ ��ĥ ��� ��ũ�� ���� */
}

body.dragging {
    user-select: none; /* �巡�� �� �ؽ�Ʈ ���� ���� */
    cursor: ew-resize; /* �巡�� Ŀ�� ���� */
}

.dock-resizer {
    position: relative;
    overflow: hidden; /* �ʿ� �� ��ũ�� ���� */
}

@media (max-width: 1023.98px) {
    .dock-mm-left,
    .dock-mm-right {
        flex: none;
        position: relative;
    }

    .dock-mm-content {
        flex: 1;
        position: relative;
        overflow: auto;
        min-width: 0;
    }

    .dock-mm-d-none {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .dock-dd-left,
    .dock-dd-right {
        flex: none;
        position: relative;
    }

    .dock-dd-content {
        flex: 1;
        position: relative;
        overflow: auto;
        min-width: 0;
    }

    .dock-dd-d-none {
        display: none !important;
    }
}

.dock-resize-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px; /* �ڵ��� �ʺ� */
    cursor: ew-resize;
    background-color: rgba(0, 0, 0, 0.3); /* �ð������� �� ���̴� ���� */
    z-index: 10;
    display: none; /* �⺻������ ���� */
}

/* ������ �гο��� ���� */
.dock-right .dock-resize-handle {
    left: 0; /* �ڵ��� ���ʿ� ��ġ */
    cursor: ew-resize;
}

/* �ٸ� �г� �⺻ �ڵ� ��ġ */
.dock-left .dock-resize-handle {
    right: 0; /* �ڵ��� �����ʿ� ��ġ */
}

.dock-top .dock-resize-handle,
.dock-bottom .dock-resize-handle {
    left: 0;
    right: 0;
    height: 10px;
    cursor: ns-resize; /* ���� �������� Ŀ�� */
}

/* ���콺 ���� �� �ڵ� ǥ�� */
.dock-resizer:hover .dock-resize-handle {
    display: block;
}

/* WPF DOCK �г� ���� CSS ��Ÿ�� �� */


.container {
    display: flex;
    flex-direction: column; /* ���� �������� ��ҵ��� ��ġ */
    height: 100%; /* �θ� div�� ���̸� ȭ�� ���̷� ���� */
}

.fixed {
    height: 100px; /* ���Ʒ� div�� ���� ���� */
    background-color: lightgrey;
}

.dynamic {
    flex-grow: 1; /* ���� ������ ��� �����ϵ��� �� */
    background-color: tomato;
    overflow-y: auto; /* ������ ��ĥ ��� ��ũ�� ���� */
}

/* WPF DOCK �г� ���� CSS ��Ÿ�� ����  */



.no-pointer-events {
    pointer-events: none;
}

.hover-underline:hover {
    text-decoration: underline !important;
}

.bg-app-base {
    background-color: var(--bs-app-bg-color);
}

#kt_app_content_container {
    background-color: var(--bs-app-bg-color);
}



/* =========================================================
   Shared Project And Page Rules
   Cross-page helpers, tab styles, shared content surfaces.
   ========================================================= */


.sh-filter-w {
    width: 251.15px;
}

.sh-fw-bold {
    font-weight: 700;
}

.sh-editor-border:hover {
    background-color: var(--bs-gray-200);
    border-radius: 5px !important;
}

.sh-editor-border {
    border-color: transparent !important;
}

.rw-grid-toolbar-container {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

/* �� active */
[data-bs-theme=light]
.page-sh-tab-active {
    border-bottom: 2px solid red !important;
    margin-bottom: 0px;
    background-color: var(--bs-dark) !important;
    color: var(--bs-gray-100) !important;
}

[data-bs-theme=dark]
.page-sh-tab-active {
    border-bottom: 2px solid red !important;
    margin-bottom: 0px;
    background-color: var(--bs-gray-300) !important;
    color: var(--bs-gray-900) !important;
}

[data-bs-theme=light]
.page-sh-tab-active-no-red {
    margin-bottom: 0px;
    background-color: var(--bs-dark) !important;
    color: var(--bs-gray-100) !important;
}

[data-bs-theme=dark]
.page-sh-tab-active-no-red {
    margin-bottom: 0px;
    background-color: var(--bs-light) !important;
    color: var(--bs-gray-900) !important;
}

.sh_mode {
    border-bottom: 2px solid transparent !important;
}

.page-top {
    margin: 0 0 5px 0;
    background-color: var(--bs-white);
    padding: 0;
    border-top: 0px solid transparent; /* �⺻ ��Ÿ�� ���� */
    border-image: linear-gradient(to right, var(--bs-gray-600), var(--bs-gray-100)) 0.7;
}

.page-top-ind {
    margin: 0 0 0 0;
    background-color: var(--bg-base-color);
    padding-left: 0.5rem !important;
    border-top: 0px solid transparent;
    border-image: linear-gradient(to right, var(--bs-gray-600), var(--bs-gray-100)) 0.7;
}

.page-content-ind {
    padding: 0 10px 0 10px;
}

[data-bs-theme=white]
.bg-base-color {
    background-color: #f0f0f0;
}

[data-bs-theme=dark]
.bg-base-color {
    background-color: #151521;
}

[data-bs-theme=light]
.page-sh-tab-item {
    cursor: pointer;
    min-height: 35px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-gray-900);
    display: flex;
    background-color: var(--bs-gray-300);
    border-radius: 5px 5px 0 0;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    /* btn btn-min w-f-pred w-fs-14 text-dark h-35px d-flex align-items-center */
}

[data-bs-theme=dark]
.page-sh-tab-item {
    cursor: pointer;
    min-height: 35px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-gray-100);
    display: flex;
    background-color: var(--bs-gray-700);
    border-radius: 5px 5px 0 0;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    /* btn btn-min w-f-pred w-fs-14 text-dark h-35px d-flex align-items-center */
}




.fade-in {
    animation: fadeIn 0.5s ease-in;
    opacity: 1;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in-right {
    animation: fadeInRight 0.5s ease-in;
    opacity: 1;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-left {
    animation: fadeInLeft 0.5s ease-in;
    opacity: 1;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fall-out {
    animation: fallOut 0.5s ease forwards;
}

@keyframes fallOut {
    0% {
        opacity: 1;
        transform: rotate(0deg) translateY(0);
    }

    50% {
        opacity: 0.5;
        transform: rotate(15deg) translateY(20px);
    }

    100% {
        opacity: 0;
        transform: rotate(30deg) translateY(100px);
    }
}




/* �з��� �ڽ� */
.pl-box-end {
    transform: skew(-10deg); /* �����ʸ� ����� */
    transform: skew(0deg);
    transform-origin: left; /* ��ȯ �������� �������� ���� */
    display: flex;
    color: white;
}

.pl-box {
    /* width: 200px;
        height: 100px;
        background-color: #3498db; */
    transform: skew(-10deg); /* �������� ��������, ������� ���������� �������ϴ� */

    transform: skew(0deg);
    /* �߰����� ��Ÿ�ϸ� */
    display: flex;
    /* align-items: center;
    justify-content: center; */
    color: white;
}

    .pl-box .p-box-content {
        transform: skew(10deg);
    }

    .pl-box .tab-btn-close {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in;
    }

    .pl-box:hover .tab-btn-close {
        visibility: visible;
        opacity: 1;
    }


.app-tab-container .app-tab-item {
    border-right: 1px solid var(--bs-gray-300);
    /*transform: translateX(0);*/ /* ���������� �̵� */
    /*
    background-color: #fff;*/
    /*fade-in-left */
    /*opacity: 1;
    color: #000;*/
    /*transition: transform 0.3s ease;*/ /* �ε巯�� �̵� ȿ�� */
}

    .app-tab-container .app-tab-item:last-child {
    }



.tab-header-main-nemo {
    background-color: #efefef;
    visibility: collapse;
}

/* PDA ������� tab header �� ��� */
@media (max-width: 974px) {
    .tab-header-main {
        min-width: 200px !important;
    }
}

/* �� �̻�(PC/�º��)�� ���� 275px ���� */
@media (min-width: 974px) {
    .tab-header-main {
        min-width: 275px;
    }
}


[data-kt-app-layout=light-sidebar] .tab-header-main {
    border-right: 1px solid #2B2B40;
}

[data-kt-app-layout=light-sidebar] .app-tab-container .app-tab-item {
    border-right: 1px solid #2B2B40;
}

[data-kt-app-layout=light-sidebar] .pl-box-title {
    color: var(--bs-gray-300) !important;
}

[data-kt-app-layout=light-sidebar] .pl-box:hover .pl-box-title {
    color: var(--bs-gray-900) !important;
}

.tab-header-main {
    /*
    background-color: #fff;
    color: #000;
        border-right: 1px solid #ccc;
    */
    /* 2025-04-07 ksh ��ũ ��� UI ���� */
    color: var(--bs-text-dark);
    border-right: 1px solid var(--bs-text-gray-300);
    border-left: 0px solid #ccc;
    /*background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);*/
}

    .tab-header-main .tab-btn-close {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in;
    }

    .tab-header-main:hover .tab-btn-close {
        visibility: visible;
        opacity: 1;
    }

.single-tab-item {
    border-right: 0px solid #ccc;
}

.breadcrumb-item {
    color: #aaa; /* �⺻ ��Ÿ�� */
}

    .breadcrumb-item:not(:last-child) {
        color: #ccc; /* �������� �ƴ� �׸񿡸� ���� */
    }

    .breadcrumb-item.breadcrumb-last {
        color: #fff; /* ������ �׸񿡸� ���� */
    }

    .breadcrumb-item:not(:last-child)::after {
        content: '>'; /* ���� ��ȣ */
        margin: 0 5px;
        color: #ccc;
    }


.lh-10px {
    line-height: 10px !important;
}

.lh-11px {
    line-height: 11px !important;
}

.lh-12px {
    line-height: 12px !important;
}

.lh-13px {
    line-height: 13px !important;
}

.lh-14px {
    line-height: 14px !important;
}

.lh-15px {
    line-height: 15px !important;
}

.lh-16px {
    line-height: 15px !important;
}

/* =========================================================
   Status And Color Utility Palette
   Shared semantic/status colors and generated palette helpers.
   ========================================================= */

.rw-color-0 {
    background-color: #FFFFFF;
    color: var(--bs-gray-800);
}


.rw-status-color-green {
    background-color: #10B981;
    color: #ffffff;
}

.rw-status-color-yellow {
    background-color: #F59E0B;
    color: #1F2937;
}

.rw-status-color-red {
    background-color: #EF4444;
    color: #ffffff;
}

.rw-status-color-blue {
    background-color: #3B82F6;
    color: #ffffff;
}

.rw-status-color-gray {
    background-color: #6B7280;
    color: #ffffff;
}

.rw-status-color-orange {
    background-color: #F97316;
    color: #ffffff;
}

.rw-status-color-purple {
    background-color: #8B5CF6;
    color: #ffffff;
}

.rw-status-color-navy {
    background-color: #6366F1;
    color: #ffffff;
}

.rw-status-color-success {
}

.rw-color-1 {
    background-color: #FF5733;
    color: #fff;
}
/* ���� ��Ȳ�� */
.rw-color-2 {
    background-color: #33FF57;
    color: #000;
}
/* ���� �ʷϻ� */
.rw-color-3 {
    background-color: #3357FF;
    color: #fff;
}
/* ���� �Ķ��� */
.rw-color-4 {
    background-color: #FFC300;
    color: #000;
}
/* ����� */
.rw-color-5 {
    background-color: #DAF7A6;
    color: #000;
}
/* ���� �ʷ� */
.rw-color-6 {
    background-color: #581845;
    color: #fff;
}
/* ���� ���� */
.rw-color-7 {
    background-color: #900C3F;
    color: #fff;
}
/* ���� ���ֻ� */
.rw-color-8 {
    background-color: #C70039;
    color: #fff;
}
/* ������ */
.rw-color-9 {
    background-color: #1F618D;
    color: #fff;
}
/* ��ο� �Ķ��� */
.rw-color-10 {
    background-color: #117A65;
    color: #fff;
}
/* ��ο� �ʷϻ� */
.rw-color-11 {
    background-color: #A569BD;
    color: #fff;
}
/* ���� ���� */
.rw-color-12 {
    background-color: #F5B041;
    color: #000;
}
/* ���� ��Ȳ */
.rw-color-13 {
    background-color: #5DADE2;
    color: #000;
}
/* ���� �ϴû� */
.rw-color-14 {
    background-color: #EB984E;
    color: #000;
}
/* ���� ���� */
.rw-color-15 {
    background-color: #AF7AC5;
    color: #fff;
}
/* �󺥴� */
.rw-color-16 {
    background-color: #FAD7A0;
    color: #000;
}
/* ���� ��� */
.rw-color-17 {
    background-color: #7DCEA0;
    color: #000;
}
/* ���� �ʷ� */
.rw-color-18 {
    background-color: #73C6B6;
    color: #000;
}
/* ���޶��� */
.rw-color-19 {
    background-color: #F4D03F;
    color: #000;
}
/* ���� �ݻ� */
.rw-color-20 {
    background-color: #DC7633;
    color: #fff;
}
/* ������ */
.rw-color-21 {
    background-color: #BA4A00;
    color: #fff;
}
/* ���� ��Ȳ */
.rw-color-22 {
    background-color: #884EA0;
    color: #fff;
}
/* ��ο� ���� */
.rw-color-23 {
    background-color: #5499C7;
    color: #fff;
}
/* �Ķ��� */
.rw-color-24 {
    background-color: #28B463;
    color: #fff;
}
/* �ʷϻ� */
.rw-color-25 {
    background-color: #F39C12;
    color: #000;
}
/* ���� ��� */
.rw-color-26 {
    background-color: #CB4335;
    color: #fff;
}
/* ���� ���� */
.rw-color-27 {
    background-color: #1ABC9C;
    color: #000;
}
/* ���� ��Ʈ */
.rw-color-28 {
    background-color: #8E44AD;
    color: #fff;
}
/* ��ο� ���϶� */
.rw-color-29 {
    background-color: #2E86C1;
    color: #fff;
}
/* ���� �ڹ�Ʈ */
.rw-color-30 {
    background-color: #F1948A;
    color: #000;
}
/* ��ο� ȸ�� gray-700*/
.rw-color-31 {
    background-color: #92929F;
    color: #000;
}

.rw-color-32 {
    background-color: #d9d9d9;
    color: #000;
}
/* ���� ��ȫ�� */
/* ����� ���� ����� ��︮�� ��� ���� 30���� */
.rw-bg-color-1 {
    background-color: #FFE5DC;
}
/* ���� ��Ȳ�� ��� */
.rw-bg-color-2 {
    background-color: #DFFFE5;
}
/* ���� �ʷϻ� ��� */
.rw-bg-color-3 {
    background-color: #DFE5FF;
}
/* ���� �Ķ��� ��� */
.rw-bg-color-4 {
    background-color: #FFF5DC;
}
/* ����� ��� */
.rw-bg-color-5 {
    background-color: #F0FFE5;
}
/* ���� �ʷ� ��� */
.rw-bg-color-6 {
    background-color: #F5E5F5;
}
/* ���� ���� ��� */
.rw-bg-color-7 {
    background-color: #FADCE5;
}
/* ���� ���ֻ� ��� */
.rw-bg-color-8 {
    background-color: #FFD6D9;
}
/* ���� ���� ��� */
.rw-bg-color-9 {
    background-color: #E5EDF5;
}
/* ���� �Ķ� ��� */
.rw-bg-color-10 {
    background-color: #E5F5ED;
}
/* ���� �ʷ� ��� */
.rw-bg-color-11 {
    background-color: #F5E5FF;
}
/* ���� �󺥴� ��� */
.rw-bg-color-12 {
    background-color: #FFEFDC;
}
/* ���� ������ ��� */
.rw-bg-color-13 {
    background-color: #EBF5FF;
}
/* ���� �ϴû� ��� */
.rw-bg-color-14 {
    background-color: #FBEAE5;
}
/* ���� ���� ��� */
.rw-bg-color-15 {
    background-color: #F8E5FA;
}
/* ���� �󺥴� ��� */
.rw-bg-color-16 {
    background-color: #FFF8E5;
}
/* ���� �ݻ� ��� */
.rw-bg-color-17 {
    background-color: #E5F8F0;
}
/* ���� ���޶��� ��� */
.rw-bg-color-18 {
    background-color: #E5FFFA;
}
/* ���� ��Ʈ ��� */
.rw-bg-color-19 {
    background-color: #FFFCE5;
}
/* ���� �ݻ� ��� */
.rw-bg-color-20 {
    background-color: #F8E9E5;
}
/* ���� ������ ��� */
.rw-bg-color-21 {
    background-color: #FFE5DC;
}
/* ���� ������ ��� */
.rw-bg-color-22 {
    background-color: #EFE5F8;
}
/* ���� ���� ��� */
.rw-bg-color-23 {
    background-color: #E5F0F8;
}
/* ���� �ϴû� ��� */
.rw-bg-color-24 {
    background-color: #E5F8EC;
}
/* ���� �ʷ� ��� */
.rw-bg-color-25 {
    background-color: #FFF0E0;
}
/* ���� ��� ��� */
.rw-bg-color-26 {
    background-color: #F8E5E5;
}
/* ���� ���� ���� ��� */
.rw-bg-color-27 {
    background-color: #E5FBF8;
}
/* ���� ��Ʈ ��� */
.rw-bg-color-28 {
    background-color: #F3E5F8;
}
/* ���� ���϶� ��� */
.rw-bg-color-29 {
    background-color: #E5F0F8;
}
/* ���� �ڹ�Ʈ ��� */
.rw-bg-color-30 {
    background-color: #FFEDED;
}
/* ���� ��ȫ�� ��� */
/* ����� ���� ����� ��︮�� ���� ��� ���� 30���� (����� 0.75 ����) */
.rw-light-bg-color-0 {
    background-color: rgba(255, 255, 255, 0.95);
}

.rw-light-bg-color-1 {
    background-color: rgba(255, 229, 220, 0.95);
}

.rw-light-bg-color-2 {
    background-color: rgba(223, 255, 229, 0.95);
}

.rw-light-bg-color-3 {
    background-color: rgba(223, 229, 255, 0.95);
}

.rw-light-bg-color-4 {
    background-color: rgba(255, 245, 220, 0.95);
}

.rw-light-bg-color-5 {
    background-color: rgba(240, 255, 229, 0.95);
}

.rw-light-bg-color-6 {
    background-color: rgba(245, 229, 245, 0.95);
}

.rw-light-bg-color-7 {
    background-color: rgba(250, 220, 229, 0.95);
}

.rw-light-bg-color-8 {
    background-color: rgba(255, 214, 217, 0.95);
}

.rw-light-bg-color-9 {
    background-color: rgba(229, 237, 245, 0.95);
}

.rw-light-bg-color-10 {
    background-color: rgba(229, 245, 237, 0.95);
}

.rw-light-bg-color-11 {
    background-color: rgba(245, 229, 255, 0.95);
}

.rw-light-bg-color-12 {
    background-color: rgba(255, 239, 220, 0.95);
}

.rw-light-bg-color-13 {
    background-color: rgba(235, 245, 255, 0.95);
}

.rw-light-bg-color-14 {
    background-color: rgba(251, 234, 229, 0.95);
}

.rw-light-bg-color-15 {
    background-color: rgba(248, 229, 250, 0.95);
}

.rw-light-bg-color-16 {
    background-color: rgba(255, 248, 229, 0.95);
}

.rw-light-bg-color-17 {
    background-color: rgba(229, 248, 240, 0.95);
}

.rw-light-bg-color-18 {
    background-color: rgba(229, 255, 250, 0.95);
}

.rw-light-bg-color-19 {
    background-color: rgba(255, 252, 229, 0.95);
}

.rw-light-bg-color-20 {
    background-color: rgba(248, 233, 229, 0.95);
}

.rw-light-bg-color-21 {
    background-color: rgba(255, 229, 220, 0.95);
}

.rw-light-bg-color-22 {
    background-color: rgba(239, 229, 248, 0.95);
}

.rw-light-bg-color-23 {
    background-color: rgba(229, 240, 248, 0.95);
}

.rw-light-bg-color-24 {
    background-color: rgba(229, 248, 236, 0.95);
}

.rw-light-bg-color-25 {
    background-color: rgba(255, 240, 224, 0.95);
}

.rw-light-bg-color-26 {
    background-color: rgba(248, 229, 229, 0.95);
}

.rw-light-bg-color-27 {
    background-color: rgba(229, 251, 248, 0.95);
}

.rw-light-bg-color-28 {
    background-color: rgba(243, 229, 248, 0.95);
}

.rw-light-bg-color-29 {
    background-color: rgba(229, 240, 248, 0.95);
}

.rw-light-bg-color-30 {
    background-color: rgba(255, 237, 237, 0.95);
}
/* ����� ���� ����� ��︮�� �ؽ�Ʈ ���� 30���� */
.rw-text-color-1 {
    color: #CC3300 !important;
}
/* ���� ��Ȳ�� ��� */
.rw-text-color-2 {
    color: #009966 !important;
}
/* ���� �ʷϻ� ��� */
.rw-text-color-3 {
    color: #3366CC !important;
}
/* ���� �Ķ��� ��� */
.rw-text-color-4 {
    color: #CC9900 !important;
}
/* ����� ��� */
.rw-text-color-5 {
    color: #339933 !important;
}
/* ���� �ʷ� ��� */
.rw-text-color-6 {
    color: #993399 !important;
}
/* ���� ���� ��� */
.rw-text-color-7 {
    color: #CC3366 !important;
}
/* ���� ���ֻ� ��� */
.rw-text-color-8 {
    color: #CC0000 !important;
}
/* ���� ���� ��� */
.rw-text-color-9 {
    color: #336699 !important;
}
/* ���� �Ķ� ��� */
.rw-text-color-10 {
    color: #339966 !important;
}
/* ���� �ʷ� ��� */
.rw-text-color-11 {
    color: #9933CC !important;
}
/* ���� �󺥴� ��� */
.rw-text-color-12 {
    color: #CC6600 !important;
}
/* ���� ������ ��� */
.rw-text-color-13 {
    color: #336699 !important;
}
/* ���� �ϴû� ��� */
.rw-text-color-14 {
    color: #CC6666 !important;
}
/* ���� ���� ��� */
.rw-text-color-15 {
    color: #993399 !important;
}
/* ���� �󺥴� ��� */
.rw-text-color-16 {
    color: #CC9933 !important;
}
/* ���� �ݻ� ��� */
.rw-text-color-17 {
    color: #339999 !important;
}
/* ���� ���޶��� ��� */
.rw-text-color-18 {
    color: #009999 !important;
}
/* ���� ��Ʈ ��� */
.rw-text-color-19 {
    color: #CC9933 !important;
}
/* ���� �ݻ� ��� */
.rw-text-color-20 {
    color: #996633 !important;
}
/* ���� ������ ��� */
.rw-text-color-21 {
    color: #CC3300 !important;
}
/* ���� ������ ��� */
.rw-text-color-22 {
    color: #663399 !important;
}
/* ���� ���� ��� */
.rw-text-color-23 {
    color: #336699 !important;
}
/* ���� �ϴû� ��� */
.rw-text-color-24 {
    color: #339966 !important;
}
/* ���� �ʷ� ��� */
.rw-text-color-25 {
    color: #CC6600 !important;
}
/* ���� ��� ��� */
.rw-text-color-26 {
    color: #CC3333 !important;
}
/* ���� ���� ���� ��� */
.rw-text-color-27 {
    color: #009988 !important;
}
/* ���� ��Ʈ ��� */
.rw-text-color-28 {
    color: #993399 !important;
}
/* ���� ���϶� ��� */
.rw-text-color-29 {
    color: #336699 !important;
}
/* ���� �ڹ�Ʈ ��� */
.rw-text-color-30 {
    color: #CC4444 !important;
}



/* =========================================================
   Diagnostics And Responsive Helper Utilities
   Debug display helpers and width-based visibility utilities.
   ========================================================= */

.stacktrace {
    background-color: #f6f5ea;
    color: #333;
    padding: 10px;
    border-radius: 5px;
    font-family: Consolas, Monaco, monospace;
    font-size: 13px;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 300px;
    overflow-y: auto;
    text-align: left;
}


.re-send-cycle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000000;
}

@media (max-width: 100px) {
    .hide-w-100px {
        display: none;
    }
}

@media (max-width: 200px) {
    .hide-w-200px {
        display: none;
    }
}

@media (max-width: 300px) {
    .hide-w-300px {
        display: none;
    }
}

@media (max-width: 400px) {
    .hide-w-400px {
        display: none;
    }
}

@media (max-width: 500px) {
    .hide-w-500px {
        display: none;
    }
}

@media (max-width: 600px) {
    .hide-w-600px {
        display: none;
    }
}

@media (max-width: 700px) {
    .hide-w-700px {
        display: none;
    }
}

@media (max-width: 800px) {
    .hide-w-800px {
        display: none;
    }
}

@media (max-width: 900px) {
    .hide-w-900px {
        display: none;
    }
}

@media (max-width: 1000px) {
    .hide-w-1000px {
        display: none;
    }
}

@media (max-width: 1100px) {
    .hide-w-1100px {
        display: none;
    }
}

@media (max-width: 1200px) {
    .hide-w-1200px {
        display: none;
    }
}

@media (max-width: 1300px) {
    .hide-w-1300px {
        display: none;
    }
}

@media (max-width: 1400px) {
    .hide-w-1400px {
        display: none;
    }
}

@media (max-width: 1500px) {
    .hide-w-1500px {
        display: none;
    }
}

@media (max-width: 1600px) {
    .hide-w-1600px {
        display: none;
    }
}
@media (min-width: 1024px) {
    .app-sidebar .menu-item.menu-item-heading {
        max-height: 48px !important;
        opacity: 1 !important;
        overflow: hidden !important;
        transition: max-height 0.18s ease, opacity 0.18s ease !important;
        display: block !important;
    }

    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .menu-item.menu-item-heading,
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .menu-item.menu-item-heading {
        max-height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}
@media (max-width: 1023.98px) {
    body[data-kt-drawer=on] {
        overflow: hidden;
    }

    [data-kt-app-sidebar-fixed=true],
    [data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-minimize=on],
    [data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-minimize-mobile=on],
    [data-kt-app-sidebar-sticky=on],
    [data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-minimize=on],
    [data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-minimize-mobile=on] {
        --bs-app-sidebar-width: 0px !important;
        --bs-app-sidebar-width-actual: 0px !important;
    }

    .app-container {
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-close-container.app-sidebar-close-surface {
        display: flex !important;
        align-items: center;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 0 0 8px !important;
        box-sizing: border-box;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-close-button {
        margin: 0 !important;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar #kt_app_sidebar_menu_wrapper {
        --bs-scrollbar-size: 5px;
        scrollbar-width: thin;
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar #kt_app_sidebar_menu_wrapper.rx-scroll.rx-scroll-hover-y::-webkit-scrollbar,
    [data-kt-app-layout=light-sidebar] .app-sidebar #kt_app_sidebar_menu_wrapper.rx-scroll.rx-scroll-hover-y:hover::-webkit-scrollbar {
        width: 5px !important;
        height: 5px !important;
    }

        [data-kt-app-layout=light-sidebar] .app-sidebar #kt_app_sidebar_menu_wrapper.rx-scroll::-webkit-scrollbar-track {
        margin: 0 !important;
    }
[data-kt-app-layout=light-sidebar] .app-sidebar #kt_app_sidebar_menu_wrapper.rx-scroll::-webkit-scrollbar-thumb {
        border-width: 2px !important;
    }

    [data-kt-app-sidebar-fixed=true] .app-wrapper,
    [data-kt-app-sidebar-panel-fixed=true] .app-wrapper,
    [data-kt-app-sidebar-sticky=true] .app-main,
    [data-kt-app-sidebar-panel-sticky=true] .app-main {
        margin-left: 0 !important;
    }

    [data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header,
    [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header,
    [data-kt-app-toolbar-sticky=on][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar,
    [data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar,
    [data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-footer=true] .app-footer {
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
    }

    [data-kt-app-sidebar-fixed=true] .app-sidebar:not(.drawer-on) {
        display: none !important;
    }

    [data-kt-app-sidebar-fixed=true] .app-sidebar.drawer-on {
        display: flex !important;
    }
}