/*** 공통 ****/
.error-message-base{width: 100%; font-size: 80%; color: var(--danger); margin: 5px 0 0; line-height: 1.2;}
.default-message-base{width: 100%; font-size: 85%; color: var(--gray); margin: 5px 0 0; line-height: 1.2;}

.card-header .card-title:has(.date){display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px;}
.card-header .card-title .date{display: inline-block; font-size: 0.95em; font-weight: 400; color: var(--gray-origin);}

.form-control:not(.is-invalid) ~ .invalid-feedback {display: none;}
.form-control:disabled{background-color: #fafafa; color: #bbb; border-color: #f0f0f0;}


/* 페이지 네이션 모바일 수정 */
@media screen and (max-width: 1000px) {
    .pagination.pagination .page-item .page-link{width: 25px; height: 25px; line-height: 25px;}
    .pagination.pagination .page-item.page-indicator .page-link i{margin: 0;}
}



/*** 공통 - 끝 - ****/




/* 사이드바 메뉴 */
.metismenu > li a{position: relative;}
.metismenu > li .tag{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); padding: 2px 4px; background-color: var(--danger); color: white; font-size: 10px; font-weight: 500; border-radius: 3px; z-index: 5;}
.metismenu > li a:has(.tag){padding-right: 45px;}

.metismenu > li .tag-new-dot{position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background-color: var(--danger); overflow: hidden; text-indent: -9999px; border-radius: 50%;}
.metismenu > li a:has(.tag-new-dot){padding-right: 30px;}

[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .quixnav .tag-new-dot,
[data-sidebar-style="mini"] .quixnav .tag-new-dot{position: absolute; right: 10px;}



@media screen and (min-width: 767px) {
    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .quixnav .tag,
    [data-sidebar-style="mini"] .quixnav .tag{padding: 0; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; text-indent: -999px; right: 10px;}
}



/* 헤더 네비 */
.mobile-action-control{display: none;}
.mobile-action-control .btn{
    width: 30px;
    height: 30px;
    border: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='4' height='18' viewBox='0 0 4 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16C0 15.45 0.195833 14.9792 0.5875 14.5875C0.979167 14.1958 1.45 14 2 14C2.55 14 3.02083 14.1958 3.4125 14.5875C3.80417 14.9792 4 15.45 4 16C4 16.55 3.80417 17.0208 3.4125 17.4125C3.02083 17.8042 2.55 18 2 18ZM2 11C1.45 11 0.979167 10.8042 0.5875 10.4125C0.195833 10.0208 0 9.55 0 9C0 8.45 0.195833 7.97917 0.5875 7.5875C0.979167 7.19583 1.45 7 2 7C2.55 7 3.02083 7.19583 3.4125 7.5875C3.80417 7.97917 4 8.45 4 9C4 9.55 3.80417 10.0208 3.4125 10.4125C3.02083 10.8042 2.55 11 2 11ZM2 4C2 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979167 4 1.45 4 2C4 2.55 3.80417 3.02083 3.4125 3.4125L2 4Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 767px) {
    [data-sidebar-style="full"] .header, [data-sidebar-style="overlay"] .header {
        position: fixed;
        top: 0;
        width: 100%;
        padding: 0;
        transition: .25s;
    }

    .header.show {top: var(--nav-top-height);}
    .header-action-group{margin: 0 auto;}
    .header .header-content {padding: 0;}

    [data-sidebar-position="fixed"][data-layout="vertical"] .nav-header{width: 100%;}
    [data-sidebar-position="fixed"][data-layout="vertical"] .nav-header .logo-abbr{max-width: 45px;}
    [data-sidebar-position="fixed"][data-layout="vertical"] .nav-header .brand-title{margin-left: 5px; max-width: 110px;}
    [data-sidebar-position="fixed"][data-layout="vertical"] .nav-control{left: 0; z-index: 10; right: auto;}
    [data-sidebar-position="fixed"][data-layout="vertical"] .nav-control .hamburger .line{background-color: white;}
    [data-sidebar-position="fixed"][data-layout="vertical"] .mobile-action-control{display: block; position: absolute; right: 10px; z-index: 10; top: 50%; transform: translateY(-50%);}
}




/* 상단 헤더 */
.header-action-group{margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; height: 100%; padding: 10px 0 10px 10px; gap: 10px 20px;}
.header-action-group .access-time{font-size: 14px; color: var(--gray);}
.header-action-group .access-time strong{font-weight: 600; color: var(--gray-dark);}

.header-action-group .header-profile{position: relative;}
.header-action-group .btn-profile-header{display: flex; align-items: center; gap: 10px; transition: .25s;}
.header-action-group .btn-profile-header:hover,
.header-action-group .btn-profile-header:focus{background-color: var(--light);}
.header-action-group .btn-profile-header .img-box{width: 30px; height: 30px; overflow: hidden; border-radius: 50%; background: url('../images/img-default-profile.svg') no-repeat center center / 100%; flex-shrink: 0;}
.header-action-group .btn-profile-header .img-box img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.header-action-group .btn-profile-header .name{font-size: 15px; font-weight: 500; color: var(--gray-dark);}
.header-action-group .btn-profile-header .id{font-size: 15px; font-weight: 400; color: var(--gray);}
.header-action-group .header-profile .dropdown-menu .item-group{text-align: center;}
.header-action-group .btn-group{width: 100%; border-top: 1px solid var(--border); padding: 8px 8px 0; margin-top: 9px;}
.header-action-group .btn-group form,
.header-action-group .btn-group button{width: 100%; margin: 0 !important;}

.header-action-group .alarm-box{position: relative;}
.header-action-group .btn-alarm-list{width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.05806 18.7472C9.06626 19.7773 11.3764 20.0564 13.5721 19.534C15.7678 19.0116 17.7048 17.7222 19.0339 15.898C20.363 14.0739 20.9969 11.835 20.8214 9.58481C20.6459 7.33464 19.6724 5.22115 18.0765 3.62521C16.4805 2.02926 14.367 1.05581 12.1168 0.880262C9.86667 0.704719 7.62779 1.33863 5.80365 2.66776C3.97951 3.9969 2.69006 5.93385 2.16768 8.12958C1.6453 10.3253 1.92433 12.6354 2.95449 14.6436L0.850098 20.8516L7.05806 18.7472Z' stroke='%233C434A' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); display: inline-block; background-color: transparent; border: none; position: relative;}
.header-action-group .btn-alarm-list .bubble{position: absolute; right: -5px; top: -5px; min-width: 18px; height: 18px; border-radius: 50%; background-color: var(--danger); border-radius: 20px; color: white; font-size: 9px; font-weight: 700; align-content: center; padding: 0 3px;}
.header-action-group .alarm-box .dropdown-menu{width: 80vw; max-width: 280px;}
.header-action-group .alarm-box .notice-header-list{max-height: 280px; overflow: auto;}
.notice-header-list{padding: 0 16px; word-break: break-all;}
.notice-header-list > li{border-bottom: 1px solid var(--border); word-break: break-all;}
.notice-header-list > li:last-of-type{border-bottom: none;}
.notice-header-list > li > a{display: block; padding: 16px 0 16px 15px; position: relative; word-break: break-all;}
.notice-header-list > li .sbj{font-size: 14px; font-weight: 500; color: var(--gray-origin); margin: 0 0 5px; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; line-height: 1.2; word-break: break-all;}
.notice-header-list > li .desc{font-size: 13px; color: var(--gray-origin); margin: 0; line-height: 1.4; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.notice-header-list > li .time{font-size: 13px; color: #adb1b5; margin: 0 0 5px; line-height: 1.2;}
.notice-header-list > li .tag{position: absolute; left: 0; top: 18px; background-color: var(--gray-light2); width: 5px; height: 5px; border-radius: 50%; word-break: break-all;}

.header-action-group .site-move{position: relative;}
.header-action-group .btn-site-move{display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: 100%; background-color: transparent; border: none; background-image: url('../images/ic-site-move.svg');}

@media all and (max-width: 990px){
    .header-action-group{padding: 5px 0 5px 5px; gap: 5px 15px;}
    .header-action-group .access-time{display: none;}
    
    .header-action-group .btn-profile-header{gap: 7px;}
    .header-action-group .btn-profile-header .img-box{width: 20px; height: 20px;}
    .header-action-group .btn-profile-header .name{font-size: 14px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .header-action-group .btn-profile-header .id{font-size: 14px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    
    .header-action-group .btn-alarm-list{width: 20px; height: 20px; background-size: 18px;}
    .header-action-group .alarm-box .notice-header-list{max-height: 200px;}
    .header-action-group .alarm-box .dropdown-menu{width: 80vw; max-width: 240px;}
    .notice-header-list{padding: 0 10px;}
    .notice-header-list > li > a{padding: 12px 0 12px 15px;}
    .notice-header-list > li .sbj{font-size: 13px;}
    .notice-header-list > li .desc{font-size: 12px;}
    
    .header-action-group .btn-site-move{width: 25px; height: 25px;}
}

@media all and (max-width: 768px){
    .header-action-group{justify-content: center;}
    .header-action-group .alarm-box .dropdown-menu{right: -30px;}
}





/* 풋터 */

.footer{padding: 15px 20px 18px 20px; margin-left: var(--sidebar-width); transition: .25s; border-top: 1px solid var(--gray-light3); z-index: 0;}
.footer p{margin: 0;}
.footer > div{display: flex; align-items: center; flex-wrap: wrap; gap: 5px;}
.footer .link-item{display: inline-block; font-size: 14px; color: #91979D;}
.footer .dots{display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #D9D9D9; margin: 0 5px;}
.footer .copyright-text{font-size: 13px; color: #91979D;}

@media all and (max-width: 768px){
    .footer > div{width: 100%; margin-top: 7px;}
    .footer > div:first-of-type{margin-top: 0;}
    [data-sidebar-style="overlay"] .footer{padding-left: 20px;}

    .footer {position: relative;}
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
    .footer {
        margin-left: var(--sidebar-width-md);
    }
}

@media only screen and (min-width: 768px) {
    [data-sidebar-style="mini"] .footer {
        margin-left: 3.75rem;
    }
}

[data-sidebar-style="overlay"] .footer {
    margin-left: 0;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .footer{
    margin-left: 3.75rem;
}




/* 토스트 알림창 추가 */
.toast-alert{position: fixed; z-index: 100; top: 90px; left: 50%; transform: translateX(-50%); max-width: 90%; display: none;}
.toast-alert.show{display: block;}


@media all and (max-width: 768px){
    .toast-alert{top: 70px; left: 5%; transform: initial; max-width: 90%; }
}



/* 폼 추가 */
.form-base-group{margin-bottom: 15px;}
.form-base-group .col-form-label{color: var(--gray-dark); font-weight: 500; padding-top: 5px; padding-bottom: 5px;}
.row.flex-wrap{flex-wrap: wrap; gap: 5px 0;}
.form-row{gap: 5px 0;}






/* 폼 테이블 */
.table-form-wrapper{width: 100%; overflow: auto;}
.tbl-form-base{width: 100%; table-layout: fixed; border-top: 1px solid var(--gray); word-break: break-all;}
.tbl-form-base th{/*border-right: 1px solid var(--gray-table-border);*/ background-color: var(--gray-table); border-bottom: 1px solid var(--gray-table-border); text-align: center; padding: 10px; color: var(--gray-dark); font-weight: 500; vertical-align: middle; height: 45px;}
.tbl-form-base td{padding: 10px; /*border-right: 1px solid var(--gray-table-border);*/  border-bottom: 1px solid var(--gray-table-border); text-align: center; color: var(--gray); vertical-align: middle; height: 45px; word-break: break-all;}
.tbl-form-base th .col-form-label{font-weight: 500; color: var(--black2);}
.tbl-form-base .textL{text-align: left; padding-left: 20px;}
.tbl-form-base tbody tr:not(:where(.default-site, .active-site)):hover{background-color: #F8F9FA;}
.tbl-form-base tr{transition: background-color .2s;}

.tbl-form-base th:not(:first-child),
.tbl-form-base td:not(:first-child) {border-left: 1px solid var(--gray-table-border);}
.tbl-form-base th[rowspan]:not(:last-child),
.tbl-form-base td[rowspan]:not(:last-child) {border-right: 1px solid var(--gray-table-border);}

.tbl-form-base td:has(.row){overflow: hidden;}

/* 반응형 크기 추가 */
.tbl-form-base.min-w-lg{min-width: 800px;}

/* horiz 클래스 추가 */
.tbl-form-base.horiz th{height: 45px;}
.tbl-form-base.horiz td{text-align: left; height: 45px;}
.tbl-form-base.horiz tbody tr:hover{background-color: inherit;}


.tbl-form-base .default-site{background-color: #f2f9f8;}
.tbl-form-base .default-site td{color: #222;}
.tbl-form-base .active-site{background-color: #EAF2FF;}
.tbl-form-base .active-site td{color: #1E50A4; font-weight: 700;}


/* 반응형 - horiz 추가 */
@media screen and (max-width: 900px) {
    .tbl-form-base.horiz{display: block; width: 100%;}
    .tbl-form-base.horiz colgroup{display: none;}
    .tbl-form-base.horiz tbody{display: block; width: 100%;}
    .tbl-form-base.horiz tr{display: block; width: 100%;}
    .tbl-form-base.horiz th{display: block; width: 100%; border-right: none; border-left: none; text-align: center; height: auto;}
    .tbl-form-base.horiz td{display: block; width: 100%; border-right: none; border-left: none; text-align: center; height: auto;}
}


/* 테이블 폼 1 */
.table-base-normal-wrapper .top-info-box{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 20px;}
.table-base-normal-wrapper .top-info-box .left-box{margin-right: auto;}
.table-base-normal-wrapper .top-info-box .right-box{margin-left: auto;}
.table-base-normal-wrapper .bottom-action-box{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 20px; margin-bottom: 10px;}
.table-base-normal-wrapper .bottom-action-box .left-box{margin-right: auto;}
.table-base-normal-wrapper .bottom-action-box .right-box{margin-left: auto;}

.table-base-normal-wrapper table.dataTable, table.dataTable th, table.dataTable td{box-sizing: border-box; height: 30px;}
.table-base-normal-wrapper table.dataTable thead .sorting{background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1675 12.5V3.81624H1.77951H0.262939L3.72732 0.5L7.19168 3.81624H5.67513H4.28715V12.5H3.1675Z' fill='%236C757D' fill-opacity='0.6'/%3E%3Cpath d='M9.71275 0.5V9.18376H8.32476H6.80823L10.2726 12.5L13.7371 9.18376H12.2204H10.8324V0.5H9.71275Z' fill='%236C757D' fill-opacity='0.6'/%3E%3C/svg%3E%0A");}
.table-base-normal-wrapper table.dataTable thead .sorting_asc{background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1675 12.5V3.81624H1.77951H0.262939L3.72732 0.5L7.19168 3.81624H5.67513H4.28715V12.5H3.1675Z' fill='%233C434A'/%3E%3Cpath d='M9.71287 0.5V9.18376H8.32488H6.80835L10.2727 12.5L13.7372 9.18376H12.2205H10.8325V0.5H9.71287Z' fill='%236C757D' fill-opacity='0.6'/%3E%3C/svg%3E%0A");}
.table-base-normal-wrapper table.dataTable thead .sorting_desc{background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.16823 12.5V3.81624H1.78024H0.263672L3.72805 0.5L7.19241 3.81624H5.67587H4.28788V12.5H3.16823Z' fill='%236C757D' fill-opacity='0.6'/%3E%3Cpath d='M9.71311 0.5V9.18376H8.32512H6.80859L10.2729 12.5L13.7374 9.18376H12.2207H10.8328V0.5H9.71311Z' fill='%233C434A'/%3E%3C/svg%3E%0A");}
.table-base-normal-wrapper :is(table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled){background-position: center right 3px;}





/* 아이콘 */
.ic-sds-excel{display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url('../images/ic-excel.svg') no-repeat center center / 100%;}
.ic-sds-excel-gray{display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url('../images/ic-excel-gray.svg') no-repeat center center / 100%;}


/* 서브 제목 */
.sub-title{margin: 0; font-size: 16px; font-weight: 600; color: var(--gray-dark);}



/* ----- SWITCH 기본 틀 ----- */
.switch {position: relative; display: inline-block; width: 35px; height: 20px; margin: 0;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--gray-light2);transition: .3s;}
.switch .slider:before {position: absolute;content: "";height: 14px;width: 14px;left: 3px;bottom: 3px;background-color: white;transition: .3s;}
.switch input:checked + .slider {background-color: var(--primary); /* 원하는 색 */}
.switch input:checked + .slider:before {transform: translateX(15px);}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}
.switch .slider.round:before {border-radius: 50%;}
.switch + .switch-label{font-weight: 400; margin-left: 5px; color: var(--gray-500); transition: .25s;}
.switch:has(:checked) + .switch-label{color: var(--gray-900); font-weight: 600;}


/* ----- 설명 아이콘 ----- */
.help-icon{display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background-color: var(--gray-700); color: #fff; font-weight: 700; cursor: pointer; transform: .25s; margin: 2px; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.05 13C4.05 11.65 4.17083 10.6792 4.4125 10.0875C4.65417 9.49583 5.16667 8.85 5.95 8.15C6.63333 7.55 7.15417 7.02917 7.5125 6.5875C7.87083 6.14583 8.05 5.64167 8.05 5.075C8.05 4.39167 7.82083 3.825 7.3625 3.375C6.90417 2.925 6.26667 2.7 5.45 2.7C4.6 2.7 3.95417 2.95833 3.5125 3.475C3.07083 3.99167 2.75833 4.51667 2.575 5.05L0 3.95C0.35 2.88333 0.991667 1.95833 1.925 1.175C2.85833 0.391667 4.03333 0 5.45 0C7.2 0 8.54583 0.4875 9.4875 1.4625C10.4292 2.4375 10.9 3.60833 10.9 4.975C10.9 5.80833 10.7208 6.52083 10.3625 7.1125C10.0042 7.70417 9.44167 8.375 8.675 9.125C7.85833 9.90833 7.3625 10.5042 7.1875 10.9125C7.0125 11.3208 6.925 12.0167 6.925 13H4.05ZM5.45 19C4.9 19 4.42917 18.8042 4.0375 18.4125C3.64583 18.0208 3.45 17.55 3.45 17C3.45 16.45 3.64583 15.9792 4.0375 15.5875C4.42917 15.1958 4.9 15 5.45 15C6 15 6.47083 15.1958 6.8625 15.5875C7.25417 15.9792 7.45 16.45 7.45 17C7.45 17.55 7.25417 18.0208 6.8625 18.4125C6.47083 18.8042 6 19 5.45 19Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; background-size: 6px; margin-top: -1px;}
.help-icon.lg{width: 22px; height: 22px; background-size: 7px;}
.help-icon:hover{background-color: var(--gray-900);}



/* 댓글 리스트 */
.sds-comment-list{border-top: 1px solid var(--gray-300);}
.sds-comment-list .comment-item{padding: 20px 15px; display: flex; flex-direction: column; gap: 15px 0; border-bottom: 1px solid var(--gray-300);}
.sds-comment-list .comment-item .cm-header{display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px;}
.sds-comment-list .comment-item .cm-header .info-box{margin-right: auto; display: flex; align-items: center; gap: 5px 10px; flex-wrap: wrap;}
.sds-comment-list .comment-item .cm-header .action-box{margin-left: auto;}
.sds-comment-list .comment-item .cm-header .name{font-size: 16px; font-weight: 600; color: var(--gray-dark);}
.sds-comment-list .comment-item .cm-header .date{color: var(--gray-500); font-size: 15px;}
.sds-comment-list .comment-item .cm-body > p{margin: 0; font-size: 15px; color: var(--gray-origin); line-height: 1.6;}
.sds-comment-list .comment-item.reply{padding-left: 50px; background-repeat: no-repeat; background-position: left 22px top 27px; background-size: 12px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17L7.575 15.575L11.175 12H0V0H2V10H11.175L7.575 6.4L8.975 4.975L15 11L9 17Z' fill='%23888888'/%3E%3C/svg%3E%0A");}


@media screen and (max-width: 1000px) {
    .sds-comment-list .comment-item{padding: 15px 10px;}
    .sds-comment-list .comment-item .cm-header .name{font-size: 15px;}
    .sds-comment-list .comment-item .cm-header .date{font-size: 14px;}
    .sds-comment-list .comment-item .cm-body > p{font-size: 14px;}
    .sds-comment-list .comment-item.reply{padding-left: 40px; background-position: left 15px top 22px; background-size: 10px;}
}





/* 파일 업로드 */
.custom-file.cus-tom{height: auto; --height: 35px;}
.custom-file.cus-tom .custom-file-input{margin-bottom: 0; height: var(--height);}
.custom-file.cus-tom .custom-file-label{margin-bottom: 0; height: var(--height); padding-right: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/* 파일 선택 - 멀티 */
.multi-file-upload-wrapper{width: 100%;}
.file-drag-base-section{width: 100%; min-height: 125px; display: flex; flex-wrap: wrap; gap: 10px 5px; padding: 20px; text-align: center; justify-content: center; align-items: center; border: 3px dashed #ddd;}
.file-drag-base-section span{font-weight: 400; color: var(--gray); font-size: 14px;}
.multi-file-upload-wrapper .file-list{margin-top: 10px;}
.multi-file-upload-wrapper .file-list > li{margin-top: 10px;}
.multi-file-upload-wrapper .file-list > li:first-of-type{margin-top: 0;}
.file-line-name-box{width: 100%; padding: 7px 10px 7px 30px; background-repeat: no-repeat; background-position: left 10px center; background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.25C8 9.29 7.61067 10.175 6.832 10.905C6.05333 11.635 5.10933 12 4 12C2.89067 12 1.94667 11.635 1.168 10.905C0.389333 10.175 0 9.29 0 8.25V2.7C0 1.95 0.28 1.3125 0.84 0.7875C1.4 0.2625 2.08 0 2.88 0C3.68 0 4.36 0.2625 4.92 0.7875C5.48 1.3125 5.76 1.95 5.76 2.7V7.95C5.76 8.41 5.58933 8.8 5.248 9.12C4.90667 9.44 4.49067 9.6 4 9.6C3.50933 9.6 3.09333 9.44 2.752 9.12C2.41067 8.8 2.24 8.41 2.24 7.95V2.4H3.52V7.95C3.52 8.08 3.56533 8.1875 3.656 8.2725C3.74667 8.3575 3.86133 8.4 4 8.4C4.13867 8.4 4.25333 8.3575 4.344 8.2725C4.43467 8.1875 4.48 8.08 4.48 7.95V2.7C4.46933 2.28 4.312 1.925 4.008 1.635C3.704 1.345 3.328 1.2 2.88 1.2C2.432 1.2 2.05333 1.345 1.744 1.635C1.43467 1.925 1.28 2.28 1.28 2.7V8.25C1.26933 8.96 1.53067 9.5625 2.064 10.0575C2.59733 10.5525 3.24267 10.8 4 10.8C4.74667 10.8 5.38133 10.5525 5.904 10.0575C6.42667 9.5625 6.69867 8.96 6.72 8.25V2.4H8V8.25Z' fill='%236C757D'/%3E%3C/svg%3E%0A"); border: 1px solid var(--border); background-color: var(--gray-table); display: flex; align-items: center; gap: 10px;}
.file-line-name-box .name{flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #244490;}
.file-line-name-box .data{flex-shrink: 0; font-size: 13px; color: var(-gray);}
.file-line-name-box .btn-delete{flex-shrink: 0; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 9.975L0 8.575L3.6 4.975L0 1.4L1.4 0L5 3.6L8.575 0L9.975 1.4L6.375 4.975L9.975 8.575L8.575 9.975L5 6.375L1.4 9.975Z' fill='%233C434A'/%3E%3C/svg%3E%0A"); border: none; background-color: transparent;}


/* 파일 선택 - 이미지 */
.image-file-upload-wrapper{display: flex; flex-wrap: wrap; gap: 10px;}
.image-file-upload-wrapper > li{width: 100px;}
.image-file-upload-wrapper .btn-plus-upload{width: 100%; display:block; aspect-ratio: 1; background-color: white; border: 1px solid var(--border); border-radius: 10px; transition: .25s; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.4286H11.4286V20H8.57143V11.4286H0V8.57143H8.57143V0H11.4286V8.57143H20V11.4286Z' fill='%236C757D'/%3E%3C/svg%3E%0A");}
.image-file-upload-wrapper .btn-plus-upload:where(:hover, :focus){background-color: var(--l-bg);}
.image-preview-base-box{width: 100%; aspect-ratio: 1; border-radius: 10px; position: relative; background-color: var(--l-bg);}
.image-preview-base-box .img-box{width: 100%; border: 1px solid #eee; height: 100%; overflow: hidden; border-radius: 10px;}
.image-preview-base-box .img-box img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.image-preview-base-box .btn-delete-circle{position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; border-radius: 50%; background-color: #000; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 9.975L0 8.575L3.6 4.975L0 1.4L1.4 0L5 3.6L8.575 0L9.975 1.4L6.375 4.975L9.975 8.575L8.575 9.975L5 6.375L1.4 9.975Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; border: none; background-size: 10px;}
.image-preview-base-box .hover-text{background-color: #000; padding: 0 5px; max-width: 200px; word-break: break-all; color: white; position: absolute; left: 50%; bottom:0; transform: translateX(-50%); border-radius: 5px; z-index: 10; font-size: 10px; width: 100%; text-align: center;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.8; display: none;}
.image-preview-base-box:hover .hover-text{display: -webkit-box;}









/* 멀티 select - 커스텀 */
.custom-base + .select2-container--default .select2-selection--multiple{border-color: var(--border);}
.custom-base + .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #6C757D; border: 1px solid #6C757D; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 3px 8px; color: white; font-size: 13px;}
.custom-base + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: white; margin-right: 5px;}
.custom-base + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: white;}







/* 탭 부분 */

/* type 01 */
.tab-menu-type01-group{margin-bottom: 35px;}
.tab-menu-type01{display: flex; flex-wrap: wrap; border-bottom: 1px solid #CED1D7;}
.tab-menu-type01 > li{margin-bottom: -1px;}
.tab-menu-type01 > li > a{display: block; padding: 10px 14px; font-size: 14px; color: var(--charade); font-weight: 500; border-bottom: 1px solid #CED1D7; height: 100%; text-align: center;}
.tab-menu-type01 > li > a.active{border-bottom: 2px solid var(--primary); color: var(--primary); font-weight: 600;}

@media screen and (max-width: 1000px) {
    .tab-menu-type01{display: grid; grid-template-columns: repeat(auto-fit, minmax(35%, auto));}
    .tab-menu-type01 > li > a{padding: 10px 12px;}
}



/* type 02 */
.tab-menu-type02-group{margin-bottom: 35px;}
.tab-menu-type02{display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; gap: 13px 0;}
.tab-menu-type02 > li{margin-bottom: -1px;}
.tab-menu-type02 > li > a{display: block; padding: 12px 20px; font-size: 14px; color: var(--gray); border-bottom: 1px solid #ddd; height: 100%; align-content: center; text-align: center;}
.tab-menu-type02 > li > a.active{background-color: white; border: 1px solid #ddd; border-bottom: 1px solid white; color: var(--gray-dark); font-weight: 700;}

@media screen and (max-width: 1000px) {
    .tab-menu-type02-group{margin-bottom: 25px;}
    .tab-menu-type02{border-bottom: none; gap: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));}
    .tab-menu-type02 > li{margin-left: -1px;}
    .tab-menu-type02 > li > a{padding: 11px 5px; font-size: 13px; border: 1px solid #ddd;}
    .tab-menu-type02 > li > a.active{border-bottom-color: #ddd;}
}








/* 체크박스 - 전부 체워져 있는 - 수정 */
.filter-fill-tags{gap: 4px 1px; align-items: center; display: flex; flex-wrap: wrap;}
.filter-fill-tags.w140{display: grid; grid-template-columns: repeat(auto-fit, 140px); gap: 8px;}
.filter-fill-tags.w140 label{width: 100%;}

.form-fill-check{padding: 0; text-align: center;}
.form-fill-check .form-check-input {display: none;}
.form-fill-check .form-check-label {cursor: pointer; padding: 5px 15px; border-radius: 999px; border: 1px solid var(--grey); background-color: var(--white); font-size: 14px; font-weight: 500; color: var(--gray-500); transition: all 0.15s ease-in-out;}
.form-fill-check .form-check-label:hover {background-color: var(--gray-100);}
.form-fill-check .form-check-input:checked + .form-check-label {background-color: var(--primary); border-color: var(--primary); color: var(--white); font-weight: 500;}

.form-fill-check.w140 .form-check-label{width: 140px;}

.tit-line-box{position: relative; margin: 25px 0 13px;}
.tit-line-box:first-of-type{position: relative; margin-top: 10px;}
.tit-line-box::before{content: ""; position: absolute; width: 100%; height: 1px; border-top: 1px solid var(--gray-300); top: 50%; left: 0; z-index: 0;}
.tit-line-box span{display: inline-block; background-color: white; font-size: 13px; font-weight: 600; position: relative; padding: 0 10px; color: var(--gray-600); letter-spacing: 1px;}


@media screen and (max-width: 1000px) {
    .form-fill-tags{gap: 3px 0px;}
    .filter-fill-tags.w140{grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 5px;}

    .form-fill-check .form-check-label {padding: 5px 13px; font-size: 13px;}
}








/* 이것저것 다 수정 */

/* 첨부파일 */
.ui-attach-item{display: block; width: 100%; text-decoration: underline; padding: 4px 0; background-repeat: no-repeat; background-position: left top 8px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 13.75C12.5 15.4833 11.8917 16.9583 10.675 18.175C9.45833 19.3917 7.98333 20 6.25 20C4.51667 20 3.04167 19.3917 1.825 18.175C0.608333 16.9583 0 15.4833 0 13.75V4.5C0 3.25 0.4375 2.1875 1.3125 1.3125C2.1875 0.4375 3.25 0 4.5 0C5.75 0 6.8125 0.4375 7.6875 1.3125C8.5625 2.1875 9 3.25 9 4.5V13.25C9 14.0167 8.73333 14.6667 8.2 15.2C7.66667 15.7333 7.01667 16 6.25 16C5.48333 16 4.83333 15.7333 4.3 15.2C3.76667 14.6667 3.5 14.0167 3.5 13.25V4H5.5V13.25C5.5 13.4667 5.57083 13.6458 5.7125 13.7875C5.85417 13.9292 6.03333 14 6.25 14C6.46667 14 6.64583 13.9292 6.7875 13.7875C6.92917 13.6458 7 13.4667 7 13.25V4.5C6.98333 3.8 6.7375 3.20833 6.2625 2.725C5.7875 2.24167 5.2 2 4.5 2C3.8 2 3.20833 2.24167 2.725 2.725C2.24167 3.20833 2 3.8 2 4.5V13.75C1.98333 14.9333 2.39167 15.9375 3.225 16.7625C4.05833 17.5875 5.06667 18 6.25 18C7.41667 18 8.40833 17.5875 9.225 16.7625C10.0417 15.9375 10.4667 14.9333 10.5 13.75V4H12.5V13.75Z' fill='%23888888'/%3E%3C/svg%3E%0A"); background-size: 9px; padding-left: 15px; transition: .25s; text-align: left; background-color: transparent; border: none; color: var(--gray-600);}
.ui-attach-item:hover,
.ui-attach-item:focus{color: var(--gray-900);}


/* 게시판 - 제목 */
.sbj-link-item{display: flex; text-align: left; padding: 0 15px; min-height: 15px; align-content: center; background-repeat: no-repeat; background-position: left center; background-size: 15px; gap: 5px; align-items: center;}
.sbj-link-item .text{max-width: 100%; min-width: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 15px; color: var(--gray-600);}
.sbj-link-item .new{flex-shrink: 0; width: 15px; height: 15px; border-radius: 5px; background-color: var(--red); display: flex; align-items: center; justify-content: center; text-align: center; color: white; font-size: 10px; font-weight: 600;}

.sbj-link-item.reply{padding-left: 40px; background-position: left 15px center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2819_34594' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2819_34594)'%3E%3Cpath d='M14 21L12.575 19.575L16.175 16H5V4H7V14H16.175L12.575 10.4L13.975 8.975L20 15L14 21Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");}
.sbj-link-item.scheduled{padding-left: 40px; background-position: left 15px center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2826_34600' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2826_34600)'%3E%3Cpath d='M11.9969 22C9.41354 22 7.17188 21.1417 5.27188 19.425C3.37188 17.7083 2.29688 15.5667 2.04688 13H4.07188C4.32188 15.0167 5.20104 16.6875 6.70937 18.0125C8.21771 19.3375 9.98021 20 11.9969 20C14.2302 20 16.1219 19.225 17.6719 17.675C19.2219 16.125 19.9969 14.2333 19.9969 12C19.9969 9.76667 19.2219 7.875 17.6719 6.325C16.1219 4.775 14.2302 4 11.9969 4C10.5635 4 9.23438 4.35417 8.00938 5.0625C6.78438 5.77083 5.81354 6.75 5.09687 8H7.99688V10H2.19688C2.68021 7.66667 3.83854 5.75 5.67188 4.25C7.50521 2.75 9.61354 2 11.9969 2C13.3802 2 14.6802 2.2625 15.8969 2.7875C17.1135 3.3125 18.1719 4.025 19.0719 4.925C19.9719 5.825 20.6844 6.88333 21.2094 8.1C21.7344 9.31667 21.9969 10.6167 21.9969 12C21.9969 13.3833 21.7344 14.6833 21.2094 15.9C20.6844 17.1167 19.9719 18.175 19.0719 19.075C18.1719 19.975 17.1135 20.6875 15.8969 21.2125C14.6802 21.7375 13.3802 22 11.9969 22ZM14.7969 16.2L10.9969 12.4V7H12.9969V11.6L16.1969 14.8L14.7969 16.2Z' fill='%23000000'/%3E%3C/g%3E%3C/svg%3E%0A");}


@media screen and (max-width: 1000px) {
    
}




/* 히스토리 쪽 */
.history-item-box{display: flex; flex-wrap: wrap; gap: 5px; border: 1px solid var(--gray-table-border); background-color: var(--gray-table); padding: 10px; padding-right: 15px; position: relative; align-items: center; margin-bottom: 12px; cursor: pointer;}
.history-item-box .left-box{flex: 1; display: flex; flex-wrap: wrap; gap: 10px 30px; padding-left: 15px;}
.history-item-box .right-box{margin-left: auto;}
.history-item-box .right-box i{margin-left: 12px !important;}
.history-item-box strong{font-size: 0.98rem; font-weight: 700; color: var(--gray-dark); min-width: 90px;}
.history-item-box .info-dl{display: flex; align-items: center; margin: 0; gap: 5px;}
.history-item-box .info-dl dt{font-weight: 700; color: var(--dark);}
.history-item-box .info-dl dd{margin: 0; color: var(--gray-origin);}

@media screen and (max-width: 1000px) {
    .history-item-box{padding-right: 40px;}
    .history-item-box .right-box i{position: absolute; right: 10px; top: calc(50% - 8px);}
    .history-item-box .left-box{flex: 1 0 100%; gap: 5px 20px; padding-left: 10px;}
    .history-item-box .right-box{width: 100%; margin-top: 5px;}
    .history-item-box .right-box .btn{width: 100%;}
    .history-item-box strong{font-size: 0.95rem;}
    .history-item-box .info-dl{display: flex; align-items: center; margin: 0; gap: 5px;}
    .history-item-box .info-dl dt{font-weight: 700; color: var(--dark);}
    .history-item-box .info-dl dd{margin: 0; color: var(--gray-origin);}
}