/* community/notice/read.html (원본 /sub10/sub10_2_read.php?seq=73) 전용 보정
   원본 css/sub.css 는 1200px 고정 전제라 @media 가 한 줄도 없다.
   sub.css 수치(.board_area{width:900px} · .board_content{max-height:500px} 등)는
   그대로 두고 좁은 폭에서만 폭을 무르고 여백을 줄인다. */

@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; }

  .board_title { margin-top: 30px; }
  .board_content_desc { padding: 24px 0 60px; }
}

@media screen and (max-width: 768px) {
  .detail_content { padding: 16px 16px 32px; }
  .board_title { padding: 0 12px; line-height: 50px; }
  .board_title h3 { font-size: 17px; }
  .board_content { padding: 0 12px 30px; }
  .board_content_desc { padding: 20px 0 48px; }
}

@media screen and (max-width: 480px) {
  .top_content h2 { font-size: 23px; }
  .quickroute { font-size: 13px; }
  .detail_content { padding: 14px 10px 30px; }
  .board_title { padding: 0 10px; line-height: 44px; }
  .board_title h3 { font-size: 15px; }
  .board_content { padding: 0 10px 24px; min-height: 220px; }
  .board_content_top { padding: 12px 0; font-size: 13px; }
  .board_content_desc { padding: 16px 0 36px; }
  .list_btn_group a { padding: 9px 13px; font-size: 14px; }
}