/*Badge Common Css*/
/*Badge*/
.badge {
    border-radius : 0;
    padding       : 8px 12px;
}

.badge.badge-lg {
    padding     : 8px 12px;
    font-size   : var(--font-16);
    line-height : var(--line-20);
}

.badge.badge-md {
    padding     : 4px 8px;
    font-size   : var(--font-16);
    line-height : var(--line-20);
}

.badge.badge-sm {
    padding     : 4px 8px;
    font-size   : var(--font-14);
    line-height : var(--line-16);
}

.badge.icons {
    display : inline-flex;
}

/*반응형 CSS*/
/* 가로 반응형 */
@media (min-width : 576px) {
    .badge.badge-sm {
        padding     : 4px 8px;
        font-size   : var(--font-14);
        line-height : var(--line-16);
    }
}

@media (min-width : 768px) {
    .badge.badge-md {
        padding     : 4px 8px;
        font-size   : var(--font-16);
        line-height : var(--line-20);
    }
}

@media (min-width : 992px) {
    .badge.badge-lg {
        padding     : 8px 12px;
        font-size   : var(--font-16);
        line-height : var(--line-20);
    }
}