.truncate-single-line {
    white-space: nowrap; /* 한 줄로 고정 */
    overflow: hidden; /* 넘치는 부분 숨김 */
    text-overflow: ellipsis; /* 말림 부드럽게 표시 (…) */
}

/* 읽기 전용 필드 배경색 */
.form-control[readonly] {
    background-color: #f8f9fa;
    cursor: not-allowed;
}

.custom-auto {
    min-width: 6em;
    white-space: nowrap;
}

@media (min-width: 1600px) {
    .col-xxxl-cus-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-9 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-cus-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}