@charset "utf-8";

.kd-notice-board {
    width:100% !important;
    margin:0 !important;
    padding:96px 20px 112px;
    box-sizing:border-box;
    background:#fff;
    font-family:"Pretendard","Wanted Sans",sans-serif;
}
.kd-notice-board * {box-sizing:border-box}
.kd-board-inner {width:100%;max-width:1100px;margin:0 auto}
.kd-board-header {margin-bottom:52px;text-align:center}
.kd-board-header h2 {margin:0;color:#111;font-size:38px;line-height:1.2;font-weight:700;letter-spacing:-1.5px}
.kd-board-table {border-top:1px solid #222;border-bottom:1px solid #222}
.kd-board-table table {width:100%;border-collapse:collapse;table-layout:fixed}
.kd-col-check {width:48px}
.kd-col-number {width:90px}
.kd-col-date {width:160px}
.kd-board-table td {height:70px;padding:0 18px;border-bottom:1px solid #ddd;background:#fff;color:#222;font-size:18px;vertical-align:middle}
.kd-board-table .bo_notice td {background:#fff !important}
.kd-board-table tbody tr {border-left:0}
.kd-board-table tbody tr:hover {border-left:0}
.kd-board-table tbody tr:last-child td {border-bottom:0}
.kd-board-table tbody tr:hover td {background:#fafcff}
.kd-board-table .kd-check {padding:0;text-align:center}
.kd-board-table .kd-number {padding-left:25px;color:#0067bd;font-weight:600;text-align:left}
.kd-board-table .notice-icon {color:#0067bd;font-size:13px;font-weight:700}
.kd-board-table .kd-subject {overflow:hidden}
.kd-board-table .kd-subject > a {display:flex;min-width:0;align-items:center;color:#222;font-weight:500;text-decoration:none}
.kd-board-table .kd-subject-text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kd-board-table .kd-subject > a:hover .kd-subject-text,
.kd-board-table .kd-subject > a:focus .kd-subject-text {color:#0067bd;text-decoration:underline;text-underline-offset:3px}
.kd-board-table .kd-date {color:#999;font-size:13px;font-weight:300;text-align:right;white-space:nowrap}
.kd-board-table .bo_cate_link {flex:none;margin-right:10px;color:#0067bd}
.kd-board-table .cnt_cmt {flex:none;margin-left:6px;color:#0067bd}
.kd-board-table .new_icon {flex:none;margin-left:6px;color:#0067bd;font-size:10px;font-weight:700}
.kd-board-table .empty_table {height:180px;color:#888;text-align:center}
.kd-board-pagination {display:flex;justify-content:center;margin-top:58px}
.kd-board-pagination .pg_wrap {float:none;display:block}
.kd-board-pagination .pg {display:flex;align-items:center;gap:2px}
.kd-board-pagination .pg_page,
.kd-board-pagination .pg_current {min-width:36px;height:36px;padding:0 8px;border:0;border-radius:5px;background:#fff;color:#222;font-size:13px;line-height:36px;text-align:center}
.kd-board-pagination .pg_current {background:#0067bd;color:#fff;font-weight:600}
.kd-board-pagination .pg_page:hover,
.kd-board-pagination .pg_page:focus {background:#f0f5f9;color:#0067bd;text-decoration:none}
.kd-board-actions {display:flex;justify-content:space-between;gap:10px;margin-top:24px}
.kd-board-actions button,
.kd-board-actions a {display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:1px solid #d8d8d8;background:#fff;color:#555;font-size:13px;text-decoration:none}
.kd-board-actions .kd-write-link {border-color:#0067bd;background:#0067bd;color:#fff}
.kd-board-search {max-width:480px;margin:30px auto 0;text-align:center}
.kd-board-search summary {display:inline-block;color:#777;font-size:13px;cursor:pointer}
.kd-board-search summary::marker {display:none}
.kd-board-search form {display:flex;margin-top:12px}
.kd-board-search select,
.kd-board-search input {height:42px;border:1px solid #d8d8d8;background:#fff;color:#333}
.kd-board-search select {width:120px;padding:0 10px;border-right:0}
.kd-board-search input {min-width:0;flex:1;padding:0 14px}
.kd-board-search button {width:64px;border:0;background:#222;color:#fff}

@media (max-width:768px) {
    .kd-notice-board {padding:60px 20px 80px}
    .kd-board-header {margin-bottom:32px}
    .kd-board-header h2 {font-size:28px;letter-spacing:-1px}
    .kd-col-number {width:54px}
    .kd-col-date {width:88px}
    .kd-board-table td {height:60px;padding:0 8px;font-size:15px}
    .kd-board-table .kd-number {padding-left:8px;font-size:12px}
    .kd-board-table .kd-date {font-size:11px}
    .kd-board-pagination {margin-top:40px}
    .kd-board-pagination .pg {gap:0}
    .kd-board-pagination .pg_page,
    .kd-board-pagination .pg_current {min-width:30px;height:32px;padding:0 5px;line-height:32px}
}

@media (max-width:480px) {
    .kd-notice-board {padding-right:16px;padding-left:16px}
    .kd-col-date {width:72px}
    .kd-board-table .kd-date {overflow:hidden;text-overflow:ellipsis}
    .kd-board-search select {width:98px}
    .kd-board-actions {flex-direction:column}
    .kd-user-actions {align-self:flex-end}
}