/* main.css — SLC Global 메인 (폰트는 head.sub.php, 본문 @import 시 FOUT) */

html, body, body.main { margin: 0; max-width: 100%; }
body.main { background: #000; }
.mn-home { font-family: 'Pretendard'; color: #fff; }
.mn-hero { position: relative; min-height: 100vh; overflow: hidden; display: flex; align-items: center; }
.mn-hero__media { position: absolute; inset: 0; z-index: 0; }
.mn-hero__video { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; background: #05070d; }
.mn-hero__inner { position: relative; z-index: 2; width: 100%; max-width: 1400px; margin: 0 auto; padding: 96px 0 0; box-sizing: border-box; }
.mn-hero__title { margin: 0 0 28px; font-size: 72px; font-weight: 600; line-height: 88px; color: #fff; font-family: 'Poppins'; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35); }
.mn-hero__lead { margin: 0 0 80px; font-size: 20px; font-weight: 300; line-height: 1.1; color: #fff; font-family: 'Pretendard'; text-shadow: 0 1px 16px rgba(0, 0, 0, 0.3); }
.mn-hero__btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; height: 48px; padding: 0 22px 0 24px; background: #226bda; border: 0; color: #fff; font-size: 18px; font-weight: 400; font-family: 'Poppins'; text-decoration: none; transition: background-color 0.2s ease, box-shadow 0.2s ease; }
.mn-hero__btn:hover, .mn-hero__btn:focus-visible { background: #1a5bc0; color: #fff; }
.mn-hero__btn:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.85); outline-offset: 3px; }
.mn-hero__btn i { font-size: 18px; line-height: 1; }
@media (prefers-reduced-motion:reduce) {
    .mn-hero__video { display: none; }
    .mn-hero__media { background: #05070d center/cover no-repeat; }
}
/* Business panels (hover expand) — 1920 기준 480 / 700 / 370px */
.mn-biz { --mn-biz-total: 1920; --mn-biz-def: 480; --mn-biz-act: 700; --mn-biz-adj: 370; width: 100%; background: #000; }
.mn-biz__list { display: flex; width: 100%; max-width: 100%; min-height: 1085px; margin: 0 auto; container-type: inline-size; container-name: mn-biz; }
.mn-biz__item { position: relative; flex: 0 0 calc(100% / 3); min-width: 0; display: block; overflow: hidden; color: #fff; text-decoration: none; transition: flex-basis 0.55s cubic-bezier(0.4, 0, 0.2, 1); }
.mn-biz__media {
    position: absolute;
    top: 0;
    left: 50%;
    height: auto;
    width: 100%;
    max-width: none;
    transform: translateX(-50%);
    pointer-events: none;
}
.mn-biz__dim { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 0.45s ease; pointer-events: none; }
.mn-biz__item:hover .mn-biz__dim, .mn-biz__item:focus-visible .mn-biz__dim, .mn-biz__item.is-active .mn-biz__dim { opacity: 0; }
.mn-biz__body { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 28px; box-sizing: border-box; text-align: center; }
.mn-biz__brand { display: block; margin: 0 0 36px; font-size: 20px; font-weight: 500; line-height: 1.1; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; }
.mn-biz__title { display: block; margin: 0; font-size: 60px; font-weight: 600; line-height: 1.15; letter-spacing: -0.02em; white-space: nowrap; }
.mn-biz__btn { --mn-biz-btn-h: 48px; --mn-biz-btn-gap: 28px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: var(--mn-biz-btn-h); margin-top: var(--mn-biz-btn-gap); margin-bottom: calc((var(--mn-biz-btn-h) + var(--mn-biz-btn-gap)) * -1); padding: 0 24px; border: 0; background: #226bda; box-shadow: none; font-size: 18px; font-weight: 400; line-height: 1; color: #fff; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(40px); pointer-events: none; transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), margin-bottom 0.55s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.45s, background-color 0.2s ease; }
.mn-biz__item:hover .mn-biz__btn, .mn-biz__item:focus-visible .mn-biz__btn, .mn-biz__item.is-active .mn-biz__btn { margin-bottom: 0; opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.06s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.04s, margin-bottom 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.04s, visibility 0.45s 0.06s, background-color 0.2s ease; }
/* 패널 호버 = 버튼 노출만, 버튼 위 커서일 때만 배경 호버 */
.mn-biz__item:hover .mn-biz__btn:hover, .mn-biz__item.is-active .mn-biz__btn:hover { background: #1a5bc0; box-shadow: none; color: #fff; }
.mn-biz__btn i { font-size: 18px; line-height: 1; }
.mn-biz__item:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.85); outline-offset: -4px; }
@media (prefers-reduced-motion:reduce) {
    .mn-biz__item, .mn-biz__dim, .mn-biz__btn { transition: none; }
}
/* SLC Global — space / grid lines (static sticks) */
.mn-global { --mn-global-h: 1080px; --mn-global-stick-h: 40px; position: relative; min-height: var(--mn-global-h); overflow: hidden; background: #000; color: #fff; }
.mn-global__bg { position: absolute; inset: 0; background-color: #000; background-repeat: no-repeat; background-size: cover; background-position: center bottom; }
.mn-global__grid { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.mn-global__vline { position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.14); transform: translateX(-50%); }
.mn-global__vline--left { left: 25%; }
.mn-global__vline--center { left: 50%; }
.mn-global__vline--right { right: 25%; }
.mn-global__stick { position: absolute; left: 50%; width: 3px; height: var(--mn-global-stick-h); background: #fff; transform: translateX(-50%); }
.mn-global__vline--left .mn-global__stick--top { top: 10%; }
.mn-global__vline--left .mn-global__stick--bottom { bottom: 10%; }
.mn-global__vline--center .mn-global__stick { bottom: 30%; }
.mn-global__vline--right .mn-global__stick { bottom: 35%; }
.mn-global__inner { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: var(--mn-global-h); padding: 0 0 270px; box-sizing: border-box; text-align: center; }
.mn-global__title { margin: 0 0 50px; font-size: 72px; font-weight: 600; line-height: 1.1; color: #fff; font-family: 'Poppins'; }
.mn-global__lead { margin: 0 0 66px; font-size: 18px; font-weight: 300; line-height: 1.6; color: #fff; font-family: 'Pretendard'; }
.mn-global__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 24px; background: #226bda; border: 0; font-size: 18px; font-weight: 400; line-height: 1; color: #fff; text-decoration: none; transition: background 0.25s ease, box-shadow 0.25s ease; }
.mn-global__btn:hover, .mn-global__btn:focus-visible { background: #1a5bc0; color: #fff; }
.mn-global__btn:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.85); outline-offset: 3px; }
.mn-global__btn i { font-size: 18px; line-height: 1; }
/* News — main (board: news / news_en / news_zh) */
.mn-news { background: #fff; color: #111; }
.mn-news__inner { max-width: 1680px; margin: 0 auto; padding: 130px 120px 200px; box-sizing: border-box; }
.mn-news__head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 80px; }
.mn-news__headCopy { min-width: 0; flex: 1; }
.mn-news__label { display: block; margin-bottom: 12px; font-size: 20px; font-weight: 500; line-height: 1; color: #777; font-family: 'Poppins'; }
.mn-news__title { margin: 0; font-size: 48px; font-weight: 700; line-height: 1.2; color: #000; font-family: 'Pretendard'; }
.mn-news__more { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 24px; background: #226bda; border: 0; font-size: 18px; font-weight: 400; line-height: 1; color: #fff; text-decoration: none; transition: background 0.25s ease, box-shadow 0.25s ease; }
.mn-news__more:hover, .mn-news__more:focus-visible { background: #1a5bc0; color: #fff; }
.mn-news__more:focus-visible { outline: 2px solid #226bda; outline-offset: 3px; }
.mn-news__more i { font-size: 18px; line-height: 1; }
.mn-news__body { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); align-items: start; }
.mn-news__featLink { display: block; color: inherit; text-decoration: none; margin-right: 50px; }
.mn-news__featMedia { position: relative; overflow: hidden; border-radius: 24px; height: 460px; background: #4eaadb; }
.mn-news__featImg { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.45s ease; }
.mn-news__featLink:hover .mn-news__featImg, .mn-news__featLink:focus-visible .mn-news__featImg { transform: scale(1.03); }
.mn-news__feat { min-width: 0; }
.mn-news__featOverlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; padding: 38px 40px; box-sizing: border-box; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.47) 100%); }
.mn-news__featLabel { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 500; line-height: 1; color: #fff; font-family: 'Poppins'; }
.mn-news__featTitle { display: block; max-width: 100%; margin: 0 0 22px; font-size: 24px; font-weight: 700; line-height: 1.2; color: #fff; font-family: 'Pretendard'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-news__featDesc { display: -webkit-box; max-width: 100%; margin: 0; font-size: 16px; font-weight: 300; line-height: 1.2; color: #fff; font-family: 'Pretendard'; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow-wrap: anywhere; }
.mn-news__list { margin: 0; padding: 0; list-style: none; min-width: 0; }
.mn-news__item { min-width: 0; }
.mn-news__item:not(:last-child) { border-bottom: 1px solid #e5e5e5; }
.mn-news__itemLink { display: flex; align-items: flex-start; gap: 24px; min-width: 0; padding: 20px 0; color: inherit; text-decoration: none; opacity: 1; border-radius: 12px; transition: background-color 0.25s ease, color 0.25s ease; }
.mn-news__item:first-child .mn-news__itemLink { padding-top: 0; }
.mn-news__item:last-child .mn-news__itemLink { padding-bottom: 0; }
.mn-news__itemLink:hover, .mn-news__itemLink:focus-visible { opacity: 1; background-color: #f5f8fc; }
.mn-news__itemLink:active { opacity: 1; background-color: #eef3fa; }
.mn-news__itemLink:hover .mn-news__itemTitle, .mn-news__itemLink:focus-visible .mn-news__itemTitle { color: #226bda; }
.mn-news__itemLink:active .mn-news__itemTitle { color: #1a5bc0; }
.mn-news__itemLink:focus-visible { outline: 2px solid #226bda; outline-offset: 4px; }
.mn-news__thumb { flex: 0 0 200px; width: 200px; height: 125px; overflow: hidden; border-radius: 16px; background: #eee; }
.mn-news__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.35s ease; }
.mn-news__itemLink:hover .mn-news__thumb img, .mn-news__itemLink:focus-visible .mn-news__thumb img { transform: scale(1.04); }
.mn-news__itemLink:active .mn-news__thumb img { transform: scale(1.02); }
.mn-news__itemBody { display: block; flex: 1 1 0; min-width: 0; overflow: hidden; }
.mn-news__itemLabel { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 500; line-height: 1; color: #000; font-family: 'Poppins'; }
.mn-news__itemTitle { display: block; max-width: 100%; margin-bottom: 22px; font-size: 24px; font-weight: 700; line-height: 1.4; color: #000; font-family: 'Pretendard'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.25s ease; }
.mn-news__itemDesc { display: -webkit-box; max-width: 100%; font-size: 16px; font-weight: 300; line-height: 1.2; color: #777; font-family: 'Pretendard'; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow-wrap: anywhere; }
.mn-news__empty { margin: 0; padding: 48px 0; text-align: center; font-size: 16px; color: #888; }
/* News mobile slider — 480px에서만 표시 */
.mn-news__slider { display: none; }
.mn-news__sliderViewport { overflow: hidden; }
.mn-news__sliderList { margin: 0; padding: 0; list-style: none; }
.mn-news__sliderItem { display: none; }
.mn-news__sliderItem.is-active { display: block; }
.mn-news__sliderItem.is-entering .mn-news__sliderLink { animation: mnNewsFadeUp 650ms ease both; }
@keyframes mnNewsFadeUp {
    from { opacity: 0; transform: translate3d(0, 24px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion:reduce) {
    .mn-news__sliderItem.is-entering .mn-news__sliderLink { animation: none; }
}
.mn-news__sliderLink { display: flex; flex-direction: column; align-items: stretch; color: inherit; text-decoration: none; }
.mn-news__sliderLabel { display: block; margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 1; color: #000; font-family: 'Poppins'; }
.mn-news__sliderThumb { display: block; width: 100%; aspect-ratio: 16 / 10; margin-bottom: 16px; border-radius: 12px; overflow: hidden; background: #eee; }
.mn-news__sliderThumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mn-news__sliderTitle { display: block; margin-bottom: 12px; font-size: 18px; font-weight: 700; line-height: 1.4; color: #000; font-family: 'Pretendard'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-news__sliderDesc { display: -webkit-box; margin: 0; font-size: 16px; font-weight: 300; line-height: 1.45; color: #777; font-family: 'Pretendard'; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow-wrap: anywhere; }
.mn-news__controls { display: none; justify-content: center; align-items: center; gap: 12px; margin-top: 28px; }
.mn-news__nav { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #226bda; color: #fff; cursor: pointer; transition: background-color 0.25s ease; }
.mn-news__nav i { font-size: 20px; line-height: 1; }
.mn-news__nav:hover:not(:disabled), .mn-news__nav:focus-visible:not(:disabled) { background: #1a5bc0; }
.mn-news__nav:focus-visible { outline: 2px solid #226bda; outline-offset: 3px; }
.mn-news__nav:disabled { background: #c5d4eb; cursor: not-allowed; }
/* ========================================
   1차 반응형 — 1440px / 1280px
   (폭·여백 축소 / 폰트·gap·spacing 비율 축소)
======================================== */

@media (max-width:1440px) {
    .mn-home { overflow-x: clip; max-width: 100%; }
    .mn-hero { min-height: clamp(760px, 72vh, 1080px); }
    .mn-hero__inner { max-width: 100%; padding: clamp(88px, 8vw, 96px) 5% 80px; box-sizing: border-box; }
    .mn-hero__title { font-size: clamp(48px, 4.2vw, 72px); line-height: 1.18; margin-bottom: clamp(20px, 2vw, 28px); word-break: keep-all; overflow-wrap: break-word; }
    .mn-hero__lead { font-size: clamp(18px, 1.4vw, 20px); margin-bottom: clamp(48px, 5vw, 80px); }
    .mn-biz__list { max-width: 100%; min-height: clamp(680px, 68vw, 1085px); }
    .mn-biz__body { padding: clamp(16px, 1.6vw, 24px) clamp(12px, 1.4vw, 28px); }
    .mn-biz__brand { margin-bottom: clamp(20px, 2.4vw, 36px); font-size: clamp(16px, 1.4vw, 20px); }
    .mn-biz__title { font-size: clamp(32px, 3.6vw, 60px); white-space: normal; }
    /* 1440px~769px: 터치 1회 = is-active만, 호버 의사클래스 무시 */
    @media (min-width:769px) {
        .mn-biz__item:hover:not(.is-active) .mn-biz__dim { opacity: 0.7; }
        .mn-biz__item:hover:not(.is-active) .mn-biz__btn { margin-bottom: calc((var(--mn-biz-btn-h) + var(--mn-biz-btn-gap)) * -1); opacity: 0; visibility: hidden; transform: translateY(40px); pointer-events: none; }
    }
    .mn-global { --mn-global-h: clamp(760px, 72vh, 1080px); --mn-global-stick-h: clamp(28px, 2.6vw, 40px); }
    .mn-global__inner { padding: 0 5% clamp(180px, 16vw, 270px); box-sizing: border-box; }
    .mn-global__title { font-size: clamp(48px, 4.2vw, 72px); margin-bottom: clamp(32px, 3vw, 50px); }
    .mn-global__lead { font-size: clamp(16px, 1.3vw, 18px); margin-bottom: clamp(40px, 4vw, 66px); }
    .mn-news__inner { max-width: 100%; padding: clamp(96px, 9vw, 130px) 5% clamp(140px, 12vw, 200px); box-sizing: border-box; }
    .mn-news__head { margin-bottom: clamp(48px, 5vw, 80px); }
    .mn-news__title { font-size: clamp(36px, 3.2vw, 48px); }
    .mn-news__featLink { margin-right: clamp(24px, 3vw, 50px); }
    .mn-news__featMedia { height: clamp(360px, 32vw, 460px); }
    .mn-news__featOverlay { padding: clamp(24px, 2.4vw, 38px) clamp(24px, 2.4vw, 40px); }
    .mn-news__featTitle, .mn-news__itemTitle { font-size: clamp(20px, 1.6vw, 24px); }
    .mn-news__thumb { flex: 0 0 clamp(160px, 14vw, 200px); width: clamp(160px, 14vw, 200px); height: clamp(100px, 9vw, 125px); }
    .mn-news__itemLink { gap: clamp(16px, 1.6vw, 24px); }
}
@media (max-width:1280px) {
    .mn-hero { min-height: clamp(680px, 68vh, 900px); }
    .mn-hero__title { font-size: clamp(40px, 4.8vw, 56px); }
    .mn-hero__lead { margin-bottom: clamp(40px, 4.5vw, 64px); }
    .mn-biz__list { min-height: clamp(560px, 58vw, 820px); }
    .mn-biz__title { font-size: clamp(28px, 3.4vw, 44px); }
    .mn-biz__btn { --mn-biz-btn-gap: clamp(20px, 2.2vw, 28px); font-size: clamp(16px, 1.4vw, 18px); }
    .mn-global { --mn-global-h: clamp(680px, 66vh, 900px); }
    .mn-global__title { font-size: clamp(40px, 4.8vw, 56px); margin-bottom: clamp(28px, 3.2vw, 44px); }
    .mn-global__lead { margin-bottom: clamp(32px, 3.6vw, 52px); }
    .mn-global__inner { padding-bottom: clamp(160px, 15vw, 220px); }
    .mn-news__inner { padding-top: clamp(80px, 8vw, 110px); padding-bottom: clamp(120px, 11vw, 160px); }
    .mn-news__head { margin-bottom: clamp(40px, 4.2vw, 64px); }
    .mn-news__title { font-size: clamp(32px, 3.4vw, 40px); }
    .mn-news__body { gap: clamp(24px, 3vw, 40px); }
    .mn-news__featMedia { height: clamp(320px, 30vw, 400px); }
    .mn-news__itemLink { gap: clamp(16px, 1.8vw, 20px); padding: clamp(16px, 1.6vw, 20px) 0; }
    .mn-news__itemLabel, .mn-news__featLabel { margin-bottom: clamp(14px, 1.4vw, 20px); }
    .mn-news__featTitle, .mn-news__itemTitle { margin-bottom: clamp(16px, 1.6vw, 22px); }
}
/* ========================================
   2차 반응형 — 1024px
   (중간 해상도 레이아웃 안정화)
======================================== */

@media (max-width:1024px) {
    .mn-hero { min-height: clamp(620px, 62vh, 760px); }
    .mn-hero__inner { padding-top: clamp(88px, 10vw, 120px); }
    .mn-hero__title { font-size: clamp(36px, 5vw, 44px); line-height: 1.22; }
    .mn-hero__lead { margin-bottom: clamp(32px, 4vw, 48px); }
    .mn-biz__list { min-height: clamp(480px, 57vw, 640px); }
    .mn-biz__title { font-size: clamp(24px, 3.2vw, 32px); }
    .mn-biz__btn { --mn-biz-btn-h: 44px; height: 44px; font-size: 16px; padding: 0 20px; }
    .mn-global { --mn-global-h: clamp(620px, 62vh, 760px); --mn-global-stick-h: clamp(24px, 2.8vw, 32px); }
    .mn-global__inner { padding-bottom: clamp(140px, 16vw, 200px); }
    .mn-global__title { font-size: clamp(36px, 5vw, 44px); }
    .mn-global__lead { font-size: 16px; line-height: 1.65; }
    .mn-global__lead br { display: none; }
    .mn-news__head { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: clamp(32px, 4vw, 48px); }
    .mn-news__more { align-self: flex-end; }
    .mn-news__body { grid-template-columns: 1fr; gap: clamp(32px, 4vw, 40px); }
    .mn-news__featLink { margin-right: 0; }
    .mn-news__featMedia { height: auto; min-height: 320px; aspect-ratio: 16 / 10; }
    .mn-news__itemLabel, .mn-news__featLabel { font-size: 18px; margin-bottom: 16px; }
}
/* ========================================
   3차 반응형 — 768px / 480px
   (모바일·태블릿 레이아웃 전환)
======================================== */

@media (max-width:768px) {
    .mn-hero { min-height: 100vh; min-height: 100dvh; align-items: center; justify-content: center; }
    .mn-hero__inner { padding: clamp(104px, 16vw, 120px) 5%; display: flex; flex-direction: column; }
    .mn-hero__copy { width: 100%; max-width: 100%; }
    .mn-hero__title { font-size: clamp(32px, 8vw, 40px); line-height: 1.25; margin-bottom: 20px; }
    .mn-hero__lead { font-size: 16px; margin-bottom: 32px; line-height: 1.5; }
    .mn-hero__btn { min-width: 160px; min-height: 48px; height: auto; font-size: 16px; }
    .mn-biz__list { flex-direction: column; min-height: 0; max-width: none; }
    .mn-biz__item { flex: 0 0 auto !important; width: 100% !important; min-height: 220px; }
    .mn-biz__item.is-active { min-height: 320px; }
    .mn-biz__media { left: 0; width: 100%; height: 100%; max-width: 100%; transform: none; object-fit: cover; }
    .mn-biz__dim { opacity: 0.35; }
    .mn-biz__item:hover .mn-biz__dim, .mn-biz__item:focus-visible .mn-biz__dim { opacity: 0.35; }
    .mn-biz__item.is-active .mn-biz__dim { opacity: 0; }
    .mn-biz__brand { font-size: 16px; margin-bottom: 16px; }
    .mn-biz__title { font-size: clamp(28px, 7vw, 36px); }
    .mn-biz__btn { --mn-biz-btn-h: 48px; --mn-biz-btn-gap: 20px; height: 48px; margin-bottom: 0; opacity: 1; visibility: visible; transform: none; pointer-events: auto; min-height: 48px; }
    .mn-biz__item:hover .mn-biz__btn, .mn-biz__item.is-active .mn-biz__btn { transform: none; }
    .mn-global { --mn-global-h: clamp(560px, 88vh, 640px); --mn-global-stick-h: 24px; }
    .mn-global__inner { padding: clamp(56px, 10vw, 72px) 5% clamp(120px, 22vw, 160px); }
    .mn-global__title { font-size: clamp(32px, 8vw, 40px); margin-bottom: 24px; }
    .mn-global__lead { margin-bottom: 32px; font-size: 16px; line-height: 1.65; }
    .mn-global__btn { min-height: 48px; font-size: 16px; }
    .mn-global__grid { opacity: 0.55; }
    .mn-news__inner { padding: clamp(56px, 9vw, 64px) 5% clamp(64px, 11vw, 80px); }
    .mn-news__head { margin-bottom: 32px; gap: 20px; }
    .mn-news__label { font-size: 16px; }
    .mn-news__title { font-size: clamp(24px, 6vw, 28px); line-height: 1.35; }
    .mn-news__more { width: auto; min-height: 48px; font-size: 16px; }
    .mn-news__featMedia { min-height: 280px; border-radius: 16px; }
    .mn-news__featLink:hover .mn-news__featImg, .mn-news__featLink:focus-visible .mn-news__featImg { transform: none; }
    .mn-news__featOverlay { padding: 24px 20px; }
    .mn-news__featTitle, .mn-news__itemTitle { font-size: 20px; margin-bottom: 16px; }
    /* list — 1024px과 동일 (가로 썸네일 + 텍스트) */
    .mn-news__itemLink { flex-direction: row; align-items: flex-start; gap: clamp(16px, 1.8vw, 20px); padding: clamp(16px, 1.6vw, 20px) 0; }
    .mn-news__item:first-child .mn-news__itemLink { padding-top: 0; }
    .mn-news__item:last-child .mn-news__itemLink { padding-bottom: 0; }
    .mn-news__thumb { flex: 0 0 clamp(160px, 22vw, 200px); width: clamp(160px, 22vw, 200px); height: clamp(100px, 14vw, 125px); max-width: none; aspect-ratio: auto; }
    .mn-news__featDesc, .mn-news__itemDesc { font-size: 16px; line-height: 1.5; }
    .mn-news__itemLabel, .mn-news__featLabel { font-size: 18px; margin-bottom: 16px; }
}
@media (max-width:480px) {
    .mn-hero__inner { padding: 104px 5%; text-align: center; align-items: center; justify-content: center; }
    .mn-hero__title { font-size: clamp(28px, 8.5vw, 32px); }
    .mn-hero__lead { margin-bottom: 28px; }
    .mn-hero__btn { display: flex; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding-left: 16px; padding-right: 16px; justify-content: center; }
    .mn-hero__copy { min-width: 0; max-width: 100%; }
    .mn-biz__item { min-height: 200px; }
    .mn-biz__item.is-active { min-height: 280px; }
    .mn-biz__title { font-size: clamp(24px, 7.5vw, 28px); }
    .mn-global { --mn-global-h: clamp(480px, 82svh, 560px); }
    .mn-global__inner { padding: 56px 5% 120px; }
    .mn-global__title { font-size: clamp(28px, 8.5vw, 32px); }
    .mn-news__inner { padding: 56px 5% 64px; }
    .mn-news__head { min-width: 0; max-width: 100%; }
    .mn-news__headCopy { min-width: 0; max-width: 100%; }
    .mn-news__title { font-size: clamp(22px, 6.5vw, 26px); }
    .mn-news__body--desktop { display: none; }
    .mn-news__slider { display: block; }
    .mn-news__controls { display: flex; }
    .mn-news__more { display: inline-flex; align-self: flex-end; width: auto; max-width: none; min-width: 0; box-sizing: border-box; padding-left: 24px; padding-right: 24px; justify-content: center; }
}
/* ========================================
   4차 반응형 QA — 예외 케이스 / 실기기 보정
   (390 / 375 / 360 포함)
======================================== */

@media (max-width:390px) {
    .mn-hero { min-height: 100svh; }
    .mn-hero__title { font-size: clamp(26px, 7.2vw, 30px); }
    .mn-biz__item { min-height: 180px; }
    .mn-biz__item.is-active { min-height: 260px; }
    .mn-global { --mn-global-h: clamp(440px, 78svh, 520px); }
    .mn-news__featMedia { min-height: 200px; }
}
@media (max-width:375px) {
    .mn-hero__inner { padding-top: 96px; }
    .mn-news__head { gap: 16px; }
}
@media (max-width:360px) {
    .mn-hero__title { font-size: 26px; }
    .mn-biz__title { font-size: 24px; }
    .mn-global__title { font-size: 26px; }
    .mn-news__title { font-size: 22px; }
}