.logo-mark .li-en { width: 27px; height: 22px }
.logo-mark .li-kr { width: 214px; height: 16px }
.logo-mark.is-lg .li-en { width: 41px; height: 33px }
.logo-mark.is-lg .li-kr { width: 322px; height: 24px }
@media (min-width:991px) and (max-width:1199px) { .pagehead .brandmark .li-en { width: 24px; height: 19px } .pagehead .brandmark .li-kr { width: 188px; height: 14px } }
@media (min-width:2560px) { .pagehead .brandmark .li-en { width: 35px; height: 28px } .pagehead .brandmark .li-kr { width: 268px; height: 20px } }
@media (max-width:990px) { .pagehead .brandmark .li-en { width: 5.6vw; height: 4.5vw } .pagehead .brandmark .li-kr { width: 40vw; height: 3vw } }

.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) {
  .pagehead .brandmark { gap: 1.80vw }
  .pagehead .brandmark .li-en { width: 6.39vw; height: 5.14vw }
  .pagehead .brandmark .li-kr { width: 45.80vw; height: 3.42vw }
  .mo-film .film-logo .li-en { width: 13.48vw; height: 10.85vw }
  .mo-film .film-logo .li-kr { width: 44.00vw; height: 3.28vw }
}

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