/*Dropdown Common Css*/
button[data-toggle="dropdown"].btn, a[data-toggle="dropdown"].btn {
    padding     : 8px 20px;
    font-size   : var(--font-16);
    line-height : var(--line-20);
}

.dropdown-toggle::after {
    display : none;
}

.dropdown-menu {
    min-width : 100%;
}

/*Dropdown*/
button[data-toggle="dropdown"].btn.btn-xl, a[data-toggle="dropdown"].btn.btn-xl {
    padding     : 12px 24px;
    font-size   : var(--font-24);
    line-height : var(--line-28);
}

button[data-toggle="dropdown"].btn.btn-lg, a[data-toggle="dropdown"].btn.btn-lg {
    padding     : 8px 20px;
    font-size   : var(--font-20);
    line-height : var(--line-24);
}

button[data-toggle="dropdown"].btn.btn-md, a[data-toggle="dropdown"].btn.btn-md {
    padding     : 4px 12px;
    font-size   : var(--font-16);
    line-height : var(--line-20);
}

button[data-toggle="dropdown"].btn.btn-sm, a[data-toggle="dropdown"].btn.btn-sm {
    padding     : 4px 8px;
    font-size   : var(--font-14);
    line-height : var(--line-16);
}

.dropdown-menu {

}

.dropdown-menu .dropdown-item {
    content     : var(--basic-black);
    padding     : 4px 8px;
    font-size   : var(--font-16);
    line-height : var(--line-20);
}

.dropdown-menu .dropdown-divider {

}

.dropleft .dropdown-toggle::before{
    display: none;
}

/*Dropdown Mobile Hover Status Change*/
@media (hover : none) {

}

/*반응형 CSS*/
@media (min-width : 576px) {
    button[data-toggle="dropdown"].btn.btn-sm, a[data-toggle="dropdown"].btn.btn-sm {
        padding     : 4px 8px;
        font-size   : var(--font-14);
        line-height : var(--line-16);
    }
}

@media (min-width : 768px) {
    button[data-toggle="dropdown"].btn.btn-md, a[data-toggle="dropdown"].btn.btn-md {
        padding     : 4px 12px;
        font-size   : var(--font-16);
        line-height : var(--line-20);
    }
}

@media (min-width : 992px) {
    button[data-toggle="dropdown"].btn.btn-lg, a[data-toggle="dropdown"].btn.btn-lg {
        padding     : 8px 20px;
        font-size   : var(--font-20);
        line-height : var(--line-24);
    }
}

@media (min-width : 1200px) {
    button[data-toggle="dropdown"].btn.btn-xl, a[data-toggle="dropdown"].btn.btn-xl {
        padding     : 12px 24px;
        font-size   : var(--font-24);
        line-height : var(--line-28);
    }
}