@charset "UTF-8";

/* 버튼 디자인 추가 */
.btn-bs-gray-200{
    background: var(--bs-gray-200);
    border: 1px solid var(--bs-gray-200);
    color: var(--bs-gray-800);
}
.btn-bs-gray-200:not(:disabled):hover, .btn-bs-gray-200:not(:disabled):active{
    background: var(--bs-gray-300);
    border: 1px solid var(--bs-gray-300);
    color: var(--bs-gray-800);
}

.btn-excel{
    background: #1d6f42;
    border: 1px solid #1d6f42;
    color: #fff;
}
.btn-excel:not(:disabled):hover, .btn-excel:not(:disabled):active{
    background: #1a643b;
    border: 1px solid #1a643b;
    color: #fff;
}

.btn-outline-bs-gray-800{
    background: #fff;
    border: 1px solid var(--bs-gray-800);
    color: var(--bs-gray-800);
}

/* 테이블 툴팁 버튼 양쪽 패딩 없앰 */
thead th .btn-icon{ padding: 0;}

/* 테이블 툴팁 길이 조절 */
.table-responsive .tooltip_wr .tooltip-box {
    width: 250px !important;
    word-break: keep-all;
    word-wrap: break-word;
    padding: 15px;
}
/* 마지막 th에 들어가는 툴팁 위치 조정 */
.table-responsive thead th:last-child .tooltip_wr .tooltip-box{ left: unset; right: 0;}
/* 툴팁 버튼 있는 경우 텍스트 아래로 떨어지게 */
.table-responsive thead th:has(.tooltip_wr){ text-wrap: wrap; word-wrap: break-word; word-break: keep-all;}

/* 광고정보 열 길이 조절 */
.col_ad_title{ min-width: 250px; max-width: 300px; text-wrap: wrap; word-wrap: break-word; word-break: keep-all;}