.badge {
    display: inline-block !important;
    padding: 0.35em 0.65em !important;
    font-size: 0.75em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
    border-radius: 0.375rem !important;
    text-decoration: none !important;
    border: none !important;
    cursor: default !important;
    transition: all 0.15s ease-in-out !important;
}


/* 컬러 변형들 */

.badge-primary {
    color: #fff !important;
    background-color: #0d6efd !important;
}

.badge-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
}

.badge-success {
    color: #fff !important;
    background-color: #198754 !important;
}

.badge-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
}

.badge-warning {
    color: #000 !important;
    background-color: #ffc107 !important;
}

.badge-info {
    color: #000 !important;
    background-color: #0dcaf0 !important;
}

.badge-light {
    color: #000 !important;
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
}

.badge-dark {
    color: #fff !important;
    background-color: #212529 !important;
}

.badge-iv {
    color: #fff !important;
    background-color: #00ad91 !important;
}


/* 아웃라인 스타일 */

.badge-outline-primary {
    color: #0d6efd !important;
    background-color: transparent !important;
    border: 1px solid #0d6efd !important;
}

.badge-outline-secondary {
    color: #6c757d !important;
    background-color: transparent !important;
    border: 1px solid #6c757d !important;
}

.badge-outline-success {
    color: #198754 !important;
    background-color: transparent !important;
    border: 1px solid #198754 !important;
}

.badge-outline-danger {
    color: #dc3545 !important;
    background-color: transparent !important;
    border: 1px solid #dc3545 !important;
}

.badge-outline-warning {
    color: #ffc107 !important;
    background-color: transparent !important;
    border: 1px solid #ffc107 !important;
}

.badge-outline-info {
    color: #0dcaf0 !important;
    background-color: transparent !important;
    border: 1px solid #0dcaf0 !important;
}

.badge-outline-dark {
    color: #212529 !important;
    background-color: transparent !important;
    border: 1px solid #212529 !important;
}


/* 사이즈 변형들 */

.badge-sm {
    padding: 0.25em 0.5em !important;
    font-size: 0.65em !important;
}

.badge-lg {
    padding: 0.5em 0.75em !important;
    font-size: 0.9em !important;
}


/* 둥근 모양 */

.badge-pill {
    border-radius: 50px !important;
}


/* 호버 효과 */


/* .badge:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.badge-primary:hover {
    background-color: #0b5ed7 !important;
}

.badge-secondary:hover {
    background-color: #5c636a !important;
}

.badge-success:hover {
    background-color: #146c43 !important;
}

.badge-danger:hover {
    background-color: #bb2d3b !important;
}

.badge-warning:hover {
    background-color: #ffcd39 !important;
}

.badge-info:hover {
    background-color: #3dd5f3 !important;
}

.badge-dark:hover {
    background-color: #424649 !important;
} */