/* 카드뉴스 게시판 스킨 */
.cn_board_wrap{font-family:'Pretendard',-apple-system,sans-serif;max-width:1200px;margin:0 auto;padding:20px}

/* 상단 헤더 */
.cn_board_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.cn_board_title{font-size:20px;font-weight:800;color:#1a1a1f}
.cn_board_count{font-size:13px;color:#888;margin-left:8px}
.cn_board_write_btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}
.cn_board_write_btn:hover{background:#5558e6;color:#fff;text-decoration:none}
.cn_board_mine_btn{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid #e4e4e8;border-radius:8px;font-size:13px;font-weight:600;color:#666;text-decoration:none;transition:all .15s;background:#fff}
.cn_board_mine_btn:hover{border-color:#6366f1;color:#6366f1;text-decoration:none}
.cn_board_mine_btn.active{background:#333;border-color:#333;color:#fff}
.cn_board_mine_btn.active:hover{background:#222;border-color:#222;color:#fff;text-decoration:none}
.cn_board_filter_bar{margin-bottom:16px}
.cn_board_mine_badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);border-radius:8px;font-size:12px;font-weight:600;color:#6366f1}
.cn_board_mine_badge a{color:#6366f1;text-decoration:none;font-weight:700}

/* 프로젝트 그리드 */
.cn_board_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.cn_board_card{background:#fff;border:1px solid #e8e8ec;border-radius:10px;overflow:hidden;transition:all .15s;cursor:pointer;text-decoration:none;color:inherit}
.cn_board_card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px);text-decoration:none;color:inherit}
.cn_board_card_thumb{width:100%;aspect-ratio:1/1.25;background:#f0f0f3;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.cn_board_card_thumb img{width:100%;height:100%;object-fit:cover}
.cn_board_card_empty{font-size:40px;color:#ddd}
.cn_board_card_body{padding:12px 14px}
.cn_board_card_title{font-size:14px;font-weight:700;color:#1a1a1f;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cn_board_card_meta{font-size:11px;color:#999;display:flex;gap:8px}
.cn_board_card_badge{font-size:10px;color:#6366f1;background:rgba(99,102,241,.08);padding:2px 6px;border-radius:3px;font-weight:600;position:absolute;top:8px;left:8px}

/* 빈 상태 */
.cn_board_empty{text-align:center;padding:60px 20px;color:#999}
.cn_board_empty_icon{font-size:48px;margin-bottom:12px}
.cn_board_empty_text{font-size:14px;font-weight:600}

/* 뷰 페이지 */
.cn_board_view{max-width:800px;margin:0 auto}
.cn_board_view_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}
.cn_board_view_title{font-size:22px;font-weight:800;color:#1a1a1f}
.cn_board_view_actions{display:flex;gap:8px}
.cn_board_view_btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;background:#fff;color:#333;text-decoration:none;transition:all .15s}
.cn_board_view_btn:hover{border-color:#6366f1;color:#6366f1;text-decoration:none}
.cn_board_view_btn_primary{background:#6366f1;border-color:#6366f1;color:#fff}
.cn_board_view_btn_primary:hover{background:#5558e6;color:#fff}
.cn_board_view_meta{font-size:12px;color:#999;margin-bottom:20px;display:flex;gap:12px}

/* 페이지네이션 */
.cn_board_paging{margin-top:30px;text-align:center}