@charset "utf-8";

/* 최근게시물 스킨 (new) - 다크모드 적용 */
#new_sch {background:#1e1e1e;padding:30px;text-align:center;margin:0 0 10px;border:1px solid #2d2d2d;border-radius:8px}
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#new_sch select {border:1px solid #3d3d3d;width:175px;height:45px;padding:0 5px;border-radius:3px;background:#252525;color:#e0e0e0}
#new_sch .frm_input {border:1px solid #3d3d3d;width:300px;height:45px;border-radius:0;border-radius:3px;background:#252525;color:#e0e0e0}
#new_sch .sch_wr {position:relative;display:inline-block}
#new_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#4a9eff;border:none;border-radius:3px;cursor:pointer}
#new_sch .btn_submit:hover {background:#3a8eef}
#new_sch p {padding:10px 0 0;font-size:0.95em;text-align:center;letter-spacing:-0.1em;color:#808080}

#fnewlist .profile_img img {border-radius:50%}
#fnewlist .td_group a {background:#1a2f1a;color:#8cc152;padding:3px 4px;border-radius:5px;font-weight:normal}
#fnewlist .td_board a {background:#2a1f3a;color:#ac92ec;padding:3px 4px;border-radius:5px;font-weight:normal}

.admin_new_btn {float:right;margin-bottom:10px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#252525;border:1px solid #3d3d3d;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

/* 테이블 다크모드 스타일 - 모던 디자인 */
.tbl_wrap {
    background:#1a1a1a;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 6px rgba(0,0,0,0.3);
    margin-bottom:20px;
}
.tbl_head01 {
    background-color:transparent;
    border:none;
}
.tbl_head01 table {
    background-color:transparent;
    width:100%;
    border-collapse:separate;
    border-spacing:0;
}
.tbl_head01 thead {
    background:#252525;
}
.tbl_head01 thead th {
    color:#9ca3af;
    border-bottom:2px solid #374151;
    background:#252525;
    padding:16px 12px;
    font-weight:600;
    font-size:0.95em;
    text-transform:uppercase;
    letter-spacing:0.5px;
    white-space:nowrap;
}
.tbl_head01 thead th:first-child {
    padding-left:20px;
}
.tbl_head01 tbody tr {
    background:#1a1a1a;
    border-bottom:1px solid #2d2d2d;
    transition:all 0.2s ease;
}
.tbl_head01 tbody tr:hover {
    background:#242424;
    transform:scale(1.01);
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.tbl_head01 tbody tr:last-child {
    border-bottom:none;
}
.tbl_head01 td {
    color:#e5e7eb;
    border:none;
    padding:14px 12px;
    vertical-align:middle;
}
.tbl_head01 td:first-child {
    padding-left:20px;
}
.tbl_head01 a {
    color:#60a5fa;
    text-decoration:none;
    transition:color 0.2s ease;
}
.tbl_head01 a:hover {
    color:#93bbfc;
}

/* 테이블 내 특별 스타일 */
.td_chk {
    width:50px;
    text-align:center;
}
.td_group a, .td_board a {
    display:inline-block;
    padding:4px 10px;
    border-radius:20px;
    font-size:0.85em;
    font-weight:500;
    transition:all 0.2s ease;
}
.td_group a {
    background:rgba(134, 239, 172, 0.1);
    color:#86efac;
    border:1px solid rgba(134, 239, 172, 0.2);
}
.td_group a:hover {
    background:rgba(134, 239, 172, 0.2);
    border-color:rgba(134, 239, 172, 0.3);
}
.td_board a {
    background:rgba(196, 181, 253, 0.1);
    color:#c4b5fd;
    border:1px solid rgba(196, 181, 253, 0.2);
}
.td_board a:hover {
    background:rgba(196, 181, 253, 0.2);
    border-color:rgba(196, 181, 253, 0.3);
}
.td_name {
    min-width:150px;
}
.td_date {
    color:#9ca3af;
    font-size:0.9em;
}

/* 프로필 이미지 스타일 */
.profile_img img {
    width:32px;
    height:32px;
    border-radius:50%;
    border:2px solid #374151;
    vertical-align:middle;
    margin-right:8px;
}

/* 빈 테이블 메시지 */
.empty_table {
    color:#6b7280;
    text-align:center;
    padding:60px 20px;
    font-size:1.1em;
}

/* 반응형 테이블 */
@media (max-width: 768px) {
    .tbl_wrap {
        border-radius:8px;
        margin:0 -15px 20px;
    }
    .tbl_head01 thead th,
    .tbl_head01 td {
        padding:12px 8px;
        font-size:0.9em;
    }
    .tbl_head01 thead th:first-child,
    .tbl_head01 td:first-child {
        padding-left:12px;
    }
    .profile_img img {
        width:28px;
        height:28px;
    }
}

/* 링크 스타일 */
.new_tit {color:#4a9eff !important;text-decoration:none}
.new_tit:hover {color:#6bb0ff !important;text-decoration:none}

/* 페이지네이션 다크모드 - 개선된 디자인 */
.pg_wrap {
    background:transparent;
    margin:20px 0;
    display:flex;
    justify-content:center;
}
.pg_wrap .pg {
    background:transparent;
    display:flex;
    gap:5px;
    align-items:center;
}
.pg_page, .pg_start, .pg_prev, .pg_next, .pg_end {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:40px !important;
    height:40px !important;
    padding:0 12px !important;
    background:#252525 !important;
    border:1px solid #3d3d3d !important;
    color:#4a9eff !important;
    text-decoration:none !important;
    border-radius:6px !important;
    font-weight:500 !important;
    transition:all 0.2s ease !important;
    margin:0 2px !important;
}
.pg_page:hover, .pg_start:hover, .pg_prev:hover, .pg_next:hover, .pg_end:hover {
    background:#2a2a2a !important;
    border-color:#4a9eff !important;
    color:#6bb0ff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 2px 8px rgba(74, 158, 255, 0.3) !important;
}
.pg_current {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:40px !important;
    height:40px !important;
    padding:0 12px !important;
    background:#4a9eff !important;
    border:1px solid #4a9eff !important;
    color:#fff !important;
    font-weight:600 !important;
    border-radius:6px !important;
    margin:0 2px !important;
    box-shadow:0 2px 8px rgba(74, 158, 255, 0.4) !important;
}
.pg_start, .pg_end {
    font-weight:600 !important;
}
.pg_prev, .pg_next {
    font-weight:600 !important;
    padding:0 15px !important;
}

/* 반응형 페이지네이션 */
@media (max-width: 768px) {
    .pg_page, .pg_start, .pg_prev, .pg_next, .pg_end, .pg_current {
        min-width:35px !important;
        height:35px !important;
        padding:0 10px !important;
        font-size:0.9em !important;
    }
    .pg_wrap .pg {
        gap:3px;
    }
}

/* 버튼 스타일 */
.btn, .btn_b01 {background:#dc3545 !important;color:#fff !important;border:none !important}
.btn:hover, .btn_b01:hover {background:#c82333 !important}

/* 기타 요소들 */
.empty_table {color:#808080}
.td_chk {background:#1e1e1e}
.td_group, .td_board, .td_name, .td_date {color:#e0e0e0}

/* 드롭다운 메뉴 (sv_wrap) */
.sv_wrap {position:relative}
.sv {background:#252525;border:1px solid #3d3d3d;box-shadow:0 4px 6px rgba(0,0,0,0.3)}
.sv a {color:#e0e0e0}
.sv a:hover {background:#2a2a2a;color:#fff}