/* 승인된 16:9 영상은 화면을 채우고, 문구는 하단 모서리에 작게 배치한다. */
.skm-v3 .v2-hero { min-height: calc(100svh - 116px); height: calc(100svh - 116px); background: #11171b; }
.skm-v3 .v2-hero-picture img,
.skm-v3 .v2-hero-film { object-fit: cover; object-position: center; }
.skm-v3 .v2-hero-content { min-height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 120px; padding-bottom: 112px; }
.skm-v3 .v2-hero-content > :not(.eyebrow) { max-width: none; }
.skm-v3 .v2-hero h1 { font-size: clamp(34px, 3vw, 50px); margin-bottom: 8px; }
.skm-v3 .v2-hero .eyebrow { margin-bottom: 8px; }
.skm-v3 .v2-hero .v2-walkin { font-size: 16px; margin-bottom: 4px; }
.skm-v3 .v2-hero-description { font-size: 14px; }
.skm-v3 .v2-hero .button-row { margin-top: 14px; }
.skm-v3 .v2-hero .v2-hero-note { display: none; }
.skm-v3 .v2-hero-shade { background: linear-gradient(0deg, #081013cc 0%, #08101360 24%, #08101300 53%), linear-gradient(90deg, #08101366 0%, transparent 47%); }
.skm-v3 .skm-hero-controls { display: flex; gap: 8px; align-items: center; }
.skm-v3 .v2-hero-bottom button { min-height: 38px; }
.skm-v3 .v2-hero-film:fullscreen { width: 100%; height: 100%; object-fit: contain; background: #000; }
.skm-v3 .v2-hero-film:-webkit-full-screen { width: 100%; height: 100%; object-fit: contain; background: #000; }
@media (width < 1200px) and (width >= 768px) {
  .skm-v3 .v2-hero-content { padding-top: 100px; }
  .skm-v3 .v2-hero-content > :not(.eyebrow) { max-width: 390px; }
  .skm-v3 .v2-hero .v2-walkin { font-size: 19px; }
}
@media (width < 768px) {
  /* 상단 헤더와 하단 고정 메뉴 사이에 영상 제어를 온전히 표시한다. */
  .skm-v3 .v2-hero { min-height: calc(100svh - 135px - env(safe-area-inset-bottom)); height: calc(100svh - 135px - env(safe-area-inset-bottom)); }
  .skm-v3 .v2-hero-content { padding-top: 72px; padding-bottom: 104px; }
  .skm-v3 .v2-hero h1 { font-size: 34px; line-height: 1.16; margin-bottom: 7px; }
  .skm-v3 .v2-hero .v2-walkin { font-size: 14px; line-height: 1.5; }
  .skm-v3 .v2-hero-description { font-size: 13px; line-height: 1.6; margin-bottom: 0; }
  .skm-v3 .v2-hero .button-row { margin-top: 18px; }
  .skm-v3 .v2-hero-shade { background: linear-gradient(0deg, #081013de 0%, #08101374 28%, #08101300 65%); }
  .skm-v3 .v2-hero-bottom { font-size: 9px; bottom: 12px; align-items: flex-end; }
  .skm-v3 .skm-hero-controls { flex-wrap: wrap; justify-content: flex-end; }
  .skm-v3 .v2-hero-bottom button { min-height: 36px; padding: 6px 9px; font-size: 11px; }
}
@media (width < 361px) {
  .skm-v3 .v2-hero h1 { font-size: 31px; }
  .skm-v3 .v2-hero .button-row { grid-template-columns: 1fr; max-width: 280px; }
}