.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) {
  .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 }
}