/* stone/symptoms.html 전용 보정 — 원본 css/sub.css 는 그대로 두고 잔여 격차만 덮는다. */

/* 원본 본문은 한 <p> 안에서 <br><br> 로 문단 사이 빈 줄을 냈다(R1 BR-RUN).
   문단을 독립 <p> 로 가르고 그 빈 줄(= line-height 28px)만 여백으로 돌려준다. */
.detail_content > p.para_gap { margin-top: 28px; }

/* 반응형 — 원본에 @media 가 없어 1200px 고정 탭이 좁은 폭에서 잘린다.
   (.content 폭 무르기는 공통 h8-overlay.css 가 이미 한다) */
@media screen and (max-width: 1024px) {
  .content_nav ul li { height: auto; line-height: 1.4; }
  .content_nav ul li a { height: auto; padding: 13px 6px; font-size: 16px; line-height: 1.4; }
  .detail_content { padding: 20px 20px 40px 20px; }
  .detail_content > h3 { font-size: 22px; padding: 40px 0 22px 30px; }
}

@media screen and (max-width: 640px) {
  .top_content { padding-top: 40px; }
  .top_content h2 { font-size: 24px; }
  .quickroute { position: static; margin-top: 10px; text-align: left; }
  .sub2_nav li { width: 50%; }
  .sub2_nav li:nth-child(2n) { border-right: none; }
  .content_nav ul li a { padding: 12px 4px; font-size: 14px; }
  .detail_content { padding: 15px 15px 30px 15px; }
  .detail_content > h3 { font-size: 20px; padding: 30px 0 18px 26px; }
  .list_content_text { padding-left: 16px; }
}