

.logo-mark .li-en { display: none }
.logo-mark .li-kr { width: 165px; height: 27px; -webkit-mask: none; mask: none; background: url(../img/logo_color_dark.png) no-repeat center/contain }
.logo-mark.is-light .li-kr { background-image: url(../img/logo_color_light.png) }
.logo-mark.is-lg .li-kr { width: 367px; height: 60px }
@media (min-width:991px) {
  .pagehead.on-dark .logo-mark .li-kr { background-image: url(../img/logo_color_light.png) }
  .pagehead.on-dark:hover .logo-mark .li-kr { background-image: url(../img/logo_color_dark.png) }
}
@media (min-width:991px) and (max-width:1199px) { .pagehead .brandmark .li-kr { width: 116px; height: 19px } }
@media (min-width:2560px) { .pagehead .brandmark .li-kr { width: 196px; height: 32px } }
@media (max-width:990px) { .pagehead .brandmark .li-kr { width: 49vw; height: 8vw; background-image: url(../img/logo_color_light.png) } }

.mo-val2 .vt-pic.is-photo { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; mix-blend-mode: normal; margin: 0 }

@media (max-width:990px) {
  .mo-hero .hero-tel { position: absolute; left: 4%; top: 72%; width: 54%; z-index: 3; display: block }
  .mo-hero .hero-tel img { display: block; width: 100%; height: auto; filter: drop-shadow(0 2px 7px rgba(0,9,33,.5)) }
  .mo-flyer { padding: 0; line-height: 0 }
  .mo-flyer img { display: block; inline-size: 100%; block-size: auto }
}
@media (min-width:991px) {
  .v3-flyer { height: 100vh; min-height: 640px; background: var(--brand-1); display: flex; align-items: center; justify-content: center; padding-top: var(--hd-h-pc); box-sizing: border-box }
  .v3-flyer .flyer-wrap { height: calc(100% - 24px); display: flex; align-items: center; justify-content: center }
  .v3-flyer .flyer-wrap img { height: 100%; width: auto; max-width: 92vw; object-fit: contain; display: block; box-shadow: 0 10px 40px rgba(0,0,0,.35) }
}
@media (max-width:990px) { .v3-flyer { display: none } }

@media (max-width:990px) {
  .pagehead .brandmark { gap: 1.80vw }
  .pagehead .brandmark .li-kr { width: 54.00vw; height: 8.83vw }
  .mo-film .film-logo .li-kr { width: 44.00vw; height: 7.19vw }
}

@media (max-width:990px) {
  .mo-hero .hero-scene img.hs-train { left: 1.151%; top: 75.782%; inline-size: 77.855%; --hs-from: -104.5% }
  :root { --train-h: calc(var(--train-w) * 211 / 1873); --train-roof: calc(var(--train-h) * 22 / 206); --pillar-h: 40.00vw }
}

