/* =========================================================
   MB Preview Only
   - 메인 페이지 전용 섹션 CSS
   -    - 공통 INC(header/mega/quick/footer)는 mb-common.css에서만 관리
   ========================================================= */

/* =========================
   Section title elastic helpers
   ========================= */
.mbh-elastic-title-ready,
.mbh-elastic-title-ready .mbh-offer-title-highlight,
.mbh-elastic-title-ready .mbh-audience-title-highlight,
.mbh-elastic-title-ready .mbh-data-value-title-highlight,
.mbh-elastic-title-ready .mbh-process-showcase-title-highlight{
  overflow:visible;
}

.mbh-elastic-char{
  display:inline-block;
  vertical-align:baseline;
  white-space:pre;
  will-change:transform, opacity;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  transform:translate3d(0, 0, 0);
}

.mbh-offer-tab,
.mbh-offer-mobile-tab{
  overflow:visible;
}

/* =========================
   Intro / Loader
   ========================= */
.mbh-intro-overlay{
  position:fixed;
  inset:0;
  z-index:2147483647;
  background:var(--mbh-c-orange);
  display:grid;
  place-items:center;
  width:100vw;
  height:100vh;
  opacity:1;
  -webkit-clip-path:inset(0 0 0 0);
  clip-path:inset(0 0 0 0);
  -webkit-transform:translateY(0);
  transform:translateY(0);
  will-change:clip-path, transform;
  transition:
    -webkit-clip-path 900ms cubic-bezier(.22,1,.36,1),
    clip-path 900ms cubic-bezier(.22,1,.36,1),
    transform 900ms cubic-bezier(.22,1,.36,1);
}

.mbh-intro-overlay.is-hide{
  opacity:1;
  pointer-events:none;
  -webkit-clip-path:inset(0 0 100% 0);
  clip-path:inset(0 0 100% 0);
  -webkit-transform:translateY(-4vh);
  transform:translateY(-4vh);
}

.mbh-intro-inner{
  width:100%;
  padding:0 24px;
  text-align:center;
}

.mbh-loader-text-safe{
  max-width:100%;
  padding:0 16px;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
  line-height:1.2;
}

.mbh-intro-title{
  margin:0;
  font-weight:800;
  letter-spacing:var(--mbh-title-tracking);
  line-height:var(--mbh-title-leading);
  font-size:var(--mbh-title-size);
  overflow:visible;
}

.mbh-intro-track{
  display:inline-block;
  padding-top:10px;
  padding-bottom:10px;
  overflow:visible;
  white-space:nowrap;
}

.mbh-intro-char{
  display:inline-block;
  opacity:0;
  transform:translateY(140%);
  will-change:transform, opacity;
  animation:mbhIntroCharIn 950ms cubic-bezier(.22,1,.36,1) forwards;
}

.mbh-intro-char--accent{
  color:#fff;
}

@keyframes mbhIntroCharIn{
  0%{
    opacity:0;
    transform:translateY(140%);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

.mbh-loader-dot{
  display:none !important;
}

@media (max-width:768px){
  .mbh-intro-title{
    font-size:var(--mbh-title-size);
    line-height:1.09;
    letter-spacing:var(--mbh-title-tracking);
  }

  .mbh-intro-track{
    padding-top:14px;
    padding-bottom:14px;
    white-space:pre-line;
  }
}

/* =========================
   Page Enter
   ========================= */
.mbh-page{
  opacity:0;
  position:relative;
  z-index:2;
  -webkit-transform:translateY(14vh);
  transform:translateY(14vh);
  -webkit-clip-path:inset(100% 0 0 0);
  clip-path:inset(100% 0 0 0);
  will-change:transform, opacity, clip-path;
}

body[data-mbh-intro-done="1"] .mbh-page{
  -webkit-animation:mbhPageEnterUp 1050ms cubic-bezier(.22,1,.36,1) forwards;
  animation:mbhPageEnterUp 1050ms cubic-bezier(.22,1,.36,1) forwards;
}

@-webkit-keyframes mbhPageEnterUp{
  from{
    opacity:0;
    -webkit-transform:translateY(14vh);
    transform:translateY(14vh);
    -webkit-clip-path:inset(100% 0 0 0);
    clip-path:inset(100% 0 0 0);
  }
  to{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
  }
}
@keyframes mbhPageEnterUp{
  from{
    opacity:0;
    -webkit-transform:translateY(14vh);
    transform:translateY(14vh);
    -webkit-clip-path:inset(100% 0 0 0);
    clip-path:inset(100% 0 0 0);
  }
  to{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
  }
}

/* =========================
   Promo Popup
   ========================= */
.mbh-promo-popup{
  position:fixed;
  inset:0;
  z-index:19500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 240ms ease, visibility 240ms ease;
}

.mbh-promo-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

body.mbh-promo-popup-lock{
  overflow:hidden;
}

body.mbh-promo-popup-lock .mbh-cursor{
  opacity:0;
}

.mbh-promo-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.30);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

.mbh-promo-popup-dialog{
  position:relative;
  width:min(224px, calc(100vw - 56px));
  max-width:224px;
  max-height:calc(100vh - 64px);
  overflow:auto;
  overflow-x:hidden;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
  scrollbar-width:thin;
}

.mbh-promo-popup-close{
  position:absolute;
  top:-16px;
  right:-16px;
  width:44px;
  height:44px;
  border-radius:999px;
  background:#0054ea;
  color:#fff;
  font-size:28px;
  font-weight:700;
  line-height:1;
  display:grid;
  place-items:center;
  z-index:3;
  box-shadow:0 10px 22px rgba(0,0,0,0.24);
}

.mbh-promo-popup-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
}

.mbh-promo-popup-item{
  width:100%;
  min-width:0;
}

.mbh-promo-popup-image{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  background:#fff;
}

.mbh-promo-popup-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:12px;
}

.mbh-promo-popup-action{
  min-width:96px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #0054ea;
  background:#0054ea;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:-0.02em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.mbh-promo-popup-action--ghost{
  background:rgba(17,17,17,0.78);
  color:#fff;
  border-color:rgba(17,17,17,0.78);
}

@media (max-width:768px){
  .mbh-promo-popup{
    padding:18px;
  }

  .mbh-promo-popup-dialog{
    width:min(208px, calc(100vw - 44px));
    max-width:208px;
    max-height:calc(100vh - 40px);
  }

  .mbh-promo-popup-close{
    top:-14px;
    right:-14px;
    width:42px;
    height:42px;
    font-size:26px;
  }

  .mbh-promo-popup-list{
    gap:10px;
  }

  .mbh-promo-popup-actions{
    margin-top:10px;
    gap:6px;
  }

  .mbh-promo-popup-action{
    flex:1 1 0;
    min-width:0;
    height:32px;
    font-size:11px;
    padding:0 8px;
  }
}

/* =========================
   Text Reveal
   ========================= */
.mbh-text-reveal{
  position:relative;
  display:inline-block;
  width:max-content;
  margin:0 auto;
  line-height:1.02;
}

.mbh-text-reveal .mbh-base{
  white-space:nowrap;
  position:relative;
  z-index:0;
  color:#000;
  opacity:0.2;
}

.mbh-text-reveal .mbh-fill{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  z-index:1;
  color:#000;
  clip-path:inset(0 100% 0 0);
  -webkit-clip-path:inset(0 100% 0 0);
  will-change:clip-path;
}

.mbh-text-reveal.is-play .mbh-fill{
  -webkit-animation:mbhTextFillReveal 1.05s cubic-bezier(.22,1,.36,1) both;
  animation:mbhTextFillReveal 1.05s cubic-bezier(.22,1,.36,1) both;
}

@-webkit-keyframes mbhTextFillReveal{
  0%{ -webkit-clip-path:inset(0 100% 0 0); clip-path:inset(0 100% 0 0); }
  100%{ -webkit-clip-path:inset(0 0% 0 0); clip-path:inset(0 0% 0 0); }
}
@keyframes mbhTextFillReveal{
  0%{ -webkit-clip-path:inset(0 100% 0 0); clip-path:inset(0 100% 0 0); }
  100%{ -webkit-clip-path:inset(0 0% 0 0); clip-path:inset(0 0% 0 0); }
}

/* =========================
   Hero
   ========================= */
.mbh-hero-fixed{
  position:fixed;
  top:220px;
  left:0;
  right:0;
  z-index:900;
  pointer-events:none;
  opacity:var(--mbh-hero-opacity, 1);
  transform:translate3d(0,0,0);
  will-change:transform, opacity;
  transition:opacity 220ms ease;
  display:flex;
  justify-content:center;
}

.mbh-hero-fixed.is-hide{ opacity:0; }

.mbh-hero-title-wrap{
  text-align:center;
  display:grid;
  justify-items:center;
  align-items:start;
  gap:var(--mbh-hero-line-gap-pc) !important;
  transform:none !important;
  width:100%;
}

.mbh-hero-desktop{
  width:100%;
  display:grid;
  justify-items:center;
  align-items:start;
  gap:var(--mbh-hero-line-gap-pc) !important;
}

.mbh-hero-line-top{
  display:inline-block;
}

.mbh-hero-bottom-word,
.mbh-hero-mobile-line{
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:flex-start;
  line-height:1.02;
  width:max-content;
  max-width:100%;
}

.mbh-hero-bottom-word{
  margin-top:clamp(-6px, -0.25vw, -12px) !important;
}

.mbh-hero-bottom-ghost{
  visibility:hidden;
  color:#000;
  white-space:nowrap;
}

.mbh-hero-bottom-live{
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  opacity:1;
  white-space:nowrap;
  pointer-events:none;
  transform:translateX(-50%) !important;
  display:inline-flex;
  align-items:baseline;
  gap:0;
}

.mbh-hero-mobile{ display:none; }

.mbh-hero-mobile-bottom{
  display:grid;
  gap:var(--mbh-hero-line-gap-mo) !important;
  justify-items:center;
  align-items:start;
  width:100%;
  margin-top:0 !important;
}

.mbh-hero-mobile-line{
  margin-top:0 !important;
  min-height:1em;
}

.mbh-hero-fixed .mbh-title-main{
  line-height:1.02 !important;
}

.mbh-hero-overlap-wrap{
  background:transparent !important;
  min-height:var(--mbh-hero-stage-h, 105vh);
  position:relative;
  z-index:2;
  overflow-anchor:none;
}

.mbh-hero-container{
  padding-top:calc(var(--mbh-header-h) + 98px) !important;
}

.mbh-hero-slot{
  height:var(--mbh-hero-slot-h, 108px) !important;
}

@media (max-width:768px){
  .mbh-hero-desktop{ display:none; }

  .mbh-hero-mobile{
    display:grid;
    gap:var(--mbh-hero-line-gap-mo) !important;
    justify-items:center;
    align-items:start;
    text-align:center;
    width:100%;
  }

  .mbh-hero-title-wrap{
    gap:var(--mbh-hero-line-gap-mo) !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .mbh-hero-mobile-bottom{
    gap:var(--mbh-hero-line-gap-mo) !important;
    margin-top:0 !important;
  }

  .mbh-hero-mobile .mbh-title-main{
    line-height:0.96 !important;
    white-space:nowrap !important;
  }

  .mbh-hero-mobile-bottom{
    display:contents !important;
  }

  .mbh-hero-mobile > .mbh-text-reveal,
  .mbh-hero-mobile > .mbh-hero-mobile-line{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    min-height:calc(var(--mbh-title-size) * 0.66) !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    line-height:0.96 !important;
  }

  .mbh-hero-mobile .mbh-text-reveal{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    text-align:center !important;
  }

  .mbh-hero-mobile .mbh-text-reveal .mbh-base,
  .mbh-hero-mobile .mbh-text-reveal .mbh-fill{
    left:0 !important;
    width:auto !important;
    min-width:100% !important;
    text-align:center !important;
    line-height:0.96 !important;
  }

  .mbh-hero-mobile-line{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
    justify-content:center !important;
    min-height:calc(var(--mbh-title-size) * 0.66) !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0.96 !important;
  }

  .mbh-hero-mobile-line .mbh-hero-bottom-ghost{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 auto;
    visibility:hidden;
    white-space:nowrap;
    line-height:0.96 !important;
  }

  .mbh-hero-mobile .mbh-hero-bottom-live,
  #mbhHeroBottomLine1,
  #mbhHeroBottomLine2{
    position:absolute !important;
    left:50% !important;
    top:0 !important;
    transform:translateX(-50%) !important;
    right:auto !important;
    display:inline-flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:0.96 !important;
  }

  .mbh-hero-container{
    padding-top:calc(var(--mbh-header-h) + 82px) !important;
  }

  .mbh-hero-slot{
    height:var(--mbh-hero-slot-h, 84px) !important;
  }
}

/* =========================
   Section 2 / Lift Video
   ========================= */
.mbh-s2-left,
.mbh-s2-point,
.mbh-s2-title,
.mbh-s2-desc,
.mbh-s2-bottom,
.mbh-s2-mobile-circles,
.mbh-s2-circle-nav{
  display:none !important;
}

.mbh-second-section{
  --mbh-s2-track-h:190vh;
  --mbh-s2-card-w:75vw;
  --mbh-s2-card-h:42.1875vw;
  --mbh-s2-top:18vh;
  --mbh-s2-card-radius:38px;
  --mbh-s2-card-y:0px;
  --mbh-s2-card-scale:1;
  --mbh-s2-card-opacity:1;
  --mbh-s2-grad-opacity:1;
  --mbh-s2-vignette-opacity:1;
  --mbh-s2-lift:0px;
  --mbh-s2-comp:0px;

  position:relative;
  z-index:8;
  opacity:0;
  pointer-events:none;
  transition:opacity 260ms ease;
  transform:translate3d(0,0,0);
  will-change:transform, opacity;
  padding:0 0 var(--mbh-s2-comp) 0 !important;
  margin:0 !important;
  min-height:var(--mbh-s2-track-h) !important;
  overflow:visible !important;
  overflow-anchor:none;
  background:transparent !important;
  margin-top:var(--mbh-s2-lift) !important;
}

.mbh-second-section.is-show{
  opacity:1;
  pointer-events:auto;
}

.mbh-second-section > .mbh-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.mbh-s2-grid{
  position:relative;
  display:block !important;
  min-height:var(--mbh-s2-track-h) !important;
  padding:0 !important;
  margin:0 !important;
}

.mbh-s2-right{
  position:relative !important;
  z-index:9;
  width:100% !important;
  height:var(--mbh-s2-track-h) !important;
  margin:0 !important;
  padding:0 !important;
  justify-self:auto !important;
}

.mbh-s2-video-wrap{
  position:sticky !important;
  top:var(--mbh-s2-top) !important;
  left:0;
  right:0;
  width:var(--mbh-s2-card-w) !important;
  height:var(--mbh-s2-card-h) !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 auto !important;
  border-radius:var(--mbh-s2-card-radius) !important;
  overflow:hidden !important;
  background:#000 !important;
  box-shadow:none !important;
  opacity:var(--mbh-s2-card-opacity);
  transform:translate3d(0,var(--mbh-s2-card-y),0) scale(var(--mbh-s2-card-scale));
  transform-origin:center center;
  will-change:transform, border-radius, opacity, width, height, top;
}

.mbh-s2-video{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:inherit !important;
  background:#000;
}

.mbh-s2-video-gradient{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:6;
  opacity:var(--mbh-s2-grad-opacity);
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,0.88) 0%,
      rgba(0,0,0,0.68) 16%,
      rgba(0,0,0,0.28) 38%,
      rgba(0,0,0,0.00) 62%
    );
}

.mbh-s2-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:var(--mbh-s2-vignette-opacity);
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0.18) 0%,
      rgba(0,0,0,0.00) 18%,
      rgba(0,0,0,0.00) 72%,
      rgba(0,0,0,0.22) 100%
    );
}


@media (min-width:901px){
  .mbh-second-section{
    height:calc(var(--mbh-s2-top) + var(--mbh-s2-card-h) + var(--mbh-app-vh)) !important;
    min-height:calc(var(--mbh-s2-top) + var(--mbh-s2-card-h) + var(--mbh-app-vh)) !important;
  }

  .mbh-s2-grid{
    min-height:100% !important;
  }

  .mbh-s2-right{
    height:100% !important;
    min-height:100% !important;
  }

  .mbh-s2-desktop-panel{
    position:absolute;
    left:50%;
    top:calc(var(--mbh-s2-top) + var(--mbh-s2-card-h));
    z-index:12;
    width:100vw;
    max-width:100vw;
    height:calc(var(--mbh-app-vh) + 1px);
    min-height:calc(var(--mbh-app-vh) + 1px);
    max-height:calc(var(--mbh-app-vh) + 1px);
    transform:translate3d(-50%, 0, 0);
    opacity:1;
    pointer-events:auto;
    background:#000;
    color:#fff;
    border-radius:0;
    box-sizing:border-box;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0, 52%) minmax(420px, 48%);
    transition:opacity 220ms ease, transform 320ms cubic-bezier(.22,1,.36,1);
  }

  .mbh-s2-desktop-panel.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translate3d(-50%, 0, 0);
  }

  .mbh-s2-desktop-panel.is-slide-enter{
    animation:mbhS2DesktopPanelIn 460ms cubic-bezier(.22,1,.36,1);
  }

  .mbh-s2-desktop-media{
    position:relative;
    min-height:100%;
    overflow:hidden;
    background:#111;
  }

  .mbh-s2-desktop-media-stage{
    position:absolute;
    inset:0;
  }

  .mbh-s2-desktop-media-slide{
    position:absolute;
    inset:0;
    opacity:0;
    pointer-events:none;
    z-index:1;
  }

  .mbh-s2-desktop-media-slide.is-active{
    opacity:1;
    z-index:2;
  }

  .mbh-s2-desktop-media-bg{
    position:absolute;
    inset:0;
    display:block;
    background:#000 center center / cover no-repeat;
    opacity:0;
    clip-path:inset(0 100% 0 0);
    transform:translate3d(-3.5%, 0, 0) scale(1.02);
    will-change:clip-path, opacity, transform;
  }

  .mbh-s2-desktop-media-slide.is-enter .mbh-s2-desktop-media-bg{
    opacity:1;
    clip-path:inset(0 0 0 0);
    transform:translate3d(0, 0, 0) scale(1);
    transition:
      clip-path 820ms cubic-bezier(.22,1,.36,1),
      opacity 420ms ease,
      transform 820ms cubic-bezier(.22,1,.36,1);
  }

  .mbh-s2-desktop-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.26) 100%);
    pointer-events:none;
  }

  .mbh-s2-desktop-copy{
    position:relative;
    z-index:1;
    min-height:100%;
    padding:240px 80px 180px 80px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    background:
      linear-gradient(90deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.98) 100%),
      radial-gradient(circle at 84% 52%, rgba(0,84,234,0.16) 0%, rgba(0,84,234,0.00) 38%);
  }

  .mbh-s2-desktop-point{
    font-size:16px;
    font-weight:700;
    line-height:1.3;
    color:#fff;
    opacity:.76;
    margin:0 0 18px;
  }

  .mbh-s2-desktop-desc{
    font-size:clamp(22px, 1.85vw, 38px);
    font-weight:800;
    line-height:1.24;
    letter-spacing:-0.04em;
    color:#fff;
    margin:0;
  }

  .mbh-s2-desktop-title{
    font-size:clamp(44px, 3.6vw, 72px);
    font-weight:900;
    line-height:1.06;
    letter-spacing:-0.05em;
    color:#0054ea;
    margin:26px 0 0;
  }

  .mbh-s2-desktop-bottom{
    display:grid;
    grid-template-columns:auto auto auto;
    align-items:center;
    justify-content:flex-start;
    column-gap:18px;
    margin-top:auto;
    padding-top:34px;
  }

  .mbh-s2-desktop-nav-btn{
    border:0;
    background:transparent;
    color:rgba(255,255,255,.76);
    font-size:18px;
    font-weight:600;
    letter-spacing:-0.02em;
    line-height:1;
    padding:0;
  }

  .mbh-s2-desktop-counter{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:20px;
    font-weight:700;
    color:#fff;
    line-height:1;
  }

  .mbh-s2-desktop-slash{
    opacity:.45;
  }

  @keyframes mbhS2DesktopPanelIn{
    0%{ opacity:.01; transform:translate3d(-50%, 22px, 0); }
    100%{ opacity:1; transform:translate3d(-50%, 0, 0); }
  }
}

  .mbh-s2-grid{
    min-height:var(--mbh-s2-track-h) !important;
  }

  .mbh-s2-right{
    height:var(--mbh-s2-track-h) !important;
  }

  .mbh-s2-video-wrap{
    width:var(--mbh-s2-card-w) !important;
    height:var(--mbh-s2-card-h) !important;
    top:var(--mbh-s2-top) !important;
    border-radius:var(--mbh-s2-card-radius) !important;
    transform:translate3d(0,var(--mbh-s2-card-y),0) scale(var(--mbh-s2-card-scale));
  }


/* =========================
   2026-03-17 follow-up fix
   ========================= */
@media (min-width:901px){
  .mbh-second-section{
    --mbh-s2-track-h:calc(var(--mbh-s2-top) + var(--mbh-s2-card-h) + 56px + 340px + 120px) !important;
  }
}


/* Section2 desktop slide gap guard
   - PC section2 슬라이드/영상 아래 불필요한 검정 공백 방지
   - 기존 영상/슬라이드 구조와 모션값은 유지
*/
@media (min-width:901px){
  .mbh-second-section{
    --mbh-s2-track-h:calc(var(--mbh-s2-top) + var(--mbh-s2-card-h) + var(--mbh-app-vh) + 2px) !important;
    height:var(--mbh-s2-track-h) !important;
    min-height:var(--mbh-s2-track-h) !important;
    max-height:none !important;
  }

  .mbh-s2-grid,
  .mbh-s2-right{
    height:var(--mbh-s2-track-h) !important;
    min-height:var(--mbh-s2-track-h) !important;
  }

  .mbh-s2-desktop-panel{
    top:calc(var(--mbh-s2-top) + var(--mbh-s2-card-h) - 1px) !important;
    height:calc(var(--mbh-app-vh) + 3px) !important;
    min-height:calc(var(--mbh-app-vh) + 3px) !important;
    max-height:calc(var(--mbh-app-vh) + 3px) !important;
    align-items:stretch;
  }

  .mbh-s2-desktop-media,
  .mbh-s2-desktop-copy,
  .mbh-s2-desktop-media-stage,
  .mbh-s2-desktop-media-slide,
  .mbh-s2-desktop-media-bg{
    height:100%;
    min-height:100%;
  }
}

@media (max-width:900px){
  .mbh-second-section{
    --mbh-s2-track-h:calc(var(--mbh-app-vh, 100svh) * 2.28) !important;
  }
}

@media (max-width:768px){
  .mbh-second-section{
    --mbh-s2-track-h:calc(var(--mbh-app-vh, 100svh) * 2.08) !important;
  }
}


/* =========================================================
   하단 문구(글자별) 애니메이션
   ========================================================= */
.mbh-hero-char{
  display:inline-block;
  transform:translateY(0.2em);
  opacity:0;
  transition:transform 420ms cubic-bezier(.22,1,.36,1), opacity 420ms cubic-bezier(.22,1,.36,1);
  will-change:transform, opacity;
}

.mbh-hero-char.changed{
  transform:translateY(0);
  opacity:1;
}

.mbh-hero-char.changing{
  transform:translateY(-0.25em);
  opacity:0;
}

.mbh-hero-bottom-live{
  color:var(--mbh-c-orange) !important;
}

.mbh-hero-mobile-line{
  position:relative;
  display:inline-flex;
  align-items:baseline;
  gap:0;
}

.mbh-hero-bottom-live .mbh-hero-char{
  color:var(--mbh-c-orange) !important;
}

.mbh-slide-text .mbh-hero-char{
  color:var(--mbh-c-orange) !important;
}

/* =========================
   Mobile Hero Overlap Fix
   ========================= */
.mbh-hero-title-wrap,
.mbh-hero-desktop,
.mbh-hero-mobile,
.mbh-hero-mobile-bottom{
  overflow:visible;
}

@media (max-width:768px){
  .mbh-hero-title-wrap{
    gap:var(--mbh-hero-line-gap-mo) !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .mbh-hero-mobile{
    gap:var(--mbh-hero-line-gap-mo) !important;
    width:100%;
    justify-items:center;
    align-items:start;
  }

  .mbh-hero-mobile .mbh-title-main{
    line-height:0.96 !important;
    white-space:nowrap !important;
  }

  .mbh-hero-mobile-bottom{
    width:100%;
    gap:var(--mbh-hero-line-gap-mo) !important;
    justify-items:center;
    align-items:start;
    margin-top:0 !important;
  }

  .mbh-hero-mobile-line{
    position:relative;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    min-height:calc(var(--mbh-title-size) * 0.66) !important;
    padding:0 !important;
    overflow:visible !important;
    text-align:center !important;
    line-height:0.96 !important;
  }

  .mbh-hero-mobile-line .mbh-hero-bottom-ghost{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 auto;
    line-height:0.96 !important;
    white-space:nowrap;
    visibility:hidden;
  }

  .mbh-hero-mobile .mbh-hero-bottom-live,
  #mbhHeroBottomLine1,
  #mbhHeroBottomLine2{
    position:absolute !important;
    left:50% !important;
    top:0 !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    display:inline-flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    max-width:100% !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:0.96 !important;
  }

  .mbh-hero-bottom-live .mbh-hero-char,
  #mbhHeroBottomLine1 .mbh-hero-char,
  #mbhHeroBottomLine2 .mbh-hero-char{
    line-height:0.96 !important;
  }
}

/* =========================================================
   SECTION 3 / BRAND
   ========================================================= */
.mbh-brand-section{
  background-color:#000 !important;
  background-image:
    url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png"),
    url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/twinkling.png");
  background-repeat:repeat, repeat;
  background-position:0 0, -1000px 0;
  background-size:auto, auto;
  animation:mbhSharedTwinkleMove 95s linear infinite;
}

@keyframes mbhSharedTwinkleMove{
  from{
    background-position:0 0, -1000px 0;
  }
  to{
    background-position:0 0, 1000px 0;
  }
}

.mbh-brand-section{
  --mbh-brand-track-h:205vh;

  position:relative;
  z-index:10;
  margin-top:0;
  padding-top:0;
  padding-bottom:0;
  width:100%;
  min-height:var(--mbh-brand-track-h);
  height:auto;
  overflow:visible;
  overflow-anchor:none;
  display:block;
}

.mbh-brand-container{
  position:sticky;
  top:0;
  width:100%;
  min-height:var(--mbh-app-vh, 100svh);
  height:var(--mbh-app-vh, 100svh);
  display:grid;
  align-items:center;
  justify-items:center;
  padding-top:0;
  padding-bottom:0;
  overflow:hidden;
}

.mbh-brand-text-wrap{
  width:100%;
  max-width:none;
  text-align:center;
  padding-inline:4vw;
  transform:translateY(-10vh);
}

.mbh-brand-text-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(14px, 1.6vw, 26px);
  width:100%;
  text-align:center;
  will-change:transform;
}

.mbh-brand-line{
  position:relative;
  z-index:1;
  color:#fff;
  font-weight:var(--mbh-title-weight);
  font-size:clamp(40px, 4.8vw, 104px);
  line-height:0.98;
  letter-spacing:var(--mbh-title-tracking);
  text-align:center;
  white-space:nowrap;
  opacity:1;
  transform:translate3d(0,0,0);
  transition:
    opacity 420ms ease,
    transform 420ms cubic-bezier(.22,1,.36,1);
  will-change:opacity, transform;
}

.mbh-brand-line.is-off{
  opacity:0;
  transform:translate3d(0,18px,0);
}

@media (max-width:768px){
  .mbh-brand-section{
    --mbh-brand-track-h:calc(var(--mbh-app-vh, 100svh) * 3.65);
  }

  .mbh-brand-container{
    min-height:var(--mbh-app-vh, 100svh);
    height:var(--mbh-app-vh, 100svh);
  }

  .mbh-brand-text-wrap{
    padding-inline:18px;
    transform:translateY(-8vh);
  }

  .mbh-brand-text-inner{
    min-height:1.25em;
  }

  .mbh-brand-line{
    font-size:clamp(42px, 9vw, 60px);
    white-space:normal;
    line-height:1.02;
  }
}

/* =========================================================
   SECTION 4 / BOARD MARQUEE
   ========================================================= */
.mbh-marquee-section{
  position:relative;
  z-index:12;
  width:100%;
  overflow:hidden;
  padding:56px 0 84px;
  background:transparent;
}

.mbh-marquee-section::before,
.mbh-marquee-section::after{
  display:none !important;
}

.mbh-marquee-inner{
  position:relative;
  z-index:2;
  width:100%;
}

.mbh-marquee-pc{
  display:block;
}

.mbh-marquee-mobile{
  display:none;
}

.mbh-marquee-row{
  position:relative;
  width:100%;
  overflow:hidden;
}

.mbh-marquee-row + .mbh-marquee-row{
  margin-top:14px;
}

.mbh-marquee-track{
  display:flex;
  width:max-content;
  will-change:transform;
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.mbh-marquee-group{
  display:flex;
  align-items:stretch;
  gap:18px;
  padding-right:18px;
  flex:none;
}

.mbh-marquee-track--left{
  animation:mbhMarqueeLeft 80s linear infinite;
}

.mbh-marquee-track--right{
  animation:mbhMarqueeRight 80s linear infinite;
}

@keyframes mbhMarqueeLeft{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-50%,0,0); }
}

@keyframes mbhMarqueeRight{
  from{ transform:translate3d(-50%,0,0); }
  to{ transform:translate3d(0,0,0); }
}

.mbh-marquee-card{
  position:relative;
  overflow:hidden;
  flex:none;
  border-radius:10px;
  background:transparent;
  border:0 !important;
  box-shadow:none !important;
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transition:transform 260ms ease;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.mbh-marquee-card.is-square{
  width:220px;
  height:220px;
}

.mbh-marquee-card.is-rect{
  width:360px;
  height:220px;
}

.mbh-marquee-thumb{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:0;
  overflow:hidden;
  background:transparent !important;
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.mbh-marquee-thumb > img,
.mbh-marquee-thumb > picture,
.mbh-marquee-thumb > video,
.mbh-marquee-thumb > svg,
.mbh-marquee-thumb > object,
.mbh-marquee-thumb > iframe{
  display:block;
  max-width:100%;
  max-height:100%;
  width:100%;
  height:100%;
  object-fit:contain;
}

.mbh-marquee-thumb::before,
.mbh-marquee-thumb::after{
  display:none !important;
}


.mbh-marquee-thumb-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
}

@media (hover:hover) and (pointer:fine){
  .mbh-marquee-section:hover .mbh-marquee-track,
  .mbh-marquee-section:hover .mbh-marquee-vtrack{
    animation-play-state:paused;
  }

  .mbh-marquee-card.has-image{
    cursor:zoom-in;
  }

  .mbh-marquee-card.has-image:hover{
    z-index:20;
    transform:translate3d(0,0,0);
  }

  .mbh-marquee-card.has-image .mbh-marquee-thumb > img,
  .mbh-marquee-card.has-image .mbh-marquee-thumb-link > img{
    transition:transform 260ms ease;
    transform-origin:center center;
  }

  .mbh-marquee-card.has-image:hover .mbh-marquee-thumb > img,
  .mbh-marquee-card.has-image:hover .mbh-marquee-thumb-link > img{
    transform:scale(1.07);
  }

  .mbh-marquee-card.has-image::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    background:rgba(0,0,0,0.28);
    opacity:0;
    transition:opacity 180ms ease;
    pointer-events:none;
  }

  .mbh-marquee-card.has-image::after{
    content:"크게보기";
    position:absolute;
    left:50%;
    top:50%;
    z-index:4;
    transform:translate(-50%,-50%) scale(0.96);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:96px;
    height:38px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,0.74);
    border-radius:999px;
    background:rgba(255,255,255,0.12);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    box-shadow:0 16px 44px rgba(0,0,0,0.24);
    color:#fff;
    font-size:14px;
    font-weight:800;
    letter-spacing:-0.03em;
    opacity:0;
    transition:opacity 180ms ease, transform 180ms ease;
    pointer-events:none;
  }

  .mbh-marquee-card.has-image:hover::before,
  .mbh-marquee-card.has-image:hover::after{
    opacity:1;
  }

  .mbh-marquee-card.has-image:hover::after{
    transform:translate(-50%,-50%) scale(1);
  }
}

.tone-01 .mbh-marquee-thumb,
.tone-02 .mbh-marquee-thumb,
.tone-03 .mbh-marquee-thumb,
.tone-04 .mbh-marquee-thumb,
.tone-05 .mbh-marquee-thumb,
.tone-06 .mbh-marquee-thumb,
.tone-07 .mbh-marquee-thumb,
.tone-08 .mbh-marquee-thumb,
.tone-09 .mbh-marquee-thumb,
.tone-10 .mbh-marquee-thumb,
.tone-11 .mbh-marquee-thumb,
.tone-12 .mbh-marquee-thumb,
.tone-13 .mbh-marquee-thumb,
.tone-14 .mbh-marquee-thumb,
.tone-15 .mbh-marquee-thumb,
.tone-16 .mbh-marquee-thumb{
  background:transparent !important;
}

@media (max-width:768px){
  .mbh-marquee-section{
    padding:30px 0 52px;
  }

  .mbh-marquee-pc{
    display:none;
  }

  .mbh-marquee-mobile{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:0 12px;
    height:760px;
    overflow:hidden;
  }

  .mbh-marquee-col{
    position:relative;
    height:760px;
    overflow:hidden;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .mbh-marquee-vtrack{
    display:flex;
    flex-direction:column;
    width:100%;
    will-change:transform;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .mbh-marquee-vgroup{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding-bottom:12px;
    flex:none;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .mbh-marquee-vtrack--down{
    animation:mbhMarqueeDown 18s linear infinite;
  }

  .mbh-marquee-vtrack--up{
    animation:mbhMarqueeUp 18s linear infinite;
  }

  @keyframes mbhMarqueeDown{
    from{ transform:translate3d(0,-50%,0); }
    to{ transform:translate3d(0,0,0); }
  }

  @keyframes mbhMarqueeUp{
    from{ transform:translate3d(0,0,0); }
    to{ transform:translate3d(0,-50%,0); }
  }

  .mbh-marquee-card{
    width:100% !important;
  }

  .mbh-marquee-card.is-square,
  .mbh-marquee-card.is-rect{
    aspect-ratio:auto;
    height:240px;
  }
}

/* =========================================================
   SECTION 5 / OFFER SLIDER
   ========================================================= */
.mbh-offer-section{
  overflow-anchor:none;
  position:relative;
  z-index:13;
  background:transparent;
  padding:160px 0 160px !important;
  overflow:hidden !important;
  isolation:isolate;
}

.mbh-offer-section::before,
.mbh-offer-section::after{
  display:none !important;
}

.mbh-offer-star-container,
.mbh-offer-twinkle{
  display:none !important;
}

.mbh-offer-container{
  position:relative;
  z-index:1;
  width:100%;
  max-width:var(--mbh-maxw);
  margin:0 auto;
  padding-left:0;
  padding-right:0;
}

.mbh-offer-head{
  text-align:center;
  margin-bottom:54px;
}

.mbh-offer-title{
  margin:0;
  font-weight:800;
  font-size:clamp(52px, 4.2vw, 150px);
  letter-spacing:-0.04em;
  line-height:1.2;
  color:#000;
  display:inline-block;
}

.mbh-offer-title-highlight{
  all:unset;
  display:inline;
  color:#fff;
  background-image:linear-gradient(var(--mbh-c-orange), var(--mbh-c-orange));
  background-repeat:no-repeat;
  background-size:0% 100%;
  background-position:0 100%;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  padding:0 0.14em 0.04em;
  transition:
    color 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    background-size 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.mbh-offer-title-highlight.active{
  color:#fff;
  background-size:100% 100%;
}

.mbh-offer-title-br{
  display:none;
}

.mbh-offer-layout{
  display:grid;
  grid-template-columns:minmax(240px, 28%) minmax(0, 72%);
  gap:50px;
  align-items:center;
  width:100%;
}

.mbh-offer-content{
  min-width:0;
  width:100%;
  margin-right:0;
}

.mbh-offer-nav{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:18px;
  min-height:500px;
  text-align:right;
}

.mbh-offer-tab{
  position:relative;
  width:100%;
  padding:0 18px 0 0;
  color:rgba(0,0,0,0.25);
  font-size:30px;
  font-weight:800;
  line-height:1.08;
  letter-spacing:-0.04em;
  text-align:right;
  transition:color 180ms ease;
}

.mbh-offer-tab::after{
  content:"•";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  color:var(--mbh-c-orange);
  opacity:0;
  transition:opacity 180ms ease;
}

.mbh-offer-tab.is-active{
  color:var(--mbh-c-orange);
}

.mbh-offer-tab.is-active::after{
  opacity:1;
}

.mbh-offer-mobile-tabs{
  display:none;
}

.mbh-offer-slider-wrap{
  position:relative;
  min-width:0;
  width:100%;
  overflow:hidden;
  padding:38px 0 10px 0;
  margin-right:0;
  padding-right:0;
  opacity:1;
  transform:translate3d(0,0,0);
  transition:
    opacity 320ms ease,
    transform 420ms cubic-bezier(.22,1,.36,1);
}

.mbh-offer-slider-wrap.is-category-leaving{
  opacity:0;
  transform:translate3d(0,10px,0);
}

.mbh-offer-slider-wrap.is-category-entering{
  opacity:0;
  transform:translate3d(0,-8px,0);
  transition:none;
}

@media (max-width:768px){
  .mbh-offer-content{
    width:100%;
    margin-right:0;
    padding-right:0;
  }

  .mbh-offer-slider-wrap{
    width:100%;
    margin-right:0;
    padding-right:0;
  }
}

.mbh-offer-swiper{
  width:100%;
  margin:0;
  overflow:visible;
}

.mbh-offer-swiper .swiper-wrapper{
  align-items:center;
}

.mbh-offer-swiper .swiper-slide{
  width:auto;
  height:auto;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 0 10px;
  opacity:1;
  transform:none;
  transform-origin:center bottom;
  transition:opacity 220ms ease;
  z-index:1;
}

.mbh-offer-swiper .swiper-slide-active,
.mbh-offer-swiper .swiper-slide-prev,
.mbh-offer-swiper .swiper-slide-next{
  opacity:1;
  transform:none;
}

.mbh-offer-slide-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  width:auto;
  user-select:none;
}

.mbh-offer-slide-media{
  width:auto;
  max-width:none;
  height:510px;
  aspect-ratio:var(--mbh-offer-card-ratio, 9 / 17.2);
  flex:none;
  border-radius:28px;
  background:transparent;
  padding:0;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}

.mbh-offer-slide-screen{
  width:100%;
  height:100%;
  border-radius:28px;
  overflow:hidden;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  color:#fff;
  font-size:18px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-0.02em;
}

.mbh-offer-slide-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center top;
  border-radius:28px;
  background:transparent;
  -webkit-user-drag:none;
  user-select:none;
}

.mbh-offer-slide-label{
  color:#000;
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-0.03em;
  text-align:center;
}

@media (hover:hover) and (pointer:fine){
  .mbh-cursor{
    transition:
      width 220ms cubic-bezier(.22,1,.36,1),
      height 220ms cubic-bezier(.22,1,.36,1),
      background-color 220ms ease,
      border-color 220ms ease,
      box-shadow 220ms ease,
      opacity 220ms ease;
  }

  .mbh-cursor.is-offer-hover{
    width:92px;
    height:92px;
    background:transparent;
    border:0;
    box-shadow:none;
    mix-blend-mode:normal;
    backdrop-filter:none;
  }

  .mbh-cursor.is-offer-hover::before{
    content:"< Drag >" !important;
    position:absolute;
    left:50%;
    top:50%;
    width:auto !important;
    height:auto !important;
    background:transparent !important;
    border-radius:0 !important;
    transform:translate(-50%, -50%) !important;
    color:#0054ea;
    font-size:12px;
    font-weight:800;
    letter-spacing:-0.02em;
    line-height:1;
    white-space:nowrap;
    opacity:1 !important;
  }

  .mbh-cursor.is-offer-hover::after{
    content:"" !important;
    position:absolute;
    left:50%;
    top:50%;
    width:92px !important;
    height:92px !important;
    transform:translate(-50%, -50%) !important;
    opacity:1 !important;
    background:transparent !important;
    border:1px solid rgba(0,84,234,0.95) !important;
    border-radius:999px !important;
    box-shadow:none !important;
  }

  .mbh-cursor.is-offer-hover[data-offer-dir="left"]::after,
  .mbh-cursor.is-offer-hover[data-offer-dir="right"]::after{
    content:"" !important;
  }
}

@media (max-width:1280px){
  .mbh-offer-layout{
    grid-template-columns:minmax(210px, 28%) minmax(0, 72%);
    gap:40px;
  }

  .mbh-offer-tab{
    font-size:24px;
  }
}

@media (max-width:768px){
  .mbh-offer-section{
    padding:72px 0 64px !important;
    overflow-anchor:none;
  }

  .mbh-offer-head{
    margin-bottom:14px;
  }

  .mbh-offer-title{
    font-size:clamp(42px, 9vw, 60px);
    letter-spacing:-0.04em;
    line-height:var(--mbh-mobile-title-leading);
  }

  .mbh-offer-title-br{
    display:block;
  }

  .mbh-offer-layout{
    grid-template-columns:1fr;
    gap:10px;
  }

  .mbh-offer-nav{
    display:none;
  }

  .mbh-offer-mobile-tabs{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0;
    width:100%;
    border-top:1px solid rgba(255,255,255,0.12);
    border-bottom:1px solid rgba(255,255,255,0.12);
    margin-bottom:8px;
  }

  .mbh-offer-mobile-tab{
    position:relative;
    flex:1 1 0;
    min-width:0;
    text-align:center;
    color:rgba(0,0,0,0.62);
    font-size:13px;
    font-weight:800;
    line-height:1.08;
    letter-spacing:-0.04em;
    padding:10px 4px 9px;
    white-space:nowrap;
  }

  .mbh-offer-mobile-tab.is-active{
    color:var(--mbh-c-orange);
  }

  .mbh-offer-mobile-tab.is-active::after{
    content:"";
    position:absolute;
    left:22%;
    right:22%;
    bottom:-1px;
    height:3px;
    background:var(--mbh-c-orange);
    border-radius:999px;
  }

  .mbh-offer-content,
  .mbh-offer-container,
  .mbh-offer-slider-wrap{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
  }

  .mbh-offer-slider-wrap{
    padding:8px 0 5px;
    overflow:hidden;
  }

  .mbh-offer-swiper,
  .mbh-offer-swiper .swiper-wrapper,
  .mbh-offer-swiper .swiper-slide{
    touch-action:pan-y !important;
  }

  .mbh-offer-swiper{
    overflow:visible;
  }

  .mbh-offer-swiper .swiper-wrapper{
    align-items:center;
  }

  .mbh-offer-swiper .swiper-slide{
    padding:5px 0 8px !important;
    opacity:0.28;
    transform:scale(0.88);
    transform-origin:center bottom;
    transition:
      transform 300ms cubic-bezier(.22,1,.36,1),
      opacity 220ms ease;
  }

  .mbh-offer-swiper .swiper-slide-active{
    opacity:1;
    transform:scale(1);
  }

  .mbh-offer-swiper .swiper-slide-prev,
  .mbh-offer-swiper .swiper-slide-next{
    opacity:0.68;
    transform:scale(0.93);
  }

  .mbh-offer-slide-card{
    width:auto;
    margin:0;
    gap:10px;
  }

  .mbh-offer-slide-media{
    width:auto;
    height:clamp(300px, 95vw, 410px);
    aspect-ratio:var(--mbh-offer-card-ratio, 9 / 14.4);
    border-radius:14px;
  }

  .mbh-offer-slide-screen,
  .mbh-offer-slide-image{
    border-radius:14px;
  }

  .mbh-offer-slide-media,
  .mbh-offer-slide-screen,
  .mbh-offer-slide-image,
  .mbh-offer-slide-label{
    pointer-events:none;
  }

  .mbh-offer-slide-screen{
    font-size:14px;
  }

  .mbh-offer-slide-label{
    font-size:14px;
  }
}

.mbh-offer-scroll-marquee{
  position:relative;
  z-index:1;
  width:100%;
  overflow:hidden;
  min-height:clamp(86px, 8vw, 142px);
  pointer-events:none;
  height:clamp(86px, 9vw, 138px);
  cursor:default;
  background:#fff;
}

.mbh-offer-scroll-track{
  position:absolute;
  top:0;
  left:0;
  display:flex;
  align-items:center;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.mbh-offer-scroll-track.is-copy{
  left:0;
}

.mbh-offer-scroll-text{
  margin:0;
  padding-right:4vw;
  white-space:nowrap;
  line-height:1;
  font-size:clamp(68px, 8vw, 150px);
  font-weight:800;
  letter-spacing:-0.03em;
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1.5px #0054ea;
  text-transform:none;
  transition:transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
}

@media (max-width:768px){
  .mbh-offer-scroll-marquee{
    margin-top:0;
    min-height:48px;
    height:auto;
    padding:26px 0 28px;
    overflow-anchor:none;
  }

  .mbh-offer-scroll-text{
    font-size:52px;
    -webkit-text-stroke:1.2px #0054ea;
  }
}
/* =========================================================
   SECTION 6 / AUDIENCE ORBIT
   ========================================================= */
.mbh-audience-section{
  overflow-anchor:none;
  --mbh-audience-ring-thickness:14px;
  --mbh-audience-ring-size-adjust:-8px;

  position:relative;
  z-index:14;
  background:transparent;
  padding:160px 0 60px;
  overflow:hidden;
}

.mbh-audience-container{
  position:relative;
}

.mbh-audience-head{
  text-align:center;
  max-width:1600px;
  margin:0 auto 8px;
}

.mbh-audience-title{
  margin:0 0 66px;
  color:#000;
  font-weight:800;
  font-size:clamp(52px, 4.2vw, 150px);
  letter-spacing:-0.04em;
  line-height:1.2;
}

.mbh-audience-title-highlight{
  all:unset;
  display:inline;
  color:#000;
  background-image:linear-gradient(var(--mbh-c-orange), var(--mbh-c-orange));
  background-repeat:no-repeat;
  background-size:0% 100%;
  background-position:0 100%;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  padding:0 0.14em 0.04em;
  transition:background-size 700ms cubic-bezier(.22,1,.36,1);
}

.mbh-audience-title-highlight.active{
  color:#fff;
  background-size:100% 100%;
}

.mbh-audience-keywords{
  max-width:1540px;
  margin:0 auto;
}

.mbh-audience-keyword-row{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 12px;
}

.mbh-audience-keyword-row + .mbh-audience-keyword-row{
  margin-top:8px;
}

.mbh-audience-keyword{
  color:rgba(0,0,0,0.34);
  font-size:clamp(22px, 1.7vw, 30px);
  font-weight:800;
  line-height:1.42;
  letter-spacing:-0.03em;
  transition:color 260ms ease, opacity 260ms ease;
  white-space:nowrap;
}

.mbh-audience-keyword.is-on{
  color:var(--mbh-c-orange);
}

.mbh-audience-stage{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.mbh-audience-orbit-wrap{
  position:relative;
  width:min(100%, 900px);
  aspect-ratio:1 / 0.84;
  min-height:610px;
}

.mbh-audience-map-wrap{
  position:absolute;
  left:50%;
  top:47%;
  width:min(73%, 610px);
  transform:translate(-50%, -50%);
  z-index:2;
}

.mbh-audience-map{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}

.mbh-audience-orbit{
  position:absolute;
  left:50%;
  top:47%;
  width:min(58%, 500px);
  aspect-ratio:1 / 1;
  transform:translate(-50%, -50%);
  border:2px dotted rgba(0,0,0,0.38);
  border-radius:50%;
  z-index:1;
}

/* rotator */
.mbh-audience-rotator{
  position:absolute;
  left:50%;
  top:47%;
  width:calc(var(--mbh-audience-orbit-size, 0px) + var(--mbh-audience-ring-size-adjust, -8px));
  height:calc(var(--mbh-audience-orbit-size, 0px) + var(--mbh-audience-ring-size-adjust, -8px));
  transform:translate(-50%, -50%);
  transform-origin:50% 50%;
  z-index:4;
  pointer-events:none;
}

.mbh-audience-rotator-track{
  position:absolute;
  inset:0;
  border-radius:50%;
  transform:rotate(var(--mbh-audience-angle, 90deg));
  transform-origin:50% 50%;
  transition:transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change:transform;
}

.mbh-audience-rotator-track::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 24deg,
      rgba(0,84,234,0.12) 32deg,
      rgba(0,84,234,0.38) 48deg,
      rgba(0,84,234,0.78) 66deg,
      #0054ea 82deg,
      #0054ea 92deg,
      transparent 93deg,
      transparent 360deg
    );
  -webkit-mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - var(--mbh-audience-ring-thickness, 14px)),
      #000 calc(100% - var(--mbh-audience-ring-thickness, 14px)),
      #000 100%,
      transparent 100%
    );
  mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - var(--mbh-audience-ring-thickness, 14px)),
      #000 calc(100% - var(--mbh-audience-ring-thickness, 14px)),
      #000 100%,
      transparent 100%
    );
  filter:drop-shadow(0 0 8px rgba(0,84,234,0.22));
}

.mbh-audience-rotator-track::after{
  content:"";
  position:absolute;
  right: 10px;
  top:50%;
  width:var(--mbh-audience-ring-thickness, 14px);
  height:var(--mbh-audience-ring-thickness, 14px);
  border-radius:50%;
  background:#0054ea;
  transform:translate(0, -50%);
  box-shadow:
    0 0 0 4px rgba(0,84,234,0.18),
    0 0 12px rgba(0,84,234,0.28);
}

/* 예전 SVG 방식 비활성화 */
.mbh-audience-rotator-track > svg,
.mbh-audience-rotator-svg,
.mbh-audience-rotator-path,
.mbh-audience-rotator-marker{
  display:none !important;
}

.mbh-audience-node{
  position:absolute;
  left:0;
  top:0;
  transform:translate(-50%, -50%);
  z-index:5;
  text-align:center;
}

.mbh-audience-node-btn{
  position:relative;
  width:34px;
  height:34px;
  border-radius:999px;
  background:transparent;
  display:grid;
  place-items:center;
}

.mbh-audience-node-core{
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#000;
  transform:translate(-50%, -50%);
  box-shadow:
    0 0 0 4px rgba(0,0,0,0.12),
    0 0 12px rgba(0,0,0,0.14);
  transition:
    background-color 320ms ease,
    box-shadow 320ms ease,
    transform 320ms ease;
}

.mbh-audience-node-radar{
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,0.22);
  background:rgba(0,0,0,0.05);
  transform:translate(-50%, -50%) scale(0);
  opacity:0;
  transition:
    border-color 320ms ease,
    background-color 320ms ease;
}

.mbh-audience-node-label{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(calc(-50% + var(--mbh-label-x, 0px)), calc(-50% + var(--mbh-label-y, 0px))) scale(var(--mbh-label-scale, 1));
  transform-origin:center center;
  color:rgba(0,0,0,0.68);
  font-size:20px;
  font-weight:800;
  letter-spacing:-0.03em;
  line-height:1;
  transition:color 320ms ease, transform 320ms ease;
  white-space:nowrap;
}

.mbh-audience-node-label.is-left{
  text-align:right;
}

.mbh-audience-node .mbh-audience-node-core{
  animation:mbhAudiencePulseCoreWhite 2.4s ease-in-out infinite;
}

.mbh-audience-node .mbh-audience-node-radar{
  animation:mbhAudiencePulseRadarWhite 2.4s ease-in-out infinite;
}

.mbh-audience-node.is-active .mbh-audience-node-core{
  background:#0054ea;
  box-shadow:
    0 0 0 5px rgba(0,84,234,0.22),
    0 0 18px rgba(0,84,234,0.34);
  animation:mbhAudiencePulseCoreOrange 1.7s ease-in-out infinite;
}

.mbh-audience-node.is-active .mbh-audience-node-radar{
  border-color:rgba(0,84,234,0.42);
  background:rgba(0,84,234,0.10);
  animation:mbhAudiencePulseRadarOrange 1.7s ease-in-out infinite;
}

.mbh-audience-node.is-active .mbh-audience-node-label{
  color:#0054ea;
  --mbh-label-scale:1.6;
}

.mbh-audience-center-copy{
  position:absolute;
  left:50%;
  top:47%;
  transform:translate(-50%, -50%);
  z-index:6;
  width:min(28%, 220px);
  min-height:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  pointer-events:none;
}

.mbh-audience-center-copy div{
  color:#111;
  font-size:clamp(18px, 1.4vw, 24px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-0.03em;
  opacity:0;
  transform:translateY(10px);
  animation:mbhAudienceCopyIn 520ms cubic-bezier(.22,1,.36,1) forwards;
}

.mbh-audience-center-copy.is-changing div{
  animation:none;
  opacity:0;
  transform:translateY(10px);
}

@keyframes mbhAudienceCopyIn{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes mbhAudiencePulseCoreWhite{
  0%{
    opacity:0.85;
    transform:translate(-50%, -50%) scale(0.95);
  }
  50%{
    opacity:1;
    transform:translate(-50%, -50%) scale(1.15);
  }
  100%{
    opacity:0.88;
    transform:translate(-50%, -50%) scale(0.95);
  }
}

@keyframes mbhAudiencePulseRadarWhite{
  0%{
    opacity:0;
    transform:translate(-50%, -50%) scale(0);
  }
  50%{
    opacity:0.45;
  }
  100%{
    opacity:0;
    transform:translate(-50%, -50%) scale(4.8);
  }
}

@keyframes mbhAudiencePulseCoreOrange{
  0%{
    opacity:0.9;
    transform:translate(-50%, -50%) scale(1);
  }
  50%{
    opacity:1;
    transform:translate(-50%, -50%) scale(1.18);
  }
  100%{
    opacity:0.92;
    transform:translate(-50%, -50%) scale(1);
  }
}

@keyframes mbhAudiencePulseRadarOrange{
  0%{
    opacity:0;
    transform:translate(-50%, -50%) scale(0);
  }
  55%{
    opacity:0.6;
  }
  100%{
    opacity:0;
    transform:translate(-50%, -50%) scale(6.2);
  }
}

@media (max-width:1024px){
  .mbh-audience-section{
    padding:120px 0 100px;
  }

  .mbh-audience-title{
    margin-bottom:54px;
  }

  .mbh-audience-keyword{
    font-size:clamp(18px, 2vw, 24px);
  }

  .mbh-audience-orbit-wrap{
    width:min(100%, 760px);
    min-height:560px;
  }

  .mbh-audience-node-label{
    font-size:16px;
  }
}

@media (max-width:768px){
  .mbh-audience-section{
    --mbh-audience-ring-thickness:10px;
    padding:84px 16px 76px;
    overflow-anchor:none;
  }

  .mbh-audience-title{
    font-size:clamp(42px, 9vw, 60px);
    line-height:var(--mbh-mobile-title-leading);
    margin-bottom:28px;
  }

   .mbh-audience-keywords{
    max-width:100%;
    padding:0 0 2px;
  }

  .mbh-audience-keyword-row{
    gap:2px 6px;
  }

  .mbh-audience-keyword-row + .mbh-audience-keyword-row{
    margin-top:4px;
  }

  .mbh-audience-keyword{
    font-size:18px;
    line-height:1.34;
    white-space:nowrap;
    padding-top:2px;
    padding-bottom:2px;
  }

  .mbh-audience-orbit-wrap{
    width:100%;
    min-height:min(500px, calc(var(--mbh-app-vh, 100svh) * 0.68));
    aspect-ratio:auto;
  }

  .mbh-audience-map-wrap{
    top:50%;
    width:min(78%, 390px);
  }

  .mbh-audience-orbit{
    top:50%;
    width:min(80%, 400px);
  }

  .mbh-audience-rotator{
    top:50%;
  }

  .mbh-audience-node-btn{
    width:26px;
    height:26px;
  }

  .mbh-audience-node-core{
    width:10px;
    height:10px;
  }

  .mbh-audience-node-radar{
    width:10px;
    height:10px;
  }

  .mbh-audience-node-label{
    font-size:13px;
  }

  .mbh-audience-node.is-active .mbh-audience-node-label{
    --mbh-label-scale:1.32;
  }

  .mbh-audience-center-copy{
    top:50%;
    width:min(34%, 160px);
    gap:5px;
  }

  .mbh-audience-center-copy div{
    font-size:16px;
  }
}

/* =========================================================
   SECTION 6 ROTATOR GEOMETRY FIX
   - 꼬리 중심선과 끝점 중심을 같은 반지름으로 맞춤
   ========================================================= */
.mbh-audience-section{
  --mbh-audience-ring-thickness:12px;
  --mbh-audience-ring-size-adjust:12px;
}

.mbh-audience-rotator{
  width:calc(var(--mbh-audience-orbit-size, 0px) + var(--mbh-audience-ring-size-adjust, 12px));
  height:calc(var(--mbh-audience-orbit-size, 0px) + var(--mbh-audience-ring-size-adjust, 12px));
}

.mbh-audience-rotator-track::before{
  -webkit-mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - var(--mbh-audience-ring-thickness, 12px)),
      #000 calc(100% - var(--mbh-audience-ring-thickness, 12px)),
      #000 100%,
      transparent 100%
    );
  mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - var(--mbh-audience-ring-thickness, 12px)),
      #000 calc(100% - var(--mbh-audience-ring-thickness, 12px)),
      #000 100%,
      transparent 100%
    );
}

.mbh-audience-rotator-track::after{
  width:var(--mbh-audience-ring-thickness, 12px);
  height:var(--mbh-audience-ring-thickness, 12px);
  right:0;
  top:50%;
  transform:translate(0, -50%);
  box-shadow:
    0 0 0 3px rgba(0,84,234,0.14),
    0 0 10px rgba(0,84,234,0.20);
}

@media (max-width:768px){
  .mbh-audience-section{
    --mbh-audience-ring-thickness:9px;
    --mbh-audience-ring-size-adjust:9px;
  }
}

/* =========================================================
   SECTION 7 / STICKY INTRO + CONTENT COVER
   ========================================================= */
.mbh-section7{
  overflow-anchor:none;
  position:relative;
  z-index:16;
  background:#000;
}

.mbh-section7-fixed{
  position:sticky;
  top:0;
  height:28vh;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  z-index:1;
}

.mbh-section7-fixed-inner{
  width:100%;
  padding:0 20px;
  text-align:center;
}

.mbh-section7-intro-title{
  margin:0;
  white-space:nowrap;
  line-height:1;
  font-size:clamp(80px, 14vw, 200px);
  font-weight:800;
  letter-spacing:-0.03em;
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1.5px #0054ea;
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity 700ms cubic-bezier(.22,1,.36,1),
    transform 700ms cubic-bezier(.22,1,.36,1);
  will-change:opacity, transform;
}

.mbh-section7.is-entered .mbh-section7-intro-title{
  opacity:1;
  transform:translateY(0);
}

.mbh-section7-content{
  position:relative;
  z-index:3;
  background:#fff;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
  margin-top:-42px;
  box-shadow:0 -1px 0 rgba(0,0,0,0.06);
}

.mbh-section7-container{
  min-height:80vh;
  padding:80px 40px 80px;
  display:flex;
  align-items:center;
}

.mbh-section7-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(320px, 0.92fr);
  align-items:center;
  gap:100px;
}

.mbh-section7-left,
.mbh-section7-right{
  opacity:0;
  transform:translateY(36px);
  transition:
    opacity 700ms cubic-bezier(.22,1,.36,1),
    transform 700ms cubic-bezier(.22,1,.36,1);
}

.mbh-section7.is-content-visible .mbh-section7-left,
.mbh-section7.is-content-visible .mbh-section7-right{
  opacity:1;
  transform:translateY(0);
}

.mbh-section7.is-content-visible .mbh-section7-right{
  transition-delay:120ms;
}

.mbh-section7-title{
  margin:0;
  color:#000;
  font-weight:800;
  font-size:clamp(48px, 4.3vw, 86px);
  line-height:1.1;
  letter-spacing:-0.05em;
  word-break:keep-all;
  text-align: right;
}

.mbh-section7-step-no{
  color:#000;
  font-size:clamp(20px, 1.3vw, 30px);
  font-weight:700;
  line-height:1.2;
}

.mbh-section7-step-title{
  margin-top:10px;
  color:#0054ea;
  font-size:clamp(34px, 2.6vw, 58px);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-0.05em;
  word-break:keep-all;
}

.mbh-section7-step-line{
  width:100%;
  max-width:390px;
  height:1px;
  margin:18px 0 16px;
  background:rgba(0,0,0,0.28);
}

.mbh-section7-step-desc{
  margin:0;
  color:#4a4a4a;
  font-size:clamp(18px, 1.15vw, 24px);
  font-weight:500;
  line-height:1.7;
  letter-spacing:-0.02em;
  word-break:keep-all;
}

@media (max-width:1024px){
  .mbh-section7-container{
    padding:80px 28px 80px;
  }

  .mbh-section7-grid{
    grid-template-columns:1fr;
    gap:42px;
    align-items:flex-start;
  }

  .mbh-section7-title{
    font-size:clamp(42px, 6vw, 68px);
  }

  .mbh-section7-step-title{
    font-size:clamp(30px, 4.2vw, 48px);
  }

  .mbh-section7-step-line{
    max-width:none;
  }
}

@media (max-width:768px){
  .mbh-section7-fixed{
    height:clamp(140px, calc(var(--mbh-app-vh, 100svh) * 0.22), 190px);
    overflow-anchor:none;
  }

  .mbh-section7-fixed-inner{
    padding:0 16px;
  }

  .mbh-section7-intro-title{
    font-size:clamp(42px, 12vw, 72px);
    -webkit-text-stroke:1.2px #0054ea;
  }

  .mbh-section7-content{
    margin-top:-28px;
    border-top-left-radius:24px;
    border-top-right-radius:24px;
  }

  .mbh-section7-container{
    min-height:calc(var(--mbh-app-vh, 100svh) * 0.62);
    padding:54px 20px 54px;
    align-items:center;
  }

  .mbh-section7-grid{
    gap:40px;
  }

  .mbh-section7-title{
    font-size:clamp(34px, 9.6vw, 60px);
    line-height:1.1;
  }

  .mbh-section7-step-no{
    font-size:22px;
  }

  .mbh-section7-step-title{
    font-size:clamp(28px, 7.8vw, 42px);
  }

  .mbh-section7-step-line{
    margin:14px 0 14px;
  }

  .mbh-section7-step-desc{
    font-size:16px;
    line-height:1.6;
  }

  .mbh-section7-step-desc br{
    display:none;
  }
}
/* =========================================================
   SECTION 8 / LOGO MARQUEE
   ========================================================= */
.mbh-logo-marquee-section{
  overflow-anchor:none;
  position:relative;
  z-index:17;
  background:transparent;
  overflow:hidden;
  display:block;
  opacity:1;
  visibility:visible;
  padding:56px calc(var(--mbh-header-pad) + env(safe-area-inset-left)) 64px calc(var(--mbh-header-pad) + env(safe-area-inset-right));
}

.mbh-logo-marquee-inner{
  position:relative;
  width:100%;
  display:flex;
  flex-direction:column;
  opacity:1;
  visibility:visible;
}

.mbh-logo-marquee-row{
  --mbh-logo-gap:clamp(42px, 3.8vw, 76px);
  --mbh-logo-fade:clamp(56px, 8vw, 160px);
  position:relative;
  width:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:42px;
  opacity:1;
  visibility:visible;
}

.mbh-logo-marquee-row + .mbh-logo-marquee-row{
  margin-top:28px;
}

.mbh-logo-marquee-row::before,
.mbh-logo-marquee-row::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--mbh-logo-fade);
  pointer-events:none;
  z-index:3;
}

.mbh-logo-marquee-row::before{
  left:0;
  background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}

.mbh-logo-marquee-row::after{
  right:0;
  background:linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
}

.mbh-logo-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  flex:none;
  opacity:1;
  visibility:visible;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translate3d(0,0,0);
  animation-play-state:running;
  contain:layout paint;
}

.mbh-logo-marquee-group{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--mbh-logo-gap);
  padding-right:var(--mbh-logo-gap);
  flex:none;
  opacity:1;
  visibility:visible;
}

.mbh-logo-marquee-item{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  opacity:1;
  visibility:visible;
}

.mbh-logo-marquee-row--channel .mbh-logo-marquee-item,
.mbh-logo-marquee-row--press .mbh-logo-marquee-item{
  height:clamp(28px, 2.5vw, 40px);
}

.mbh-logo-marquee-img{
  display:block;
  width:auto;
  height:38px;
  max-width:none;
  object-fit:contain;
  object-position:center;
  opacity:1;
  visibility:visible;
  user-select:none;
  -webkit-user-drag:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.mbh-logo-marquee-img[loading="lazy"]{
  content-visibility:visible;
}

.mbh-logo-marquee-row--channel .mbh-logo-marquee-track--left{
  animation:mbhLogoMarqueeLeft4 80s linear infinite;
}

.mbh-logo-marquee-row--press .mbh-logo-marquee-track--right{
  animation:mbhLogoMarqueeRight4 80s linear infinite;
}

@keyframes mbhLogoMarqueeLeft4{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-50%,0,0); }
}

@keyframes mbhLogoMarqueeRight4{
  from{ transform:translate3d(-50%,0,0); }
  to{ transform:translate3d(0,0,0); }
}

@media (max-width:768px){
  .mbh-logo-marquee-section{
    padding:12px 0 38px;
    overflow-anchor:none;
  }

  .mbh-logo-marquee-inner{
    display:flex;
    flex-direction:column;
    gap:20px;
  }

  .mbh-logo-marquee-row{
    --mbh-logo-gap:28px;
    --mbh-logo-fade:30px;
    height:38px;
    min-height:38px;
    display:flex;
    opacity:1;
    visibility:visible;
  }

  .mbh-logo-marquee-row + .mbh-logo-marquee-row{
    margin-top:0;
  }

  .mbh-logo-marquee-row--channel .mbh-logo-marquee-item{
    height:24px;
  }

  .mbh-logo-marquee-row--press .mbh-logo-marquee-item{
    height:22px;
  }

  .mbh-logo-marquee-row--channel .mbh-logo-marquee-img{
    height:24px;
  }

  .mbh-logo-marquee-row--press .mbh-logo-marquee-img{
    height:22px;
  }

  .mbh-logo-marquee-row--channel .mbh-logo-marquee-track--left{
    animation-duration:34s;
  }

  .mbh-logo-marquee-row--press .mbh-logo-marquee-track--right{
    animation-duration:70s;
  }
}

/* =========================================================
   SECTION 9 / DATA VALUE
   ========================================================= */
.mbh-data-value-section{
  position:relative;
  z-index:18;
  overflow:hidden;
  padding:
    clamp(0px, 8vw, 220px)
    clamp(100px, 9vw, 180px)
    clamp(0px, 8vw, 140px)
    clamp(100px, 9vw, 180px);
  background:transparent;
}

.mbh-data-value-container{
  position:relative;
}

.mbh-data-value-grid{
  display:grid;
  grid-template-columns:minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items:center;
  gap:0;
}

.mbh-data-value-copy{
  position:relative;
  z-index:2;
  max-width:800px;
  top:-100px;
}

.mbh-data-value-title{
  margin:0;
  color:#000;
  font-size:clamp(52px, 4.2vw, 150px);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-0.055em;
  word-break:keep-all;
}

.mbh-data-value-title-highlight{
  all:unset;
  display:inline;
  color:#000;
  background-image:linear-gradient(var(--mbh-c-orange), var(--mbh-c-orange));
  background-repeat:no-repeat;
  background-size:0% 100%;
  background-position:0 100%;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  padding:0 0.14em 0.04em;
  transition:
    color 220ms ease,
    background-size 700ms cubic-bezier(.22,1,.36,1);
}

.mbh-data-value-section.is-visible .mbh-data-value-title-highlight{
  color:#fff;
  background-size:100% 100%;
}

.mbh-data-value-desc{
  margin:28px 0 0;
  color:#4f4f4f;
  font-size:clamp(18px, 1.08vw, 22px);
  font-weight:500;
  line-height:1.8;
  letter-spacing:-0.025em;
  word-break:keep-all;
}

.mbh-data-value-visual{
  position:relative;
  min-height:clamp(420px, 45vw, 720px);
}

.mbh-data-value-apt-wrap{
  position:absolute;
  left:5%;
  top:60%;
  width:min(170%, 1300px);
  aspect-ratio:5 / 2;
  transform:translate3d(-50%, -50%, 0);
  z-index:1;
  pointer-events:none;
}

.mbh-data-value-apt{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  opacity:0;
  visibility:visible;
  clip-path:inset(0 100% 0 0);
  -webkit-clip-path:inset(0 100% 0 0);
  will-change:clip-path, opacity, transform;
  transition:
    clip-path 1400ms cubic-bezier(.22,1,.36,1),
    -webkit-clip-path 1400ms cubic-bezier(.22,1,.36,1),
    opacity 900ms cubic-bezier(.22,1,.36,1);
}

.mbh-data-value-section.is-visible .mbh-data-value-apt{
  opacity:1;
  clip-path:inset(0 0 0 0);
  -webkit-clip-path:inset(0 0 0 0);
  visibility:visible;
  animation:mbhDataValueFloat 3.2s 1.45s ease-in-out infinite;
}

@keyframes mbhDataValueFloat{
  0%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-14px);
  }
  100%{
    transform:translateY(0);
  }
}

.mbh-data-value-stats{
  position:absolute;
  right:0;
  bottom:10%;
  z-index:2;
  width:max-content;
  margin-left:auto;
  text-align:right;
}

.mbh-data-value-contract{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  color:#000;
  line-height:0.95;
  letter-spacing:-0.05em;
  white-space:nowrap;
  text-align:right;
}

.mbh-data-value-contract-label,
.mbh-data-value-contract-unit{
  font-size:clamp(46px, 3vw, 82px);
  font-weight:800;
}

.mbh-data-value-contract-number{
  font-size:clamp(56px, 4.2vw, 98px);
  font-weight:800;
  color:#0054ea;
}

.mbh-data-value-exposure{
  margin-top:8px;
  color:#c9c9c9;
  font-size:clamp(28px, 2.2vw, 52px);
  font-weight:800;
  line-height:1.34;
  letter-spacing:-0.04em;
  white-space:nowrap;
  text-align:right;
}

.mbh-data-value-exposure strong{
  font-weight:800;
  color:inherit;
}

@media (max-width:1180px){
  .mbh-data-value-grid{
    grid-template-columns:1fr;
    gap:36px;
  }

  .mbh-data-value-copy{
    max-width:none;
    top:0;
  }

  .mbh-data-value-visual{
    min-height:620px;
  }

  .mbh-data-value-apt-wrap{
    left:50%;
    top:56%;
    width:min(118%, 900px);
    transform:translate3d(-50%, -50%, 0);
  }

  .mbh-data-value-stats{
    right:0;
    bottom:4%;
  }
}

@media (max-width:768px){
  .mbh-data-value-section{
    padding: 100px 0 44px 16px;
  }

  .mbh-data-value-grid{
    display:block;
    position:relative;
    min-height:640px;
  }

  .mbh-data-value-copy{
    top:0;
    max-width:none;
  }

  .mbh-data-value-title{
    font-size:clamp(42px, 9vw, 60px);
    line-height:var(--mbh-mobile-title-leading);
    letter-spacing:-0.05em;
  }

  .mbh-data-value-desc{
    margin-top:10px;
    font-size:13px;
    line-height:1.7;
  }

  .mbh-data-value-visual{
    position:absolute;
    inset:0;
    min-height:auto;
    overflow:visible;
  }

  .mbh-data-value-apt-wrap{
    position:absolute;
    left:50%;
    top:auto;
    bottom:132px;
    width:min(176%, 720px);
    transform:translate3d(-50%, 0, 0);
    opacity:1;
    visibility:visible;
  }

  .mbh-data-value-stats{
    right: 30px;
    bottom: 88px;
    width:max-content;
    text-align:right;
  }

  .mbh-data-value-contract-label,
  .mbh-data-value-contract-unit{
    font-size:clamp(22px, 5.8vw, 34px);
  }

  .mbh-data-value-contract-number{
    font-size:clamp(42px, 9vw, 60px);
  }

  .mbh-data-value-exposure{
    margin-top:4px;
    font-size:clamp(16px, 4.8vw, 26px);
    line-height:1.1;
  }

  @keyframes mbhDataValueFloat{
    0%{
      transform:translateY(0);
    }
    50%{
      transform:translateY(-8px);
    }
    100%{
      transform:translateY(0);
    }
  }
}


/* =========================================================
   SECTION 10 / PROCESS SHOWCASE
   ========================================================= */
.mbh-process-showcase-section{
  position:relative;
  z-index:18;
  background:transparent;
  overflow:hidden;
}

.mbh-process-showcase-container{
  --mbh-process-left-x:clamp(286px, 16.6vw, 318px);
  --mbh-process-left-w:clamp(220px, 17vw, 280px);
  --mbh-process-left-h:clamp(300px, 23vw, 372px);
  --mbh-process-left-top:clamp(58px, 4.8vw, 94px);

  --mbh-process-right-left:clamp(720px, 54vw, 900px);
  --mbh-process-right-top:clamp(170px, 12vw, 220px);
  --mbh-process-right-h:clamp(410px, 33vw, 510px);

  position:relative;
  z-index:2;
  max-width:none;
  padding-left:calc(var(--mbh-header-pad) + env(safe-area-inset-left));
  padding-right:0;
}

.mbh-process-showcase-marquee{
  position:absolute;
  left:0;
  right:0;
  top:clamp(100px, 6vw, 150px);
  z-index:1;
  overflow:hidden;
  pointer-events:none;
}

.mbh-process-showcase-marquee::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:calc(var(--mbh-process-left-x) + 4px);
  background:#fff;
  z-index:2;
  pointer-events:none;
}

.mbh-process-showcase-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  will-change:transform;
  animation:mbhProcessShowcaseMarquee 28s linear infinite;
}

.mbh-process-showcase-marquee-group{
  display:flex;
  align-items:center;
  gap:54px;
  padding-right:54px;
  flex:none;
}

.mbh-process-showcase-marquee-text{
  display:block;
  flex:none;
  white-space:nowrap;
  font-size:clamp(68px, 8vw, 150px);
  font-weight:800;
  line-height:1;
  letter-spacing:-0.03em;
  color:transparent;
  -webkit-text-stroke:1.5px #0054ea;
  text-stroke:1.5px #0054ea;
}

@keyframes mbhProcessShowcaseMarquee{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-50%,0,0); }
}

.mbh-process-showcase-stage{
  position:relative;
  min-height:clamp(720px, 58vw, 900px);
}

.mbh-process-showcase-title{
  position:absolute;
  left:calc(var(--mbh-process-left-x) + (var(--mbh-process-left-w) / 2) + clamp(34px, 2.7vw, 54px));
  top:calc(var(--mbh-process-left-top) + (var(--mbh-process-left-h) / 2));
  transform:translate(-50%, -50%);
  z-index:6;
  margin:0;
  width:clamp(700px, 56vw, 1040px);
  max-width:none;

  color:#000;
  font-size:clamp(52px, 4.2vw, 120px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-0.04em;
  text-align:center;
}

.mbh-process-showcase-title-highlight{
  all:unset;
  display:inline;
  color:#000;
  background-image:linear-gradient(var(--mbh-c-orange), var(--mbh-c-orange));
  background-repeat:no-repeat;
  background-size:0% 100%;
  background-position:0 100%;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  padding:0 0.14em 0.04em;
  transition:
    color 220ms ease,
    background-size 780ms cubic-bezier(.22,1,.36,1);
}

.mbh-process-showcase-section.is-visible .mbh-process-showcase-title-highlight{
  color:#fff;
  background-size:100% 100%;
}

.mbh-process-showcase-card{
  --mbh-img-overflow:0px;
  --mbh-img-shift:0px;

  position:absolute;
  display:block;
  overflow:hidden;
  text-decoration:none;
  background:#000;
  border-radius:28px;
}

.mbh-process-showcase-card--left{
  left:var(--mbh-process-left-x);
  top:var(--mbh-process-left-top);
  width:var(--mbh-process-left-w);
  height:var(--mbh-process-left-h);
  z-index:4;
  --mbh-img-overflow:200px;
}

.mbh-process-showcase-card--right{
  left:var(--mbh-process-right-left);
  right:0;
  top:var(--mbh-process-right-top);
  width:auto;
  height:var(--mbh-process-right-h);
  z-index:5;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  --mbh-img-overflow:300px;
}

.mbh-process-showcase-card-inner{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  transition:transform 420ms cubic-bezier(.22,1,.36,1), filter 320ms ease;
}

.mbh-process-showcase-card > .mbh-process-showcase-image,
.mbh-process-showcase-card-inner > .mbh-process-showcase-image{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:calc(100% + var(--mbh-img-overflow));
  max-width:none;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:translate3d(0, var(--mbh-img-shift), 0);
  transition:transform 120ms linear;
  will-change:transform;
}

.mbh-process-showcase-copy{
  position:absolute;
  left:clamp(28px, 2.2vw, 40px);
  right:clamp(28px, 2.2vw, 40px);
  bottom:clamp(30px, 2.6vw, 44px);
  z-index:2;
  color:#fff;
}

.mbh-process-showcase-desc{
  margin:0 0 18px;
  color:rgba(255,255,255,0.86);
  font-size:clamp(14px, 1vw, 18px);
  font-weight:500;
  line-height:1.7;
  letter-spacing:-0.02em;
}

.mbh-process-showcase-card-title{
  margin:0;
  color:#fff;
  font-size:clamp(46px, 3.5vw, 72px);
  font-weight:800;
  line-height:1.1;
  letter-spacing:-0.05em;
}

.mbh-process-showcase-view{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:7;
  color:#fff;
  font-size:clamp(28px, 2.1vw, 38px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1;
  text-transform:lowercase;
  opacity:0;
  pointer-events:none;
  transition:opacity 240ms ease;
}

.mbh-process-showcase-card--right:hover .mbh-process-showcase-card-inner{
  transform:scale(1.02);
  filter:blur(8px) brightness(0.68);
}

.mbh-process-showcase-card--right:hover .mbh-process-showcase-view{
  opacity:1;
}

.mbh-process-showcase-rotator{
  position:absolute;
  left:50%;
  bottom:20px;
  width:280px;
  height:280px;
  transform:translateX(-50%);
  z-index:6;
  pointer-events:none;
}

.mbh-process-showcase-rotator-svg{
  width:100%;
  height:100%;
  display:block;
  animation:mbhProcessRotatorSpin 12s linear infinite;
}

.mbh-process-showcase-rotator-text{
  fill:#0054ea;
  font-size:10px;
  font-weight:300;
  letter-spacing:1em;
  text-transform:uppercase;
}

@keyframes mbhProcessRotatorSpin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@media (max-width:1024px){
  .mbh-process-showcase-container{
    --mbh-process-left-x:120px;
    --mbh-process-left-w:220px;
    --mbh-process-left-h:300px;
    --mbh-process-left-top:44px;

    --mbh-process-right-left:520px;
    --mbh-process-right-top:190px;
    --mbh-process-right-h:410px;
  }


  .mbh-process-showcase-marquee{
    top:76px;
  }

  .mbh-process-showcase-title{
    width:640px;
    font-size:clamp(44px, 6.6vw, 88px);
  }

  .mbh-process-showcase-stage{
    min-height:780px;
  }

  .mbh-process-showcase-card-title{
    font-size:clamp(34px, 4.6vw, 56px);
  }

  .mbh-process-showcase-rotator{
    width:220px;
    height:220px;
  }

  .mbh-process-showcase-rotator-text{
    letter-spacing:0.48em;
  }
}

@media (max-width:768px){

  .mbh-process-showcase-container{
    --mbh-process-left-x:18px;
    --mbh-process-left-w:152px;
    --mbh-process-left-h:212px;
    --mbh-process-left-top:18px;

    position:relative;
    max-width:none;
    padding-left:18px;
    padding-right:0;
  }

  .mbh-process-showcase-marquee{
    top:22px;
  }

  .mbh-process-showcase-marquee::before{
    width:calc(var(--mbh-process-left-x) + 2px);
    background:#000;
  }

  .mbh-process-showcase-marquee-group{
    gap:34px;
    padding-right:34px;
  }

  .mbh-process-showcase-marquee-text{
    font-size:clamp(60px, 16vw, 92px);
    -webkit-text-stroke:1.4px #0054ea;
    text-stroke:1.4px #0054ea;
  }

  .mbh-process-showcase-stage{
    min-height:780px;
    margin-top:0;
  }

  .mbh-process-showcase-title{
    left:50%;
    top:176px;
    width:calc(100vw - 0px);
    max-width:100%;
    font-size:clamp(42px, 9vw, 60px);
    line-height:var(--mbh-mobile-title-leading);
    letter-spacing:-0.04em;
  }

  .mbh-process-showcase-title-highlight{
    display:inline-block;
    padding:0 0.12em 0.04em;
    margin-right:0.04em;
  }

  .mbh-process-showcase-card{
    border-radius:22px;
  }

  .mbh-process-showcase-card--left{
    left:var(--mbh-process-left-x);
    top:var(--mbh-process-left-top);
    width:var(--mbh-process-left-w);
    height:var(--mbh-process-left-h);
    --mbh-img-overflow:0px;
  }

  .mbh-process-showcase-card--right{
    left:96px;
    right:0;
    top:252px;
    width:auto;
    height:454px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    --mbh-img-overflow:0px;
  }

  .mbh-process-showcase-copy{
    left: 30px;
    right: 16px;
    bottom: 40px;
  }

  .mbh-process-showcase-desc{
    margin-bottom:12px;
    font-size:13px;
    line-height:1.6;
  }

  .mbh-process-showcase-card-title{
    font-size:clamp(24px, 8vw, 40px);
    line-height:1.12;
  }

  .mbh-process-showcase-view{
    display:none;
  }

  .mbh-process-showcase-card--right:hover .mbh-process-showcase-card-inner{
    transform:none;
    filter:none;
  }

  .mbh-process-showcase-rotator{
    left:calc(var(--mbh-process-left-x) + var(--mbh-process-left-w) - 10px);
    top:calc(var(--mbh-process-left-top) + var(--mbh-process-left-h) - 8px);
    bottom:auto;
    width:264px;
    height:264px;
    transform:none;
  }

  .mbh-process-showcase-rotator-text{
    font-size:10px;
    font-weight:300;
    letter-spacing:0.46em;
  }
}

/* =========================================================
   2026-04-08 / section2 vertical split text motion + line tabs patch
   - 현재 실제 css 끝에 추가
   - 좌/우 세로 분할 유지
   - 텍스트 순차 노출 모션
   - 4px 연결 라인 5분할 인디케이터
   ========================================================= */
.mbh-s2-video-wrap{
  isolation:isolate;
}

.mbh-s2-video-wrap video,
.mbh-s2-video-wrap .mbh-s2-video,
.mbh-s2-video-wrap iframe{
  opacity:var(--mbh-s2-video-opacity, 1);
}

.mbh-s2-split-overlay{
  position:absolute;
  inset:0;
  z-index:20;
  opacity:var(--mbh-s2-split-opacity, 0);
  pointer-events:none;
}

.mbh-second-section.is-s2-split-active .mbh-s2-split-overlay{
  pointer-events:auto;
}

.mbh-s2-split-stage{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  overflow:hidden;
}

.mbh-s2-split-left,
.mbh-s2-split-right{
  position:relative;
  min-width:0;
  min-height:0;
  height:100%;
  will-change:transform;
}

.mbh-s2-split-left{
  overflow:hidden;
  background:#000;
  transform:translate3d(0, calc((1 - var(--mbh-s2-split-reveal, 0)) * -100%), 0);
}

.mbh-s2-split-left-stage{
  position:absolute;
  inset:0;
}

.mbh-s2-split-left-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  z-index:1;
}

.mbh-s2-split-left-slide.is-active{
  opacity:1;
  z-index:2;
}

.mbh-s2-split-left-media{
  position:absolute;
  inset:0;
  display:block;
  background:#000 center center / cover no-repeat;
  opacity:0;
  clip-path:inset(0 100% 0 0);
  transform:translate3d(-3.5%, 0, 0) scale(1.02);
  will-change:clip-path, opacity, transform;
}

.mbh-s2-split-left-slide.is-enter .mbh-s2-split-left-media{
  opacity:1;
  clip-path:inset(0 0 0 0);
  transform:translate3d(0, 0, 0) scale(1);
  transition:
    clip-path 820ms cubic-bezier(.22,1,.36,1),
    opacity 420ms ease,
    transform 820ms cubic-bezier(.22,1,.36,1);
}

.mbh-s2-split-left::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.24) 100%);
  pointer-events:none;
}

.mbh-s2-split-right{
  overflow:hidden;
  background:#000;
  color:#fff;
  transform:translate3d(0, calc((1 - var(--mbh-s2-split-reveal, 0)) * 100%), 0);
}

.mbh-s2-split-right::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0.10) 22%, rgba(0,0,0,0.00) 42%),
    radial-gradient(circle at 84% 52%, rgba(0,84,234,0.18) 0%, rgba(0,84,234,0.00) 38%);
}

.mbh-s2-split-inner{
  position:relative;
  z-index:1;
  height:100%;
  padding:clamp(38px, 5vw, 84px) clamp(28px, 4.2vw, 74px) clamp(34px, 4.4vw, 72px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.mbh-s2-split-copy-head{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:0;
  margin:20% 0 40px 0;
}

.mbh-s2-split-point,
.mbh-s2-split-desc,
.mbh-s2-split-title{
  width:100%;
}

.mbh-s2-split-point{
  margin:0 0 22px;
  font-size:clamp(15px, 1.05vw, 20px);
  font-weight:700;
  line-height:1.35;
  letter-spacing:-0.02em;
  color:#fff;
}

.mbh-s2-split-desc{
  margin:0;
  font-size:clamp(26px, 2.05vw, 44px);
  font-weight:800;
  line-height:1.22;
  letter-spacing:-0.04em;
  color:#fff;
}

.mbh-s2-split-title{
  margin:24px 0 0;
  font-size:clamp(42px, 3.35vw, 76px);
  font-weight:900;
  line-height:1.06;
  letter-spacing:-0.05em;
  color:#0054ea;
}

.mbh-s2-split-reveal{
  display:block;
  overflow:hidden;
}

.mbh-s2-split-reveal + .mbh-s2-split-reveal{
  margin-top:0.08em;
}

.mbh-s2-split-reveal-text{
  display:block;
  opacity:0;
  transform:translate3d(0, 108%, 0);
  transition:
    transform 760ms cubic-bezier(.22,1,.36,1),
    opacity 420ms ease;
  transition-delay:var(--mbh-s2-enter-delay, 0ms);
  will-change:transform, opacity;
}

.mbh-s2-split-overlay.is-text-ready .mbh-s2-split-reveal-text{
  opacity:1;
  transform:translate3d(0, 0, 0);
}

.mbh-s2-split-bottom{
  width:100%;
  margin-top:clamp(32px, 2.4vw, 40px);
  padding-top:0;
  border-top:0;
  display:grid;
  grid-template-columns:auto auto auto auto;
  align-items:center;
  justify-content:flex-start;
  column-gap:clamp(14px, 1.1vw, 20px);
}

.mbh-s2-split-nav{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  font-size:clamp(16px, 1.05vw, 20px);
  font-weight:600;
  line-height:1;
  color:rgba(255,255,255,0.78);
  transition:color 180ms ease, opacity 180ms ease;
}

.mbh-s2-split-nav:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

.mbh-s2-split-counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  color:#fff;
  line-height:1;
}

.mbh-s2-split-current{
  display:inline-block;
  font-size:clamp(16px, 1.05vw, 20px);
  font-weight:600;
  letter-spacing:-0.01em;
}

.mbh-s2-split-slash{
  display:inline-block;
  font-size:clamp(16px, 1.05vw, 20px);
  font-weight:600;
  opacity:0.78;
  transform:none;
}

.mbh-s2-split-total{
  display:inline-block;
  font-size:clamp(16px, 1.05vw, 20px);
  font-weight:600;
  opacity:0.78;
  transform:none;
}

.mbh-s2-split-tabs{
  width:clamp(96px, 6.6vw, 124px);
  flex:0 0 clamp(96px, 6.6vw, 124px);
  max-width:clamp(96px, 6.6vw, 124px);
  display:flex;
  align-items:center;
  gap:0;
  min-width:0;
}

.mbh-s2-split-tab{
  flex:1 1 0;
  height:4px;
  min-width:0;
  cursor:pointer;
  border:0;
  border-radius:0;
  padding:0;
  margin:0;
  background:rgba(255,255,255,0.18);
  transition:background-color 220ms ease;
  box-shadow:inset -1px 0 0 rgba(0,0,0,0.28);
  appearance:none;
  -webkit-appearance:none;
  outline:none;
}

.mbh-s2-split-tab:focus,
.mbh-s2-split-tab:focus-visible{
  outline:none !important;
  box-shadow:inset -1px 0 0 rgba(0,0,0,0.28) !important;
}

.mbh-s2-split-tab:last-child{
  box-shadow:none;
}

.mbh-s2-split-tab.is-active{
  background:#0054ea;
}

@media (hover:hover) and (pointer:fine){
  .mbh-s2-split-nav:hover{
    color:#fff;
  }

  .mbh-s2-split-tab:hover{
    background:rgba(255,255,255,0.34);
  }

  .mbh-s2-split-tab.is-active:hover{
    background:#0054ea;
  }
}


@media (min-width:769px){
  .mbh-s2-below-panel{
    position:sticky;
    top:var(--mbh-s2-below-top, calc(var(--mbh-s2-top, 0px) + var(--mbh-s2-card-h, 0px) + 200px));
    left:0;
    right:0;
    width:var(--mbh-s2-card-w) !important;
    margin:0 auto !important;
    opacity:var(--mbh-s2-below-opacity, 0);
    pointer-events:none;
    transform:translate3d(0, var(--mbh-s2-below-y, 32px), 0);
    will-change:transform, opacity;
    z-index:7;
  }

  .mbh-s2-below-panel.is-active{
    pointer-events:auto;
  }

  .mbh-s2-below-panel-inner{
    display:grid;
    grid-template-columns:minmax(0, 1.08fr) minmax(0, 0.92fr);
    min-height:clamp(360px, 34vw, 560px);
    background:#000;
    border-radius:38px;
    overflow:hidden;
  }

  .mbh-s2-below-media{
    position:relative;
    min-width:0;
    min-height:100%;
    overflow:hidden;
    background:#000;
  }

  .mbh-s2-below-media .mbh-s2-split-left-stage,
  .mbh-s2-below-media .mbh-s2-split-left-slide,
  .mbh-s2-below-media .mbh-s2-split-left-media{
    position:absolute;
    inset:0;
  }

  .mbh-s2-below-copy{
    position:relative;
    min-width:0;
    min-height:100%;
    overflow:hidden;
    background:#000;
    color:#fff;
  }

  .mbh-s2-below-copy::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0.10) 22%, rgba(0,0,0,0.00) 42%),
      radial-gradient(circle at 84% 52%, rgba(0,84,234,0.18) 0%, rgba(0,84,234,0.00) 38%);
  }

  .mbh-s2-below-copy .mbh-s2-split-inner,
  .mbh-s2-below-copy .mbh-s2-split-copy-head,
  .mbh-s2-below-copy .mbh-s2-split-bottom{
    position:relative;
    z-index:1;
  }

  .mbh-s2-below-copy{
    padding:clamp(38px, 5vw, 84px) clamp(28px, 4.2vw, 74px) clamp(34px, 4.4vw, 72px);
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .mbh-s2-below-copy .mbh-s2-split-copy-head{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    min-height:0;
    margin:0 0 40px 0;
  }
}

@media (min-width:769px) and (max-width:900px){
  .mbh-second-section{
    --mbh-s2-track-h:calc(var(--mbh-app-vh, 100svh) * 2.28) !important;
  }

  .mbh-s2-split-stage{
    grid-template-columns:46% 54%;
  }

  .mbh-s2-split-inner{
    padding:26px 22px 24px;
  }

  .mbh-s2-split-point{
    margin-bottom:12px;
    font-size:12px;
  }

  .mbh-s2-split-desc{
    font-size:20px;
    line-height:1.28;
  }

  .mbh-s2-split-title{
    margin-top:18px;
    font-size:34px;
    line-height:1.06;
  }

  .mbh-s2-split-current{
    font-size:34px;
  }

  .mbh-s2-split-slash,
  .mbh-s2-split-total{
    font-size:16px;
    transform:none;
  }

  .mbh-s2-split-bottom{
    margin-top:18px;
    padding-top:0;
    column-gap:12px;
  }
}

@media (max-width:768px){
  .mbh-s2-split-stage{
    grid-template-columns:44% 56%;
  }

  .mbh-s2-split-inner{
    padding:22px 18px 18px;
  }

  .mbh-s2-split-desc{
    font-size:24px;
    line-height:1.22;
  }

  .mbh-s2-split-title{
    margin-top:16px;
    font-size:32px;
  }

  .mbh-s2-split-current{
    font-size:15px;
  }

  .mbh-s2-split-slash,
  .mbh-s2-split-total{
    font-size:15px;
  }

  .mbh-s2-split-tabs{
    width:96px;
    flex-basis:96px;
    max-width:96px;
  }

  .mbh-s2-split-tab{
    height:4px;
  }
}


/* =========================================================
   2026-04-09 / offer section right padding zero + keep visible half card
   ========================================================= */
.mbh-offer-container,
.mbh-offer-content,
.mbh-offer-slider-wrap,
.mbh-offer-swiper{
  padding-right:0;
  margin-right:0;
}



/* =========================================================
   2026-06-16 / Main top slide + video popup correction
   - 기존 히어로 리프트 / 영상 섹션 화면 노출 제거
   - 메인 슬라이드 섹션은 기존 split 계열 톤 유지
   ========================================================= */
.mbh-hero-fixed--disabled,
.mbh-hero-overlap-wrap,
#mbhSecondSection{
  display:none;
}

.mbh-main-slide-section{
  position:relative;
  z-index:1;
  width:100%;
  height:var(--mbh-app-vh, 100vh);
  min-height:720px;
  background:#000;
  color:#fff;
  overflow:hidden;
}

.mbh-main-slide-stage{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:minmax(0, 52%) minmax(420px, 48%);
  background:#000;
}

.mbh-main-slide-media{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#000;
}

.mbh-main-slide-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.26) 100%);
}

.mbh-main-slide-media-item{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:0;
  background:#000 center center / cover no-repeat;
  clip-path:inset(0 100% 0 0);
  transform:translate3d(-3.5%, 0, 0) scale(1.02);
  pointer-events:none;
}

.mbh-main-slide-media-item.is-active{
  z-index:2;
  opacity:1;
  clip-path:inset(0 0 0 0);
  transform:translate3d(0, 0, 0) scale(1);
  transition:
    clip-path 820ms cubic-bezier(.22,1,.36,1),
    opacity 420ms ease,
    transform 820ms cubic-bezier(.22,1,.36,1);
}

.mbh-main-slide-media-item.is-prev{
  z-index:1;
  opacity:1;
  clip-path:inset(0 0 0 0);
  transform:translate3d(0, 0, 0) scale(1);
  transition:opacity 420ms ease;
}

.mbh-main-slide-copy{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#000;
  color:#fff;
}

.mbh-main-slide-copy::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.98) 100%),
    radial-gradient(circle at 84% 52%, rgba(0,84,234,0.18) 0%, rgba(0,84,234,0.00) 38%);
}

.mbh-main-slide-copy-inner{
  position:relative;
  z-index:1;
  height:100%;
  padding:clamp(64px, 7vw, 118px) clamp(28px, 4.2vw, 74px) clamp(42px, 4.6vw, 76px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  box-sizing:border-box;
}

.mbh-main-slide-point{
  margin:0 0 22px;
  font-size:clamp(15px, 1.05vw, 20px);
  font-weight:700;
  line-height:1.35;
  letter-spacing:-0.02em;
  color:#fff;
}

.mbh-main-slide-desc{
  margin:0;
  font-size:clamp(26px, 2.05vw, 44px);
  font-weight:800;
  line-height:1.22;
  letter-spacing:-0.04em;
  color:#fff;
}

.mbh-main-slide-title{
  margin:24px 0 0;
  font-size:clamp(42px, 3.35vw, 76px);
  font-weight:900;
  line-height:1.06;
  letter-spacing:-0.05em;
  color:#0054ea;
}

.mbh-main-slide-bottom{
  width:100%;
  margin-top:clamp(32px, 2.4vw, 40px);
  display:grid;
  grid-template-columns:auto auto auto auto;
  align-items:center;
  justify-content:flex-start;
  column-gap:clamp(14px, 1.1vw, 20px);
}

.mbh-main-slide-nav{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  font-size:clamp(16px, 1.05vw, 20px);
  font-weight:600;
  line-height:1;
  color:rgba(255,255,255,0.78);
  transition:color 180ms ease, opacity 180ms ease;
}

.mbh-main-slide-nav:hover{
  color:#fff;
}

.mbh-main-slide-counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  color:#fff;
  line-height:1;
  font-size:clamp(16px, 1.05vw, 20px);
  font-weight:600;
}

.mbh-main-slide-slash,
.mbh-main-slide-counter span:last-child{
  opacity:.78;
}

.mbh-main-slide-tabs{
  width:clamp(96px, 6.6vw, 124px);
  flex:0 0 clamp(96px, 6.6vw, 124px);
  max-width:clamp(96px, 6.6vw, 124px);
  height:4px;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:0;
  background:rgba(255,255,255,.18);
  overflow:hidden;
}

.mbh-main-slide-tabs button{
  display:block;
  width:100%;
  height:4px;
  background:transparent;
}

.mbh-main-slide-tabs button.is-active{
  background:#0054ea;
}

.mbh-main-slide-video-btn{
  margin-top:clamp(28px, 2.2vw, 42px);
  min-width:142px;
  height:46px;
  padding:0 22px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:-0.03em;
  transition:background 180ms ease, border-color 180ms ease, color 180ms ease;
}

.mbh-main-slide-video-btn:hover{
  border-color:#0054ea;
  background:#0054ea;
}

.mbh-main-slide-stage.is-enter .mbh-main-slide-point,
.mbh-main-slide-stage.is-enter .mbh-main-slide-desc,
.mbh-main-slide-stage.is-enter .mbh-main-slide-title{
  animation:mbhMainSlideTextIn 520ms cubic-bezier(.22,1,.36,1) both;
}

.mbh-main-slide-stage.is-enter .mbh-main-slide-desc{ animation-delay:45ms; }
.mbh-main-slide-stage.is-enter .mbh-main-slide-title{ animation-delay:80ms; }

@keyframes mbhMainSlideTextIn{
  from{ opacity:0; transform:translate3d(0, 18px, 0); }
  to{ opacity:1; transform:translate3d(0, 0, 0); }
}

.mbh-promo-popup--video{
  z-index:2147483000;
}

.mbh-promo-popup--video .mbh-promo-popup-dialog{
  width:min(90vw, 1100px);
  max-width:1100px;
  background:transparent;
  border-radius:0;
  padding:0;
  box-shadow:none;
  overflow:visible;
  color:#fff;
}

.mbh-promo-popup--video .mbh-promo-popup-close--text{
  position:static;
  width:auto;
  height:auto;
  margin:0 auto 18px;
  display:block;
  padding:0;
  background:transparent;
  border:0;
  color:#fff;
  font-size:16px;
  font-weight:800;
  line-height:1;
}


.mbh-promo-video-box{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  background:#000;
  overflow:hidden;
}

.mbh-promo-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}

.mbh-promo-hide-check{
  width:100%;
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1;
}

@media (max-width:900px){
  .mbh-main-slide-section{
    min-height:100svh;
  }

  .mbh-main-slide-stage{
    display:block;
  }

  .mbh-main-slide-media{
    position:absolute;
    inset:0;
  }

  .mbh-main-slide-media::after{
    background:linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.28) 36%, rgba(0,0,0,.92) 100%);
  }

  .mbh-main-slide-copy{
    position:relative;
    z-index:5;
    height:100%;
    background:transparent;
  }

  .mbh-main-slide-copy::before{
    background:linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.42) 44%, rgba(0,0,0,0.96) 100%);
  }

  .mbh-main-slide-copy-inner{
    justify-content:flex-end;
    padding:120px 22px 92px;
  }

  .mbh-main-slide-point{
    margin-bottom:14px;
    font-size:14px;
  }

  .mbh-main-slide-desc{
    font-size:28px;
  }

  .mbh-main-slide-title{
    margin-top:16px;
    font-size:42px;
  }

  .mbh-main-slide-bottom{
    grid-template-columns:auto auto auto;
    row-gap:18px;
  }

  .mbh-main-slide-tabs{
    grid-column:1 / -1;
    width:112px;
    max-width:112px;
  }

  .mbh-main-slide-video-btn{
    height:42px;
    min-width:120px;
    font-size:14px;
  }

  .mbh-promo-popup--video .mbh-promo-popup-dialog{
    width:92vw;
  }

  .mbh-promo-popup--video .mbh-promo-popup-close--text{
    margin-bottom:12px;
    font-size:14px;
  }
}

/* 2026-06-16 / main slide safe patch: 영상 버튼은 메인 이미지 슬라이드 내부에 노출하지 않음 */
.mbh-main-slide-section .mbh-main-slide-video-btn{
  display:none;
}
.mbh-main-slide-stage{
  cursor:grab;
}
.mbh-main-slide-stage:active{
  cursor:grabbing;
}


/* =========================================================
   2026-06-17 / TOP slide scroll + silent video popup cleanup
   - 100vh 고정으로 스크롤이 걸리는 느낌 완화
   - 팝업 영상은 무음 영상 기준으로 버튼 미사용
   ========================================================= */
.mbh-main-slide-section{
  height:clamp(680px, calc(var(--mbh-app-vh, 100svh) - 46px), 920px);
  min-height:680px;
}

.mbh-main-slide-stage{
  height:100%;
  min-height:inherit;
}


@media (max-width:900px){
  .mbh-main-slide-section{
    height:clamp(640px, calc(var(--mbh-app-vh, 100svh) - 34px), 820px);
    min-height:640px;
  }
}

@media (max-width:560px){
  .mbh-main-slide-section{
    height:auto;
    min-height:calc(var(--mbh-app-vh, 100svh) - 28px);
  }
}

/* =========================================================
   2026-06-17 / main slide height correction
   - PC는 기존처럼 100vh 유지
   - 모바일만 100vh에 가까운 높이로 조정하여 과도한 세로 늘어짐 방지
   ========================================================= */
@media (min-width:901px){
  .mbh-main-slide-section{
    height:var(--mbh-app-vh, 100vh);
    min-height:720px;
    max-height:none;
  }
}

@media (max-width:900px){
  .mbh-main-slide-section{
    height:calc(var(--mbh-app-vh, 100svh) - 24px);
    min-height:620px;
    max-height:820px;
  }

  .mbh-main-slide-stage,
  .mbh-main-slide-media,
  .mbh-main-slide-copy{
    height:100%;
  }
}

@media (max-width:560px){
  .mbh-main-slide-section{
    height:calc(var(--mbh-app-vh, 100svh) - 24px);
    min-height:620px;
    max-height:760px;
  }
}

@media (max-width:420px){
  .mbh-main-slide-section{
    height:calc(var(--mbh-app-vh, 100svh) - 22px);
    min-height:600px;
    max-height:730px;
  }
}

/* 2026-06-18 / CASE ADMIN MAIN MARQUEE IMAGE LINK */
.mbh-marquee-thumb-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}

.mbh-marquee-thumb-link > img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}



/* 2026-06-18 / MAIN MARQUEE IMAGE FILL FIX */
.mbh-marquee-card.has-image .mbh-marquee-thumb,
.mbh-marquee-card.has-image .mbh-marquee-thumb-link{
  width:100%;
  height:100%;
  overflow:hidden;
}

.mbh-marquee-card.has-image .mbh-marquee-thumb > img,
.mbh-marquee-card.has-image .mbh-marquee-thumb-link > img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center center;
}


/* 2026-06-18 / MAIN MARQUEE VIEW MODAL POSITION FIX */
.mbh-marquee-view-modal{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100vw;
  height:100dvh;
  padding:40px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:none;
}

.mbh-marquee-view-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.mbh-marquee-view-modal-backdrop{
  position:fixed;
  inset:0;
  border:0;
  background:rgba(0,0,0,0.38);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  cursor:zoom-out;
}

.mbh-marquee-view-modal-dialog{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:min(1180px,92vw);
  max-height:86dvh;
  margin:auto;
  padding:0;
  border:0;
  background:transparent;
  transform:none;
}

.mbh-marquee-view-modal-img{
  display:block;
  max-width:100%;
  max-height:86dvh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 28px 80px rgba(0,0,0,0.42);
}

.mbh-marquee-view-modal-close{
  position:absolute;
  right:-14px;
  top:-14px;
  z-index:3;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,0.58);
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  color:#fff;
  font-size:26px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
}

body.mbh-marquee-view-lock{
  overflow:hidden;
}

@media (max-width:768px){
  .mbh-marquee-view-modal{
    padding:22px;
    height:100dvh;
  }

  .mbh-marquee-view-modal-dialog{
    max-width:94vw;
    max-height:82dvh;
  }

  .mbh-marquee-view-modal-img{
    max-height:82dvh;
    border-radius:10px;
  }

  .mbh-marquee-view-modal-close{
    right:-8px;
    top:-48px;
  }
}


/* 2026-06-18 / OFFER BOARD IMAGE RATIO PATCH */
.mbh-offer-slide-media.has-case-image{
  width:auto;
  height:510px;
  aspect-ratio:var(--mbh-offer-card-ratio, 9 / 17.2);
  background:transparent;
}

.mbh-offer-slide-link{
  display:block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
}

.mbh-offer-slide-media.has-case-image .mbh-offer-slide-image{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  display:block;
  object-fit:contain;
  object-position:center center;
}

@media (hover:hover) and (pointer:fine){
  .mbh-offer-slide-media.has-case-image .mbh-offer-slide-link{
    position:relative;
    overflow:hidden;
    border-radius:inherit;
    cursor:pointer;
  }

  .mbh-offer-slide-media.has-case-image .mbh-offer-slide-image{
    transition:transform 260ms ease;
    transform-origin:center center;
  }

  .mbh-offer-slide-media.has-case-image .mbh-offer-slide-link:hover .mbh-offer-slide-image{
    transform:scale(1.055);
  }

  .mbh-offer-slide-media.has-case-image .mbh-offer-slide-link::after{
    content:"자세히보기";
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    transform:translate(-50%,-50%) scale(0.96);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    height:36px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,0.72);
    border-radius:999px;
    background:rgba(255,255,255,0.84);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    box-shadow:0 12px 28px rgba(0,0,0,0.14);
    color:#111;
    font-size:13px;
    font-weight:800;
    letter-spacing:-0.03em;
    opacity:0;
    transition:opacity 180ms ease, transform 180ms ease;
    pointer-events:none;
  }

  .mbh-offer-slide-media.has-case-image .mbh-offer-slide-link:hover::after{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
  }
}

@media (max-width:768px){
  .mbh-offer-slide-media.has-case-image{
    width:auto;
    height:clamp(300px, 95vw, 410px);
    aspect-ratio:var(--mbh-offer-card-ratio, 9 / 14.4);
  }

  .mbh-offer-slide-media.has-case-image,
  .mbh-offer-slide-media.has-case-image .mbh-offer-slide-link,
  .mbh-offer-slide-media.has-case-image .mbh-offer-slide-image{
    pointer-events:auto;
  }
}

/* =========================================================
   2026-07-01 / MAIN MOBILE PERFORMANCE STABILIZE
   - 메인 모바일 버벅임 완화용: 기존 구조/애니메이션 유지
   - 과도한 레이아웃 재계산 방지
   ========================================================= */
@media (max-width:768px){
  .mbh-page,
  .mbh-section,
  .mbh-offer-section,
  .mbh-audience-section,
  .mbh-data-value-section,
  .mbh-process-showcase-section{
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  .mbh-offer-swiper .swiper-wrapper,
  .mbh-offer-swiper .swiper-slide,
  .mbh-offer-slide-card,
  .mbh-offer-slide-media,
  .mbh-offer-slide-image{
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  .mbh-offer-section{
    padding-top:84px;
    padding-bottom:86px;
  }

  .mbh-offer-slide-media,
  .mbh-offer-slide-media.has-case-image{
    height:clamp(280px, 82vw, 380px);
  }
}

/* =========================================================
   2026-07-01 / iOS MAIN SCROLL SMOOTHING RECHECK
   - iPhone Safari scroll repaint 부담 완화
   - main layout / copy / image position 변경 없음
   - 모바일 iOS에서 과한 clip-path / will-change 유지 비용만 완화
   ========================================================= */
@supports (-webkit-touch-callout:none){
  @media (max-width:768px){
    html,
    body{
      -webkit-overflow-scrolling:touch;
    }

    .mbh-page{
      -webkit-clip-path:none;
      clip-path:none;
      transform:none;
      will-change:auto;
    }

    body[data-mbh-intro-done="1"] .mbh-page{
      -webkit-animation:none;
      animation:none;
      opacity:1;
      transform:none;
      -webkit-clip-path:none;
      clip-path:none;
    }

    .mbh-elastic-char,
    .mbh-text-reveal .mbh-fill,
    .mbh-hero-fixed,
    .mbh-marquee-vtrack,
    .mbh-marquee-vgroup,
    .mbh-data-value-apt,
    .mbh-main-slide-media-item,
    .mbh-offer-card,
    .mbh-process-card{
      will-change:auto;
      backface-visibility:visible;
      -webkit-backface-visibility:visible;
    }

    .mbh-data-value-section.is-visible .mbh-data-value-apt{
      animation:none;
    }

    .mbh-promo-popup-backdrop{
      -webkit-backdrop-filter:none;
      backdrop-filter:none;
    }
  }
}