@charset "utf-8";

/* 최근게시물 스킨 (new) */
#new_sch {margin-bottom:15px;text-align:center;padding: 20px;border: 1px solid #e8e8e8;background: #fbfbfb;}
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#new_sch p {padding:5px 0 0;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
#new_sch .frm_input{border-color:#646982;border-radius:0}
#new_sch select{border:1px solid #646982;height:40px;padding:0 5px}
#new_sch .btn_submit{padding: 0 10px;height: 40px;font-size: 1.083em;font-weight: bold;color: #fff;background: #253dbe;}
#fnewlist .new_tit{font-weight:bold}
#fnewlist .profile_img img{border-radius:50%}
#fnewlist .td_date{font-style:italic}
/* =====================================================
   내 게시글 확인 / 전체게시물 (bbs/new.php) 리디자인
   2026-07-03: 카드형 검색바 + 리스트 카드 디자인
   ===================================================== */

/* ── 검색 카드 ── */
#new_sch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 20px;
    padding: 20px 24px;
    border: 1px solid var(--djt-line, #e3e8ef);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
    text-align: left;
}
#new_sch form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}
#new_sch select,
#new_sch .frm_input {
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--djt-line, #d4dae3);
    border-radius: 8px;
    background-color: #fff;
    font-size: 14px;
    color: var(--djt-ink, #16212e);
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color .15s, box-shadow .15s;
}
#new_sch select {
    min-width: 120px;
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%236B7686' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}
#new_sch .frm_input {
    flex: 1;
    min-width: 180px;
    max-width: 320px;
}
#new_sch select:focus,
#new_sch .frm_input:focus {
    outline: none;
    border-color: var(--djt-blue, #1d5fbf);
    box-shadow: 0 0 0 3px rgba(29,95,191,.1);
}
#new_sch .btn_submit {
    height: 38px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    background: var(--djt-blue, #1d5fbf);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s;
}
#new_sch .btn_submit:hover { background: var(--djt-blue-dark, #154c9e); }
#new_sch .btn_submit i { margin-right: 4px; }
#new_sch p {
    width: 100%;
    margin: 4px 0 0;
    padding: 0;
    font-size: 12.5px;
    color: var(--djt-ink-60, #6b7686);
    text-align: center;
}

/* ── 리스트 카드 컨테이너 ── */
#fnewlist .tbl_wrap {
    border: 1px solid var(--djt-line, #e3e8ef);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
#fnewlist table { width: 100%; border-collapse: collapse; }

/* 헤더 행 */
#fnewlist thead tr {
    background: #f5f7fb;
    border-bottom: 1px solid var(--djt-line, #e3e8ef);
}
#fnewlist thead th {
    padding: 12px 14px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--djt-ink-60, #6b7686);
    text-align: center;
}
#fnewlist thead th:first-child { text-align: center; width: 40px; }

/* 본문 행 */
#fnewlist tbody tr {
    border-bottom: 1px solid #f0f3f7;
    transition: background .12s;
}
#fnewlist tbody tr:last-child { border-bottom: none; }
#fnewlist tbody tr:hover { background: #f8fafc; }
#fnewlist tbody td {
    padding: 12px 14px;
    font-size: 13.5px;
    color: var(--djt-ink, #16212e);
    vertical-align: middle;
}
#fnewlist tbody td.td_chk { text-align: center; width: 40px; }

/* 그룹 / 게시판 배지 */
#fnewlist .td_group a,
#fnewlist .td_board a {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
#fnewlist .td_group a {
    background: #eef2f8;
    color: var(--djt-navy, #0b2a4a);
}
#fnewlist .td_board a {
    background: rgba(29,95,191,.1);
    color: var(--djt-blue, #1d5fbf);
}
#fnewlist .td_group a:hover,
#fnewlist .td_board a:hover { text-decoration: none; opacity: .85; }

/* 제목 */
#fnewlist .new_tit {
    color: var(--djt-ink, #16212e);
    text-decoration: none;
    font-weight: 500;
}
#fnewlist .new_tit:hover { color: var(--djt-blue, #1d5fbf); text-decoration: underline; }

/* 이름 / 날짜 */
#fnewlist .td_name { color: var(--djt-ink-60, #6b7686); }
#fnewlist .td_date {
    font-style: normal;
    color: var(--djt-ink-60, #6b7686);
    font-size: 12.5px;
    white-space: nowrap;
    text-align: center;
}

/* 빈 목록 */
#fnewlist .empty_table {
    padding: 60px 0 !important;
    text-align: center;
    color: var(--djt-ink-60, #6b7686);
    font-size: 14px;
}

/* 관리자 선택삭제 버튼 */
#fnewlist .sir_bw02 {
    text-align: right;
    padding: 14px 0 0;
}
#fnewlist .sir_bw02 .btn_b01 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #e3c7c7;
    border-radius: 8px;
    background: #fff5f5;
    color: #c0392b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

/* ── 태블릿 ── */
@media screen and (max-width: 1023px) {
    #new_sch { padding: 16px; }
    #new_sch .frm_input { min-width: 140px; }
}

/* ── 모바일: 카드형 스택 ── */
@media screen and (max-width: 639px) {
    #new_sch { padding: 14px; border-radius: 12px; }
    #new_sch form { gap: 6px; }
    #new_sch select { min-width: 90px; flex: 1; }
    #new_sch .frm_input { min-width: 0; flex: 1 1 100%; order: 3; }
    #new_sch .btn_submit { flex: 1 1 100%; order: 4; justify-content: center; }

    #fnewlist thead { display: none; }
    #fnewlist tbody tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 10px;
        padding: 12px 14px;
    }
    #fnewlist tbody td { padding: 0; }
    #fnewlist tbody td.td_chk { width: auto; order: -1; }
    #fnewlist tbody td:not(.td_chk):not(.td_group):not(.td_board) { width: 100%; }
    #fnewlist tbody td:has(.new_tit) { order: 1; font-size: 14px; }
    #fnewlist tbody .td_name { order: 3; font-size: 12px; }
    #fnewlist tbody .td_date { order: 4; margin-left: auto; }
}