/* ============================================================
   KIEMSTA 2026 ENG — 모바일 반응형 보강 (2026-06-16)
   영문은 Bootstrap(demo2024) 기반이고 body에서 늦게 로드됨 →
   가로넘침/이미지 override 위해 핵심만 !important. 레이아웃 grid 는 부트스트랩 신뢰.
   ============================================================ */
@media screen and (max-width: 768px) {
  /* 가로 넘침 차단 + 이미지 반응형 (가장 흔한 모바일 깨짐 원인) */
  html, body { overflow-x: hidden !important; }
  img { max-width: 100% !important; height: auto !important; }
  .container { max-width: 100% !important; box-sizing: border-box !important; }

  /* 메인 상단 4버튼바: 좁을 때 간격 확보 */
  #main-visual .btnbar .row > div { margin-bottom: 10px; }

  /* 참가신청 sticky 버튼: 모바일 과대/이탈 방지 */
  .stickey_btn { position: static !important; width: 100% !important; text-align: center; }
  .stickey_btn img { max-width: 220px !important; }
}

@media screen and (max-width: 480px) {
  #main-visual h2 { font-size: 30px !important; }
  #main-visual .subtitle { font-size: 12px !important; line-height: 1.5; }
  #main-visual p { font-size: 14px !important; }
}