@charset "utf-8";
@import url("font.css");
@import url("reset.css");

html,
body{
    word-break: keep-all;
}

#theme-toggle{
    display: none;
}
.theme-toggle-label{
    width: 50px;
    height: 25px;
    margin: 0 5px;
    background-color: rgb(244, 246, 250, 0.5);
    border-radius: 25px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    box-sizing: border-box;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}
.theme-toggle-label i{
    font-size: 16px;
    font-weight: 500;
    z-index: 1;
    transition: color 0.3s ease;
}
.theme-toggle-label .ti-sun{
    color: #fff;
}
.theme-toggle-label .ti-moon{
    color: #8C98AA;
}
.theme-toggle-label .ball{
    width: 17px;
    height: 17px;
    background-color: #C63B33;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
    transform: translateX(25px); 
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: 2;
}
#theme-toggle:checked + .theme-toggle-label{
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
}
#theme-toggle:checked + .theme-toggle-label .ti-sun{
    color: #8C98AA;
}
#theme-toggle:checked + .theme-toggle-label .ti-moon{
    color: #8C98AA;
}
#theme-toggle:checked + .theme-toggle-label .ball{
    transform: translateX(0);
}

.light-mode.login-body{
    background-color: #F4F6FA !important;
}
.light-mode .login-conbox{
    background-color: #F8FAFC !important;
}
.text-\[12\.5px\]{
    font-size: 1.0625rem !important; /* 17px */
}
.font-bold{
    font-weight: 500 !important;
}
.text-sm{
    font-size: 1.25rem !important; /* 20px */
}
.text-xm{
    font-size: 1.125rem !important; /* 18px */
}
.text-xs{
    font-size: 0.875rem !important; /* 14px */
}
.text-\[10px\]{
    font-size: 0.75rem !important; /* 12px */
}
.text-\[11px\]{
    font-size: 0.8125rem !important; /* 13px */
}
.text-\[12px\]{
    font-size: 0.875rem !important; /* 14px */
}
.text-\[10\.5px\]{
    font-size: 0.75rem !important; /* 12px */
}
.font-mono{
    font-family: 'S-CoreDream', sans-serif !important;
}

.light-mode.bg-\[\#0f172a\]{
    background-color: #fff;
}
.light-mode .bg-\[\#141b2b\]{
    background-color: #fff;
}
.light-mode .bg-\[\#1e293bl\]{
    background-color: #fff;
}
.light-mode .bg-\[\#1e293b\]{
    background-color: #fff;
}
.light-mode .bg-\[\#8b1a13\]{
    background-color: #C63B33;
}
.light-mode .text-slate-50{
    color: #1F2B3B;
}
.light-mode .text-slate-100{
    color: #1F2B3B;
}
.light-mode .text-slate-200{
    color: #1F2B3B;
}
.light-mode .text-slate-400{
    color: #8C98AA;
}
.light-mode .bg-slate-900\/40{
    background-color: #F4F6FA;
}
.light-mode .nav-group .text-slate-400{
    color: #6D7B90;
}
.light-mode .bg-slate-950\/20{
    background-color: #fff;
}
.light-mode .border-white\/10{
    border-color: #DBE3ED;
}
.light-mode #sidebar{
    border-right: 1px solid #DBE3ED;
}
.light-mode .side-header{
    border-bottom: 1px solid #DBE3ED;
}
.light-mode #sidebar nav{
    border-bottom: 1px solid #DBE3ED;
}
.light-mode header{
    border-bottom: 1px solid #DBE3ED;
}
.light-mode .breadcrumb .truncate i{
    display: inline-block;
    margin-top: -5px;
    line-height: 1;
    vertical-align: middle;
}
.nav-group .text-xm{
    font-size: 0.9375rem !important; /* 15px */
    font-weight: 400 !important;
}
.light-mode .bg-slate-950\/30{
    background-color: #F5F7FB;
}
.light-mode .bg-slate-950\/40{
    background-color: #FFF;
}
.light-mode .border-slate-700\/60{
    border-color: #DDE5EF;
}
.light-mode .member .member-con{
    border: 1px solid #dde5ef;
}
.light-mode .member .open-add-modal-btn{
    border: 1px solid #CFD8E4;
    font-weight: 400;
}
.light-mode .member .open-add-modal-btn:hover{
    border-color: rgb(192 57 43 / var(--tw-border-opacity, 1));
}
.light-mode .ceo{
    background-color: #FFF1E8;
    border-color: #FFF1E8;
}
.light-mode .ceo .tit .text-slate-400{
    color: #B56A55;
}
.light-mode .ceo .auth{
    border-radius: 4px;
    border: 1px solid #EFC8C1;
    background: #FFF8F6;
    color: #C63B33 !important;
}
.light-mode .paging{
    background-color: transparent;
    box-shadow: none;
}
.light-mode .btn-home,
.light-mode .btn-home:hover{
    background-color: #F4F6FA;
    border-color: #DBE3ED;
    color: #8C98AA;
}
.light-mode .btn-grade{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1;
}
.light-mode .ceo-con,
.light-mode .member-con{
    letter-spacing: -0.01em;
}
.light-mode .member-con .bg-slate-800,
.light-mode .member-con:hover .bg-slate-800{
    background-color: #F8FAFC;
}
.light-mode .member-con:hover .bg-slate-800:hover{
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    color: #fff;
}
.light-mode .ceo-con .text-slate-400,
.light-mode .member-con .text-slate-400{
    color: #5E78A8;
    font-weight: 400;
}
.light-mode .member-con .text-amber-400{
    color: #D5921F;
}
.light-mode .member-con .text-blue-400{
    color: #3B7DE0;
}
.light-mode .member-con .text-\[\#e74c3c\]{
    color: #C63B33;
}
.light-mode .paging a,
.light-mode .paging a:hover{
    color: #8C98AA;
}
.light-mode .paging .num.on,
.light-mode .paging .num.on a{
    color: #fff;
}

.light-mode .sch-wrap{
    background-color: #fff;
}
.light-mode .sch-wrap select,
.light-mode .sch-wrap input{
    height: 39px;
    border: 1px solid #DDE5EF;
    background-color: #fff !important;
    color: #1F2B3B;
}
.light-mode .sch-wrap select option{
    background-color: #fff;
    border: 1px solid #DDE5EF;
    color: #1F2B3B;
}
.light-mode .sch-wrap button[type="submit"]{
    font-weight: 500;
}
.light-mode .sch-wrap button[type="button"]{
    height: 39px;
    background-color: #F4F6FA;
    color: #8C98AA;
}
.light-mode .sub-conbox{
    background-color: #fff;
}
.light-mode .sub-conbox h2{
    font-size: 1.125rem !important; /* 18px */
}
.light-mode .sub-conbox .btn-small{
    padding: 6px 15px;
    font-size: 0.8125rem !important; /* 13px */
    font-weight: 500;
}
.light-mode .sub-conbox .btn-small:hover{
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    color: #fff;
}
.light-mode .sub-conbox table{
    border-top: 1px solid #DDE5EF;
}
.light-mode .sub-conbox table tr{
    border-bottom: 1px dashed #DDE5EF !important;
}
.light-mode .sub-conbox table thead{
    background-color: #F8FAFC;
}
.light-mode .sub-conbox table th,
.light-mode .sub-conbox table td{
    font-size: 0.875rem; /* 14px */
    line-height: 1.3;
    word-break: break-word;
}
.light-mode .sub-conbox table td a{
    word-break: break-all;
}
.light-mode .sub-conbox table .text-slate-400{
    font-size: 0.875rem; /* 14px */
    font-weight: 400;
    color: #1F2B3B;
}
.light-mode .sub-conbox table .text-slate-300{
    color: #1F2B3B;
}
.light-mode .sub-conbox table .bg-slate-600,
.light-mode .sub-conbox table .bg-slate-800{
    background-color: #F8FAFC;
    color: #5E78A8;
}
.light-mode .sub-conbox table .bg-slate-600:hover,
.light-mode .sub-conbox table .bg-slate-800:hover{
    background-color: #2980B9;
    color: #fff;
}
.light-mode .sub-conbox table select{
    border: 1px solid #DDE5EF;
    background-color: #fff !important;
    color: #1F2B3B;
}
.light-mode .btn-print{
    background-color: #1A2B4C;
    color: #fff;
}
.light-mode .btn-print:hover{
    background-color: #111D35;
}
.light-mode .btn-small.color-type2:hover{
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
    color: #fff;
}
.light-mode .memo-box{
    background-color: #F8FAFC;
    border-color: #DDE5EF;
    color: #1F2B3B;
}
.light-mode .sub-tab-menu{
    background-color: #F8FAFC;
    border-color: #DDE5EF;
}
.light-mode .sub-tab-menu span:hover{
    color: #8C98AA;
}
.light-mode .sub-tab-menu .peer:checked ~ .peer-checked\:bg-slate-800{
    color: #fff !important;
}
/* .light-mode .font-semibold{
    font-weight: 500;
} */
.light-mode .bg-slate-950\/10{
    background-color: rgba(2 6 23 / 0.02);
}
.light-mode .text-slate-300 .truncate{
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

/* popup */
html.light-mode{
    background-color: #fff;
}
.light-mode .popup-body{
    background-color: #fff;
}
.light-mode .popup-body .bg-slate-900\/20{
    background-color: #fff;
}
.light-mode .popup-body .bg-slate-800\/60{
    background-color: #F8FAFC;
}
.light-mode .popup-body .text-slate-300{
    color: #1F2B3B;
}
.light-mode .popup-body input,
.light-mode .popup-body select,
.light-mode .popup-body textarea,
.light-mode .popup-body select option{
    background-color: #fff;
    border: 1px solid #DDE5EF;
}
.light-mode .popup-body button{
    font-weight: 500;
}
.light-mode .popup-body button[type="submit"] + button[type="button"]{
    background-color: #8C98AA;
    color: #fff;
}
.light-mode .select2-dropdown{
    background-color: #fff !important;
    border: 1px solid #DDE5EF !important;
    color: #1F2B3B !important;
    font-size: 0.875rem; /* 14px */
}
.light-mode .select2-container--default .select2-selection--single{
    height: 39px !important;
    color: #1F2B3B !important;
}
.light-mode .select2-container--default .select2-selection--single{
    background-color: #fff !important;
    border-color: #DDE5EF !important;
}
.light-mode .select2-container--default .select2-results__option[aria-selected=true]{
    color: #1F2B3B !important;
}
.light-mode .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #1F2B3B !important;
    font-size: 0.875rem !important; /* 14px */
}
.light-mode .select2-container--default .select2-search--dropdown .select2-search__field{
    background-color: #fff !important;
    color: #1F2B3B !important;
}
.light-mode .select2-results__option{
    color: #1F2B3B !important;
    font-size: 0.875rem !important; /* 14px */
}
.light-mode .popup-body .text-slate-400{
    color: #1F2B3B;
}
.light-mode .popup-body .add-row-btn{
    background-color: #F8FAFC;
}
.light-mode .popup-body .add-row-btn:hover{
    background-color: #2980B9;
    color: #fff;
}
.light-mode .popup-body div.plupload_container{
    background-color: #fff !important;
    font-family: 'S-CoreDream', sans-serif !important;
}
.light-mode .popup-body div.plupload_container *{
    font-family: 'S-CoreDream', sans-serif !important;
}
.light-mode .popup-body div.plupload_header{
    background: rgba(2, 6, 23, 0.1) !important;
}
.light-mode .popup-body div.plupload_header_title{
    color: #1F2B3B !important;
}
.light-mode .popup-body div.plupload_filelist_header{
    font-size: 0.875rem; /* 14px */
    color: #1F2B3B !important;
}
.light-mode div.plupload_file_size, div.plupload_file_status{
    font-size: 0.875rem; /* 14px */
    color: #1F2B3B !important;
}
.light-mode a.plupload_button{
    font-size: 0.8125rem !important; /* 13px */
    font-weight: 500 !important;
}
.light-mode div.plupload_filelist_footer{
    background: rgba(15, 23, 42, 0.6) !important;
}
.popup-body div.plupload_header_title{
    font-size: 0.9375rem !important; /* 15px */
}
.popup-body div.plupload_header_text{
    font-size: 0.8125rem !important; /* 13px */
    color: #1F2B3B !important;
}
.popup-body ul.plupload_filelist li.plupload_droptext{
    font-size: 0.875rem !important; /* 14px */
}
.popup-body .plupload_scroll .plupload_filelist{
    font-size: 0.875rem; /* 14px */
}
.group:hover .group-hover\:text-white{
    color: inherit !important;
}

@media (min-width: 640px){
    .sm\:text-2xl{
        font-size: 2.125rem !important; /* 34px */
        line-height: 2.5rem !important;
    }
}