/* simple_community Board Skin - Normal List Styles */

.board_list { width: 100%; border-collapse: collapse; table-layout: auto; border-top: 1px solid var(--border-color); }
.board_list th { padding: 12px 10px; background: #f8fafc; border-bottom: 1px solid var(--border-color); font-weight: 800; color: var(--text-sub); font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }
.board_list td { padding: 12px 10px; border-bottom: 1px solid #f1f5f9; text-align: center; font-size: 13px; color: #475569; vertical-align: middle; }
.board_list tr:last-child td { border-bottom: 1px solid #f1f5f9; }
.board_list tr:hover { background: #f8fafc; }

/* Vote & Notice Labels */
.board_list .chk { width: 1%; white-space: nowrap; padding: 12px 0 12px 15px; }
.board_list .chk input { width: 16px; height: 16px; cursor: pointer; }
.board_list .vote { width: 1%; white-space: nowrap; padding-right: 0; text-align: center; }

.board_list .title { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; width: auto; }
.board_list .title a { color: var(--text-main); font-weight: 500; }
.board_list .title a:hover { color: var(--point-color); text-decoration: underline; }
.board_list .title .title_link { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; }
.board_list .cmt_count { display: inline-flex; align-items: center; justify-content: center; height: 18px; min-width: 18px; padding: 0 5px; background: var(--point-color); color: #fff; border-radius: 3px; font-size: 10px; font-weight: 800; line-height: 1; margin-left: 1px; box-sizing: border-box; position: relative; top: -1px; }
.board_list .n_icon { display: inline-flex; align-items: center; justify-content: center; height: 18px; min-width: 18px; padding: 0 5px; background: #ef4444; color: #fff; border-radius: 3px; font-size: 10px; font-weight: 800; line-height: 1; margin-left: 0; animation: none !important; box-sizing: border-box; position: relative; top: -1px; }
.board_list .svg_icon { display: inline-flex; align-items: center; color: var(--text-mute); margin-left: -1px; position: relative; top: 0; }

.board_list .author { width: 1%; white-space: nowrap; color: var(--text-sub); font-size: 13px; font-weight: 600; text-align: left; padding-left: 20px; }
.board_list .author .author_area { display: inline-flex; align-items: center; gap: 6px; vertical-align: middle; }
.board_list .author .profile_img { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; background: #f1f5f9; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; }
.board_list .author .profile_img img { width: 100%; height: 100%; object-fit: cover; }
.board_list .author .profile_img .no_img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #cbd5e1; }
.board_list .author .profile_img .no_img svg { width: 12px; height: 12px; }

.board_list .date { width: 1%; white-space: nowrap; color: var(--text-mute); font-size: 12px; }
.board_list .read { width: 1%; white-space: nowrap; color: var(--text-mute); font-size: 12px; }

.board_list .notice { background: #fafbff; }
.board_list .notice .title a { font-weight: 800; color: var(--point-color); }
.board_list .notice .title .notice_label { display: none; } /* PC 버전에서는 제목 옆 공지 라벨 숨김 */
.board_list .notice:hover { background: #f0f4ff; }

/* PC: 모바일 전용 블록 숨김 */
.normal_mobile_wrap { display: none; }

/* Responsive (Mobile) */
@media (max-width: 768px) {
    /* 테이블 숨기고 모바일 블록 노출 */
    .board_list { display: none !important; }
    .normal_mobile_wrap { display: block; }

    /* 커뮤니티형 CSS 그대로 */
    .normal_mobile_wrap .community_list { list-style: none; margin: 0; padding: 0; }
    .normal_mobile_wrap .community_list li { border-bottom: 1px solid #f1f5f9; }
    .normal_mobile_wrap .community_list li.notice { background: #fafbff; }
    .normal_mobile_wrap .community_list .item_wrap { display: flex; align-items: center; padding: 10px; gap: 10px; }
    .normal_mobile_wrap .community_list .info_area { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
    .normal_mobile_wrap .community_list .title_line { display: flex; align-items: center; gap: 4px; min-width: 0; }
    .normal_mobile_wrap .community_list .title_text { font-size: 14px; font-weight: 600; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; text-decoration: none; }
    .normal_mobile_wrap .community_list .notice .title_text { color: var(--point-color); }
    .normal_mobile_wrap .community_list .notice .title_text strong { font-weight: 800; }
    .normal_mobile_wrap .community_list .category_item { font-size: 11px; color: var(--point-color); font-weight: 700; white-space: nowrap; flex-shrink: 0; text-decoration: none; }
    .normal_mobile_wrap .community_list .category_sep { color: var(--text-mute); font-size: 11px; flex-shrink: 0; }
    .normal_mobile_wrap .community_list .cmt_count { display: inline-flex; align-items: center; justify-content: center; height: 17px; min-width: 17px; padding: 0 4px; background: var(--point-color); color: #fff; border-radius: 3px; font-size: 10px; font-weight: 800; flex-shrink: 0; }
    .normal_mobile_wrap .community_list .n_icon { display: inline-flex; align-items: center; justify-content: center; height: 17px; min-width: 17px; padding: 0 4px; background: #ef4444; color: #fff; border-radius: 3px; font-size: 10px; font-weight: 800; flex-shrink: 0; }
    .normal_mobile_wrap .community_list .notice_label { display: inline-flex; align-items: center; justify-content: center; height: 17px; padding: 0 6px; background: var(--point-color); color: #fff; border-radius: 3px; font-size: 10px; font-weight: 800; flex-shrink: 0; }
    .normal_mobile_wrap .community_list .meta_line { display: flex; align-items: center; font-size: 11px; color: var(--text-mute); gap: 4px; }
    .normal_mobile_wrap .community_list .meta_line .author { display: flex; align-items: center; gap: 4px; }
    .normal_mobile_wrap .community_list .meta_line .sep { width: 2px; height: 2px; background: #cbd5e1; border-radius: 50%; flex-shrink: 0; }
    .normal_mobile_wrap .community_list .profile_img { width: 14px; height: 14px; border-radius: 50%; overflow: hidden; background: #f1f5f9; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; }
    .normal_mobile_wrap .community_list .profile_img img { width: 100%; height: 100%; object-fit: cover; }
    .normal_mobile_wrap .community_list .profile_img .no_img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #cbd5e1; }
    .normal_mobile_wrap .community_list .profile_img .no_img svg { width: 10px; height: 10px; }
    .normal_mobile_wrap .community_list .nick { font-weight: 600; color: var(--text-sub); text-decoration: none; }
    .normal_mobile_wrap .community_list .vote_area { flex-shrink: 0; font-size: 12px; font-weight: 700; color: var(--point-color); }
    .normal_mobile_wrap .community_list .vote_area .zero { color: var(--text-mute); }
    .normal_mobile_wrap .community_list .chk_area input { width: 16px; height: 16px; cursor: pointer; }
    .normal_mobile_wrap .community_list .no_data { padding: 30px 0; text-align: center; color: var(--text-mute); }
}