.logo-mark .li-en { display: none }
.logo-mark .li-kr { width: 220px; height: 17.4px }
.logo-mark.is-lg .li-kr { width: 310px; height: 24.52px }
@media (min-width:991px) and (max-width:1199px) { .pagehead .brandmark .li-kr { width: 190px; height: 15.03px } }
@media (min-width:2560px) { .pagehead .brandmark .li-kr { width: 268px; height: 21.2px } }
@media (max-width:990px) {
  .pagehead .brandmark { gap: 1.80vw }
  .pagehead .brandmark .li-kr { width: 54.00vw; height: 4.27vw }
}

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

.qa-tv { --qa-tv-bg: #D8C6A2 }
.q-acts.is-one .qa-one .qa-tv .qf::after { background: #E8DAC0 }

@media (min-width:991px) {
  .site-popup .sp-inner { width: min(94vw, 1200px) }
  .site-popup .sp-card { flex: 1 1 33.333% }
}

.cm3-photos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4vw; margin: 0 0 5vw }
.cm3-photos figure { margin: 0 }
.cm3-photos img { display: block; inline-size: 100%; height: auto }

.site-vids { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4vw; margin-top: 4vw }
.site-vids figure { margin: 0 }
.site-vids video { display: block; inline-size: 100%; height: auto; aspect-ratio: 406 / 720; background: #111 }
@media (min-width:991px) {
  .site-vids { grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 20px }
}