/* about/location.html (원본 /sub1/sub1_4.php) 전용 보강
   원본 sub.css 의 .map{width:1038px} 과 지도 iframe 의 width/height 속성은
   PC 고정 수치다(원본에 @media 없음). 데스크톱 수치는 그대로 두고 좁은 폭에서만
   무르게 한다 — 1038px 이상에서는 원본과 동일한 결과다. */

.map { max-width: 1038px; width: 100%; box-sizing: border-box; }
/* 원본 sub.css 에는 iframe 규칙이 없다 — UA 기본 display:inline 을 유지한다.
   (display:block 으로 바꾸면 박스 스펙이 원본과 어긋난다) */
.map_img iframe { width: 100%; max-width: 100%; border: 0; vertical-align: top; }

@media screen and (max-width: 1024px) {
  .map { padding-top: 30px; }
  .map_img iframe { height: 420px; }
}

/* 상단 탭(.sub1_nav) — 4칸 25% 고정은 좁은 폭에서 글자가 칸을 넘친다 */
@media screen and (max-width: 768px) {
  .content_nav ul li { height: 44px; line-height: 44px; }
  .content_nav ul li a { font-size: 15px; }
  .sub1_nav li { width: 50%; }
  .sub1_nav li:nth-child(2n) { border-right: none; }
  .sub1_nav li:nth-child(-n + 2) { border-bottom: 1px solid #ccc; }

  .detail_content { padding: 20px 15px 30px; margin-bottom: 40px; }
  .map { padding-top: 20px; }
  .map_img iframe { height: 320px; }
}

@media screen and (max-width: 480px) {
  .content_nav ul li a { font-size: 14px; }
  .top_content { padding-top: 40px; }
  .top_content h2 { font-size: 24px; }
  .quickroute { position: static; margin-top: 10px; }
  .map_img iframe { height: 260px; }
}