/* 모바일 보정 — 슬라이드할 때 화면 아래 흰 빈칸
   고정(sticky) 장면 무대가 100svh(주소창이 펼쳐졌을 때의 작은 화면 높이)로 잡혀 있어,
   슬라이드해서 주소창·하단 툴바가 접히면 늘어난 만큼 화면 아래가 비어 보였다.
   (dvh로 따라가게 하는 방법은 삼성 인터넷 등에서 즉시 갱신되지 않아 빈칸이 남는다)

   → 무대와 장면 배경은 처음부터 "툴바가 접혔을 때의 가장 큰 높이"로 깔아 둔다.
     100vh는 모바일 브라우저에서 원래 이 큰 높이이고, 지원하면 100lvh로 명시한다.
   → 글·화면 예시가 놓이는 영역은 기존 svh 그대로 둬서 툴바가 펼쳐져 있어도 가려지지 않는다.
   → 페이지 전체 길이(스크롤 거리)도 기존 svh 기준 그대로라 스크롤 중 문서 길이가 출렁이지 않는다. */

/* 메인 페이지 */
._main_1krtw_1[data-story=true] > ._storyStage_1krtw_433 { height: 100vh; height: 100lvh; }
._main_1krtw_1[data-story=true] ._storyStage_1krtw_433 > [data-story-panel] { height: 100vh; height: 100lvh; }

/* 메인 장면 안의 배경 그림(첫 화면·회사 소개의 어두운 배경과 푸른빛, 밝은 장면의 원형 장식)은
   내용 영역(svh 높이)에만 칠해져 있어, 툴바가 접히면 그 아래 띠가 무늬 없이 평평한 색으로 보였다.
   배경 그림만 툴바 높이만큼(100lvh - 100svh) 아래로 늘린다. 글·하단 표시는 제자리에 둔다. */
@supports (height: 100lvh) {
  ._main_1krtw_1[data-story=true] ._heroMedia_1krtw_9,
  ._main_1krtw_1[data-story=true] [data-story-panel] .decorative-background {
    bottom: calc(100svh - 100lvh);
  }
}

/* 솔루션·에이전트 스토리 페이지 */
.agent-story[data-pinned=true] .agent-story-stage { height: 100vh; height: 100lvh; }