.logo-mark .li-en { width: 81px; height: 22px }
.logo-mark .li-kr { width: 130px; height: 13px }
.logo-mark.is-lg .li-en { width: 121px; height: 33px }
.logo-mark.is-lg .li-kr { width: 190px; height: 19px }
@media (min-width:991px) and (max-width:1199px) { .pagehead .brandmark .li-en { width: 70px; height: 19px } .pagehead .brandmark .li-kr { width: 110px; height: 11px } }
@media (min-width:2560px) { .pagehead .brandmark .li-en { width: 103px; height: 28px } .pagehead .brandmark .li-kr { width: 160px; height: 16px } }
@media (max-width:990px) { .pagehead .brandmark .li-en { width: 13.2vw; height: 3.6vw } .pagehead .brandmark .li-kr { width: 22vw; height: 2.2vw } }

@media (max-width:990px) {
  .pagehead .brandmark { gap: 1.80vw }
  .pagehead .brandmark .li-en { width: 19.55vw; height: 5.33vw }
  .pagehead .brandmark .li-kr { width: 32.62vw; height: 3.26vw }
  .mo-film .film-logo .li-en { width: 38.70vw; height: 10.55vw }
  .mo-film .film-logo .li-kr { width: 43.01vw; height: 4.29vw }
}

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