/* 구인구직 스킨 (jebam_biz/style.css 위에 추가) */
.jbj-table td.subj a { font-weight: 600; }
.jbj-table td.subj small { display: block; margin-top: 2px; font-size: 12px; color: var(--muted); }
.jbj-table td.pay { width: 130px; font-size: 13px; font-weight: 700; white-space: nowrap; text-align: right; }
.jbj-table td.meta b { color: #b3541e; }
/* 이용 규칙 안내 줄 (표 바깥) */
.jbj-rule-note { margin: 0 0 10px; background: var(--bg-soft); border: 1px solid var(--line); font-size: 13px; }
.jbj-rule-note a { display: block; padding: 11px 12px; line-height: 1.5; }
.jbj-rule-note b { color: var(--point-dark); margin-right: 6px; }
.jbj .new { display: inline-block; font-size: 10px; font-weight: 800; color: #fff; background: var(--point); padding: 0 4px; line-height: 15px; vertical-align: 1px; }
.jbz-state .warn { color: #b3541e; font-weight: 600; }
.jbj-pay { width: 160px !important; }
.jbj-write .wr_content textarea { width: 100%; min-height: 240px; border: 1px solid #d6d6d6; padding: 10px; line-height: 1.7; }
.jbj-rules ul { margin: 8px 0 10px 18px; padding: 0; list-style: disc; font-size: 13px; color: var(--text-2); }
.jbj-agree { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; font-weight: 600; }
.jbj-agree input { margin-top: 3px; }
.jbj-view .biz-info td small { color: var(--muted); }
.jbj-view #bo_v_con { margin-bottom: 20px; line-height: 1.8; word-break: break-word; }

/* 좁은 화면 — 예전에는 이 스킨에 화면 폭 대응이 아예 없었다.
   분류 120px + 급여 130px 이 고정이라 360px 짜리 휴대폰에서는
   제목 칸에 90px 도 안 남아 제목이 대여섯 줄로 접혔다.
   좁아지면 분류·급여를 제목 아래로 내려 제목이 폭을 다 쓰게 한다. */
/* 기준 폭은 다른 목록(.board .hide-xs)과 같은 767px 로 맞춘다.
   목록마다 기준이 다르면 어떤 폭에서는 칸이 숨겨지고 어떤 목록은 안 숨겨져 들쭉날쭉해진다. */
@media (max-width: 767px) {
  .jbj-table td.biz, .jbj-table thead th:first-child,
  .jbj-table td.pay, .jbj-table th.pay { display: none; }
  .jbj-table td.subj { width: auto; }
  .jbj-table td.subj .jbj-m-meta { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); }
  .jbj-table td.subj .jbj-m-meta b { color: #b3541e; font-weight: 700; }
}
/* 넓은 화면에서는 제목 아래 보조 줄을 숨긴다 (표에 이미 칸이 있다) */
.jbj-table td.subj .jbj-m-meta { display: none; }