/* community/counsel/list.html (원본 /sub10/sub10_1_list.php) 전용 보정
   원본 css/sub.css 는 1200px 고정 전제라 @media 가 한 줄도 없다.
   sub.css 수치(.board_area{width:900px} 등)는 그대로 두고
   좁은 폭에서만 폭을 무르고 여백을 줄인다.
   원본 상단 여백 115px(.notice_board_list 수치)은 상단 글쓰기 블록(.notice_write)과
   표 margin-top 30px 이 나눠 갖는다 — 합이 원본과 같은 자리에 표가 온다. */

.counsel_board_list { margin-top: 15px; }
.no_data { height: 120px; text-align: center; color: #8c8c8c; }

/* 상단 우측 글쓰기 링크 — 스킨 원본 클래스(.notice_write: padding-top:50px, 우측정렬, bold)를
   그대로 쓴다. 표의 원본 상단 여백 115px 은 이 블록(50px + 줄높이)과 표 30px 이 나눠 갖는다. */
.notice_write a { color: #362e2b; }
.notice_write a:hover { text-decoration: underline; }

/* 비밀글 표시 — 원본에 자물쇠 이미지 자산이 없어 텍스트 마커로 둔다. */
.secret_mark { margin-right: 6px; font-weight: bold; color: #b75709; }

@media screen and (max-width: 1240px) {
  /* .board_area{width:900px} 고정 → 유동. 가운데 정렬(margin:0 auto)은 원본 그대로. */
  .board_area { width: 100%; max-width: 900px; box-sizing: border-box; }
}

@media screen and (max-width: 1024px) {
  .top_content { padding-top: 40px; overflow: hidden; }
  .quickroute { position: static; float: right; clear: both; margin-top: 12px; background-position: 0 50%; }

  .detail_content { padding: 20px 20px 40px; margin-bottom: 40px; }

  /* 목록 상단 여백 — 원본 115px 은 1200px 판에서의 수치다. */
  .notice_write { padding-top: 30px; }
}

@media screen and (max-width: 768px) {
  .detail_content { padding: 16px 16px 32px; }
  .notice_write { padding-top: 24px; }
  .board_list tbody tr { font-size: 13px; }
  .board_list tr { height: 42px; }
  .no_data { height: 100px; }
}

@media screen and (max-width: 480px) {
  .top_content h2 { font-size: 23px; }
  .quickroute { font-size: 13px; }
  .detail_content { padding: 14px 10px 30px; }
  .notice_write { padding-top: 20px; font-size: 14px; }

  /* table-layout:fixed 의 열폭은 colgroup 이 정한다 — 좁은 화면에서만 무른다.
     제목 열(2번째)은 *(남는 폭)이라 아래 두 열을 줄이면 그만큼 넓어진다. */
  .counsel_board_list col:nth-child(1) { width: 38px; }
  .counsel_board_list col:nth-child(3) { width: 74px; }
  .counsel_board_list col:nth-child(4) { width: 44px; }
  .board_list tbody tr { font-size: 12px; }
  .board_list thead tr { font-size: 13px; }
  .desc { padding-left: 6px; }
  .no_data { height: 90px; }
}