@charset "utf-8";

/* 게시판 목록: 리스트형 */
.bo_list .list_table { margin:0 0 20px; }
.bo_list .list_table .is_notice { background: var(--boNoticeBg) !important; border-bottom: 1px solid var(--border); }
.bo_list .list_table .is_notice .table_subject a { font-weight: bold; color: var(--primary); }
.bo_list .list_table .is_notice .table_wrid { font-weight: bold; color: var(--secondary); }

@media (min-width:1101px) {
    .bo_list .list_table { 
        width:100%; 
        border-collapse:collapse; 
        background: var(--cardBg); 
        border: 1px solid var(--border); 
        border-radius: var(--radius); 
        overflow: hidden;
        box-shadow: var(--shadow);
    }
    .bo_list .list_table thead th { 
        padding:18px 0; 
        font-weight: 600; 
        text-align:center; 
        background: var(--bg-slate); 
        color: var(--text-primary); 
        border-bottom: 1px solid var(--border);
    }
    .bo_list .list_table tfoot th,
    .bo_list .list_table tfoot td { 
        padding:14px 0; 
        border-top: 1px solid var(--border); 
        background: var(--bg-slate); 
        text-align:center 
    }
    .bo_list .list_table tbody th { 
        padding:14px 0; 
        border-bottom: 1px solid var(--border);
        background: var(--cardBg);
    }
    .bo_list .list_table tbody tr { 
        border-left: 3px solid transparent;
        transition: var(--transition);
    }
    .bo_list .list_table tbody tr:hover { 
        border-left: 3px solid var(--primary);
        background: var(--bovHover);
    }
    .bo_list .list_table tbody .even td { background: var(--evenTdBg); }
    .bo_list .list_table td { 
        color: var(--tdColor); 
        padding:16px 8px; 
        border-top: 1px solid var(--border); 
        border-bottom: 1px solid var(--border); 
        line-height:1.6rem; 
        word-break:break-all 
    }
    .bo_list .list_table tbody tr:hover td { background: var(--bovHover); }
    .bo_list .list_table a:hover { color: var(--primary); }
    .bo_list .list_table .table_check { width:40px; text-align:center; }
    .bo_list .list_table .table_wrid { width:40px; text-align:center; }
    .bo_list .list_table .table_category { width:100px; text-align:center; }
    .bo_list .list_table .table_writer { width:100px; }
    .bo_list .list_table .table_hit { width: 80px; text-align:center; }
    .bo_list .list_table .table_good,
    .bo_list .list_table .table_nogood { width: 50px; text-align: center; }
    .bo_list .list_table .table_datetime { width: 80px; text-align: center; }
    .bo_list .list_table .table_status { width: 80px; text-align: center; }
}

@media (max-width:1100px) {
    .bo_list .list_table { display:block; }
    .bo_list .list_table thead { display:none; }
    .bo_list .list_table tbody { display:block; }
    .bo_list .list_table tr { 
        display:block; 
        padding:16px; 
        border-bottom: var(--border); 
        background: var(--cardBg);
        border-radius: var(--radius-sm);
        margin-bottom: 8px;
        transition: var(--transition);
    }
    .bo_list .list_table tr:hover {
        transform: translateX(4px);
        border-left: 3px solid var(--primary);
    }
    .bo_list .list_table td { 
        display:inline-block; 
        position: relative; 
        line-height: 24px; 
        vertical-align:middle; 
    }
    .bo_list .list_table .table_subject { 
        display:block; 
        margin:8px 0; 
        font-size:1.6rem; 
        font-weight: 600;
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
    }
    .bo_list .list_table .table_hit::before,
    .bo_list .list_table .table_good::before,
    .bo_list .list_table .table_nogood::before { display:inline-block; margin:0 3px; content:attr(data-label); }
    .bo_list .list_table .is_notice .table_check { display:none; }
}

/* 게시판 읽기 커스터마이징 */
#bo_basic_view #view_header { grid-template-columns: 50px 1fr 170px; }