button {
    background: none;
    border: none;
}

button:focus-visible {
    outline: none;
}

button, input, textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}

button {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

/* 버튼이 비활성화 일 때, 마우스 커서 변경 */
.btn:disabled, button:disabled, button:disabled:hover, button:disabled:focus, button:disabled:active {
    pointer-events: all;
    cursor: not-allowed;
    opacity: 0.6 !important;
    color: #c8c8c8 !important;
    background-color: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
}

.pagination button:disabled, .pagination button:disabled:hover, .pagination button:disabled:focus, .pagination button:disabled:active {
    pointer-events: all;
    cursor: not-allowed;
    opacity: 0.6 !important;
    color: #c8c8c8 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* btn-primary 커스텀 */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #474747;
    --bs-btn-border-color: #474747;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6d7177;
    --bs-btn-hover-border-color: #6d7177;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #474747;
    --bs-btn-active-border-color: #474747;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #afafaf;
    --bs-btn-disabled-border-color: #afafaf;
}

/* btn-primary 커스텀 */
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c92f3ef2;
    --bs-btn-border-color: #c92f3ef2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a72d39;
    --bs-btn-hover-border-color: #a72d39;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

/* 버튼 커스텀 */
.btn_custom {
    height: 40px;
    background: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    border: 1px solid transparent;
    width: max-content;
    word-break: keep-all;
    padding: 12px 24px;
    line-height: 1em;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
    white-space: nowrap;
}
.btn_custom_sm {
    height: 35px;
    background: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    border: 1px solid transparent;
    width: max-content;
    word-break: keep-all;
    padding: 7px 10px;
    line-height: 1em;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
    white-space: nowrap;
}
.btn_blueline {
    background-color: #fff;
    border-color: #0046AC56;
    color: #0046AC;
}
.btn_custom-outline-secondary {
    border-color: #dee2e6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    font-size: 1em;
}

.custom_btn_outline_dark {
    --bs-btn-color: #686869;
    --bs-btn-border-color: #ffffff00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #686869;
    --bs-btn-hover-border-color: rgba(255, 255, 255, 0);
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #262626;
    --bs-btn-active-border-color: rgba(33, 37, 41, 0);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none;
}

.custom_btn_outline_light {
    --bs-btn-color: #676767;
    --bs-btn-border-color: #dfe1e7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none;
}

.popup-toggle.active, .filterBtn.active {
    --bs-btn-active-bg: #dcdcdc;
    --bs-btn-active-border-color: #dcdcdc;
}

button.btn.hover\:bg-cool-300:active {
    --bs-btn-active-bg: #dcdcdc;
    --bs-btn-active-border-color: #dcdcdc;
}

/* 이동버튼 */
.btn_basic {
    --tw-border-opacity: 1;
    border-color: rgb(199 199 199 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(36 30 23 / var(--tw-text-opacity));
}

.btn_basic:not(:disabled):hover {
    --tw-border-opacity: 1;
    border-color: rgb(199 199 199 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

.btn_basic:disabled {
    border-color: #c7c7c780;
    background-color: #ffffff80;
    color: #241e1766;
}