/* hotfix_mobile_overflow.css */

/* 2-1) 뷰포트 바운스/체인 스크롤 억제 */
html, body{
  overscroll-behavior: none;   /* 안드로이드/크롬, iOS16+ */
  overflow-x: hidden;          /* 가로 넘침 강제 차단 */
}
body{
  touch-action: pan-y;         /* 수평 제스처를 가급적 무시 → 좌우 흔들림 감소 */
  -webkit-text-size-adjust: 100%;
}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); }

/* 2-2) 히어로/지구본 파트에서 난사되는 레이어가 박스 밖으로 새지 않게 */
.hero > .wrap,
.globe-wrap,
.globe-wrap .globe-core{
  overflow: hidden;
}

/* 2-3) 모바일 전용 추가 보정 */
@media (max-width: 980px){
  /* 이미 FORCE CSS에서 .hero > .wrap 에 overflow:hidden; 처리 있으나, 이중 안전장치 */
  section.hero#top > .wrap{ overflow: hidden !important; } /* :contentReference[oaicite:2]{index=2} */

  /* 지구본 레이어의 inset을 줄여 바깥으로 번지는 여백 축소 */
  .globe-wrap.globe-mobile .gflare-layer{ inset: -2% !important; }
  .globe-wrap.globe-mobile{
    width: 100%;
    max-width: 88vw;           /* 안전 폭 한 번 더 보정 */
    margin: 0 auto;
  }

  /* 스폰서 로고가 줄바꿈될 때 폭 과다로 튀는 것 방지 */
  .sponsors .wrap{ padding-inline: 16px; }
  .sponsors img{
    max-width: 32vw;           /* 매우 좁은 단말에서 개별 로고 폭 제한 */
    height: auto;              /* 세로 고정 대신 비율 유지 */
  }
}

/* 2-4) iOS 사파리용 미세 흔들림 방지(일부 단말) */
@supports (-webkit-touch-callout: none){
  body{ position: relative; } /* 고정요소가 있을 때 가끔 발생하는 미세 흔들림 억제 */
}


/* 기존에 전역으로 넣었던 overflow:hidden 제거/분리 */

/* 데스크탑: 플레어가 자유롭게 퍼지도록 */
@media (min-width: 981px){
  .globe-wrap{ 
    overflow: visible !important;     /* ← 네모 잘림 방지 */
    background: transparent !important;
    box-shadow: none !important;
  }
  .globe-wrap .gflare-layer{
    inset: -8% !important;            /* 여유 공간 살짝 확대 */
    z-index: 2;
  }
  .globe-glow{ z-index: 1; }
}

/* 모바일: 가로 넘침 방지 유지 */
@media (max-width: 980px){
  .hero > .wrap{ overflow: hidden !important; } /* 안전장치 (이미 FORCE CSS에도 있음) */
  .globe-wrap{ overflow: hidden !important; }
  .globe-wrap .gflare-layer{ inset: -2% !important; }
}

/* 공통 바운스/흔들림 완화 (유지) */
html, body{
  overscroll-behavior: none;
  overflow-x: hidden;
}
body{ touch-action: pan-y; -webkit-text-size-adjust:100%; }
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); }