body {
    font-family: 'Noto Sans KR', sans-serif;
}
.navbar {
    background-color: #000000;
}

/* .navbar {
    margin-bottom: 20px;
    background-color: #000000;
}
.navbar-brand {
    font-size: 18px;
    color: #ffffff !important;
}
.navbar-nav .nav-link {
    color: #ffffff !important;
} */
.container {
    max-width: 600px;
    margin: auto;
    padding: 0 20px;
}
.form-group input {
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
.btn {
    border-radius: 10px;
    padding: 10px 20px;
}
.btn:active {
    background-color: #0056b3;
}
.card {
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.result-card {
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.spinner-border {
    width: 3rem;
    height: 3rem;
}
.pagination {
    justify-content: center;
}
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #f8f9fa; /* 필요에 따라 배경색 설정 */
}
footer img {
    width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    footer img {
        width: auto;
        height: auto;
    }
}
/* 테이블 글씨 크기를 작게 설정 */
.table td, .table th {
    font-size: 15px; /* 필요에 따라 글씨 크기 조정 */
    padding: 7px; /* 필요에 따라 패딩 조정 */
    text-align: center; /* 가로 중앙 정렬 */
    vertical-align: middle; /* 세로 중앙 정렬 */
}

.custom-btn {
    font-size: 11px; /* 필요에 따라 글씨 크기 조정 */
    padding: 7px 9px; /* 필요에 따라 패딩 조정 */
}
.text-center {
    text-align: center;
}
.btn-xxs {
    padding: 3px 7px;
    font-size: 10px;
}
.table thead th,
.table tbody td {
    text-align: center; /* 가로 중앙 정렬 */
    vertical-align: middle; /* 세로 중앙 정렬 */
}