/* =========================================================
   공지뉴스
   ========================================================= */

.notice-list {
    width: 100%;
    box-sizing: border-box;
}


/* =========================================================
   게시판 목록
   ========================================================= */

.notice-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;

    border-top: 2px solid #111f43;

    font-size: 13px;
    color: #555;
}


/* 헤더 */
.notice-table thead th {
    height: 40px;

    background: #eef5fb;
    border-bottom: 1px solid #dce4ec;

    color: #18375d;
    font-weight: 600;
    text-align: center;

    box-sizing: border-box;
}


/* 본문 */
.notice-table tbody td {
    height: 39px;

    padding: 0 10px;

    border-bottom: 1px solid #e2e7ec;

    text-align: center;

    box-sizing: border-box;
}


/* 제목 */
.notice-table tbody td.notice-title {
    padding-left: 10px;
    padding-right: 10px;

    text-align: left;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 제목 링크 */
.notice-table tbody td.notice-title a {
    color: #333;
    text-decoration: none;
}


.notice-table tbody td.notice-title a:hover {
    color: #185dcc;
    text-decoration: underline;
}


/* 일반 행 */
.notice-table tbody tr:hover {
    background: #fafcff;
}


/* 공지 행 */
.notice-table tbody tr.notice-row {
    background: #f7faff;
}


.notice-table tbody tr.notice-row td {
    font-weight: 500;
}


/* =========================================================
   페이지 영역
   ========================================================= */

.notice-paging {
    position: relative;

    width: 100%;
    height: 36px;

    margin-top: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}


/* 전체 건수 */
.notice-total {
    position: absolute;
    left: 0;

    color: #666;
    font-size: 13px;
}


.notice-total strong {
    color: #185dcc;
    font-weight: 600;
}


/* =========================================================
   페이지 번호
   ========================================================= */

.notice-page {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 4px;
}


/* 페이지 버튼 */
.notice-page a,
.notice-page span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    border: 1px solid #dce4ec;
    border-radius: 3px;

    background: #fff;

    color: #555;
    font-size: 13px;

    text-decoration: none;

    box-sizing: border-box;
}


/* 페이지 hover */
.notice-page a:hover {
    border-color: #185dcc;
    color: #185dcc;
}


/* 현재 페이지 */
.notice-page .active {
    border-color: #185dcc;
    background: #185dcc;

    color: #fff;
    font-weight: 600;
}


/* =========================================================
   이전 / 다음
   ========================================================= */

.notice-page .page-prev,
.notice-page .page-next {
    width: 70px;
    height: 32px;

    padding: 0 10px;

    color: #444;
    font-size: 13px;
    font-weight: 500;

    background: #fff;

    box-sizing: border-box;
}


.notice-page .page-prev:hover,
.notice-page .page-next:hover {
    border-color: #185dcc;
    color: #185dcc;
}


/* =========================================================
   검색
   ========================================================= */

.notice-search {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 17px;

    width: 100%;
}


/* 검색 조건 */
.notice-search select {
    width: 100px;
    height: 34px;

    padding: 0 10px;

    border: 1px solid #d8dfe7;
    border-right: 0;

    background: #fff;

    color: #555;
    font-size: 13px;

    box-sizing: border-box;
    outline: none;
}


/* 검색어 */
.notice-search input {
    width: 210px;
    height: 34px;

    padding: 0 10px;

    border: 1px solid #d8dfe7;

    color: #333;
    font-size: 13px;

    box-sizing: border-box;
    outline: none;
}


/* 검색어 placeholder */
.notice-search input::placeholder {
    color: #aaa;
}


/* 검색어 focus */
.notice-search input:focus {
    border-color: #3675d4;
}


/* 검색 버튼 */
.notice-search button {
    width: 60px;
    height: 34px;

    margin-left: 5px;

    border: 0;
    border-radius: 3px;

    background: #185dcc;

    color: #fff;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;
}


.notice-search button:hover {
    background: #0d4eae;
}