:root { 
    --vz-body-font-size:.75rem;
    --vz-semibox-width: 10px;
}
.card {
    --vz-card-spacer-y:.5rem;
    --vz-card-spacer-x:.5rem;
    --vz-card-cap-padding-y: .65rem;
    --vz-card-cap-padding-x: .65rem;
    margin-bottom: .5rem;
}
.row {
    --vz-gutter-x: .5rem;
    --vz-gutter-y: 0;
}
.btn {
    --vz-btn-padding-x: .4rem;
    --vz-btn-padding-y: .25rem;
    --vz-btn-font-size: .75rem;
}
.page-content {
    padding: calc(152px + 1.5rem) .75rem 0px .75rem;
}
.partner-content {
    padding: calc(68px + 1.5rem) .75rem 0px .75rem;
}
.blank-content {
    padding: 0;
}
.blank-content .page-title-box {
    padding-top: 3rem;
}
@media (min-width: 1440px) {
    [data-layout=semibox] .page-content {
        padding: calc(160px + 3rem) .75rem 0px .75rem;
    }
    [data-layout=semibox] .partner-content {
        padding: calc(80px + 3rem) .75rem 0px .75rem;
    }
}
[data-layout=horizontal] .navbar-menu {
    margin-top: 152px
}
[data-layout=horizontal] .partner-menu {
    margin-top: 70px
}
@media (min-width: 1024.1px) {
    [data-layout=horizontal] .page-content {
        margin-top: 160px;
    }
    [data-layout=horizontal] .partner-content {
        margin-top: 60px;
    }
}
#header-datas {
    height:82px;
    background: #FFF;
}
.table>:not(caption)>*>* {
    padding: .25rem;
    vertical-align: middle;
}
.table-card {
    margin: 0;
}
.page-title-box {
    margin-bottom: 0;
    padding: 1rem 1.5rem 2px 1.5rem;
    background-color: unset;
    box-shadow: unset;
}
th {
    vertical-align: middle;
    text-align: center;
}
th.gridjs-th {
    padding: 0;
}
.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 0;
}
.choices__list--single {
    padding: 2px 16px 2px 0px;
}
.choices__inner, .form-select {
    padding: .15rem;
    padding-left: 8px;
    font-size: var(--vz-body-font-size);
    min-height: 28px;
    height: 28px;
    background-position: right .2rem center;
}
.input-group-text, .form-control {
    font-size: var(--vz-body-font-size);
    padding: .25rem .5rem;
}
.list-group-item {
    background-color: unset;
}
[data-layout=horizontal] .page-title-box, [data-layout=semibox] .page-title-box {
    padding: 0;
    margin-bottom: 0;
}
label {
    margin-bottom: 0;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
    font-size: var(--vz-body-font-size);
}
.nav-tabs-custom.card-header-tabs {
    margin-top: 0;
}
.card-height-100 {
    height: calc(100% - .5rem);
}
.blank-body {
    margin:0 12px;
}
@media (max-width: 600px) {
    .blank-body {
        margin:0;
    }
}
.nav-tabs-custom.card-header-tabs .nav-link {
    padding: var(--vz-nav-link-padding-y) var(--vz-nav-link-padding-x);;
}

/* 테이블 전체 설정 */
.scrollable-table {
    width: 100%;
    table-layout: fixed; /* 셀 너비 고정 */
    border-collapse: collapse;
}

/* thead를 블록 요소로 만들어 tbody와 너비를 맞춤 */
.scrollable-table thead {
    display: block;
}

/* tbody를 블록 요소로 만들어 높이와 스크롤 적용 */
.scrollable-table tbody {
    display: block;
    /*height: 300px; 스크롤 높이 */
    overflow-y: scroll;
    width: 100%;
}

/* thead와 tbody 내부의 tr을 테이블 행처럼 보이게 함 */
.scrollable-table thead tr,
.scrollable-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed; /* 내부 셀의 너비 정렬 */
}
.scrollable-table tr th {
    text-align: center;
}
.scrollable-table tr td {
    text-align: right;
}

/* 스크롤바 너비 보정 (선택 사항) */
/* thead의 너비에서 스크롤바 너비만큼을 빼서 tbody 내용과 thead 제목을 정렬 */
.scrollable-table thead {
    /* calc를 사용하여 스크롤바 너비 (대략 17px) 만큼을 뺌 */
    width: calc(100% - 15px);
}