/* =========================================================
   The Standard
========================================================= */
.sub-standard-scroll {
    overflow-x: clip;
    overflow-y: visible;
}

.sub-standard-page {
    background: #fff;
    color: #111;
}

.sub-standard-main-visual,
.sub-standard-intro {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 680px;
    overflow: hidden;
}

/* 01. Main visual */
.sub-standard-main-visual {
    height: 250vh;
    min-height: 0;
    overflow: visible;
    background-color: #050202;
    background-image: url("/images/standard/standard_KV_bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
}

.sub-standard-main-sticky {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    min-height: 680px;
    overflow: hidden;
}

.sub-standard-main-frame {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sub-standard-main-glow,
.sub-standard-intro-glow {
    position: absolute;
    left: 50%;
    bottom: -42%;
    width: 135%;
    height: 105%;
    transform: translateX(-50%);
    background: radial-gradient(circle at center, rgba(190, 30, 0, .58) 0%, rgba(92, 8, 0, .3) 34%, rgba(0, 0, 0, 0) 72%);
    filter: blur(calc(18 * var(--vw)));
}

.sub-standard-main-title {
    position: absolute;
    left: 50%;
    z-index: 3;
    width: 100%;
    text-align: center;
    pointer-events: none;
}

.sub-standard-main-title-top {
    top: calc(50% - calc(16 * var(--vw)));
    transform: translate(-50%, -100%);
}

.sub-standard-main-title-bottom {
    top: calc(50% + calc(16 * var(--vw)));
    transform: translateX(-50%);
}

.sub-standard-main-title > strong,
.sub-standard-main-title > span {
    position: relative;
    display: inline-block;
    font-size: calc(100 * var(--vw));
    line-height: 1;
    font-family: "Russo One", sans-serif;
    white-space: nowrap;
}

.sub-standard-main-title-base,
.sub-standard-main-title-fill {
    display: block;
    font-family: "Russo One", sans-serif;
}

.sub-standard-main-title-base {
    color: rgba(255, 255, 255, .15);
}

.sub-standard-main-title-fill {
    position: absolute;
    inset: 0;
    color: #fff;
    clip-path: inset(0 100% 0 0);
}

.sub-standard-main-reveal {
    position: relative;
    z-index: 2;
    width: calc(100% - 320px);
    max-width: 1300px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: calc(28 * var(--vw));
    transform: scale(.92);
    box-shadow: 0 calc(24 * var(--vw)) calc(80 * var(--vw)) rgba(0, 0, 0, .45);
    visibility: hidden;
}

.sub-standard-main-reveal img,
.sub-standard-main-reveal-dim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.sub-standard-main-reveal img {
    object-fit: cover;
    top: 50%;
    transform: translateY(-50%) scale(1.12);
}

.sub-standard-main-reveal-dim {
    background: linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .48));
}

.sub-standard-main-reveal-copy {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(20 * var(--vw));
    opacity: 0;
    transform: translateY(32px);
    text-align: center;
}

.sub-standard-main-reveal-copy h2 {
    margin: 0;
    color: #fff;
    font-size: calc(64 * var(--vw));
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -.04em;
    word-break: keep-all;
}

.sub-standard-main-reveal-copy h2 span {
    display: block;
}

/* 02. Intro */
.sub-standard-intro {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #090303;
    color: #fff;
}

.sub-standard-intro-glow {
    bottom: -26%;
    height: 120%;
    background: radial-gradient(circle at center, rgba(215, 39, 0, .7) 0%, rgba(118, 11, 0, .32) 35%, rgba(0, 0, 0, 0) 72%);
}

.sub-standard-intro-content {
    position: relative;
    z-index: 1;
    text-align: center;
}

.sub-standard-intro-content h2 {
    margin: 0;
    font-size: calc(70 * var(--vw));
    font-weight: 700;
    line-height: calc(84 * var(--vw));
}

.sub-standard-intro-content p {
    margin: calc(60 * var(--vw)) 0 0;
    color: #fff;
    font-size: calc(20 * var(--vw));
    line-height: calc(40 * var(--vw));
}

/* 03~07. Sticky story */
.sub-standard-story {
    position: relative;
    height: 1050vh;
    background: #fff;
}

.sub-standard-story-sticky {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    min-height: 680px;
    overflow: hidden;
    background: #fff;
}

.sub-standard-story-stage {
    position: relative;
    width: 100%;
    height: 100%;
}

.sub-standard-story-copy {
    position: absolute;
    z-index: 4;
    width: calc(640 * var(--vw));
    opacity: 0;
    visibility: hidden;
}

.sub-standard-story-copy-usa {
    left: calc(310 * var(--vw));
    top: 52%;
}

.sub-standard-story-copy-korea {
    right: calc(250 * var(--vw));
    top: 52%;
}

.sub-standard-story-copy-partners {
    left: 50%;
    top: calc(176 * var(--vw));
    width: calc(1100 * var(--vw));
    text-align: center;
}

.sub-standard-story-copy h2 {
    margin: 0;
    font-size: calc(46 * var(--vw));
    font-weight: 700;
    letter-spacing: calc(-1 * var(--vw));
}

.sub-standard-story-copy h2 span {
    color: var(--red);
    font-family: "Russo One", sans-serif;
}

.sub-standard-story-copy p {
    margin: calc(30 * var(--vw)) 0 calc(60 * var(--vw));
    color: #00000060;
    font-size: calc(18 * var(--vw));
    line-height: calc(30 * var(--vw));
    letter-spacing: -.025em;
    word-break: keep-all;
}

.sub-standard-h-scene {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: calc(500 * var(--vw));
    transform-origin: 50% 50%;
}

.sub-standard-h-svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    shape-rendering: geometricPrecision;
}

.sub-standard-h-solid {
    fill: #050505;
}

.sub-standard-h-image {
    opacity: 0;
}

.sub-standard-h-image-usa-mobile,
.sub-standard-h-image-korea-mobile {
    display: none;
}

.sub-standard-h-red {
    position: absolute;
    left: -2%;
    bottom: calc(-60 * var(--vw));
    width: calc(409 * var(--vw));
    height: calc(35 * var(--vw));
    background: var(--red);
    transform: skewX(-14deg);
    transform-origin: center;
}



/* 04 → 05 장면 전환: 서로 다른 H 오브젝트 사용 */
.sub-standard-h-scene-usa {
    z-index: 3;
}

.sub-standard-h-scene-korea {
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

/* 05 → 06 장면 전환: 5의 H와 6의 H를 별도 오브젝트로 분리 */
.sub-standard-h-scene-partners {
    z-index: 3;
    opacity: 0;
    visibility: hidden;
}

/* =========================================================
   HUNTER USA 
========================================================= */
.sub-standard-detail-scroll {
    overflow-x: clip;
    overflow-y: visible;
    max-width: 100%;
    scroll-snap-type: none;
    overscroll-behavior-y: none;
}

.sub-standard-detail-page {
    overflow: visible;
    background: #fff;
    color: #111;
}

.sub-usa-inner {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* 01~02. Hero zoom */
.sub-standard-detail-hero {
    position: relative;
    height: auto;
    background: #fff;
}

.sub-standard-detail-hero-sticky {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}

.sub-standard-detail-hero-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: clip-path;
    contain: paint;
    visibility: hidden;
}

.sub-usa-page .sub-standard-detail-hero-media {
    visibility: hidden;
}

.sub-standard-detail-hero-preview,
.sub-standard-detail-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.04);
    will-change: transform, opacity;
}

.sub-standard-detail-hero-preview {
    z-index: 1;
    opacity: 1;
}

.sub-standard-detail-hero-mobile-stage {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    display: block;
    object-fit: cover;
    transform: translate(-50%, -50%);
    transform-origin: center;
    will-change: transform, opacity;
}

.sub-standard-detail-hero-video {
    z-index: 2;
    opacity: 0;
}

.sub-standard-detail-hero-dim {
    position: absolute;
    z-index: 3;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, .48) 100%),
        rgba(0, 0, 0, .18);
    opacity: 0;
}

.sub-standard-detail-hero-copy {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    width: calc(1100 * var(--vw));
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.sub-standard-detail-hero-line {
    margin: 0;
    color: #fff;
    font-size: calc(60 * var(--vw));
    font-weight: 700;
    line-height: calc(76 * var(--vw));
    letter-spacing: -.045em;
    word-break: keep-all;
    will-change: transform, clip-path, opacity;
}

/* 03. TRUST IN HUNTER */
.sub-usa-trust {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 100vh;
    min-height: 680px;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
    padding: 0;
    background: #fff;
}

.sub-usa-trust > .sub-usa-inner {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    min-height: 680px;
    overflow: hidden;
    box-sizing: border-box;
}

.sub-usa-trust-list {
    display: flex;
    width: min(calc(100% - clamp(40px, 8.333vw, 160px)), 1600px);
    height: auto;
    max-height: 720px;
    aspect-ratio: 20 / 9;
    margin: 0 0 0 auto;
    overflow: hidden;
    background: #fff;
}

.sub-usa-trust-item {
    position: relative;
    flex: 0 0 8.5%;
    width: 8.5%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    border-left: 3px solid #fff;
    will-change: flex-basis, width;
}

.sub-usa-trust-item:first-child {
    border-left: 0;
}

.sub-usa-trust-item.is-active {
    flex-basis: 83%;
    width: 83%;
    outline: none;
}

.sub-usa-trust-item img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
}

.sub-usa-trust-dim {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(151, 0, 0, .70), rgba(124, 0, 0, .88));
    opacity: 1;
    pointer-events: none;
    transition: background .45s ease;
}

.sub-usa-trust-item.is-active .sub-usa-trust-dim {
    background: linear-gradient(180deg, rgba(0, 0, 0, .06), rgba(0, 0, 0, .84));
}

.sub-usa-trust-copy {
    position: absolute;
    z-index: 2;
    left: calc(56 * var(--vw));
    right: calc(42 * var(--vw));
    bottom: calc(48 * var(--vw));
    height: calc(184 * var(--vw));
    color: #fff;
    overflow: hidden;
}

.sub-usa-trust-copy strong {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    font-size: calc(64 * var(--vw));
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transition: bottom .82s cubic-bezier(.22, 1, .36, 1);
}

.sub-usa-trust-copy h3 {
    position: absolute;
    left: 0;
    bottom: calc(63 * var(--vw));
    width: 100%;
    margin: 0;
    font-size: calc(30 * var(--vw));
    font-weight: 700;
    line-height: 1.25;
    word-break: keep-all;
}

.sub-usa-trust-copy p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: calc(620 * var(--vw));
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: calc(15 * var(--vw));
    line-height: 1.75;
}

.sub-usa-trust-copy h3,
.sub-usa-trust-copy p {
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility 0s linear .28s;
}

.sub-usa-trust-item.is-active .sub-usa-trust-copy strong {
    bottom: calc(122 * var(--vw));
}

.sub-usa-trust-item.is-copy-visible .sub-usa-trust-copy h3,
.sub-usa-trust-item.is-copy-visible .sub-usa-trust-copy p {
    opacity: 1;
    visibility: visible;
    transition: opacity .28s ease, visibility 0s linear 0s;
}

.sub-usa-trust-item:not(.is-active) .sub-usa-trust-copy {
    left: 50%;
    right: auto;
    width: calc(120 * var(--vw));
    transform: translateX(-50%);
    text-align: center;
}

.sub-usa-trust-item:not(.is-active) .sub-usa-trust-copy strong {
    left: 50%;
    transform: translateX(-50%);
    font-size: calc(54 * var(--vw));
}

/* 04~06. Full-width sticky value sections */
.sub-usa-value {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 680px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background: #fff;
}

.sub-usa-value > .sub-usa-inner {
    position: sticky;
    top: 0;
    width: 100%;
    max-width: 1920px;
    height: 100vh;
    min-height: 680px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
    box-sizing: border-box;
}

.sub-usa-value-layout,
.sub-usa-value-layout-reverse {
    position: sticky;
    top: 0;
    display: block;
    width: 100%;
    height: 100vh;
    min-height: 680px;
}

.sub-usa-value-copy {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: calc(590 * var(--vw));
    transform: translateY(-50%);
}

.sub-usa-value-history .sub-usa-value-copy,
.sub-usa-value-korea .sub-usa-value-copy {
    left: calc(266 * var(--vw));
}

.sub-usa-value-awards .sub-usa-value-copy {
    left:  calc(986 * var(--vw));
}

.sub-usa-value-copy h2 {
    margin: 0;
    font-size: calc(48 * var(--vw));
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: calc(-2 * var(--vw));
}

.sub-usa-value-copy h2 span {
    color: var(--red);
}

.sub-usa-value-copy p {
    max-width: calc(590 * var(--vw));
    margin: calc(42 * var(--vw)) 0 calc(64 * var(--vw));
    color: #777;
    font-size: calc(17 * var(--vw));
    line-height: 1.85;
    word-break: keep-all;
}

.sub-usa-h-mask {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: calc(3000 * var(--vw));
    margin: 0;
    transform: translateY(-50%);
    will-change: transform, opacity;
}

.sub-usa-value-history .sub-usa-h-mask,
.sub-usa-value-korea .sub-usa-h-mask {
    right: calc(-1900 * var(--vw));
}

.sub-usa-value-awards .sub-usa-h-mask {
    left: calc(-1900 * var(--vw));
}

.sub-usa-h-mask svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

/* =========================================================
   HUNTER Awards
========================================================= */

.sub-awards-page {
    background: #fff;
    color: #111;
}

.sub-awards-top-visual,
.sub-awards-top-visual picture,
.sub-awards-top-visual img {
    display: block;
}

.sub-awards-top-visual {
    width: calc(1300 * var(--vw));
    max-width: calc(100% - 80px);
    margin: 0 auto;
    overflow: hidden;
}

.sub-awards-top-visual picture,
.sub-awards-top-visual img {
    width: 100%;
}

.sub-awards-top-visual img {
    height: auto;
    object-fit: cover;
}

.sub-awards-inner {
    width: calc(1300 * var(--vw));
    margin: 0 auto;
}

.sub-awards-intro {
    padding: 0 0 calc(120 * var(--vw));
}

.sub-awards-hero-scroll {
    position: relative;
    height: 220vh;
}

.sub-awards-hero {
    position: sticky;
    top: 0;
    width: 100%;
    height: calc(740 * var(--vw));
    margin: 0;
    overflow: visible;
}

.sub-awards-hero-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    transform-origin: center;
    will-change: transform;
}

.sub-awards-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sub-awards-hero-dim {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(0, 0, 0, .52);
    opacity: 0;
}

.sub-awards-hero-copy {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: calc(190 * var(--vw));
    margin: 0;
    color: rgba(255, 255, 255, .35);
    font-size: calc(34 * var(--vw));
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: -.035em;
    opacity: 0;
}

.sub-awards-hero-copy span {
    display: block;
    color: inherit;
}

.sub-awards-feature-list {
    display: flex;
    flex-direction: column;
    gap: calc(40 * var(--vw));
    margin-top: calc(80 * var(--vw));
}

.sub-awards-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    min-height: calc(490 * var(--vw));
    overflow: hidden;
    background: #fafafa;
}

.sub-awards-feature-reverse .sub-awards-feature-media {
    order: 2;
}

.sub-awards-feature-reverse .sub-awards-feature-content {
    order: 1;
    padding-right: 0;
    padding-left: calc(100 * var(--vw));
}

.sub-awards-feature-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.sub-awards-feature-media img {
    display: block;
    max-width: 78%;
    max-height: calc(250 * var(--vw));
    width: auto;
    height: auto;
    object-fit: contain;
}

.sub-awards-feature-content {
    padding: calc(100 * var(--vw));
    padding-left: 0;
    width: calc(540 * var(--vw));
}

.sub-awards-feature-content h3 {
    margin: 0 0 calc(30 * var(--vw));
    color: #000;
    font-size: calc(40 * var(--vw));
    font-weight: 800;
}

.sub-awards-feature-content p {
    margin: 0;
    color: #222;
    font-size: calc(18 * var(--vw));
    line-height: calc(30 * var(--vw));
    word-break: keep-all;
    letter-spacing: calc(-1 * var(--vw));
}

.sub-awards-excellence {
    padding: calc(10 * var(--vw)) 0 calc(160 * var(--vw));
}

.sub-awards-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(100 * var(--vw)) calc(60 * var(--vw));
}

.sub-awards-card {
    text-align: center;
}

.sub-awards-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(300 * var(--vw));
    height: calc(300 * var(--vw));
    margin: 0 auto calc(38 * var(--vw));
    border-radius: 50%;
    background: #fafafa;
}

.sub-awards-card-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.sub-awards-card h3 {
    margin: 0;
    color: #111;
    font-size: calc(26 * var(--vw));
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.04em;
    word-break: keep-all;
}

.sub-awards-card p {
    margin: calc(18 * var(--vw)) auto 0;
    color: #888;
    font-size: calc(18 * var(--vw));
    line-height: calc(26 * var(--vw));
    letter-spacing: -.03em;
    word-break: keep-all;
}


/* =========================================================
   HUNTER KOREA - 03. Vision & Mission
========================================================= */
.sub-korea-vision {
    position: relative;
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 680px;
    overflow: hidden;
    background: #111;
}

.sub-korea-vision-panel {
    position: relative;
    flex: 0 0 50%;
    width: 50%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    cursor: pointer;
    transition:
        flex-basis .85s cubic-bezier(.22, 1, .36, 1),
        width .85s cubic-bezier(.22, 1, .36, 1);
}

.sub-korea-vision-panel.is-active {
    flex-basis: 70%;
    width: 70%;
}

.sub-korea-vision-panel.is-inactive {
    flex-basis: 30%;
    width: 30%;
}

.sub-korea-vision-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.sub-korea-vision-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform .85s cubic-bezier(.22, 1, .36, 1);
}

.sub-korea-vision-panel-vision .sub-korea-vision-media img {
    object-position: center center;
}

.sub-korea-vision-panel-mission .sub-korea-vision-media img {
    object-position: center center;
}

.sub-korea-vision-panel.is-active .sub-korea-vision-media img {
    transform: scale(1.04);
}

.sub-korea-vision-dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    transition: background .5s ease;
}

.sub-korea-vision-panel.is-active .sub-korea-vision-dim {
    background: rgba(0, 0, 0, .42);
}

.sub-korea-vision-content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: calc(760 * var(--vw));
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    transition: left .9s cubic-bezier(.22, 1, .36, 1), width .9s cubic-bezier(.22, 1, .36, 1);
}

.sub-korea-vision-content h2 {
    margin: 0;
    font-size: calc(54 * var(--vw));
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -.055em;
    word-break: keep-all;
}

.sub-korea-vision-content h2 small {
    display: block;
    margin-bottom: calc(8 * var(--vw));
    font-size: calc(34 * var(--vw));
    line-height: 1;
}

.sub-korea-vision-content h2 span {
    color: var(--red);
}

.sub-korea-vision-content p {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .74);
    font-size: calc(15 * var(--vw));
    line-height: 1.75;
    opacity: 0;
    transform: translateY(calc(22 * var(--vw)));
    transition: max-height .7s ease, margin .7s ease, opacity .32s ease, transform .7s cubic-bezier(.22, 1, .36, 1);
}

.sub-korea-vision-panel.is-active .sub-korea-vision-content p {
    max-height: calc(220 * var(--vw));
    margin-top: calc(38 * var(--vw));
    opacity: 1;
    transform: translateY(0);
}

/* =========================================================
   HUNTER KOREA - 03~06
========================================================= */
.sub-korea-vision.has-active .sub-korea-vision-panel.is-active {
    flex-basis: 70%;
    width: 70%;
}

.sub-korea-vision.has-active .sub-korea-vision-panel:not(.is-active) {
    flex-basis: 30%;
    width: 30%;
}

.sub-korea-section-inner {
    width: calc(1300 * var(--vw));
    margin: 0 auto;
}

.sub-korea-section-heading {
    text-align: center;
}

.sub-korea-section-heading h2 {
    margin: 0;
    color: #000;
    font-family: "Russo One", sans-serif;
    font-size: calc(52 * var(--vw));
    line-height: 1;
}

.sub-korea-section-heading h2 span,
.sub-korea-before-copy h2 span {
    color: var(--red);
    font-family: "Russo One", sans-serif;
}

.sub-korea-section-heading p {
    margin: calc(24 * var(--vw)) 0 0;
    color: #777;
    font-size: calc(16 * var(--vw));
    line-height: 1.6;
}

.sub-korea-creative {
    padding: calc(120 * var(--vw)) 0;
    background: #fff;
}

.sub-korea-creative-principles {
    display: grid;
    grid-template-columns: calc(200 * var(--vw)) 1fr;
    align-items: center;
    padding: calc(95 * var(--vw)) calc(60 * var(--vw));
    border-radius: calc(20 * var(--vw));
    background: var(--red);
    color: #fff;
    box-sizing: border-box;
}

.sub-korea-creative-label strong {
    display: block;
    font-size: calc(30 * var(--vw));
    font-weight: 600;
    line-height: calc(40 * var(--vw));
}
.sub-korea-creative-card-item strong {
    font-size: calc(22 * var(--vw));
    font-weight: 500;
    line-height: calc(36 * var(--vw));
}


.sub-korea-creative-label span {
    display: block;
    margin-top: calc(12 * var(--vw));
    color: rgba(255,255,255,.40);
    font-size: calc(20 * var(--vw));
}

.sub-korea-creative-principle-list {
    display: grid;
    grid-auto-flow: column;
}

.sub-korea-creative-principle {
    min-height: calc(54 * var(--vw));
    padding-left: calc(38 * var(--vw));
    border-left: 1px solid rgba(255,255,255,.22);
    font-size: calc(22 * var(--vw));
    font-weight: 400;
    line-height: 1.2;
}
.sub-korea-creative-principle:first-child {
    border-left: none;
}
.sub-korea-creative-card {
    display: grid;
    grid-template-columns: calc(200 * var(--vw)) 1fr;
    align-items: center;
    margin-top: calc(20 * var(--vw));
    padding: calc(60 * var(--vw));
    border-radius: calc(16 * var(--vw));
    background: #fafafa;
    box-sizing: border-box;
}

.sub-korea-creative-card .sub-korea-creative-label span {
    color: #d0d0d0;
}

.sub-korea-creative-card-list {
    display: grid;
    grid-template-columns: 1fr 1fr calc(360 * var(--vw));
}

.sub-korea-creative-card-item {
    padding: 0 0 0 calc(42 * var(--vw));
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.sub-korea-creative-card-item:first-child {
    border-left: none;
}

.sub-korea-creative-card-item p {
    margin: calc(14 * var(--vw)) 0 0;
    color: #777;
    font-size: calc(17 * var(--vw));
    line-height: calc(26 * var(--vw));
}

.sub-korea-before {
    position: relative;
    background: url('/images/standard/korea_Service_bg.png') center / cover no-repeat;
    color: #fff;
    padding: calc(120 * var(--vw)) 0;
}

.sub-korea-before-dim {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.58);
}

.sub-korea-before-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: calc(550 * var(--vw)) calc(680 * var(--vw));
    justify-content: space-between;
    align-items: start;
    width: calc(1300 * var(--vw));
    height: 100%;
    margin: 0 auto;
}

.sub-korea-before-copy h2 {
    margin: 0;
    font-family: "Russo One", sans-serif;
    font-size: calc(60 * var(--vw));
}

.sub-korea-before-copy p {
    margin: calc(40 * var(--vw)) 0 0;
    color: rgba(255,255,255,.82);
    font-size: calc(20 * var(--vw));
    line-height: calc(30 * var(--vw));
}

.sub-korea-before-list {
    display: flex;
    flex-direction: column;
    gap: calc(10 * var(--vw));
}

.sub-korea-before-item {
    display: grid;
    grid-template-columns: calc(145 * var(--vw)) 1fr;
    align-items: center;
    min-height: calc(118 * var(--vw));
    padding: 0 calc(55 * var(--vw));
    border-radius: calc(18 * var(--vw));
    background: rgba(5,5,5,.74);
    box-sizing: border-box;
}

.sub-korea-before-item > strong {
    color: var(--red);
    font-family: "Russo One", sans-serif;
    font-size: calc(50 * var(--vw));
}

.sub-korea-before-item p {
    margin: 0;
    color: #fff;
    font-size: calc(20 * var(--vw));
}

.sub-korea-before-item-large {
    align-items: start;
    padding: calc(40 * var(--vw)) calc(60 * var(--vw));
}

.sub-korea-before-item-large div p {
    padding: calc(30 * var(--vw)) 0;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.sub-korea-before-item-large div p:first-child {
    padding-top: 0;
}

.sub-korea-before-item-large div p:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.sub-korea-after {
    padding: calc(120 * var(--vw)) 0;
    background: #fff;
}

.sub-korea-after-list {
    display: flex;
    justify-content: center;
    margin-top: calc(105 * var(--vw));
}

.sub-korea-after-item {
    position: relative;
    display: flex;
    flex: 0 0 calc(350 * var(--vw));
    width: calc(350 * var(--vw));
    height: calc(350 * var(--vw));
    margin-left: calc(-36 * var(--vw));
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #c00d00e8;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

.sub-korea-after-item_icon {
    margin-bottom: calc(40 * var(--vw));
}

.sub-korea-after-item:first-child {
    margin-left: 0;
}

.sub-korea-after-item svg {
    width: calc(62 * var(--vw));
    height: calc(62 * var(--vw));
    margin-bottom: calc(30 * var(--vw));
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sub-korea-after-item h3 {
    margin: 0;
    font-size: calc(28 * var(--vw));
    font-weight: 700;
}

.sub-korea-after-item p {
    margin: calc(24 * var(--vw)) 0 0;
    color: rgba(255,255,255,.74);
    font-size: calc(16 * var(--vw));
    line-height: 1.45;
}
/* =========================================================
   HUNTER PARTNERS
========================================================= */
.sub-partners-page {
    background: #fff;
}

.sub-partners-top-button {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 100;
    width: 80px;
    height: 80px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(12px);
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}

.sub-partners-top-button.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.sub-partners-top-button img {
    display: block;
    width: 100%;
    height: 100%;
}

.sub-partners-top-button:focus-visible {
    outline: 2px solid #111;
    outline-offset: 3px;
}

.sub-partners-inner {
    width: calc(1300 * var(--vw));
    margin: 0 auto;
}

.sub-partners-intro {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(870 * var(--vw));
    min-height: 680px;
    overflow: hidden;
    background: url('/images/standard/partners_intro_bg.png') center / cover no-repeat;
}

.sub-partners-intro-content {
    position: relative;
    z-index: 1;
    width: calc(1100 * var(--vw));
}

.sub-partners-category-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.sub-partners-category-link {
    position: relative;
    gap: 30px;
    min-height: calc(110 * var(--vw));
    color: #fff;
    font-family: "Russo One", sans-serif;
    font-size: calc(60 * var(--vw));
    line-height:  calc(110 * var(--vw));
    text-decoration: none;
    transition: color .25s ease;
    opacity: 0.5;
}

.sub-partners-category-text {
    color: currentColor;
    -webkit-text-stroke: 0 transparent;
    transition: color .25s ease, -webkit-text-stroke-color .25s ease;
    font-family: "Russo One", sans-serif;
}

.sub-partners-category-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #ffffff20;
    color: #fff;
    padding: calc(5 * var(--vw)) calc(20 * var(--vw));
    font-size: calc(35 * var(--vw));
    line-height: calc(40 * var(--vw));
    position: absolute;
    right: calc(-60 * var(--vw));
    font-family: "Russo One", sans-serif;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
    opacity: 0.5;
}
.sub-partners-category-link:hover {
    opacity: 1;
}
.sub-partners-category-link:hover .sub-partners-category-text,
.sub-partners-category-link:focus-visible .sub-partners-category-text {
    color: #fff;
    -webkit-text-stroke: 1px #fff;
    opacity: 1;
}

.sub-partners-category-link:hover .sub-partners-category-badge,
.sub-partners-category-link:focus-visible .sub-partners-category-badge {
    background: var(--red);
    color: #fff;
    opacity: 1;
}

.sub-partners-category-link:focus-visible {
    color: #fff;
}

.sub-partners-group-title span {
    color: var(--red);
}

.sub-partners-group {
    scroll-margin-top: 120px;
}


.sub-partners-directory {
    padding: calc(120 * var(--vw)) 0 calc(160 * var(--vw));
    background: #fff;
}

.sub-partners-group + .sub-partners-group {
    margin-top: calc(250 * var(--vw));
}

.sub-partners-group-title {
    margin: 0 0 calc(64 * var(--vw));
    color: #111;
    font-family: "Russo One", sans-serif;
    font-size: calc(40 * var(--vw));
    line-height: 1.2;
    text-align: center;
}

/* Wheel Alignment Specification의 4열 원형 브랜드 카드 구조 재사용 */
.sub-partners-brand-grid {
    row-gap: calc(100 * var(--vw));
    column-gap: calc(60 * var(--vw));
}

.sub-partners-brand-card {
    cursor: default;
}

.sub-partners-brand-logo {
    border-width: 1px;
    background: #fafafa;
}

.sub-partners-brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.sub-partners-brand-card .sub-specification-brand-name {
    color: #000;
    font-size: calc(20 * var(--vw));
}


/* ========================================
HUNTER History
======================================== */
.sub-history-lead,
.sub-history-timeline,
.sub-history-finale {
    width: 100%;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    background-image:
        linear-gradient(to right, transparent calc(50% - calc(761 * var(--vw))), rgba(198, 0, 0, .075) calc(50% - calc(761 * var(--vw))), rgba(198, 0, 0, .075) calc(50% - calc(760 * var(--vw))), transparent calc(50% - calc(760 * var(--vw)))),
        linear-gradient(to right, transparent calc(50% - calc(381 * var(--vw))), rgba(198, 0, 0, .075) calc(50% - calc(381 * var(--vw))), rgba(198, 0, 0, .075) calc(50% - calc(380 * var(--vw))), transparent calc(50% - calc(380 * var(--vw)))),
        linear-gradient(to right, transparent calc(50% - .5px), rgba(198, 0, 0, .075) calc(50% - .5px), rgba(198, 0, 0, .075) calc(50% + .5px), transparent calc(50% + .5px)),
        linear-gradient(to right, transparent calc(50% + calc(380 * var(--vw))), rgba(198, 0, 0, .075) calc(50% + calc(380 * var(--vw))), rgba(198, 0, 0, .075) calc(50% + calc(381 * var(--vw))), transparent calc(50% + calc(381 * var(--vw)))),
        linear-gradient(to right, transparent calc(50% + calc(760 * var(--vw))), rgba(198, 0, 0, .075) calc(50% + calc(760 * var(--vw))), rgba(198, 0, 0, .075) calc(50% + calc(761 * var(--vw))), transparent calc(50% + calc(761 * var(--vw))));
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sub-history-lead {
    position: relative;
    padding: calc(150 * var(--vw)) 0 calc(115 * var(--vw));
}

.sub-history-lead::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: calc(115 * var(--vw));
    background: var(--red);
    transform: translateX(-50%);
}

.sub-history-lead-image {
    position: relative;
    z-index: 2;
    width: calc(940 * var(--vw));
    height: calc(520 * var(--vw));
    margin: 0 auto;
    overflow: hidden;
}

.sub-history-lead-image img,
.sub-history-era-image img,
.sub-history-finale-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-history-timeline {
    position: relative;
    z-index: 2;
    height: calc(7200 * var(--vw));
}

.sub-history-timeline-sticky {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.sub-history-center-axis {
    position: absolute;
    z-index: 6;
    inset: 0;
    pointer-events: none;
    will-change: transform;
}

.sub-history-center-line {
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 1px;
    background: var(--red);
    transform: translateX(-50%);
}

.sub-history-center-line-top {
    top: 0;
    height: calc(50% - calc(60 * var(--vw)));
}

.sub-history-center-line-bottom {
    top: calc(50% + calc(60 * var(--vw)));
    bottom: calc(-100 * var(--vw));
}

.sub-history-center-copy {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    font-family: "Russo One", sans-serif;
}

.sub-history-center-year {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: calc(10 * var(--vw)) calc(24 * var(--vw));
    overflow: hidden;
    color: var(--red);
    font-family: "Russo One", sans-serif;
    font-size: calc(100 * var(--vw));
    line-height: 1;
    white-space: nowrap;
}

.sub-history-center-year::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: calc(18 * var(--vw));
    height: calc(46 * var(--vw));
    transform: translateX(-50%);
}

.sub-history-center-content {
    position: absolute;
    top: calc(105 * var(--vw));
    left: calc(50% + calc(80 * var(--vw)));
    width: calc(500 * var(--vw));
    padding: calc(18 * var(--vw)) 0;
    text-align: left;
}

.sub-history-center-title {
    margin: 0;
    color: #000;
    font-size: calc(22 * var(--vw));
    font-weight: 600;
    line-height: calc(30 * var(--vw));
}

.sub-history-center-description {
    margin: calc(14 * var(--vw)) 0 0;
    color: #777;
    font-size: calc(18 * var(--vw));
    line-height: calc(30 * var(--vw));
    word-break: keep-all;
}

.sub-history-era-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(6900 * var(--vw));
    will-change: transform;
}

.sub-history-era {
    position: relative;
    width: 100%;
    height: calc(985 * var(--vw));
}

.sub-history-era-image {
    position: absolute;
    z-index: 2;
    margin: 0;
    overflow: hidden;
    background: #f4f4f4;
}

/* 1940 */
.sub-history-era-1940 { height: calc(1160 * var(--vw)); }
.sub-history-era-1940 .sub-history-era-image-a {
    top: calc(80 * var(--vw));
    left: calc(170 * var(--vw));
    width: calc(300 * var(--vw));
    height: calc(390 * var(--vw));
}
.sub-history-era-1940 .sub-history-era-image-b {
    top: calc(250 * var(--vw));
    right: calc(160 * var(--vw));
    width: calc(300 * var(--vw));
    height: calc(290 * var(--vw));
}
.sub-history-era-1940 .sub-history-era-image-c {
    top: calc(690 * var(--vw));
    left: calc(365 * var(--vw));
    width: calc(290 * var(--vw));
    height: calc(210 * var(--vw));
}

/* 1950 */
.sub-history-era-1950 .sub-history-era-image-a {
    top: calc(120 * var(--vw));
    left: calc(70 * var(--vw));
    width: calc(220 * var(--vw));
    height: calc(360 * var(--vw));
}
.sub-history-era-1950 .sub-history-era-image-b {
    top: calc(90 * var(--vw));
    right: calc(90 * var(--vw));
    width: calc(315 * var(--vw));
    height: calc(215 * var(--vw));
}
.sub-history-era-1950 .sub-history-era-image-c {
    top: calc(610 * var(--vw));
    right: calc(420 * var(--vw));
    width: calc(280 * var(--vw));
    height: calc(190 * var(--vw));
}

/* 1960 */
.sub-history-era-1960 .sub-history-era-image-a {
    top: calc(90 * var(--vw));
    left: calc(330 * var(--vw));
    width: calc(270 * var(--vw));
    height: calc(180 * var(--vw));
}
.sub-history-era-1960 .sub-history-era-image-b {
    top: calc(160 * var(--vw));
    right: calc(75 * var(--vw));
    width: calc(390 * var(--vw));
    height: calc(250 * var(--vw));
}
.sub-history-era-1960 .sub-history-era-image-c {
    top: calc(590 * var(--vw));
    left: calc(80 * var(--vw));
    width: calc(350 * var(--vw));
    height: calc(220 * var(--vw));
}

/* 1970 */
.sub-history-era-1970 .sub-history-era-image-a {
    top: calc(115 * var(--vw));
    left: calc(505 * var(--vw));
    width: calc(230 * var(--vw));
    height: calc(250 * var(--vw));
}
.sub-history-era-1970 .sub-history-era-image-b {
    top: calc(520 * var(--vw));
    right: calc(150 * var(--vw));
    width: calc(325 * var(--vw));
    height: calc(220 * var(--vw));
}

/* 1980 */
.sub-history-era-1980 .sub-history-era-image-a {
    top: calc(80 * var(--vw));
    left: calc(145 * var(--vw));
    width: calc(285 * var(--vw));
    height: calc(205 * var(--vw));
}
.sub-history-era-1980 .sub-history-era-image-b {
    top: calc(370 * var(--vw));
    right: calc(430 * var(--vw));
    width: calc(240 * var(--vw));
    height: calc(300 * var(--vw));
}
.sub-history-era-1980 .sub-history-era-image-c {
    top: calc(570 * var(--vw));
    right: calc(75 * var(--vw));
    width: calc(320 * var(--vw));
    height: calc(210 * var(--vw));
}

/* 1990 */
.sub-history-era-1990 .sub-history-era-image-a {
    top: calc(70 * var(--vw));
    left: calc(70 * var(--vw));
    width: calc(260 * var(--vw));
    height: calc(350 * var(--vw));
}
.sub-history-era-1990 .sub-history-era-image-b {
    top: calc(330 * var(--vw));
    right: calc(420 * var(--vw));
    width: calc(275 * var(--vw));
    height: calc(190 * var(--vw));
}
.sub-history-era-1990 .sub-history-era-image-c {
    top: calc(620 * var(--vw));
    left: calc(395 * var(--vw));
    width: calc(300 * var(--vw));
    height: calc(185 * var(--vw));
}

/* 2000 */
.sub-history-era-2000 .sub-history-era-image-a {
    top: calc(90 * var(--vw));
    left: calc(115 * var(--vw));
    width: calc(280 * var(--vw));
    height: calc(365 * var(--vw));
}
.sub-history-era-2000 .sub-history-era-image-b {
    top: calc(230 * var(--vw));
    right: calc(85 * var(--vw));
    width: calc(300 * var(--vw));
    height: calc(300 * var(--vw));
}
.sub-history-era-2000 .sub-history-era-image-c {
    top: calc(630 * var(--vw));
    right: calc(450 * var(--vw));
    width: calc(390 * var(--vw));
    height: calc(220 * var(--vw));
}

.sub-history-steps {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.sub-history-step {
    height: calc(1028 * var(--vw));
}

.sub-history-step:first-child {
    height: calc(1160 * var(--vw));
}

.sub-history-year-digit {
    position: relative;
    display: inline-block;
    width: .64em;
    height: 1em;
    overflow: hidden;
    font-family: "Russo One", sans-serif;
}

.sub-history-year-digit-track {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    will-change: transform;
}

.sub-history-year-digit-value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1em;
    line-height: 1;
    font-family: "Russo One", sans-serif;
}

.sub-history-finale {
    position: relative;
    z-index: 1;
    padding: 0 0 calc(140 * var(--vw));
}

.sub-history-finale-stage {
    position: relative;
    width: 100%;
    height: calc(860 * var(--vw));
    background: transparent;
}

.sub-history-finale-stage::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: calc(-320 * var(--vw));
    bottom: 50%;
    left: 50%;
    width: 1px;
    background: var(--red);
    transform: translateX(-50%);
}

.sub-history-finale-stage.is-static {
    height: calc(520 * var(--vw));
}

.sub-history-finale-stage.is-static::before {
    top: 0;
}

.sub-history-finale-stage.is-static .sub-history-finale-image {
    top: 0;
    transform: translateX(-50%);
}

.sub-history-finale-image {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: calc(940 * var(--vw));
    height: calc(520 * var(--vw));
    margin: 0;
    overflow: hidden;
    transform: translateX(-50%);
    will-change: width, height;
}

.sub-history-finale-copy {
    margin: calc(100 * var(--vw)) auto 0;
    text-align: center;
}

.sub-history-finale-copy strong {
    display: block;
    color: var(--red);
    font-family: "Russo One", sans-serif;
    font-size: calc(100 * var(--vw));
    line-height: 1;
}

.sub-history-finale-copy h2 {
    margin: calc(40 * var(--vw)) 0 0;
    color: #000;
    font-size: calc(50 * var(--vw));
    font-weight: 800;
}

.sub-history-finale-copy h2 span {
    color: var(--red);
    font-family: "Russo One", sans-serif;
}

.sub-history-finale-copy p {
    margin: calc(20 * var(--vw)) 0 0;
    color: #696969;
    font-family: "Pretendard", sans-serif;
    font-size: calc(20 * var(--vw));
    font-weight: 400;
    line-height: calc(30 * var(--vw));
    letter-spacing: -0.06em;
}
.sub-history-finale-copy > span {
    --history-hover-x: 50%;
    --history-hover-y: 50%;
    position: relative;
    display: block;
    font-family: "Russo One", sans-serif;
    margin: calc(20 * var(--vw)) 0 0;
    color: rgba(0, 0, 0, 0.1);
    font-size: calc(74 * var(--vw));
    font-weight: 400;
    line-height: calc(80 * var(--vw));
    letter-spacing: -1px;
    margin: calc(150 * var(--vw)) auto;
}

.sub-history-finale-copy > span::after {
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle clamp(54px, 4.67vw, 80px) at var(--history-hover-x) var(--history-hover-y),
        rgba(198, 0, 0, 1) 0%,
        rgba(198, 0, 0, .96) 28%,
        rgba(198, 0, 0, .72) 48%,
        rgba(198, 0, 0, .28) 66%,
        rgba(198, 0, 0, 0) 82%
    );
    background-clip: text;
    color: transparent;
    content: attr(data-text);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sub-history-finale-copy > span.is-hovered::after {
    opacity: 1;
}
/* ========================================
History 연도별 1920 시안 좌표
======================================== */
.sub-history-timeline {
    height: calc(calc(10210 * var(--vw)) + 42vh);
}

.sub-history-era-track {
    height: calc(11842 * var(--vw));
}

.sub-history-era {
    height: auto;
}

/* 1940 : 1920 × 1670 */
.sub-history-era-1940 {
    height: calc(1670 * var(--vw));
}
.sub-history-era-1940 .sub-history-era-image-a {
    top: calc(136 * var(--vw));
    left: calc(213 * var(--vw));
    width: calc(474 * var(--vw));
    height: calc(602 * var(--vw));
}
.sub-history-era-1940 .sub-history-era-image-b {
    top: calc(477 * var(--vw));
    right: calc(150 * var(--vw));
    width: calc(483 * var(--vw));
    height: calc(364 * var(--vw));
}
.sub-history-era-1940 .sub-history-era-image-c {
    top: calc(951 * var(--vw));
    left: calc(551 * var(--vw));
    width: calc(412 * var(--vw));
    height: calc(344 * var(--vw));
}

/* 1950 : 1920 × 1838 */
.sub-history-era-1950 {
    height: calc(1838 * var(--vw));
}
.sub-history-era-1950 .sub-history-era-image-a {
    top: calc(472 * var(--vw));
    left: calc(48 * var(--vw));
    width: calc(389 * var(--vw));
    height: calc(587 * var(--vw));
}
.sub-history-era-1950 .sub-history-era-image-b {
    top: calc(94 * var(--vw));
    right: calc(96 * var(--vw));
    width: calc(448 * var(--vw));
    height: calc(407 * var(--vw));
}
.sub-history-era-1950 .sub-history-era-image-c {
    top: calc(1407 * var(--vw));
    right: calc(406 * var(--vw));
    width: calc(496 * var(--vw));
    height: calc(379 * var(--vw));
}

/* 1960 : 1920 × 2021 */
.sub-history-era-1960 {
    height: calc(2021 * var(--vw));
}
.sub-history-era-1960 .sub-history-era-image-a {
    top: calc(26 * var(--vw));
    left: calc(288 * var(--vw));
    width: calc(362 * var(--vw));
    height: calc(227 * var(--vw));
}
.sub-history-era-1960 .sub-history-era-image-b {
    top: calc(347 * var(--vw));
    right: calc(354 * var(--vw));
    width: calc(455 * var(--vw));
    height: calc(175 * var(--vw));
}
.sub-history-era-1960 .sub-history-era-image-c {
    top: calc(952 * var(--vw));
    left: calc(454 * var(--vw));
    width: calc(506 * var(--vw));
    height: calc(334 * var(--vw));
}
.sub-history-era-1960 .sub-history-era-image-d {
    top: calc(1442 * var(--vw));
    right: calc(200 * var(--vw));
    width: calc(446 * var(--vw));
    height: calc(579 * var(--vw));
}

/* 1970 : 1920 × 1441 */
.sub-history-era-1970 {
    height: calc(1441 * var(--vw));
}
.sub-history-era-1970 .sub-history-era-image-a {
    top: calc(42 * var(--vw));
    left: calc(530 * var(--vw));
    width: calc(432 * var(--vw));
    height: calc(351 * var(--vw));
}
.sub-history-era-1970 .sub-history-era-image-b {
    top: calc(675 * var(--vw));
    right: calc(215 * var(--vw));
    width: calc(568 * var(--vw));
    height: calc(338 * var(--vw));
}

/* 1980 : 1920 × 1670 */
.sub-history-era-1980 {
    height: calc(1670 * var(--vw));
}
.sub-history-era-1980 .sub-history-era-image-a {
    top: calc(47 * var(--vw));
    left: calc(299 * var(--vw));
    width: calc(411 * var(--vw));
    height: calc(247 * var(--vw));
}
.sub-history-era-1980 .sub-history-era-image-b {
    top: calc(487 * var(--vw));
    right: calc(215 * var(--vw));
    width: calc(493 * var(--vw));
    height: calc(189 * var(--vw));
}
.sub-history-era-1980 .sub-history-era-image-c {
    top: calc(1018 * var(--vw));
    left: calc(407 * var(--vw));
    width: calc(553 * var(--vw));
    height: calc(250 * var(--vw));
}

/* 1990 : 1920 × 1570 */
.sub-history-era-1990 {
    height: calc(1570 * var(--vw));
}
.sub-history-era-1990 .sub-history-era-image-a {
    top: calc(130 * var(--vw));
    left: calc(200 * var(--vw));
    width: calc(519 * var(--vw));
    height: calc(622 * var(--vw));
}
.sub-history-era-1990 .sub-history-era-image-b {
    top: calc(486 * var(--vw));
    right: calc(130 * var(--vw));
    width: calc(504 * var(--vw));
    height: calc(382 * var(--vw));
}
.sub-history-era-1990 .sub-history-era-image-c {
    top: calc(968 * var(--vw));
    left: calc(625 * var(--vw));
    width: calc(430 * var(--vw));
    height: calc(361 * var(--vw));
}

/* 2000 : 1920 × 1632 */
.sub-history-era-2000 {
    height: calc(1632 * var(--vw));
}
.sub-history-era-2000 .sub-history-era-image-a {
    top: calc(163 * var(--vw));
    left: calc(272 * var(--vw));
    width: calc(413 * var(--vw));
    height: calc(509 * var(--vw));
}
.sub-history-era-2000 .sub-history-era-image-b {
    top: calc(454 * var(--vw));
    right: calc(124 * var(--vw));
    width: calc(462 * var(--vw));
    height: calc(372 * var(--vw));
}
.sub-history-era-2000 .sub-history-era-image-c {
    top: calc(1124 * var(--vw));
    left: calc(450 * var(--vw));
    width: calc(510 * var(--vw));
    height: calc(406 * var(--vw));
}

/* 연도별 스크롤 구간도 시안 높이와 동일 */
.sub-history-step:nth-child(1) {
    height: calc(1670 * var(--vw));
}

.sub-history-step:nth-child(2) {
    height: calc(1838 * var(--vw));
}

.sub-history-step:nth-child(3) {
    height: calc(2021 * var(--vw));
}

.sub-history-step:nth-child(4) {
    height: calc(1441 * var(--vw));
}

.sub-history-step:nth-child(5) {
    height: calc(1670 * var(--vw));
}

.sub-history-step:nth-child(6) {
    height: calc(1570 * var(--vw));
}

.sub-history-step:nth-child(7) {
    height: 42vh;
}

/* 시안에서 카피가 없는 연도 */
.sub-history-center-copy[data-active-year="1950"] .sub-history-center-content,
.sub-history-center-copy[data-active-year="1970"] .sub-history-center-content,
.sub-history-center-copy[data-active-year="1990"] .sub-history-center-content {
    opacity: 0;
    visibility: hidden;
}

/* 카피가 있는 연도별 위치 */
.sub-history-center-copy[data-active-year="1940"] .sub-history-center-content {
    top: calc(210 * var(--vw));
    left: calc(50% + calc(48 * var(--vw)));
}
.sub-history-center-copy[data-active-year="1960"] .sub-history-center-content,
.sub-history-center-copy[data-active-year="1980"] .sub-history-center-content,
.sub-history-center-copy[data-active-year="2000"] .sub-history-center-content {
    top: calc(200 * var(--vw));
    left: calc(50% + calc(55 * var(--vw)));
}

/* History 전용 스크롤 wrapper */
.sub-history-scroll {
    overflow-x: hidden;
    overflow-y: visible;
}


/* =========================================================
   Mobile: HUNTER Partners / Global OEMs Directory
   - Design width: 360px
   - Mobile breakpoint: 720px
========================================================= */


/* ========================================
Mobile (720px and below)
======================================== */
@media (max-width: 720px) {
    .sub-partners-intro {
        height: 300px;
        min-height: 0;
    }

    .sub-partners-intro-content {
        width: 100%;
    }

    .sub-partners-category-link {
        display: block;
        min-height: 0;
        color: #fff;
        font-size: 22px;
        line-height: 36px;
        white-space: nowrap;
        opacity: 1;
    }

    .sub-partners-category-link .sub-partners-category-text {
        color: #fff;
        -webkit-text-stroke: 1px #fff;
        opacity: 1;
    }

    .sub-partners-category-badge {
        top: -4px;
        right: -22px;
        width: auto;
        height: 18px;
        padding: 0 7px;
        font-size: 10px;
        line-height: 18px;
        box-sizing: border-box;
        background: var(--red);
        color: #fff;
        opacity: 1;
    }

    .sub-partners-top-button {
        right: 20px;
        bottom: 20px;
        width: 60px;
        height: 60px;
    }

    .sub-partners-directory {
        padding: 40px 0 60px;
    }

    .global-oems-page .sub-partners-directory {
        padding-top: 0;
    }

    .sub-partners-inner {
        width: auto;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .sub-partners-group + .sub-partners-group {
        margin-top: 80px;
    }

    .sub-partners-group .sub-section-sm-title {
        margin-bottom: 40px;
        font-size: 26px;
        line-height: 31px;
        letter-spacing: -.02em;
    }

    .global-oems-page .sub-partners-group > .sub-section-sm-title {
        display: none;
    }

    .sub-partners-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px 10px;
        width: 100%;
        min-width: 0;
    }

    .sub-partners-brand-card {
        min-width: 0;
    }

    .sub-partners-brand-logo {
        width: 100%;
        aspect-ratio: 1 / 1;
        border-width: 0;
        box-sizing: border-box;
    }

    .sub-partners-brand-logo img {
        min-width: 0;
        max-width: 100%;
    }

    .sub-partners-brand-card .sub-specification-brand-name {
        margin-top: 12px;
        font-size: 11px;
        line-height: 14px;
        letter-spacing: -.025em;
    }

    .sub-awards-inner {
        width: auto;
        margin: 0;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .sub-awards-top-visual {
        width: calc(100% - 50px);
        max-width: none;
        margin: 25px auto 0;
        aspect-ratio: 310 / 460;
    }

    .sub-awards-top-visual picture,
    .sub-awards-top-visual img { height: 100%; }

    .sub-awards-intro {
        padding-bottom: 80px;
    }

    .sub-awards-hero {
        position: sticky;
        top: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 310 / 460;
    }

    .sub-awards-hero img {
        object-position: center;
    }

    .sub-awards-hero-scroll {
        height: 200vh;
        margin-top: 30px;
    }

    .sub-awards-hero-copy {
        left: 50%;
        width: calc(100% - 50px);
        font-size: 26px;
        line-height: 38px;
        text-align: center;
    }

    .sub-awards-feature-list {
        gap: 20px;
        margin-top: 30px;
    }

    .sub-awards-feature,
    .sub-awards-feature-reverse {
        display: flex;
        flex-direction: column;
        min-height: 0;
        border-radius: 8px;
    }

    .sub-awards-feature-reverse .sub-awards-feature-media,
    .sub-awards-feature-reverse .sub-awards-feature-content {
        order: initial;
    }

    .sub-awards-feature-media {
        width: 100%;
        height: 210px;
    }

    .sub-awards-feature-media img {
        max-width: 76%;
        max-height: 150px;
    }

    .sub-awards-feature-content,
    .sub-awards-feature-reverse .sub-awards-feature-content {
        width: 100%;
        padding: 0 25px 35px;
        text-align: center;
        box-sizing: border-box;
    }

    .sub-awards-feature-content h3 {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 26px;
    }

    .sub-awards-feature-content p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -.03em;
    }

    .sub-awards-excellence {
        padding: 0 0 70px;
    }

    .sub-awards-excellence .sub-section-sm-title {
        margin-bottom: 40px;
        font-size: 26px;
        line-height: 31px;
    }

    .sub-awards-grid {
        display: block;
    }

    .sub-awards-card + .sub-awards-card {
        margin-top: 50px;
    }

    .sub-awards-card:nth-child(n + 7) {
        display: none;
    }

    .sub-awards-card-image {
        width: 200px;
        height: 200px;
        margin-bottom: 22px;
    }

    .sub-awards-card h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .sub-awards-card p {
        margin-top: 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .sub-standard-detail-hero {
        height: auto;
    }

    .sub-standard-detail-hero-sticky {
        top: 0;
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .sub-standard-detail-hero-media {
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .sub-standard-detail-hero-video {
        display: none;
    }

    .sub-standard-detail-hero-copy {
        width: calc(100% - 50px);
    }

    .sub-standard-detail-hero-line {
        font-size: 26px;
        line-height: 38px;
    }

    .sub-korea-vision {
        display: block;
        width: 100vw;
        height: auto;
        min-height: 0;
        padding: 40px 25px;
        overflow: visible;
        background: #fff;
        box-sizing: border-box;
    }

    .sub-korea-vision-mobile-heading {
        margin: 0 0 30px;
        color: #111;
        font-family: "Russo One", sans-serif;
        font-size: 26px;
        font-weight: 400;
        line-height: 31px;
    }

    .sub-korea-vision-mobile-heading span {
        color: var(--red);
    }

    .sub-korea-vision-panel,
    .sub-korea-vision-panel.is-active,
    .sub-korea-vision-panel.is-inactive,
    .sub-korea-vision.has-active .sub-korea-vision-panel.is-active,
    .sub-korea-vision.has-active .sub-korea-vision-panel:not(.is-active) {
        display: block;
        position: relative;
        flex: none;
        width: 100%;
        height: auto;
        overflow: visible;
        cursor: default;
    }

    .sub-korea-vision-panel + .sub-korea-vision-panel {
        margin-top: 36px;
    }

    .sub-korea-vision-media {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 310 / 192;
        overflow: hidden;
    }

    .sub-korea-vision-panel .sub-korea-vision-media img,
    .sub-korea-vision-panel.is-active .sub-korea-vision-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: none;
    }

    .sub-korea-vision-content {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 25px;
        color: #111;
        text-align: left;
        transform: none;
    }

    .sub-korea-vision-number {
        display: block;
        margin-bottom: 4px;
        color: var(--red);
        font-family: "Russo One", sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: normal;
    }

    .sub-korea-vision-content h2 {
        margin: 0;
        color: #111;
        font-size: 18px;
        font-weight: 800;
        line-height: 22px;
        letter-spacing: -.04em;
    }

    .sub-korea-vision-content h2 small {
        margin-bottom: 4px;
        font-size: 20px;
        line-height: 24px;
    }

    .sub-korea-vision-content p,
    .sub-korea-vision-panel.is-active .sub-korea-vision-content p {
        display: block;
        max-height: none;
        margin: 12px 0 0;
        overflow: visible;
        color: #333;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -.035em;
        opacity: 1;
        word-break: keep-all;
        transform: none;
    }

    .sub-korea-vision-content p br {
        display: none;
    }

    .sub-korea-section-inner {
        width: auto;
        margin: 0;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .sub-korea-creative {
        width: 100vw;
        padding: 40px 0;
    }

    .sub-korea-creative .sub-section-sm-heading {
        margin-bottom: 28px;
        text-align: left;
    }

    .sub-korea-creative .sub-section-sm-heading h2,
    .sub-korea-after .sub-section-sm-heading h2 {
        max-width: 220px;
        font-size: 26px;
        line-height: 31px;
    }

    .sub-korea-creative .sub-section-sm-heading p,
    .sub-korea-after .sub-section-sm-heading p {
        margin-top: 14px;
        font-size: 14px;
        line-height: 20px;
    }

    .sub-korea-creative-principles,
    .sub-korea-creative-card {
        display: block;
        padding: 28px 22px;
        border-radius: 8px;
    }

    .sub-korea-creative-principles {
        padding-right: 25px;
        padding-left: 25px;
    }

    .sub-korea-creative-card {
        margin-top: 10px;
    }

    .sub-korea-creative-label strong {
        font-size: 18px;
        line-height: 24px;
    }

    .sub-korea-creative-label span {
        margin-top: 5px;
        font-size: 12px;
        line-height: 16px;
    }

    .sub-korea-creative-principle-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        gap: 30px 0;
        margin-top: 28px;
    }

    .sub-korea-creative-principle {
        position: relative;
        min-height: 0;
        padding: 0;
        border: 0;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 20px;
    }

    .sub-korea-creative-principle:nth-child(odd) {
        padding-right: 15px;
    }

    .sub-korea-creative-principle:nth-child(even) {
        padding-left: 27px;
    }

    .sub-korea-creative-principle:nth-child(even)::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 28px;
        border-radius: 1px;
        background: rgba(255, 255, 255, .48);
        content: "";
        transform: translateY(-50%);
    }

    .sub-korea-creative-card-list {
        display: block;
        margin-top: 18px;
    }

    .sub-korea-creative-card-item {
        padding: 14px 0;
        border: 0;
    }

    .sub-korea-creative-card-item strong {
        font-size: 14px;
        line-height: 20px;
    }

    .sub-korea-creative-card-item p {
        margin-top: 7px;
        font-size: 12px;
        line-height: 17px;
    }

    .sub-korea-before {
        width: 100vw;
        padding: 40px 25px;
        background-image: url('/images/standard/korea_Service_bg_m.png');
        box-sizing: border-box;
    }

    .sub-korea-before-inner {
        display: block;
        width: auto;
        margin: 0;
    }

    .sub-korea-before-copy h2 {
        font-size: 26px;
        line-height: 31px;
    }

    .sub-korea-before-copy p {
        margin-top: 18px;
        font-size: 14px;
        line-height: 22px;
    }

    .sub-korea-before-list {
        gap: 14px;
        margin-top: 27px;
    }

    .sub-korea-before-item {
        display: block;
        min-height: 125px;
        padding: 28px 25px;
        border-radius: 14px;
    }

    .sub-korea-before-item > strong {
        display: block;
        font-size: 26px;
        line-height: 31px;
    }

    .sub-korea-before-item p {
        margin-top: 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .sub-korea-before-item-large {
        min-height: 275px;
        padding: 30px 25px;
    }

    .sub-korea-before-item-large > div {
        margin-top: 20px;
    }

    .sub-korea-before-item-large div p {
        margin: 0;
        padding: 18px 0;
    }

    .sub-korea-before-item-large div p:first-child {
        padding-top: 0;
    }

    .sub-korea-before-item-large div p:last-child {
        padding-bottom: 0;
    }

    .sub-korea-after {
        padding: 40px 0 50px;
    }

    .sub-korea-after .sub-section-sm-heading {
        text-align: left;
    }

    .sub-korea-after-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }

    .sub-korea-after-item,
    .sub-korea-after-item:first-child {
        flex: 0 0 260px;
        width: 260px;
        height: 260px;
        margin: -28px 0 0;
    }

    .sub-korea-after-item:first-child {
        margin-top: 0;
    }

    .sub-korea-after-item_icon {
        margin-bottom: 16px;
    }

    .sub-korea-after-item_icon img {
        width: 38px;
        height: 38px;
        object-fit: contain;
    }

    .sub-korea-after-item h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .sub-korea-after-item p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 19px;
    }

    .sub-History-page .sub-history-center-copy {
        z-index: 8;
    }

    .sub-history-mobile-timeline {
        position: relative;
        width: 100vw;
        overflow: clip;
        background-color: #fff;
        background-image: none;
    }

    .sub-history-mobile-scene {
        position: relative;
    }

    .sub-history-mobile-copy {
        position: sticky;
        z-index: 3;
        top: 0;
        width: 100%;
        height: 100svh;
        min-height: 640px;
        color: #111;
        text-align: center;
        pointer-events: none;
    }

    .sub-history-mobile-timeline.is-motion-ready > .sub-history-mobile-overlay {
        visibility: visible;
    }

    .sub-history-mobile-timeline.is-motion-ready .sub-history-mobile-scene > .sub-history-mobile-copy {
        position: relative;
        top: auto;
        z-index: 0;
        visibility: hidden;
    }

    .sub-history-mobile-timeline.is-motion-ready .sub-history-mobile-scene-1940 > .sub-history-mobile-copy,
    .sub-history-mobile-timeline.is-motion-ready .sub-history-mobile-scene-1950 > .sub-history-mobile-copy,
    .sub-history-mobile-timeline.is-motion-ready .sub-history-mobile-scene-1970 > .sub-history-mobile-copy,
    .sub-history-mobile-timeline.is-motion-ready .sub-history-mobile-scene-1990 > .sub-history-mobile-copy {
        height: 0;
        min-height: 0;
    }

    .sub-history-mobile-line {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 36%;
        background: var(--red);
        transform: translateX(-50%);
    }

    .sub-history-mobile-copy > strong {
        position: absolute;
        top: 41.5%;
        left: 50%;
        color: var(--red);
        font-family: "Russo One", sans-serif;
        font-size: 48px;
        font-weight: 400;
        line-height: 58px;
        transform: translate(-50%, -50%);
    }

    .sub-history-mobile-copy > strong .sub-history-year-digit {
        vertical-align: top;
    }

    .sub-history-mobile-copy > div {
        position: absolute;
        top: 62.5%;
        left: 25px;
        width: calc(100% - 50px);
    }

    .sub-history-mobile-copy h2 {
        margin: 0;
        font-size: 20px;
        font-weight: 800;
        line-height: 26px;
        letter-spacing: -.04em;
        word-break: keep-all;
    }

    .sub-history-mobile-copy p {
        margin: 18px 0 0;
        color: #888;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -.035em;
        word-break: keep-all;
    }

    .sub-history-mobile-images {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .sub-history-mobile-images figure {
        position: absolute;
        margin: 0;
    }

    .sub-history-mobile-images img {
        display: block;
        width: 100%;
        height: auto;
    }

    .sub-history-mobile-scene-1940 .sub-history-mobile-images { height: calc(903 / 360 * 100vw); }
    .history-mobile-1940-01 { top: calc(30 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(190 / 360 * 100vw); }
    .history-mobile-1940-02 { top: calc(371 / 360 * 100vw); left: calc(95 / 360 * 100vw); width: calc(240 / 360 * 100vw); }
    .history-mobile-1940-03 { top: calc(651 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(200 / 360 * 100vw); }
    .sub-history-mobile-scene-1950 .sub-history-mobile-images { height: calc(971 / 360 * 100vw); }
    .history-mobile-1950-03 { top: calc(30 / 360 * 100vw); left: calc(135 / 360 * 100vw); width: calc(200 / 360 * 100vw); }
    .history-mobile-1950-01 { top: calc(290 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(182 / 360 * 100vw); }
    .history-mobile-1950-02 { top: calc(663 / 360 * 100vw); left: calc(102 / 360 * 100vw); width: calc(233 / 360 * 100vw); }

    .sub-history-mobile-scene-1960 .sub-history-mobile-images { height: calc(740 / 360 * 100vw); }
    .history-mobile-1960-03 { top: calc(30 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(183 / 360 * 100vw); }
    .history-mobile-1960-02 { top: calc(299 / 360 * 100vw); left: calc(114 / 360 * 100vw); width: calc(221 / 360 * 100vw); }
    .history-mobile-1960-01 { top: calc(528 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(248 / 360 * 100vw); }

    .sub-history-mobile-scene-1970 .sub-history-mobile-images { height: calc(945 / 360 * 100vw); }
    .history-mobile-1960-04 { top: calc(30 / 360 * 100vw); left: calc(117 / 360 * 100vw); width: calc(218 / 360 * 100vw); }
    .history-mobile-1970-01 { top: calc(400 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(182 / 360 * 100vw); }
    .history-mobile-1970-02 { top: calc(725 / 360 * 100vw); left: calc(95 / 360 * 100vw); width: calc(240 / 360 * 100vw); }

    .sub-history-mobile-scene-1980 .sub-history-mobile-images { height: calc(740 / 360 * 100vw); }
    .history-mobile-1980-01 { top: calc(30 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(184 / 360 * 100vw); }
    .history-mobile-1980-02 { top: calc(299 / 360 * 100vw); left: calc(114 / 360 * 100vw); width: calc(221 / 360 * 100vw); }
    .history-mobile-1980-03 { top: calc(528 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(247 / 360 * 100vw); }

    .sub-history-mobile-scene-1990 .sub-history-mobile-images { height: calc(930 / 360 * 100vw); }
    .history-mobile-1990-01 { top: calc(30 / 360 * 100vw); left: calc(110 / 360 * 100vw); width: calc(225 / 360 * 100vw); }
    .history-mobile-1990-02 { top: calc(415 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(230 / 360 * 100vw); }
    .history-mobile-1990-03 { top: calc(688 / 360 * 100vw); left: calc(140 / 360 * 100vw); width: calc(195 / 360 * 100vw); }

    .sub-history-mobile-scene-2000 .sub-history-mobile-images {
        height: calc(945 / 360 * 100vw);
        padding-bottom: 100svh;
    }
    .history-mobile-2000-01 { top: calc(30 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(182 / 360 * 100vw); }
    .history-mobile-2000-02 { top: calc(403 / 360 * 100vw); left: calc(125 / 360 * 100vw); width: calc(210 / 360 * 100vw); }
    .history-mobile-2000-03 { top: calc(671 / 360 * 100vw); left: calc(25 / 360 * 100vw); width: calc(233 / 360 * 100vw); }

    .sub-History-page .sub-history-center-axis {
        z-index: 6;
    }

    .sub-History-page .sub-history-center-axis::after {
        content: "";
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: 0;
        left: 0;
        height: 48%;
        background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, .86) 52%, #fff 100%);
        pointer-events: none;
    }

    .sub-History-page .sub-history-lead {
        padding: 37px 0 78px;
    }

    .sub-History-page > .sub-standard-detail-hero {
        height: auto;
    }

    .sub-History-page .sub-history-lead::after {
        bottom: 0;
        width: 1px;
        height: 78px;
    }

    .sub-History-page .sub-history-lead-image {
        width: 244px;
        height: 137px;
    }

    .sub-History-page .sub-history-center-line {
        display: block;
        width: 1px;
    }

    .sub-History-page .sub-history-center-line-top {
        height: calc(50% - 25px);
    }

    .sub-History-page .sub-history-center-line-bottom {
        top: calc(50% + 25px);
        bottom: -40px;
    }

    .sub-History-page .sub-history-center-copy {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: none;
    }

    .sub-History-page .sub-history-timeline-sticky {
        height: 100vh;
    }

    .sub-History-page .sub-history-center-year {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 30px;
        transform: translate(-50%, -50%);
    }

    .sub-History-page .sub-history-center-copy .sub-history-center-content {
        top: auto;
        bottom: 35px;
        left: 50%;
        width: calc(100vw - 50px);
        padding-right: 0;
        padding-left: 0;
        text-align: center;
        transform: translateX(-50%);
    }

    .sub-History-page .sub-history-center-title {
        font-size: 16px;
        line-height: 22px;
    }

    .sub-History-page .sub-history-center-description {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px;
    }

    .sub-History-page .sub-history-era-image {
        z-index: 2;
    }

    .sub-History-page .sub-history-finale {
        background-image: none;
        margin-bottom: 60px;
    }

    .sub-History-page .sub-history-finale-stage {
        height: calc(100vw * 520 / 940);
    }

    .sub-History-page .sub-history-finale-stage::before {
        content: none;
        display: none;
    }

    .sub-History-page .sub-history-timeline-sticky::after {
        display: none;
    }

    .sub-History-page .sub-history-finale-copy {
        width: calc(100% - 50px);
        margin: 40px auto 0;
    }

    .sub-History-page .sub-history-finale-copy > span {
        display: none;
    }

    .sub-History-page .sub-history-finale-copy strong {
        font-size: 30px;
    }

    .sub-History-page .sub-history-finale-copy h2 {
        margin-top: 18px;
        font-size: 16px;
        line-height: 22px;
    }

    .sub-History-page .sub-history-finale-copy p {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px;
    }

    .sub-usa-page .sub-usa-trust {
        height: auto;
        min-height: 0;
        padding: 40px 25px;
        box-sizing: border-box;
    }

    .sub-usa-page .sub-usa-trust > .sub-usa-inner {
        position: relative;
        top: auto;
        display: block;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .sub-usa-page .sub-usa-trust .sub-section-sm-heading {
        margin-bottom: 30px;
        text-align: left;
    }

    .sub-usa-page .sub-usa-trust .sub-section-sm-heading h2 {
        font-size: 26px;
        line-height: 31px;
    }

    .sub-usa-page .sub-usa-trust .sub-section-sm-heading p {
        display: none;
    }

    .sub-usa-page .sub-usa-trust-list {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        aspect-ratio: auto;
        margin: 0;
        overflow: visible;
    }

    .sub-usa-page .sub-usa-trust-item,
    .sub-usa-page .sub-usa-trust-item.is-active {
        display: block;
        width: 100% !important;
        height: auto;
        min-height: 0;
        border: 0;
        overflow: visible;
    }

    .sub-usa-page .sub-usa-trust-item + .sub-usa-trust-item {
        margin-top: 44px;
    }

    .sub-usa-page .sub-usa-trust-item img {
        position: relative;
        inset: auto;
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .sub-usa-page .sub-usa-trust-dim {
        display: none;
    }

    .sub-usa-page .sub-usa-trust-copy,
    .sub-usa-page .sub-usa-trust-item:not(.is-active) .sub-usa-trust-copy {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-top: 20px;
        color: #111;
        overflow: visible;
        text-align: left;
        transform: none;
    }

    .sub-usa-page .sub-usa-trust-item .sub-usa-trust-copy strong {
        position: static;
        display: block;
        color: var(--red);
        font-family: "Russo One", sans-serif;
        font-size: 22px;
        line-height: normal;
        text-align: left;
        transform: none;
    }

    .sub-usa-page .sub-usa-trust-copy h3,
    .sub-usa-page .sub-usa-trust-copy p {
        position: static;
        width: 100%;
        max-width: none;
        opacity: 1;
        visibility: visible;
    }

    .sub-usa-page .sub-usa-trust-copy h3 {
        margin-top: 4px;
        font-size: 18px;
        font-weight: 800;
        line-height: 22px;
    }

    .sub-usa-page .sub-usa-trust-copy p {
        margin-top: 8px;
        color: #555;
        font-size: 14px;
        line-height: 22px;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    .sub-usa-page .sub-usa-value {
        height: auto;
        min-height: 0;
        padding: 0 25px 40px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .sub-usa-page .sub-usa-value > .sub-usa-inner,
    .sub-usa-page .sub-usa-value-layout,
    .sub-usa-page .sub-usa-value-layout-reverse {
        position: relative;
        top: auto;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        min-height: 0;
        padding-top: 375px;
        overflow: visible;
        box-sizing: border-box;
    }

    .sub-usa-page .sub-usa-h-mask,
    .sub-usa-page .sub-usa-value-history .sub-usa-h-mask,
    .sub-usa-page .sub-usa-value-awards .sub-usa-h-mask,
    .sub-usa-page .sub-usa-value-korea .sub-usa-h-mask {
        position: absolute;
        top: 0;
        right: auto;
        left: calc(50% - 150px);
        width: 504px;
        margin: 0;
        transform: none;
    }

    .sub-usa-page .sub-usa-value-awards .sub-usa-h-mask {
        left: calc(50% - 350px);
    }

    .sub-usa-page .sub-usa-value-korea > .sub-usa-inner {
        padding-top: 355px;
    }

    .sub-usa-page .sub-usa-value-copy,
    .sub-usa-page .sub-usa-value-history .sub-usa-value-copy,
    .sub-usa-page .sub-usa-value-awards .sub-usa-value-copy,
    .sub-usa-page .sub-usa-value-korea .sub-usa-value-copy {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
    }

    .sub-usa-page .sub-usa-value-copy h2 {
        font-size: 23px;
        line-height: 28px;
        letter-spacing: -.03em;
    }

    .sub-usa-page .sub-usa-value-copy p {
        max-width: none;
        margin: 14px 0 20px;
        font-size: 14px;
        line-height: 20px;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    .sub-standard-page .sub-standard-main-visual,
    .sub-standard-page .sub-standard-intro {
        height: 100vh;
        min-height: 680px;
    }

    .sub-standard-page .sub-standard-main-visual {
        height: 220vh;
        min-height: 0;
    }

    .sub-standard-page .sub-standard-main-sticky {
        min-height: 0;
    }

    .sub-standard-page .sub-standard-main-title {
        width: 100%;
    }

    .sub-standard-page .sub-standard-main-title > strong,
    .sub-standard-page .sub-standard-main-title > span,
    .sub-standard-page .sub-standard-main-title-base,
    .sub-standard-page .sub-standard-main-title-fill {
        font-size: 36px;
        line-height: 43px;
    }

    .sub-standard-page .sub-standard-main-title span {
        margin-top: 0;
    }

    .sub-standard-page .sub-standard-main-title-top {
        top: calc(50% - 10px);
    }

    .sub-standard-page .sub-standard-main-title-bottom {
        top: calc(50% + 10px);
    }

    .sub-standard-page .sub-standard-main-reveal {
        width: calc(100% - 50px);
        max-width: none;
        aspect-ratio: 14 / 23;
        border-radius: 0;
    }

    .sub-standard-page .sub-standard-main-reveal-copy {
        gap: 10px;
    }

    .sub-standard-page .sub-standard-main-reveal-copy h2 {
        width: calc(100% - 40px);
        font-size: 25px;
        line-height: 30px;
        letter-spacing: -0.04em;
    }

    .sub-standard-page .sub-standard-intro-content {
        width: calc(100% - 50px);
    }

    .sub-standard-page .sub-standard-intro-content h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .sub-standard-page .sub-standard-intro-content p {
        margin-top: 30px;
        font-size: 14px;
        line-height: 22px;
        word-break: keep-all;
    }

    .sub-standard-page .sub-standard-story-sticky {
        position: relative;
        top: auto;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .sub-standard-page .sub-standard-story {
        height: auto;
        overflow: hidden;
    }

    .sub-standard-page .sub-standard-story-stage {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .sub-standard-page .sub-standard-story-copy {
        position: relative;
        inset: auto;
        width: calc(100% - 50px);
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .sub-standard-page .sub-standard-story-copy-usa,
    .sub-standard-page .sub-standard-story-copy-korea {
        left: auto;
        margin: 30px 25px 46px;
        order: 2;
    }

    .sub-standard-page .sub-standard-story-copy-korea {
        order: 4;
    }

    .sub-standard-page .sub-standard-story-copy-partners {
        left: auto;
        width: calc(100% - 50px);
        margin: 36px 25px 44px;
        order: 5;
        text-align: center;
    }

    .sub-standard-page .sub-standard-story-copy h2 {
        font-size: 23px;
        line-height: 28px;
        letter-spacing: -.03em;
    }

    .sub-standard-page .sub-standard-story-copy p {
        margin: 14px 0 20px;
        font-size: 14px;
        line-height: 20px;
        word-break: keep-all;
    }

    .sub-standard-page .sub-standard-h-scene {
        position: relative;
        top: auto;
        left: auto;
        width: 504px;
        height: 318px;
        opacity: 1;
        visibility: visible;
        transform: none;
        will-change: auto;
    }

    .sub-standard-page .sub-standard-h-scene-usa {
        order: 1;
        margin-left: calc(50% - 296px);
    }

    .sub-standard-page .sub-standard-h-scene-korea {
        order: 3;
        margin-left: calc(50% - 208px);
    }

    .sub-standard-page .sub-standard-h-scene-partners {
        order: 6;
        margin-left: calc(50% - 252px);
        margin-bottom: 0;
    }

    .sub-standard-page .sub-standard-h-image-usa,
    .sub-standard-page .sub-standard-h-image-korea {
        display: none;
    }

    .sub-standard-page .sub-standard-h-image-usa-mobile,
    .sub-standard-page .sub-standard-h-image-korea-mobile {
        display: block;
        opacity: 1;
    }

    .sub-standard-page .sub-standard-h-image-partners {
        opacity: 1;
    }

    .sub-standard-page .sub-standard-h-solid {
        opacity: 0;
    }

    .sub-standard-page .sub-standard-h-red {
        display: none;
    }
}