@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

/* =========================================================
   MB Common
   - 메인/서브 공통 INC 전용
   - header / mega / quick / footer / consult / root reset
   ========================================================= */

/* =========================
   Root / Reset
   ========================= */
:root{
  --mbh-c-orange:#0054ea;
  --mbh-c-black:#000;
  --mbh-c-white:#fff;
  --mbh-bg:#fff;
  --mbh-fg:#000;

  --mbh-maxw:1800px;
  --mbh-header-h:110px;

  --mbh-title-size:clamp(52px, 4.2vw, 150px);
  --mbh-title-weight:800;
  --mbh-title-tracking:-0.05em;
  --mbh-title-leading:0.98;

  --mbh-header-pad:1%;

  --mbh-quick-tab-w:46px;
  --mbh-quick-row-h:148px;
  --mbh-quick-max-panel-w:352px;

  --mbh-hero-line-gap-pc:clamp(2px, 0.18vw, 6px);
  --mbh-hero-line-gap-mo:clamp(1px, 0.6vw, 4px);

  --mbh-audience-orbit-size:0px;
  --mbh-audience-angle:180deg;
  --mbh-app-vh:100svh;
}

@media (max-width:768px){
  :root{
    --mbh-header-pad:16px;
    --mbh-title-size:clamp(45px, 12vw, 65px);
    --mbh-title-leading:1.02;
    --mbh-mobile-title-leading:1.18;
    --mbh-hero-line-gap-mo:clamp(0px, 0.2vw, 1px);

    --mbh-header-h:110px;
    --mbh-quick-row-h:120px;
    --mbh-quick-tab-w:36px;
    --mbh-quick-max-panel-w:308px;
  }
}

*{ box-sizing:border-box; }
html, body{ height:100%; padding:0; margin:0; }

body{
  min-width:320px;
  font-family:Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", Arial, sans-serif;
  background:var(--mbh-bg);
  color:var(--mbh-fg);
  overflow-x:hidden;
  overflow-anchor:none;
  scroll-behavior:auto;
}

body:not(.mbh-sub-page) .mbh-page,
body:not(.mbh-sub-page) .mbh-page section{
  overflow-anchor:none;
}


body::-webkit-scrollbar{
  width:0.2rem;
}

body::-webkit-scrollbar-track{
  background:rgba(255,255,255,0);
}

body::-webkit-scrollbar-thumb{
  background:#000;
}

body::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}

html, body{ cursor:auto; }
a, button{ cursor:pointer; }

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

button{
  -webkit-appearance:none;
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  font:inherit;
  color:inherit;
}

:where(a, button, [role="button"], input, textarea, select):focus-visible{
  outline:2px solid var(--mbh-c-orange);
  outline-offset:3px;
  border-radius:10px;
}

@media (hover:hover) and (pointer:fine){
  button:hover{ filter:brightness(1.02); }
}

.mbh-container{
  width:100%;
  max-width:var(--mbh-maxw);
  margin:0 auto;
}

.mbh-section{ width:100%; }

.mbh-title-main{
  font-weight:var(--mbh-title-weight) !important;
  font-size:var(--mbh-title-size) !important;
  letter-spacing:var(--mbh-title-tracking) !important;
  line-height:var(--mbh-title-leading) !important;
}


/* =========================
   Cursor
   ========================= */
.mbh-cursor{
  position:fixed;
  left:0;
  top:0;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--mbh-c-orange);
  border:0;
  pointer-events:none;
  z-index:9999;
  transform:translate(-100px, -100px);
}

@media (max-width:900px), (pointer:coarse){
  html, body{ cursor:auto; }
  a, button{ cursor:pointer; }
  .mbh-cursor{ display:none !important; }
}

/* =========================
   Global BG
   ========================= */
.mbh-bg-fade{
  position:fixed;
  inset:0;
  background:#000;
  opacity:0;
  transition:opacity 700ms cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  z-index:0;
}

.mbh-orange-bg{
  position:fixed;
  inset:0;
  background:#0054ea;
  opacity:0;
  transition:opacity 180ms linear;
  pointer-events:none;
  z-index:1;
}


/* =========================
   Header
   ========================= */
.mbh-header{
  height:var(--mbh-header-h);
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:6000;
}

.mbh-header-inner{
  width:100%;
  max-width:var(--mbh-maxw);
  margin:0 auto;
  padding-left:calc(var(--mbh-header-pad) + env(safe-area-inset-left));
  padding-right:calc(var(--mbh-header-pad) + env(safe-area-inset-right));
}

.mbh-header-row{
  height:var(--mbh-header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  transition:opacity 180ms ease;
}

.mbh-header-left{
  display:flex;
  align-items:center;
  gap:45px;
  min-width:0;
}

.mbh-logo-wrap{ display:block; }

.mbh-logo-img{
  width:132px;
  height:77px;
  object-fit:contain;
}

.mbh-header-nav{
  display:flex;
  align-items:center;
  gap:20px;
}

.mbh-nav-item{
  font-weight:700;
  font-size:26px;
  letter-spacing:-0.015em;
  color:#000;
  padding:10px 6px;
  margin-top:24px;
}

.mbh-nav-item.is-active{
  color:var(--mbh-c-orange);
}

.mbh-nav-roll{
  display:inline-block;
  height:1em;
  overflow:hidden;
  vertical-align:bottom;
  text-align:center;
}

.mbh-nav-roll-inner{
  display:block;
  will-change:transform;
  -webkit-animation:mbhNavRoll 3.2s ease-in-out infinite;
  animation:mbhNavRoll 3.2s ease-in-out infinite;
}

.mbh-nav-roll-item{
  display:block;
  height:1em;
  line-height:1em;
  text-align:center;
}

@-webkit-keyframes mbhNavRoll{
  0%   { -webkit-transform:translateY(0); transform:translateY(0); }
  35%  { -webkit-transform:translateY(0); transform:translateY(0); }
  45%  { -webkit-transform:translateY(-1em); transform:translateY(-1em); }
  80%  { -webkit-transform:translateY(-1em); transform:translateY(-1em); }
  90%  { -webkit-transform:translateY(-2em); transform:translateY(-2em); }
  100% { -webkit-transform:translateY(-2em); transform:translateY(-2em); }
}
@keyframes mbhNavRoll{
  0%   { -webkit-transform:translateY(0); transform:translateY(0); }
  35%  { -webkit-transform:translateY(0); transform:translateY(0); }
  45%  { -webkit-transform:translateY(-1em); transform:translateY(-1em); }
  80%  { -webkit-transform:translateY(-1em); transform:translateY(-1em); }
  90%  { -webkit-transform:translateY(-2em); transform:translateY(-2em); }
  100% { -webkit-transform:translateY(-2em); transform:translateY(-2em); }
}

.mbh-hamburger-btn{
  width:68px;
  height:68px;
  border-radius:999px;
  background:var(--mbh-c-orange);
  display:flex !important;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  opacity:1 !important;
  visibility:visible !important;
  position:relative;
  z-index:6002;
  -webkit-transform:translateY(10px);
  transform:translateY(10px);
  transition:opacity 180ms ease, transform 180ms ease;
}

.mbh-hamburger-line{
  display:block !important;
  width:51px;
  height:4.8px;
  background:#fff;
  -webkit-transition:-webkit-transform 260ms cubic-bezier(.22,1,.36,1), opacity 260ms cubic-bezier(.22,1,.36,1), background 180ms ease;
  transition:transform 260ms cubic-bezier(.22,1,.36,1), opacity 260ms cubic-bezier(.22,1,.36,1), background 180ms ease;
  will-change:transform, opacity;
}

.mbh-hamburger-btn.is-menu-open .mbh-hamburger-line:nth-child(1){
  -webkit-transform:translateY(6.2px) rotate(45deg);
  transform:translateY(6.2px) rotate(45deg);
}

.mbh-hamburger-btn.is-menu-open .mbh-hamburger-line:nth-child(2){
  -webkit-transform:translateY(-6.2px) rotate(-45deg);
  transform:translateY(-6.2px) rotate(-45deg);
}


@media (max-width:768px){
  .mbh-header-nav{ display:none !important; }
    .mbh-header-row{height: 80px;}
  .mbh-logo-img{
    width:90px;
    height:59px;
  }

  .mbh-hamburger-btn{
    width:57px;
    height:57px;
    gap:7px;
    margin-left:auto;
    transform:none !important;
  }

  .mbh-hamburger-line{
    width:41px;
    height:3.9px;
  }
}

/* =========================
   Mega Menu
   ========================= */
body.mbh-mega-lock{
  overflow:hidden !important;
  touch-action:none;
}

body.mbh-mega-lock .mbh-header{
  pointer-events:none !important;
}

body.mbh-mega-lock .mbh-header-row,
body.mbh-mega-lock .mbh-quick-menu{
  opacity:0 !important;
  pointer-events:none !important;
}

.mbh-mega{
  position:fixed;
  inset:0;
  z-index:7000;
  pointer-events:none;
  opacity:1;
  will-change:opacity;
}

.mbh-mega[aria-hidden="true"]{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.mbh-mega[aria-hidden="false"]{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.mbh-mega.is-opening,
.mbh-mega.is-open,
.mbh-mega.is-closing{
  pointer-events:auto;
}

.mbh-mega-backdrop{
  position:absolute;
  inset:0;
  background:#000;
  border:0;
  padding:0;
  -webkit-clip-path:circle(0px at calc(100% - 44px) 44px);
  clip-path:circle(0px at calc(100% - 44px) 44px);
  opacity:1;
  will-change:clip-path;
  transition:
    -webkit-clip-path 520ms cubic-bezier(.22,1,.36,1),
    clip-path 520ms cubic-bezier(.22,1,.36,1);
}

.mbh-mega.is-open .mbh-mega-backdrop,
.mbh-mega.is-opening .mbh-mega-backdrop{
  -webkit-clip-path:circle(150vmax at calc(100% - 44px) 44px);
  clip-path:circle(150vmax at calc(100% - 44px) 44px);
}

.mbh-mega-close{
  position:absolute;
  top:26px;
  right:26px;
  width:72px;
  height:72px;
  border-radius:999px;
  background:var(--mbh-c-orange);
  color:#fff;
  font-size:44px;
  line-height:1;
  display:grid;
  place-items:center;
  z-index:2;
  opacity:0;
  transform:translate3d(0,-6px,0);
  will-change:transform, opacity;
  transition:
    opacity 260ms cubic-bezier(.22,1,.36,1),
    transform 260ms cubic-bezier(.22,1,.36,1);
  transition-delay:260ms;
}

.mbh-mega.is-open .mbh-mega-close,
.mbh-mega.is-opening .mbh-mega-close{
  opacity:1;
  transform:translate3d(0,0,0);
}

.mbh-mega.is-closing .mbh-mega-backdrop{
  transition-duration:360ms;
}

.mbh-mega.is-closing .mbh-mega-close,
.mbh-mega.is-closing .mbh-mega-col,
.mbh-mega.is-closing .mbh-mega-item{
  transition-duration:220ms;
}

.mbh-mega-wrap{
  position:relative;
  z-index:1;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:100px 24px 10px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.mbh-mega-wrap::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
}

.mbh-mega-grid{
  width:100%;
  max-width:1400px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0;
  padding:0 18px;
}

.mbh-mega-col{
  position:relative;
  padding:0 34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-height:calc(100vh - 100px - 112px);
  opacity:0;
  transform:translate3d(0,14px,0);
  will-change:transform, opacity;
  transition:
    opacity 360ms cubic-bezier(.22,1,.36,1),
    transform 360ms cubic-bezier(.22,1,.36,1);
}

.mbh-mega.is-open .mbh-mega-col,
.mbh-mega.is-opening .mbh-mega-col{
  opacity:1;
  transform:translate3d(0,0,0);
}

.mbh-mega.is-open .mbh-mega-col:nth-child(1),
.mbh-mega.is-opening .mbh-mega-col:nth-child(1){ transition-delay:220ms; }
.mbh-mega.is-open .mbh-mega-col:nth-child(2),
.mbh-mega.is-opening .mbh-mega-col:nth-child(2){ transition-delay:300ms; }
.mbh-mega.is-open .mbh-mega-col:nth-child(3),
.mbh-mega.is-opening .mbh-mega-col:nth-child(3){ transition-delay:380ms; }
.mbh-mega.is-open .mbh-mega-col:nth-child(4),
.mbh-mega.is-opening .mbh-mega-col:nth-child(4){ transition-delay:460ms; }

.mbh-mega.is-closing .mbh-mega-col:nth-child(1){ transition-delay:240ms; }
.mbh-mega.is-closing .mbh-mega-col:nth-child(2){ transition-delay:160ms; }
.mbh-mega.is-closing .mbh-mega-col:nth-child(3){ transition-delay:80ms; }
.mbh-mega.is-closing .mbh-mega-col:nth-child(4){ transition-delay:0ms; }

.mbh-mega-col::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:148px;
  width:1px;
  background:rgba(255,255,255,0.10);
}

.mbh-mega-col:first-child::before{
  display:none;
}

.mbh-mega-title{
  margin:0 0 18px;
  font-weight:800;
  font-size:40px;
  letter-spacing:-0.03em;
  color:var(--mbh-c-orange);
  text-align:center;
}

.mbh-mega-list{
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  max-width:320px;
}

.mbh-mega-item{
  width:100%;
  text-align:center;
  margin:0;
  opacity:0;
  transform:translate3d(0,10px,0);
  will-change:transform, opacity;
  transition:
    opacity 320ms cubic-bezier(.22,1,.36,1),
    transform 320ms cubic-bezier(.22,1,.36,1);
}

.mbh-mega.is-open .mbh-mega-item,
.mbh-mega.is-opening .mbh-mega-item{
  opacity:1;
  transform:translate3d(0,0,0);
}

.mbh-mega.is-open .mbh-mega-item:nth-child(1),
.mbh-mega.is-opening .mbh-mega-item:nth-child(1){ transition-delay:300ms; }
.mbh-mega.is-open .mbh-mega-item:nth-child(2),
.mbh-mega.is-opening .mbh-mega-item:nth-child(2){ transition-delay:340ms; }
.mbh-mega.is-open .mbh-mega-item:nth-child(3),
.mbh-mega.is-opening .mbh-mega-item:nth-child(3){ transition-delay:380ms; }
.mbh-mega.is-open .mbh-mega-item:nth-child(4),
.mbh-mega.is-opening .mbh-mega-item:nth-child(4){ transition-delay:420ms; }
.mbh-mega.is-open .mbh-mega-item:nth-child(5),
.mbh-mega.is-opening .mbh-mega-item:nth-child(5){ transition-delay:460ms; }
.mbh-mega.is-open .mbh-mega-item:nth-child(6),
.mbh-mega.is-opening .mbh-mega-item:nth-child(6){ transition-delay:500ms; }

.mbh-mega.is-closing .mbh-mega-item:nth-child(1){ transition-delay:0ms; }
.mbh-mega.is-closing .mbh-mega-item:nth-child(2){ transition-delay:0ms; }
.mbh-mega.is-closing .mbh-mega-item:nth-child(3){ transition-delay:0ms; }
.mbh-mega.is-closing .mbh-mega-item:nth-child(4){ transition-delay:0ms; }
.mbh-mega.is-closing .mbh-mega-item:nth-child(5){ transition-delay:0ms; }
.mbh-mega.is-closing .mbh-mega-item:nth-child(6){ transition-delay:0ms; }

.mbh-mega-link-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:4px 0;
}

.mbh-mega-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  font-weight:600;
  font-size:20px;
  letter-spacing:-0.01em;
  padding:4px 0;
}

.mbh-mega-acc-btn{
  width:100%;
  border:0;
  background:transparent;
  color:#fff;
  font-weight:700;
  font-size:20px;
  letter-spacing:-0.01em;
  padding:6px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.mbh-mega-pm{
  font-size:22px;
  font-weight:800;
  opacity:0.75;
  line-height:1;
}

.mbh-mega-badge{
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  background:var(--mbh-c-orange);
  color:#fff;
  font-size:11px;
  font-weight:800;
  border-radius:2px;
  line-height:1;
}

.mbh-mega-panel{
  width:100%;
  max-height:0;
  overflow:hidden;
  transition:max-height 260ms cubic-bezier(.22,1,.36,1);
}

.mbh-mega-panel.is-open{
  max-height:260px;
}

.mbh-mega-panel-inner{
  margin:8px auto 6px;
  width:100%;
  max-width:240px;
  background:var(--mbh-c-orange);
  border-radius:10px;
  padding:16px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.mbh-mega-child-link{
  display:block;
  width:100%;
  padding:4px 0;
  font-weight:600;
  font-size:18px;
  color:#fff;
  text-align:center;
}

@media (max-width:900px){
  .mbh-mega-wrap{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:108px;
    align-items:flex-start;
    justify-content:flex-start;
    height:auto;
    max-height:none;
    box-sizing:border-box;
    padding:100px 18px 20px;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .mbh-mega-grid{
    max-width:520px;
    grid-template-columns:1fr;
  }

  .mbh-mega-col{
    min-height:auto;
    padding:22px 0 18px;
  }

  .mbh-mega-col::before{ display:none; }

  .mbh-mega-title{
    font-size:44px;
    margin-bottom:14px;
  }

  .mbh-mega-list{ max-width:360px; }

  .mbh-mega-link,
  .mbh-mega-acc-btn{
    font-size:16px;
    padding:10px 0;
  }

  .mbh-mega-panel.is-open{
    max-height:360px;
  }

  .mbh-mega-panel-inner{
    max-width:320px;
    border-radius:12px;
  }

  .mbh-mega-close{
    top:18px;
    right:18px;
    width:66px;
    height:66px;
    font-size:42px;
    transition-delay:220ms;
  }

  .mbh-mega-backdrop{
    -webkit-clip-path:circle(0px at calc(100% - 34px) 38px);
    clip-path:circle(0px at calc(100% - 34px) 38px);
  }

  .mbh-mega.is-open .mbh-mega-backdrop,
  .mbh-mega.is-opening .mbh-mega-backdrop{
    -webkit-clip-path:circle(160vmax at calc(100% - 34px) 38px);
    clip-path:circle(160vmax at calc(100% - 34px) 38px);
  }
}

/* 메가 열렸을 때 히어로/2섹션 겹침 방지 */
body.mbh-mega-lock .mbh-hero-fixed,
body.mbh-mega-lock .mbh-second-section{
  opacity:0 !important;
  pointer-events:none !important;
}


/* Header PC call number
   - PC에서 햄버거 좌측 전화번호 노출
   - 메뉴/로고 밀림 방지를 위해 전화번호 폭만 보수적으로 정리
   - 모바일은 기존 디자인 유지
*/
.mbh-header-call{
  display:none;
}

@media (min-width:901px){
  .mbh-header-call{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    margin-left:auto;
    margin-top:24px;
    margin-right:18px;
    color:#000;
    font-size:40px;
    line-height:1;
    letter-spacing:-0.035em;
    font-weight:900;
    white-space:nowrap;
    text-decoration:none;
    transition:color .28s ease, opacity .28s ease;
  }

  .mbh-header-call:hover{
    color:#0054ea;
  }

  body.mbh-header-on-dark .mbh-header-call,
  body.mbh-header-on-orange .mbh-header-call{
    color:#fff;
  }

  body.mbh-header-on-dark .mbh-header-call:hover,
  body.mbh-header-on-orange .mbh-header-call:hover{
    color:#0054ea;
  }

  

  

  
}

@media (max-width:900px){
  .mbh-header-call{
    display:none;
  }
}

/* =========================
   Quick Menu
   ========================= */
.mbh-quick-menu{
  position:fixed;
  right:0;
  top:52%;
  transform:translateY(-50%);
  z-index:1200;
  pointer-events:none;
  transition:opacity 180ms ease;
}

.mbh-quick-wrap{
  pointer-events:none;
  display:grid;
  justify-items:end;
  gap:0;
}

.mbh-quick-row,
.mbh-quick-top-row,
.mbh-quick-tab,
.mbh-quick-panel,
.mbh-quick-close,
.mbh-quick-circle-item,
.mbh-quick-circle-item--button,
.mbh-quick-top-btn{
  pointer-events:auto;
}

.mbh-quick-left,
.mbh-quick-items,
.mbh-quick-tab-label,
.mbh-quick-panel *{
  pointer-events:auto;
}

.mbh-quick-row,
.mbh-quick-top-row{
  position:relative;
  height:var(--mbh-quick-row-h);
  width:calc(var(--mbh-quick-tab-w) + var(--mbh-quick-max-panel-w));
  display:flex;
  align-items:stretch;
}

.mbh-quick-row{
  --mbh-panel-w:320px;
  right:calc(-1 * var(--mbh-quick-max-panel-w));
  transition:right 260ms cubic-bezier(.22,1,.36,1);
}

.mbh-quick-row.is-open{
  right:calc(-1 * (var(--mbh-quick-max-panel-w) - var(--mbh-panel-w)));
}

.mbh-quick-row--download{ --mbh-panel-w:286px; }
.mbh-quick-row--consult{ --mbh-panel-w:352px; }

.mbh-quick-tab{
  width:var(--mbh-quick-tab-w);
  height:var(--mbh-quick-row-h);
  border:0;
  padding:0;
  margin:0;
  display:grid;
  place-items:center;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}

.mbh-quick-tab-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transform:rotate(-90deg);
  transform-origin:center;
  white-space:nowrap;
  margin-left:0;
}

.mbh-quick-tab-text{
  display:block;
  font-weight:600;
  font-size:20px;
  line-height:1;
}

.mbh-quick-tab-icon-wrap{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.mbh-quick-tab-icon{
  position:absolute;
  inset:0;
  width:18px;
  height:18px;
  object-fit:contain;
  flex:0 0 auto;
  transition:opacity 260ms ease, transform 260ms ease, filter 260ms ease;
}

.mbh-quick-tab-icon--base{
  opacity:1;
}

.mbh-quick-tab-icon--hover{
  opacity:0;
}

.mbh-quick-tab--dark{ background:#111; color:#fff; }
.mbh-quick-tab--orange{ background:#0054ea; color:#fff; }

.mbh-quick-panel{
  width:var(--mbh-panel-w);
  height:var(--mbh-quick-row-h);
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:0 12px 0 8px;
  justify-content:space-between;
}

.mbh-quick-panel--dark{ background:#111; }
.mbh-quick-panel--orange{ background:#0054ea; }

.mbh-quick-left{
  display:flex;
  align-items:center;
  gap:26px;
}

.mbh-quick-divider{
  width:1px;
  height:80px;
  background:rgba(255,255,255,0.10);
  opacity:0.7;
}
.mbh-quick-divider--light{ background:rgba(255,255,255,0.55); }

.mbh-quick-items{
  display:flex;
  align-items:center;
  gap:22px;
}

.mbh-quick-circle-item{
  display:grid;
  place-items:center;
  gap:10px;
}

.mbh-quick-circle{
  width:73px;
  height:73px;
  border-radius:999px;
  background:rgba(255,255,255,0.10);
  display:grid;
  place-items:center;
  margin-bottom:5px;
}
.mbh-quick-circle--white{ background:#fff; }

.mbh-quick-circle img{
  width:33px;
  height:33px;
  object-fit:contain;
}

.mbh-quick-text{
  color:#fff;
  font-weight:600;
  font-size:16px;
  margin-left: -16px;
  text-align:center;
  line-height:1;
  white-space:pre-line;
}

.mbh-quick-close{
  width:38px;
  height:38px;
  border-radius:12px;
  border:0;
  background:transparent;
  color:#fff;
  display:grid;
  place-items:center;
  margin-left:10px;
  flex-shrink:0;
  font-size:24px;
  line-height:1;
}

.mbh-quick-top-row{
  right:calc(-1 * var(--mbh-quick-max-panel-w));
}

.mbh-quick-top-btn{
  width:var(--mbh-quick-tab-w);
  height:var(--mbh-quick-row-h);
  border:0;
  padding:0;
  margin:0;
  color:#0054ea;
  display:grid;
  place-items:center;
  background:transparent;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  overflow:visible;
}

.mbh-quick-top-btn span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transform:rotate(-90deg);
  transform-origin:center;
  font-weight:600;
  font-size:24px;
  margin-left:0;
  line-height:1;
  white-space:nowrap;
}

@media (max-width:768px){
  .mbh-quick-menu{
    display:block !important;
    right:0;
    top:32%;
    bottom:18px;
    transform:none;
  }

  .mbh-quick-row,
  .mbh-quick-top-row{
    height:var(--mbh-quick-row-h);
    width:calc(var(--mbh-quick-tab-w) + var(--mbh-quick-max-panel-w));
  }

  .mbh-quick-row--download{ --mbh-panel-w:270px; }
  .mbh-quick-row--consult{ --mbh-panel-w:308px; }

  .mbh-quick-tab-label{
    gap:6px;
    margin-left:0;
  }

  .mbh-quick-tab-text,
  .mbh-quick-top-btn span{
    font-size:18px;
  }

  .mbh-quick-tab-icon-wrap{
    width:16px;
    height:16px;
    flex-basis:16px;
  }

  .mbh-quick-tab-icon{
    width:16px;
    height:16px;
  }

  .mbh-quick-circle{
    width:62px;
    height:62px;
  }

  .mbh-quick-circle img{
    width:29px;
    height:29px;
  }

  .mbh-quick-text{
    font-size:16px;
  }
}


/* =========================
   Quick row final sizing
   ========================= */
.mbh-quick-row{
  width:calc(var(--mbh-quick-tab-w) + var(--mbh-panel-w));
  right:calc(-1 * var(--mbh-panel-w));
}

.mbh-quick-row.is-open{
  right:0;
}

.mbh-quick-top-row{
  width:var(--mbh-quick-tab-w);
  right:0;
}

/* Mega desktop guard
   - mobile accordion rules must not affect desktop hamburger menu
*/
@media (min-width:901px){
  .mbh-mega .mbh-mega-title{
    display:block;
  }

  .mbh-mega .mbh-mega-list{
    max-height:none;
    opacity:1;
    overflow:visible;
    pointer-events:auto;
  }

  .mbh-mega .mbh-mega-item{
    opacity:0;
    transform:translate3d(0,10px,0);
  }

  .mbh-mega.is-open .mbh-mega-item,
  .mbh-mega.is-opening .mbh-mega-item{
    opacity:1;
    transform:translate3d(0,0,0);
  }

  .mbh-mega .mbh-mega-mobile-toggle{
    display:none;
  }
}

/* =========================================================
   SECTION 11 / FINAL CONSULT
   ========================================================= */
.mbh-final-consult-section{
  position:relative;
  z-index:18;
  background:transparent;
  padding:clamp(96px, 8vw, 136px) 0 clamp(112px, 9vw, 168px);
}

.mbh-final-consult-section::before,
.mbh-final-consult-section::after{
  content:none;
}

.mbh-final-consult-container{
  max-width:1080px;
  padding-left:20px;
  padding-right:20px;
}

.mbh-final-consult-head{
  text-align:center;
}

.mbh-final-consult-title{
  margin:0;
  color:#000;
  transition:color 260ms ease;
  font-size:clamp(54px, 5.2vw, 96px);
  font-weight:800;
  line-height:1;
  letter-spacing:-0.05em;
}

.mbh-final-consult-desc{
  margin:12px 0 0;
  color:#000;
  transition:color 260ms ease;
  font-size:clamp(16px, 1.05vw, 20px);
  font-weight:500;
  line-height:1.7;
  letter-spacing:-0.02em;
}

.mbh-final-consult-form{
  margin-top:clamp(56px, 4.6vw, 76px);
}

.mbh-final-consult-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:clamp(18px, 1.8vw, 36px);
  align-items:start;
}

.mbh-final-consult-field{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.mbh-final-consult-field + .mbh-final-consult-field,
.mbh-final-consult-grid,
.mbh-final-consult-bottom{
  margin-top:16px;
}

.mbh-final-consult-grid .mbh-final-consult-field{
  min-height:96px;
}

.mbh-final-consult-grid .mbh-final-consult-field + .mbh-final-consult-field{
  margin-top:0;
}

.mbh-final-consult-grid .mbh-final-consult-label{
  min-height:28px;
  display:flex;
  align-items:flex-start;
}

.mbh-final-consult-label{
  display:block;
  margin:0 0 12px;
  color:#000;
  transition:color 260ms ease;
  font-size:clamp(18px, 1.08vw, 22px);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-0.03em;
}

.mbh-final-consult-input,
.mbh-final-consult-textarea{
  width:100%;
  border:0;
  outline:0;
  box-shadow:none;
  font:inherit;
}

.mbh-final-consult-input{
  height:56px;
  color:#000;
  padding:0 0 12px;
  background:transparent;
  border-bottom:1px solid #bbbbbb;
  transition:color 260ms ease, border-color 260ms ease;
  border-radius:0;
  font-size:clamp(16px, 1vw, 18px);
  line-height:1.4;
}

.mbh-final-consult-textarea{
  min-height:184px;
  color:#fff;
  resize:none;
  padding:20px 24px;
  background:#181818;
  border-radius:14px;
  font-size:clamp(16px, 1vw, 18px);
  line-height:1.7;
  margin: 12px 0 0 0;
}

.mbh-final-consult-input::placeholder,
.mbh-final-consult-textarea::placeholder{
  color:#808080;
  opacity:1;
}

.mbh-final-consult-bottom{
  position:relative;
}

.mbh-final-consult-memo-box{
  position:relative;
  width:100%;
}

.mbh-final-consult-submit{
  position:absolute;
  right:-60px;
  bottom:-60px;
  width:142px;
  height:142px;
  border-radius:999px;
  background:#0054ea;
  color:#fff;
  font-size:22px;
  font-weight:800;
  line-height:1;
  letter-spacing:-0.03em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index:3;
  animation:mbhFinalConsultFloat 3.2s ease-in-out infinite;
}

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

.mbh-final-consult-checkWrap{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  min-height:28px;
}

.mbh-final-consult-checkInput{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.mbh-final-consult-checkBox{
  width:24px;
  height:24px;
  border:2px solid #5f5f5f;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#5f5f5f;
  flex:0 0 auto;
  cursor:pointer;
  transition:border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.mbh-final-consult-checkIcon{
  font-size:13px;
  line-height:1;
}

.mbh-final-consult-checkInput:checked + .mbh-final-consult-checkBox{
  border-color:#0054ea;
  color:#0054ea;
}

.mbh-final-consult-lbl{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex-wrap:wrap;
}

.mbh-final-consult-checkText{
  color:#555;
  transition:color 260ms ease;
  font-size:14px;
  line-height:1.5;
  letter-spacing:-0.02em;
  cursor:pointer;
}

.mbh-final-consult-privacy-open{
  border:0;
  background:transparent;
  padding:0;
  color:#555;
  transition:color 260ms ease;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-0.02em;
  text-decoration:underline;
  text-underline-offset:3px;
}

.mbh-final-consult-section.is-tone-dark .mbh-final-consult-title,
.mbh-final-consult-section.is-tone-dark .mbh-final-consult-desc,
.mbh-final-consult-section.is-tone-dark .mbh-final-consult-label,
.mbh-final-consult-section.is-tone-dark .mbh-final-consult-input,
.mbh-final-consult-section.is-tone-dark .mbh-final-consult-checkText,
.mbh-final-consult-section.is-tone-dark .mbh-final-consult-privacy-open{
  color:#fff;
}

.mbh-final-consult-section.is-tone-dark .mbh-final-consult-input{
  border-bottom-color:rgba(255,255,255,0.45);
}

.mbh-final-consult-privacy-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 220ms ease, visibility 220ms ease;
}

.mbh-final-consult-privacy-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

body.mbh-final-consult-modal-lock{
  overflow:hidden;
}

body.mbh-final-consult-modal-lock .mbh-cursor{
  opacity:0;
}

.mbh-final-consult-privacy-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.78);
}

.mbh-final-consult-privacy-dialog{
  position:relative;
  width:min(92vw, 680px);
  max-height:calc(100vh - 72px);
  overflow:auto;
  margin:0;
  background:#fff;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:40px 28px 40px;
  color:#fff;
  box-shadow:0 18px 54px rgba(0,0,0,0.35);
}

.mbh-final-consult-privacy-close{
  position:absolute;
  top:12px;
  right:14px;
  width:36px;
  height:36px;
  border-radius:999px;
  color:#000;
  font-size:28px;
  line-height:1;
  display:grid;
  place-items:center;
}

.mbh-final-consult-privacy-title{
  margin:0 0 18px;
  font-size:26px;
  font-weight:800;
  letter-spacing:-0.03em;
  color: #000;
}

.mbh-final-consult-privacy-body{
  color:#222;
  font-size:15px;
  line-height:1.8;
  letter-spacing:-0.02em;
}

.mbh-final-consult-privacy-body p{
  margin:0;
}

.mbh-final-consult-privacy-body p + p,
.mbh-final-consult-privacy-body ul + p{
  margin-top:14px;
}

.mbh-final-consult-privacy-body ul{
  margin:14px 0 0;
  padding-left:18px;
}

.mbh-final-consult-privacy-body li + li{
  margin-top:6px;
}

@media (max-width:768px){
  .mbh-final-consult-section{
    padding:100px 0 100px;
  }

  .mbh-final-consult-container{
    padding-left:18px;
    padding-right:18px;
  }

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

  .mbh-final-consult-desc{
    margin-top:16px;
    font-size:13px;
    line-height:1.7;
  }

  .mbh-final-consult-form{
    margin-top:42px;
  }

  .mbh-final-consult-grid{
    grid-template-columns:1fr;
    gap:0;
    margin-top:16px;
  }

  .mbh-final-consult-grid .mbh-final-consult-field{
    min-height:0;
  }

  .mbh-final-consult-grid .mbh-final-consult-label{
    min-height:0;
  }

  .mbh-final-consult-grid .mbh-final-consult-field + .mbh-final-consult-field{
    margin-top:16px;
  }

  .mbh-final-consult-label{
    margin-bottom:9px;
    font-size:16px;
  }

  .mbh-final-consult-input{
    height:50px;
    padding-bottom:10px;
    font-size:15px;
  }

  .mbh-final-consult-textarea{
    min-height:136px;
    padding:16px 18px 74px;
    font-size:15px;
    border-radius:12px;
  }

  .mbh-final-consult-submit{
    right: 0px;
    bottom: -80px;
    width: 114px;
    height: 114px;
    font-size: 18px;
  }

  .mbh-final-consult-checkWrap{
    margin-top:10px;
    align-items:flex-start;
  }

  .mbh-final-consult-lbl{
    gap:8px;
  }

  .mbh-final-consult-checkText,
  .mbh-final-consult-privacy-open{
    font-size:13px;
  }

  .mbh-final-consult-privacy-dialog{
    width:min(90vw, 560px);
    margin-top:8vh;
    padding:22px 16px 18px;
    border-radius:16px;
  }

  .mbh-final-consult-privacy-title{
    font-size:22px;
  }

  .mbh-final-consult-privacy-body{
    font-size:13px;
    line-height:1.7;
  }
}


/* =========================
   Motion Reduce
   ========================= */
@media (prefers-reduced-motion:reduce){
  .mbh-nav-roll-inner,
  .mbh-text-reveal.is-play .mbh-fill,
  body[data-mbh-intro-done="1"] .mbh-page{
    -webkit-animation:none !important;
    animation:none !important;
  }

  .mbh-intro-overlay,
  .mbh-bg-fade,
  .mbh-orange-bg,
  .mbh-second-section,
  .mbh-brand-line,
  .mbh-mega-backdrop,
  .mbh-mega-close,
  .mbh-mega-col,
  .mbh-mega-item,
  .mbh-mega-panel,
  .mbh-quick-row,
  .mbh-s2-video-wrap{
    transition:none !important;
  }
}


/* =========================================================
   2026-04-01 / final cleanup
   - 중복 추가분 정리본
   - v3 / v5 / v6 / 임시 hover 코드 통합
   ========================================================= */

.mbh-logo-img,
.mbh-logo-wrap,
.mbh-nav-item,
.mbh-nav-roll-item,
.mbh-mega-link,
.mbh-mega-acc-btn,
.mbh-mega-child-link,
.mbh-mega-close,
.mbh-quick-tab,
.mbh-quick-close,
.mbh-quick-top-btn,
.mbh-quick-text,
.mbh-process-showcase-view,
.mbh-process-showcase-card-title,
.mbh-final-consult-checkText,
.mbh-final-consult-privacy-open,
.mbh-final-consult-privacy-close,
.mbh-final-consult-submit,
.mbh-footer-downloads a,
.mbh-footer-sns a,
.mbh-footer-phone-link,
.mbh-hamburger-btn,
.mbh-hamburger-line{
  transition:
    color 260ms ease,
    background-color 260ms ease,
    border-color 260ms ease,
    opacity 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease,
    transform 260ms ease;
}

/* =========================
   기본 포인터 유지 / 커스텀 커서 숨김
   ========================= */
html,
body{
  cursor:auto !important;
}

a,
button,
[role="button"],
label,
.mbh-final-consult-checkBox,
.mbh-final-consult-checkText,
.mbh-final-consult-privacy-open,
.mbh-final-consult-privacy-close,
.mbh-final-consult-privacy-backdrop,
.mbh-process-showcase-card--right,
.mbh-footer-sns a,
.mbh-footer-downloads a,
.mbh-footer-phone-link,
.mbh-quick-circle-item,
.mbh-quick-circle,
.mbh-quick-circle img,
.mbh-quick-text{
  cursor:pointer !important;
}

input,
textarea,
select{
  cursor:text !important;
}

.mbh-cursor{
  display:block !important;
  opacity:1;
  visibility:visible;
  pointer-events:none !important;
}

body.mbh-final-consult-modal-lock .mbh-cursor{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* 개인정보 팝업도 시스템 커서 유지 */
.mbh-final-consult-privacy-modal,
.mbh-final-consult-privacy-dialog,
.mbh-final-consult-privacy-body{
  cursor:auto !important;
}

.mbh-final-consult-privacy-close,
.mbh-final-consult-privacy-backdrop,
.mbh-final-consult-privacy-open,
.mbh-final-consult-checkBox,
.mbh-final-consult-checkText{
  cursor:pointer !important;
}

/* =========================
   Header dark/orange state
   ========================= */
body.mbh-header-on-dark .mbh-logo-img{
  filter:brightness(0) invert(1);
}

body.mbh-header-on-dark .mbh-nav-item{
  color:#fff;
}

body.mbh-header-on-dark .mbh-nav-item.is-active,
body.mbh-header-on-dark .mbh-nav-item:hover{
  color:#0054ea;
}

body.mbh-header-on-dark .mbh-hamburger-btn{
  background:#0054ea;
}

body.mbh-header-on-dark .mbh-hamburger-line{
  background:#fff;
}

body.mbh-header-on-orange .mbh-logo-img{
  filter:none;
}

body.mbh-header-on-orange .mbh-nav-item{
  color:#000;
}

body.mbh-header-on-orange .mbh-nav-item.is-active,
body.mbh-header-on-orange .mbh-nav-item:hover{
  color:#fff;
}

body.mbh-header-on-orange .mbh-hamburger-btn{
  background:#fff;
}

body.mbh-header-on-orange .mbh-hamburger-line{
  background:#000;
}

/* 헤더 첫 메뉴 : 기본은 기존대로, hover 때만 주황 배경 + 흰 글자 */
.mbh-header-nav > .mbh-nav-item.is-active{
  background:transparent !important;
}

.mbh-header-nav > .mbh-nav-item.is-active::before,
.mbh-header-nav > .mbh-nav-item.is-active::after{
  content:none !important;
  display:none !important;
}

@media (hover:hover) and (pointer:fine){
  .mbh-header-nav > .mbh-nav-item.is-active:hover{
    background:#0054ea !important;
    color:#fff !important;
  }

  .mbh-header-nav > .mbh-nav-item.is-active:hover .mbh-nav-roll,
  .mbh-header-nav > .mbh-nav-item.is-active:hover .mbh-nav-roll-inner,
  .mbh-header-nav > .mbh-nav-item.is-active:hover .mbh-nav-roll-item{
    color:#fff !important;
  }
}

/* =========================
   Final consult submit hover
   ========================= */
.mbh-final-consult-submit{
  overflow:visible;
  isolation:isolate;
  transform-origin:center center;
}

.mbh-final-consult-submit::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#0054ea;
  opacity:0;
  pointer-events:none;
  z-index:-1;
}

@media (hover:hover) and (pointer:fine){
  .mbh-final-consult-submit:hover{
    animation:none !important;
    transform:translateY(0) scale(1.06) !important;
  }

  .mbh-final-consult-submit:hover::before{
    opacity:1;
    -webkit-animation:ping 0.8s ease-in-out infinite both;
            animation:ping 0.8s ease-in-out infinite both;
  }
}

@-webkit-keyframes ping{
  0%{
    -webkit-transform:scale(0.2);
            transform:scale(0.2);
    opacity:0.8;
  }
  80%{
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
    opacity:0;
  }
  100%{
    -webkit-transform:scale(2.2);
            transform:scale(2.2);
    opacity:0;
  }
}
@keyframes ping{
  0%{
    -webkit-transform:scale(0.2);
            transform:scale(0.2);
    opacity:0.8;
  }
  80%{
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
    opacity:0;
  }
  100%{
    -webkit-transform:scale(2.2);
            transform:scale(2.2);
    opacity:0;
  }
}

/* =========================
   Quick menu hover
   ========================= */
.mbh-quick-circle-item,
.mbh-quick-circle,
.mbh-quick-circle img,
.mbh-quick-circle-item .mbh-quick-text{
  transition:
    transform 260ms ease,
    color 260ms ease,
    box-shadow 260ms ease,
    opacity 260ms ease,
    filter 260ms ease,
    background-color 260ms ease;
}

@media (hover:hover) and (pointer:fine){
  .mbh-quick-row--download .mbh-quick-tab--dark:hover,
  .mbh-quick-row--download .mbh-quick-tab--dark:hover span,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible span{
    color:#0054ea !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover,
  .mbh-quick-row--consult .mbh-quick-tab--orange:hover span,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible span{
    color:#ff6600 !important;
  }

  .mbh-quick-row--consult .mbh-quick-circle-item:hover .mbh-quick-text,
  .mbh-quick-row--consult .mbh-quick-circle-item:focus-within .mbh-quick-text{
    color:#ff6600 !important;
  }

  .mbh-quick-row--download .mbh-quick-circle-item:hover .mbh-quick-text,
  .mbh-quick-row--download .mbh-quick-circle-item:focus-within .mbh-quick-text{
    color:#0054ea !important;
  }

  .mbh-quick-circle-item:hover .mbh-quick-circle,
  .mbh-quick-circle-item:focus-within .mbh-quick-circle{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 12px 24px rgba(0,0,0,0.18);
  }

  .mbh-quick-circle-item:hover .mbh-quick-circle img,
  .mbh-quick-circle-item:focus-within .mbh-quick-circle img{
    transform:scale(1.08);
    opacity:1;
  }

  .mbh-process-showcase-card--right:hover .mbh-process-showcase-card-title{
    color:#fff !important;
  }
}

/* =========================
   Footer SNS / download / phone
   ========================= */
.mbh-footer-phone-link{
  display:inline-block;
  color:inherit;
  text-decoration:none;
}

.mbh-footer-phone-link::before,
.mbh-footer-phone-link::after{
  content:none !important;
  display:none !important;
}

.mbh-footer-phone,
.mbh-footer-phone-link{
  transition:
    background-color 260ms ease,
    color 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease,
    transform 260ms ease,
    opacity 260ms ease;
}

.mbh-footer-sns a{
  color:inherit !important;
}

.mbh-footer-sns img{
  opacity:0.58 !important;
  filter:brightness(0) invert(1);
  transition:filter 260ms ease, transform 260ms ease, opacity 260ms ease;
}

@media (hover:hover) and (pointer:fine){
  .mbh-footer-downloads a:hover,
  .mbh-footer-downloads a:focus-visible{
    color:#0054ea !important;
  }

  .mbh-footer-sns a:hover img,
  .mbh-footer-sns a:focus-visible img{
    transform:scale(1.08);
    opacity:1 !important;
    filter:brightness(0) saturate(100%) invert(54%) sepia(95%) saturate(3040%) hue-rotate(1deg) brightness(103%) contrast(106%);
  }


.mbh-footer-actions .mbh-footer-action.is-hover,
.mbh-footer-actions .mbh-footer-action.is-hover .mbh-footer-action-label,
.mbh-footer-actions .mbh-footer-action.is-hover .mbh-footer-action-arrow{
  color:#fff !important;
}

  .mbh-footer-phone-link:hover,
  .mbh-footer-phone-link:focus-visible{
    background:#0054ea !important;
    color:#fff !important;
  }

  .mbh-footer-phone-link:hover .mbh-footer-phone,
  .mbh-footer-phone-link:focus-visible .mbh-footer-phone{
    color:#fff !important;
  }
}

/* =========================
   Final consult title typing caret
   ========================= */
.mbh-final-consult-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:1em;
  white-space:nowrap;
}

.mbh-final-consult-title.is-typing::after,
.mbh-final-consult-title.is-typed::after,
.mbh-final-consult-title.is-erasing::after{
  content:"";
  display:inline-block;
  width:2px;
  height:0.9em;
  margin-left:8px;
  background:#0054ea;
  vertical-align:-0.08em;
  animation:mbhTypingCaretBlink .7s step-end infinite;
}

@keyframes mbhTypingCaretBlink{
  0%, 45%{ opacity:1; }
  46%, 100%{ opacity:0; }
}


/* =========================================================
   Header full width dropdown
   - 기본 컬러는 기존 상태 유지
   - 열렸을 때만 1뎁스 라인 / 컬러 제어
   ========================================================= */
.mbh-header{
  overflow:visible;
}

.mbh-header-row{
  position:relative;
}

.mbh-header-left{
  position:relative;
  flex:1 1 auto;
  min-width:0;
}

.mbh-header-menu-area{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
}

.mbh-header-dropdown-bg{
  position:fixed;
  left:0;
  right:0;
  top:0;
  height:0;
  background:#fff;
  box-shadow:0 18px 42px rgba(0,0,0,0.08);
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  pointer-events:none;
  transition:
    height 420ms cubic-bezier(.22,1,.36,1),
    opacity 220ms ease,
    visibility 220ms ease;
  z-index:6001;
}

.mbh-logo-wrap,
.mbh-hamburger-btn{
  position:relative;
  z-index:6004;
}


.mbh-header-nav{
  position:relative;
  z-index:6003;
  display:flex;
  align-items:center;
  gap:20px;
  transform:none !important;
  transition:gap 420ms cubic-bezier(.22,1,.36,1);
}

.mbh-nav-item{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:color 180ms ease;
  background:transparent !important;
}

.mbh-nav-roll,
.mbh-nav-roll-inner,
.mbh-nav-roll-item{
  transition:color 180ms ease;
}

.mbh-nav-item::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-16px;
  height:2px;
  background:#0054ea;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform 220ms ease;
  pointer-events:none;
}

.mbh-header-nav > .mbh-nav-item.is-active,
.mbh-header-nav > .mbh-nav-item.is-active:hover{
  background:transparent !important;
}

.mbh-header-submenu{
  position:fixed;
  left:0;
  right:0;
  top:calc(var(--mbh-header-h) + 4px);
  width:100vw;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-10px);
  transition:
    opacity 240ms ease,
    visibility 240ms ease,
    transform 420ms cubic-bezier(.22,1,.36,1);
  z-index:6003;
}

.mbh-header-submenu-inner{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:max(calc(var(--mbh-header-pad) + env(safe-area-inset-left)), 112px);
  padding-right:max(calc(var(--mbh-header-pad) + env(safe-area-inset-right)), 112px);
}

.mbh-header-submenu-grid{
  width:100%;
  max-width:var(--mbh-maxw);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0;
  align-items:start;
  padding:0 0 22px;
}

.mbh-header-submenu-col{
  min-width:0;
  padding:0 19px;
  border-left:1px solid rgba(0,0,0,0.10);
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:
    opacity 280ms ease,
    transform 420ms cubic-bezier(.22,1,.36,1);
}

.mbh-header-submenu-col:first-child{
  border-left:0;
}

.mbh-header-submenu-title{
  display:none;
}

.mbh-header-submenu-list{
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.mbh-header-submenu-item{
  width:100%;
  max-width:206px;
  margin:0 0 10px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.mbh-header-submenu .mbh-mega-link-row{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:0;
}

.mbh-header-submenu .mbh-mega-link,
.mbh-header-submenu-acc-btn{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  color:#111;
  font-size:20px;
  font-weight:700;
  line-height:1.45;
  padding:0;
  transition:color 180ms ease;
}

.mbh-header-submenu-item.is-open > .mbh-header-submenu-acc-btn{
  color:#0054ea;
}

.mbh-header-submenu-pm{
  display:inline-block;
  min-width:10px;
  font-size:20px;
  font-weight:800;
  line-height:1;
}

.mbh-header-submenu-panel{
  width:100%;
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  transition:
    max-height 420ms cubic-bezier(.22,1,.36,1),
    opacity 220ms ease,
    margin-top 220ms ease;
}

.mbh-header-submenu-panel.is-open{
  opacity:1;
  margin-top:10px;
}

.mbh-header-submenu-children{
  width:100%;
  max-width:232px;
  margin:0 auto;
  padding:16px 18px 14px;
  background:#0054ea;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:7px;
  transform:translateY(-8px);
  transition:transform 420ms cubic-bezier(.22,1,.36,1);
}

.mbh-header-submenu-panel.is-open .mbh-header-submenu-children{
  transform:translateY(0);
}

.mbh-header-submenu .mbh-mega-child-link{
  display:block;
  color:#fff;
  font-size:17px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  padding:0;
  transition:color 180ms ease;
}

.mbh-header-submenu .mbh-mega-child-link:hover,
.mbh-header-submenu .mbh-mega-child-link:focus-visible{
  color:#ff6600;
}

.mbh-header-submenu .mbh-mega-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:16px;
  height:16px;
  padding:0 4px;
  margin-left:2px;
  background:#ff6600;
  color:#fff;
  border-radius:2px;
  font-size:11px;
  font-weight:800;
  line-height:1;
  flex:0 0 auto;
}

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

  .mbh-cursor.is-link-hover{
    width:18px;
    height:18px;
    background:rgba(0,84,234,0.10);
    border:1px solid rgba(0,84,234,0.88);
    box-shadow:0 0 0 4px rgba(0,84,234,0.08);
  }

  .mbh-header.is-nav-open .mbh-header-dropdown-bg{
    height:var(--mbh-header-dropdown-bg-h);
    opacity:1;
    visibility:visible;
  }

  .mbh-header.is-nav-open .mbh-header-nav{
    gap:118px;
  }

  .mbh-header.is-nav-open .mbh-nav-item,
  .mbh-header.is-nav-open .mbh-nav-roll,
  .mbh-header.is-nav-open .mbh-nav-roll-inner,
  .mbh-header.is-nav-open .mbh-nav-roll-item{
    color:#0054ea !important;
  }

  .mbh-header.is-nav-open .mbh-nav-item:hover,
  .mbh-header.is-nav-open .mbh-nav-item:focus-visible,
  .mbh-header.is-nav-open .mbh-nav-item.is-current,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:hover,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:focus-visible,
  .mbh-header.is-nav-open .mbh-nav-item.is-active.is-current{
    background:transparent !important;
    color:#0054ea !important;
  }

  .mbh-header.is-nav-open .mbh-nav-item:hover .mbh-nav-roll,
  .mbh-header.is-nav-open .mbh-nav-item:hover .mbh-nav-roll-inner,
  .mbh-header.is-nav-open .mbh-nav-item:hover .mbh-nav-roll-item,
  .mbh-header.is-nav-open .mbh-nav-item.is-current .mbh-nav-roll,
  .mbh-header.is-nav-open .mbh-nav-item.is-current .mbh-nav-roll-inner,
  .mbh-header.is-nav-open .mbh-nav-item.is-current .mbh-nav-roll-item,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:hover .mbh-nav-roll,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:hover .mbh-nav-roll-inner,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:hover .mbh-nav-roll-item,
  .mbh-header.is-nav-open .mbh-nav-item.is-active.is-current .mbh-nav-roll,
  .mbh-header.is-nav-open .mbh-nav-item.is-active.is-current .mbh-nav-roll-inner,
  .mbh-header.is-nav-open .mbh-nav-item.is-active.is-current .mbh-nav-roll-item{
    color:#0054ea !important;
  }

  .mbh-header.is-nav-open .mbh-nav-item:hover::after,
  .mbh-header.is-nav-open .mbh-nav-item:focus-visible::after,
  .mbh-header.is-nav-open .mbh-nav-item.is-current::after,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:hover::after,
  .mbh-header.is-nav-open .mbh-nav-item.is-active.is-current::after{
    transform:scaleX(1);
  }

  .mbh-header.is-nav-open .mbh-nav-item[data-menu-key="brand"]{
    transform:translateX(-20px);
  }

  .mbh-header.is-nav-open .mbh-nav-item[data-menu-key="agency"]{
    transform:translateX(-16px);
  }

  .mbh-header.is-nav-open .mbh-nav-item[data-menu-key="operation"]{
    transform:translateX(-12px);
  }

  .mbh-header.is-nav-open .mbh-header-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  .mbh-header.is-nav-open .mbh-header-submenu-col{
    opacity:1;
    transform:translate3d(0,0,0);
  }

  .mbh-header.is-nav-open .mbh-header-submenu-col:nth-child(1){ transition-delay:30ms; }
  .mbh-header.is-nav-open .mbh-header-submenu-col:nth-child(2){ transition-delay:60ms; }
  .mbh-header.is-nav-open .mbh-header-submenu-col:nth-child(3){ transition-delay:90ms; }
  .mbh-header.is-nav-open .mbh-header-submenu-col:nth-child(4){ transition-delay:120ms; }

  .mbh-header-submenu .mbh-mega-link:hover,
  .mbh-header-submenu .mbh-mega-link:focus-visible,
  .mbh-header-submenu-acc-btn:hover,
  .mbh-header-submenu-acc-btn:focus-visible{
    color:#0054ea;
  }
}

@media (max-width:1440px){
  .mbh-header-submenu-inner{
    padding-left:max(calc(var(--mbh-header-pad) + env(safe-area-inset-left)), 84px);
    padding-right:max(calc(var(--mbh-header-pad) + env(safe-area-inset-right)), 84px);
  }

  .mbh-header-submenu-col{
    padding:0 12px;
  }
}

@media (max-width:1180px){
  .mbh-header-submenu-inner{
    padding-left:max(calc(var(--mbh-header-pad) + env(safe-area-inset-left)), 58px);
    padding-right:max(calc(var(--mbh-header-pad) + env(safe-area-inset-right)), 58px);
  }

  .mbh-header-submenu .mbh-mega-link,
  .mbh-header-submenu-acc-btn{
    font-size:17px;
  }

  .mbh-header-submenu-item{
    max-width:186px;
  }

  .mbh-header-submenu .mbh-mega-child-link{
    font-size:16px;
  }
}

@media (max-width:900px){
  .mbh-header-dropdown-bg,
  .mbh-header-submenu{
    display:none !important;
  }
}


/* =========================================================
   2026-04-03 / header + cursor safe patch
   - desktop dropdown 정렬 고정
   - 첫 메뉴 hover 배경 제거 / 밑줄만 유지
   - 2뎁스 좌우 여백 축소
   - 커서 hover 원복
   ========================================================= */
.mbh-cursor{
  transform:translate(-100px, -100px) translate(-50%, -50%);
}

.mbh-cursor::before,
.mbh-cursor::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  pointer-events:none;
}

.mbh-cursor::before{
  width:100%;
  height:100%;
  border-radius:999px;
  background:#0054ea;
}

.mbh-cursor::after{
  width:0;
  height:0;
  border-radius:999px;
  background:#0054ea;
  opacity:0;
}

@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .mbh-header-menu-area{
    flex:0 0 auto;
    justify-content:flex-start;
  }

  .mbh-header-nav{
    width:auto;
    justify-content:flex-start;
    flex:0 0 auto;
    transform:translateX(var(--mbh-nav-shift, 0px));
    will-change:transform;
    transition:transform 420ms cubic-bezier(.22,1,.36,1);
  }

  .mbh-header-nav > .mbh-nav-item.is-active:hover,
  .mbh-header-nav > .mbh-nav-item.is-active:focus-visible{
    background:transparent !important;
  }

  .mbh-header.is-nav-open .mbh-header-dropdown-bg{
    pointer-events:auto;
  }

  .mbh-header-submenu{
    top:calc(var(--mbh-header-h) + 12px);
  }

  .mbh-header-submenu-inner{
    padding-left:max(calc(var(--mbh-header-pad) + env(safe-area-inset-left)), 18px);
    padding-right:max(calc(var(--mbh-header-pad) + env(safe-area-inset-right)), 18px);
  }

  .mbh-header-submenu-grid{
    max-width:912px;
    justify-content:center;
    grid-template-columns:repeat(4, minmax(0, 228px));
    align-items:stretch;
    padding:0 0 16px;
  }

  .mbh-header-submenu-col{
    padding:0 33px;
    border-left:0;
    position:relative;
    display:flex;
    justify-content:center;
  }

  .mbh-header-submenu-col:first-child::before{
    display:none;
  }

  .mbh-header-submenu-col::before{
    content:"";
    position:absolute;
    left:0;
    top:6px;
    bottom:6px;
    width:1px;
    background:rgba(0,0,0,0.10);
  }

  .mbh-header-submenu-list{
    width:100%;
  }

  .mbh-header-submenu-item{
    max-width:168px;
    margin:0 0 8px;
  }

  .mbh-header-submenu .mbh-mega-link-row{
    gap:2px;
  }

  .mbh-header-submenu .mbh-mega-link,
  .mbh-header-submenu-acc-btn{
    gap:2px;
  }

  .mbh-header-submenu .mbh-mega-badge{
    margin-left:2px;
  }

  .mbh-header.is-nav-open .mbh-nav-item,
  .mbh-header.is-nav-open .mbh-nav-item:hover,
  .mbh-header.is-nav-open .mbh-nav-item:focus-visible,
  .mbh-header.is-nav-open .mbh-nav-item.is-current,
  .mbh-header.is-nav-open .mbh-nav-item.is-active,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:hover,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:focus-visible,
  .mbh-header.is-nav-open .mbh-nav-item.is-active.is-current,
  .mbh-header.is-nav-open .mbh-nav-item .mbh-nav-roll,
  .mbh-header.is-nav-open .mbh-nav-item .mbh-nav-roll-inner,
  .mbh-header.is-nav-open .mbh-nav-item .mbh-nav-roll-item{
    color:#0054ea !important;
  }

  .mbh-header.is-nav-open .mbh-nav-item:hover::after,
  .mbh-header.is-nav-open .mbh-nav-item:focus-visible::after,
  .mbh-header.is-nav-open .mbh-nav-item.is-current::after,
  .mbh-header.is-nav-open .mbh-nav-item.is-active:hover::after,
  .mbh-header.is-nav-open .mbh-nav-item.is-active.is-current::after{
    transform:scaleX(1);
  }

  .mbh-cursor{
    width:12px;
    height:12px;
    background:transparent;
    border:0;
    box-shadow:none;
    opacity:1;
    transition:
      width 220ms cubic-bezier(.22,1,.36,1),
      height 220ms cubic-bezier(.22,1,.36,1),
      opacity 220ms ease,
      box-shadow 220ms ease,
      background-color 220ms ease,
      border-color 220ms ease;
  }

  .mbh-cursor::before{
    width:12px;
    height:12px;
    background:#0054ea;
    transition:
      width 220ms cubic-bezier(.22,1,.36,1),
      height 220ms cubic-bezier(.22,1,.36,1),
      background-color 220ms ease,
      opacity 220ms ease,
      transform 220ms cubic-bezier(.22,1,.36,1);
  }

  .mbh-cursor::after{
    width:0;
    height:0;
    opacity:0;
    transition:
      width 220ms cubic-bezier(.22,1,.36,1),
      height 220ms cubic-bezier(.22,1,.36,1),
      opacity 220ms ease,
      border-color 220ms ease,
      background-color 220ms ease,
      box-shadow 220ms ease;
  }

  .mbh-cursor.is-link-hover{
    width:86px;
    height:86px;
    background:transparent;
    box-shadow:none;
  }

  .mbh-cursor.is-link-hover::before{
    width:10px;
    height:10px;
    background:#0054ea;
  }

  .mbh-cursor.is-link-hover::after{
    width:86px;
    height:86px;
    opacity:1;
    background:transparent;
    border:1px solid rgba(0,84,234,0.92);
    box-shadow:0 0 0 1px rgba(0,84,234,0.06) inset;
  }
}

@media (max-width:1440px){
  .mbh-header-submenu-inner{
    padding-left:max(calc(var(--mbh-header-pad) + env(safe-area-inset-left)), 26px);
    padding-right:max(calc(var(--mbh-header-pad) + env(safe-area-inset-right)), 26px);
  }
}

@media (max-width:1180px){
  .mbh-header-submenu-inner{
    padding-left:max(calc(var(--mbh-header-pad) + env(safe-area-inset-left)), 12px);
    padding-right:max(calc(var(--mbh-header-pad) + env(safe-area-inset-right)), 12px);
  }

  .mbh-header-submenu-item{
    max-width:168px;
  }
}

/* =========================================================
   2026-04-03 / header spacing fine tune v4.5b
   - 2뎁스 컬럼 좌우 여백 추가 확대
   - 1뎁스/2뎁스 수직 중심선 미세 정렬
   ========================================================= */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .mbh-header-submenu-grid{
    max-width:1008px;
    grid-template-columns:repeat(4, minmax(0, 252px));
  }

  .mbh-header-submenu-col{
    padding:0 40px;
  }

  .mbh-header-submenu-item{
    max-width:176px;
  }
}


/* =========================================================
   2026-04-03 / header spacing fine tune v4.5c
   - 1뎁스 메뉴 간격 좌우 약 5px씩 추가 확대
   ========================================================= */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .mbh-header.is-nav-open .mbh-header-nav{
    gap:118px;
  }
}


/* =========================================================
   2026-04-03 / header fine tune v4.5e
   - 1뎁스 첫 3개만 오픈 상태에서 추가 좌측 이동
   - 상담관련은 그대로 유지
   ========================================================= */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .mbh-header.is-nav-open .mbh-nav-item[data-menu-key="brand"]{
    transform:translateX(-25px);
  }

  .mbh-header.is-nav-open .mbh-nav-item[data-menu-key="agency"]{
    transform:translateX(-46px);
  }

  .mbh-header.is-nav-open .mbh-nav-item[data-menu-key="operation"]{
    transform:translateX(-32px);
  }

  .mbh-header-submenu-grid{
    padding:20px 0 36px;
  }
}

/* =========================================================
   2026-04-03 / header text-only center align v4.5i
   - 2뎁스 텍스트만 중앙 정렬
   - + / N 아이콘은 우측 고정
   - desktop dropdown + hamburger mega 공통
   ========================================================= */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .mbh-header-submenu .mbh-mega-link-row,
  .mbh-mega-link-row{
    width:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
  }

  .mbh-header-submenu .mbh-mega-link,
  .mbh-mega-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin:0 auto;
  }

  .mbh-header-submenu .mbh-mega-badge,
  .mbh-mega-badge{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin-left:0 !important;
  }

  .mbh-header-submenu-acc-btn,
  .mbh-mega-acc-btn{
    width:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-right:24px;
    text-align:center;
    gap:0;
  }

  .mbh-header-submenu-acc-btn > span:first-child,
  .mbh-mega-acc-btn > span:first-child{
    display:block;
    margin:0 auto;
    text-align:center;
  }

  .mbh-header-submenu-pm,
  .mbh-mega-pm{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    min-width:12px;
    text-align:center;
  }
}

/* =========================================================
   2026-04-03 / header text center re-fine tune v4.5j
   - 텍스트 자체만 가운데 유지
   - + / N 아이콘은 가까운 우측 고정
   - 아이콘 때문에 중앙이 틀어져 보이던 간격 보정
   ========================================================= */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .mbh-header-submenu .mbh-mega-link-row,
  .mbh-mega-link-row{
    width:auto;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0 auto;
    padding-right:18px;
  }

  .mbh-header-submenu .mbh-mega-link,
  .mbh-mega-link{
    width:auto;
    margin:0;
    text-align:center;
    justify-content:center;
  }

  .mbh-header-submenu .mbh-mega-badge,
  .mbh-mega-badge{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:0 !important;
  }

  .mbh-header-submenu-acc-btn,
  .mbh-mega-acc-btn{
    width:auto;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0 auto;
    padding:0 18px 0 0;
    text-align:center;
    gap:0;
  }

  .mbh-header-submenu-acc-btn > span:first-child,
  .mbh-mega-acc-btn > span:first-child{
    margin:0;
    text-align:center;
  }

  .mbh-header-submenu-pm,
  .mbh-mega-pm{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    min-width:auto;
  }
}

/* =========================================================
   2026-04-03 / mega menu row spacing + icon gap fix v4.5k
   - 햄버거(mega) 2뎁스 행간/줄간격 원복
   - N 과 텍스트 간격을 + 간격 수준으로 보정
   - 폰트 크기 변경 없음
   ========================================================= */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .mbh-mega .mbh-mega-item{
    margin:0 0 10px;
  }

  .mbh-mega .mbh-mega-link-row{
    width:auto;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0 auto;
    padding:0 26px 0 0;
  }

  .mbh-mega .mbh-mega-link{
    width:auto;
    margin:0;
    padding:0;
    line-height:1.45;
    text-align:center;
    justify-content:center;
  }

  .mbh-mega .mbh-mega-badge{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:0 !important;
  }

  .mbh-mega .mbh-mega-acc-btn{
    width:auto;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0 auto;
    padding:0 18px 0 0;
    line-height:1.45;
    text-align:center;
    gap:0;
  }

  .mbh-mega .mbh-mega-acc-btn > span:first-child{
    margin:0;
    text-align:center;
  }

  .mbh-mega .mbh-mega-pm{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    min-width:auto;
  }
}

/* =========================================================
   2026-04-03 / mobile mega 1depth accordion final
   - 모바일에서만 1뎁스 제목 옆 + 노출
   - + 클릭/행 클릭 시 아래로 열림
   - 1뎁스 행 위아래 패딩 동일 / 중앙 정렬
   - 1뎁스 사이 가로 라인
   - 모바일 2뎁스 + / N 간격 통일
   ========================================================= */
@media (max-width:900px){
  .mbh-mega-wrap{
    align-items:flex-start;
    justify-content:flex-start;
    height:var(--mbh-app-vh, 100svh);
    max-height:var(--mbh-app-vh, 100svh);
    box-sizing:border-box;
    padding:100px 18px 0;
    overflow:hidden;
  }

  .mbh-mega-grid{
    width:100%;
    max-width:none;
    grid-template-columns:1fr;
    grid-auto-rows:max-content;
    align-content:start;
    align-items:start;
    justify-items:stretch;
    padding:0;
    height:calc(var(--mbh-app-vh, 100svh) - 100px - 124px);
    max-height:calc(var(--mbh-app-vh, 100svh) - 100px - 124px);
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .mbh-mega-grid::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
  }

  .mbh-mega-col{
    min-height:auto;
    padding:0;
    border-top:1px solid rgba(255,255,255,0.10);
  }

  .mbh-mega-col:last-child{
    border-bottom:1px solid rgba(255,255,255,0.10);
  }

  .mbh-mega-col::before{
    display:none;
  }

  .mbh-mega-title{
    display:none;
  }

  .mbh-mega-mobile-toggle{
    width:100%;
    border:0;
    background:transparent;
    color:var(--mbh-c-white);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:26px 0;
    text-align:center;
    overflow:hidden;
    transition:color 180ms ease;
  }

  .mbh-mega-mobile-toggle-text{
    display:inline-block;
    max-width:calc(100vw - 88px);
    overflow:hidden;
    text-overflow:clip;
    white-space:nowrap;
    word-break:keep-all;
    font-size:clamp(34px, 9.4vw, 40px);
    font-weight:800;
    line-height:1;
    letter-spacing:-0.03em;
    color:inherit;
    transition:color 180ms ease;
  }

  /* mobile mega first rolling
     - 첫 번째 1뎁스만 롤링
     - 접근성 텍스트는 화면에서 숨겨 실제 텍스트 폭에 영향을 주지 않음
     - 텍스트와 + 간격은 다른 1뎁스 메뉴와 동일
  */
  .mbh-mega-mobile-toggle .blind{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
  }

  .mbh-mega-mobile-toggle.mbh-mega-mobile-toggle--rolling{
    column-gap:10px;
    color:var(--mbh-c-orange);
  }

  .mbh-mega-mobile-toggle.mbh-mega-mobile-toggle--rolling .mbh-mega-mobile-toggle-text,
  .mbh-mega-mobile-toggle.mbh-mega-mobile-toggle--rolling .mbh-mega-mobile-pm{
    color:var(--mbh-c-orange);
  }

  .mbh-mega-mobile-toggle.mbh-mega-mobile-toggle--rolling .mbh-mega-mobile-toggle-text{
    display:inline-block;
    width:-webkit-max-content;
    width:max-content;
    max-width:calc(100vw - 120px);
    height:1.08em;
    line-height:1.08;
    overflow:hidden;
    white-space:nowrap;
    word-break:keep-all;
    text-align:center;
    flex:0 0 auto;
    vertical-align:top;
  }

  .mbh-mega-mobile-roll-inner{
    display:block;
    width:-webkit-max-content;
    width:max-content;
    min-width:-webkit-max-content;
    min-width:max-content;
    height:3.24em;
    line-height:1.08;
    color:var(--mbh-c-orange);
    will-change:transform;
    -webkit-animation:mbhMegaMobileFirstRoll 3.2s ease-in-out infinite;
    animation:mbhMegaMobileFirstRoll 3.2s ease-in-out infinite;
  }

  .mbh-mega-mobile-roll-item{
    display:block;
    width:-webkit-max-content;
    width:max-content;
    min-width:-webkit-max-content;
    min-width:max-content;
    height:1.08em;
    line-height:1.08;
    color:var(--mbh-c-orange);
    white-space:nowrap;
    word-break:keep-all;
    text-align:center;
  }

  @-webkit-keyframes mbhMegaMobileFirstRoll{
    0%{ -webkit-transform:translateY(0); transform:translateY(0); }
    35%{ -webkit-transform:translateY(0); transform:translateY(0); }
    45%{ -webkit-transform:translateY(-1.08em); transform:translateY(-1.08em); }
    80%{ -webkit-transform:translateY(-1.08em); transform:translateY(-1.08em); }
    90%{ -webkit-transform:translateY(-2.16em); transform:translateY(-2.16em); }
    100%{ -webkit-transform:translateY(-2.16em); transform:translateY(-2.16em); }
  }

  @keyframes mbhMegaMobileFirstRoll{
    0%{ -webkit-transform:translateY(0); transform:translateY(0); }
    35%{ -webkit-transform:translateY(0); transform:translateY(0); }
    45%{ -webkit-transform:translateY(-1.08em); transform:translateY(-1.08em); }
    80%{ -webkit-transform:translateY(-1.08em); transform:translateY(-1.08em); }
    90%{ -webkit-transform:translateY(-2.16em); transform:translateY(-2.16em); }
    100%{ -webkit-transform:translateY(-2.16em); transform:translateY(-2.16em); }
  }

  .mbh-mega-mobile-pm{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    min-width:22px;
    height:22px;
    font-size:24px;
    font-weight:500;
    line-height:1;
    color:inherit;
    transition:color 180ms ease;
  }

  .mbh-mega-col.is-mobile-open > .mbh-mega-mobile-toggle,
  .mbh-mega-col.is-mobile-open > .mbh-mega-mobile-toggle .mbh-mega-mobile-toggle-text,
  .mbh-mega-col.is-mobile-open > .mbh-mega-mobile-toggle .mbh-mega-mobile-pm{
    color:var(--mbh-c-orange);
  }

  .mbh-mega-list{
    width:100%;
    max-width:none;
    max-height:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transition:max-height 320ms cubic-bezier(.22,1,.36,1), opacity 220ms ease;
  }

  .mbh-mega-col.is-mobile-open .mbh-mega-list{
    opacity:1;
    pointer-events:auto;
  }

  .mbh-mega-item{
    width:100%;
    text-align:center;
    opacity:1;
    transform:none;
    transition:none;
  }

  .mbh-mega-col.is-mobile-open .mbh-mega-item:first-child{
    margin-top:4px;
  }

  .mbh-mega-link-row{
    width:auto;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0 auto;
    padding:8px 18px 8px 0;
  }

  .mbh-mega-link{
    width:auto;
    margin:0;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1.45;
    text-align:center;
    color:var(--mbh-c-white);
    transition:color 180ms ease;
  }

  .mbh-mega-link.is-current,
  .mbh-mega-link[aria-current="page"]{
    color:var(--mbh-c-orange);
  }

  .mbh-mega-acc-btn{
    width:auto;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0 auto;
    padding:8px 18px 8px 0;
    font-size:18px;
    line-height:1.45;
    text-align:center;
    gap:0;
    color:var(--mbh-c-white);
    transition:color 180ms ease;
  }

  .mbh-mega-acc-btn[aria-expanded="true"]{
    color:var(--mbh-c-orange);
  }

  .mbh-mega-acc-btn > span:first-child{
    display:block;
    margin:0;
    text-align:center;
  }

  .mbh-mega-badge,
  .mbh-mega-pm{
    position:absolute;
    right:-10px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    width:16px;
    min-width:16px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  .mbh-mega-pm{
    font-size:20px;
    font-weight:500;
    line-height:1;
  }

  .mbh-mega-panel{
    width:100%;
    max-height:0;
    overflow:hidden;
    transition:max-height 260ms cubic-bezier(.22,1,.36,1);
  }

  .mbh-mega-panel.is-open{
    max-height:360px;
  }

  .mbh-mega-panel-inner{
    margin:8px auto 6px;
    width:100%;
    max-width:320px;
    border-radius:12px;
  }

  .mbh-mega-child-link{
    display:block;
    width:100%;
    font-size:17px;
    line-height:1.45;
    text-align:center;
  }
}


/* =========================================================
   2026-04-03 / quick consult modal + final section hide safe patch
   - 퀵 상담접수 버튼 → 팝업 모달
   - section11 진입 시 퀵메뉴 아래로 슬라이드 아웃
   - 기존 final consult / privacy modal / section8~footer 비수정
   ========================================================= */

.mbh-quick-menu{
  transition:
    opacity 260ms ease,
    transform 260ms cubic-bezier(.22,1,.36,1);
}

.mbh-quick-menu.is-hidden-by-final{
  opacity:0;
  pointer-events:none;
  transform:translateY(calc(-50% + 64px));
}

.mbh-quick-circle-item--button{
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  font:inherit;
  color:inherit;
}

.mbh-quick-consult-modal{
  position:fixed;
  inset:0;
  z-index:19000;
  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-quick-consult-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

body.mbh-quick-consult-modal-lock{
  overflow:hidden;
}

body.mbh-quick-consult-modal-lock .mbh-cursor{
  opacity:0;
}

.mbh-quick-consult-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.46);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.mbh-quick-consult-dialog{
  position:relative;
  width:min(88vw, 700px);
  max-height:calc(100vh - 72px);
  overflow:auto;
  margin:0;
  background:#000;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:20px;
  padding:40px 30px 30px;
  color:#fff;
  box-shadow:0 24px 72px rgba(0,0,0,0.44);
}

.mbh-quick-consult-close{
  position:absolute;
  top:14px;
  right:16px;
  width:38px;
  height:38px;
  border-radius:999px;
  color:#fff;
  font-size:30px;
  line-height:1;
  display:grid;
  place-items:center;
}

.mbh-quick-consult-head{
  text-align:center;
}

.mbh-quick-consult-title{
  margin:0;
  color:#fff;
  font-size:clamp(34px, 2.8vw, 50px);
  font-weight:800;
  line-height:1;
  letter-spacing:-0.05em;
}

.mbh-quick-consult-desc{
  margin:12px 0 0;
  color:#fff;
  font-size:clamp(16px, 0.92vw, 18px);
  font-weight:500;
  line-height:1.45;
  letter-spacing:-0.02em;
}

.mbh-quick-consult-form{
  margin-top:24px;
}

.mbh-quick-consult-dialog .mbh-final-consult-grid{
  gap:20px;
}

.mbh-quick-consult-dialog .mbh-final-consult-textarea{
  padding:18px 20px 80px;
}

.mbh-quick-consult-dialog .mbh-final-consult-submit{
  right:18px;
  bottom:-20px;
  width:110px;
  height:110px;
  font-size:18px;
}

.mbh-quick-consult-dialog .mbh-final-consult-checkWrap{
  margin-top:14px;
}

@media (max-width:768px){
  .mbh-quick-menu.is-hidden-by-final{
    transform:translateY(64px);
  }

  .mbh-quick-consult-modal{
    padding:16px;
  }

  .mbh-quick-consult-dialog{
    width:min(90vw, 560px);
    max-height:calc(100vh - 40px);
    padding:22px 16px 18px;
    border-radius:16px;
  }

  .mbh-quick-consult-title{
    font-size:clamp(28px, 8vw, 38px);
    line-height:1.04;
  }

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

  .mbh-quick-consult-form{
    margin-top:20px;
  }

  .mbh-quick-consult-dialog .mbh-final-consult-grid{
    gap:0;
  }

  .mbh-quick-consult-dialog .mbh-final-consult-textarea{
    min-height:136px;
    padding:14px 16px 70px;
  }

  .mbh-quick-consult-dialog .mbh-final-consult-submit{
    right:14px;
    bottom:0px;
    width:88px;
    height:88px;
    font-size:16px;
  }
}


/* =========================================================
   2026-04-03 / bottom quick consult safe patch
   - 하단 중앙 고정 퀵바 추가
   - hero lift 이후 노출
   - section11 진입 시 아래로 스르륵 숨김
   - 기존 우측 quick menu / modal 구조 유지
   ========================================================= */

.mbh-bottom-quick-consult{
  position:fixed;
  left:50%;
  bottom:20px;
  z-index:6505;
  width:min(calc(100vw - 32px), 880px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(-50%, 120%, 0);
  transition:
    opacity 260ms ease,
    transform 340ms cubic-bezier(.22,1,.36,1),
    visibility 260ms ease;
}

.mbh-bottom-quick-consult.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(-50%, 0, 0);
}

.mbh-bottom-quick-consult.is-hidden-by-final{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(-50%, 120%, 0);
}

.mbh-bottom-quick-consult.is-dismissed{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(-50%, 120%, 0);
}

.mbh-bottom-quick-consult-inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:120px;
  padding: 2px 68px 2px 40px;
  border:1px solid #0054ea;
  border-radius:12px;
  background:rgba(255,255,255,0.5);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(24px);
}

.mbh-bottom-quick-consult-copy{
  min-width:0;
  flex:1 1 auto;
}

.mbh-bottom-quick-consult-title{
  margin:0;
  color:#000;
  font-size:clamp(22px, 1.65vw, 28px);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-0.05em;
  word-break:keep-all;
}

.mbh-bottom-quick-consult-desc{
  margin:10px 0 0;
  color:#222;
  font-size:clamp(16px, 1.02vw, 26px);
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.03em;
  word-break:keep-all;
}

.mbh-bottom-quick-consult-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.mbh-bottom-quick-consult-btn{
  min-width:188px;
  height:54px;
  padding:0 16px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:clamp(22px, 1.2vw, 40px);
  font-weight:800;
  line-height:1;
  letter-spacing:-0.04em;
  white-space:nowrap;
}

.mbh-bottom-quick-consult-btn--primary{
  background:#0054ea;
  color:#fff;
}

.mbh-bottom-quick-consult-btn--ghost{
  background:#fff;
  color:#0054ea;
}

.mbh-bottom-quick-consult-close{
  position:absolute;
  top:14px;
  right:16px;
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#111;
  font-size:42px;
  line-height:1;
}

@media (hover:hover) and (pointer:fine){
  .mbh-bottom-quick-consult-btn{
    transition:transform 240ms ease, box-shadow 240ms ease, filter 240ms ease;
  }

  .mbh-bottom-quick-consult-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.01);
  }
}

@media (max-width:1200px){
  .mbh-bottom-quick-consult-inner{
    padding:12px 70px 12px 60px;
    gap:8px;
  }

  .mbh-bottom-quick-consult-actions{
    gap:8px;
  }

  .mbh-bottom-quick-consult-btn{
    min-width:180px;
    height:54px;
    padding:0 28px;
  }
}

@media (max-width:900px){
  .mbh-bottom-quick-consult{
    width:min(calc(100vw - 24px), 720px);
    bottom:14px;
  }

  .mbh-bottom-quick-consult-inner{
    min-height:auto;
    flex-direction:column;
    align-items:stretch;
    gap:0px;
    padding:12px 10px 12px;
    border-radius:18px;
  }

  .mbh-bottom-quick-consult-copy{
    padding-right:28px;
  }

  .mbh-bottom-quick-consult-title{
    font-size:clamp(20px, 3.4vw, 28px);
    line-height:1;
    padding-bottom: 8px;
    text-align: center;
  }

  .mbh-bottom-quick-consult-desc{
    display: none;
  }

  .mbh-bottom-quick-consult-actions{
    width:100%;
    justify-content:stretch;
    gap:10px;
  }

  .mbh-bottom-quick-consult-btn{
    min-width:0;
    flex:1 1 0;
    width:100%;
    height:42px;
    padding:0 12px;
    font-size:18px;
  }

  .mbh-bottom-quick-consult-close{
    top:4px;
    right:8px;
    width:34px;
    height:33px;
    font-size:32px;
  }
}

/* =========================================================
   2026-04-03 / final consult top button safe patch
   - 기존 신청하기 디자인 비수정
   - section11에 위로 버튼만 추가
   ========================================================= */

.mbh-final-consult-top-btn{
  position:absolute;
  right:-60px;
  bottom:-164px;
  width:140px;
  height:140px;
  border-radius:999px;
  border:1px solid #0054ea;
  background:transparent;
  color:#0054ea;
  font-size:22px;
  font-weight:800;
  line-height:1;
  letter-spacing:-0.03em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index:2;
}

@media (max-width:768px){
  .mbh-final-consult-top-btn{
    right:14px;
    bottom:-94px;
    width:88px;
    height:88px;
    font-size:16px;
  }
}


.mbh-quick-consult-dialog{
  background:#fff;
  border:1px solid rgba(17,17,17,0.08);
  color:#111;
}

.mbh-quick-consult-close{
  color:#111;
}

.mbh-quick-consult-title,
.mbh-quick-consult-desc,
.mbh-quick-consult-dialog .mbh-final-consult-label{
  color:#111;
}

.mbh-quick-consult-dialog .mbh-final-consult-input,
.mbh-quick-consult-dialog .mbh-final-consult-textarea{
  color:#111;
}

.mbh-quick-consult-dialog .mbh-final-consult-input{
  border-bottom:1px solid #d7d7d7;
}

.mbh-quick-consult-dialog .mbh-final-consult-textarea{
  background:#f5f5f5;
}

.mbh-quick-consult-dialog .mbh-final-consult-input::placeholder,
.mbh-quick-consult-dialog .mbh-final-consult-textarea::placeholder{
  color:#8b8b8b;
}

.mbh-quick-consult-dialog .mbh-final-consult-checkText,
.mbh-quick-consult-dialog .mbh-final-consult-privacy-open{
  color:#555;
}

.mbh-quick-consult-dialog .mbh-final-consult-checkBox{
  border-color:#8a8a8a;
  color:#8a8a8a;
}

.mbh-quick-consult-dialog .mbh-final-consult-checkInput:checked + .mbh-final-consult-checkBox{
  border-color:#0054ea;
  color:#0054ea;
}

.mbh-bottom-quick-consult.is-active.is-collapsed{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(-50%, 35px, 0);
}

.mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-inner{
  min-height:62px;
  padding:10px 54px 10px 20px;
  gap:0;
  justify-content:center;
}

.mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-copy{
  flex:0 1 auto;
  min-width:0;
}

.mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-title{
  margin:0;
  color:#0054ea;
  font-size:clamp(16px, 1.35vw, 22px);
  line-height:1.15;
  text-align:center;
  white-space:nowrap;
  padding-bottom: 10px;
}

.mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-desc,
.mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-actions{
  display:none !important;
}

.mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-close{
  top:40%;
  right:14px;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  font-size:28px;
  line-height:1;
}

@media (max-width:900px){
  .mbh-bottom-quick-consult.is-active.is-collapsed{
    transform:translate3d(-50%, 29px, 0);
  }

  .mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-inner{
    min-height:58px;
    padding:8px 42px 8px 16px;
  }

  .mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-title{
    font-size:clamp(13px, 3.5vw, 17px);
  }

  .mbh-bottom-quick-consult.is-active.is-collapsed .mbh-bottom-quick-consult-close{
    right:10px;
    width:24px;
    height:24px;
    font-size:22px;
  }
}


/* =========================
   Mega bottom marquee shared base
   ========================= */
.mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  will-change:transform;
  animation:mbhProcessShowcaseMarquee 24s linear infinite;
}

.mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-group{
  display:flex;
  align-items:center;
  flex:none;
}

.mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text{
  display:block;
  flex:none;
  white-space:nowrap;
  line-height:1;
  font-weight:800;
  letter-spacing:-0.03em;
  color:transparent;
}

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

/* =========================================================
   Mega menu bottom marquee / quick tab icons
   ========================================================= */
.mbh-process-showcase-marquee--mega{
  position:absolute;
  left:0;
  right:0;
  bottom:28px;
  top:auto;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
  opacity:1;
  transition:opacity 120ms ease;
}

.mbh-mega.is-closing .mbh-process-showcase-marquee--mega,
.mbh-mega[aria-hidden="true"] .mbh-process-showcase-marquee--mega{
  opacity:0;
}

.mbh-process-showcase-marquee--mega::before{
  display:none;
}

.mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-track{
  animation-duration:24s;
  position:relative;
  z-index:2;
}

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

.mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text{
  font-size:clamp(60px, 6.6vw, 118px);
  -webkit-text-stroke:1.5px #0054ea;
  text-stroke:1.5px #0054ea;
  opacity:0.92;
}

.mbh-quick-tab-icon{
  transition:transform 260ms ease, opacity 260ms ease, filter 260ms ease;
}

@media (hover:hover) and (pointer:fine){
  .mbh-quick-tab:hover .mbh-quick-tab-icon--base,
  .mbh-quick-tab:focus-visible .mbh-quick-tab-icon--base{
    opacity:0;
    transform:translateY(-1px);
  }

  .mbh-quick-tab:hover .mbh-quick-tab-icon--hover,
  .mbh-quick-tab:focus-visible .mbh-quick-tab-icon--hover{
    opacity:1;
    transform:translateY(-1px);
  }
}

@media (max-width:900px){
  .mbh-process-showcase-marquee--mega{
    bottom:18px;
  }

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

  .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text{
    font-size:clamp(64px, 9vw, 80px);
    -webkit-text-stroke:1px #0054ea;
    text-stroke:1px #0054ea;
  }
}


.mbh-quick-tab,
.mbh-quick-top-btn{
  position:relative;
  overflow:hidden;
}

.mbh-quick-tab-label,
.mbh-quick-top-btn span{
  position:absolute;
  left:50%;
  top:50%;
  margin:0 !important;
  transform:translate(-50%, -50%) rotate(-90deg);
  transform-origin:center center;
}

.mbh-quick-tab-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.mbh-quick-tab-text{
  font-size:18px;
}

.mbh-quick-items{
  align-items:flex-start;
}

.mbh-quick-circle-item,
.mbh-quick-circle-item--button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}

.mbh-quick-circle{
  margin:0 0 5px;
}

.mbh-quick-text{
  width:100%;
  margin-left:0;
  text-align:center;
}

@media (max-width:768px){
  .mbh-quick-tab-text,
  .mbh-quick-top-btn span{
    font-size:16px;
  }
}

/* =========================================================
   2026-04-06 / mega menu hover color safe patch
   - 현재 실제 파일 기준 추가 반영
   - 2뎁스 hover/focus : #0054ea
   - 3뎁스 hover/focus : #000
   ========================================================= */
@media (hover:hover) and (pointer:fine){
  .mbh-mega-link:hover,
  .mbh-mega-link:focus-visible,
  .mbh-mega-acc-btn:hover,
  .mbh-mega-acc-btn:focus-visible{
    color:#0054ea;
  }

  .mbh-mega-child-link:hover,
  .mbh-mega-child-link:focus-visible{
    color:#ff6600;
  }
}

/* =========================================================
   2026-04-06 / mega close position refine v11
   - X 크기/버튼 디자인은 현재 실제 파일 값 유지
   - 위치만 클릭 전 햄버거 버튼 실좌표에 맞춰 재보정
   ========================================================= */
.mbh-mega-close{
  top:31px;
  right:calc(var(--mbh-header-pad) + env(safe-area-inset-right));
}

@media (max-width:768px){
  .mbh-mega-close{
    top:27px;
    right:calc(var(--mbh-header-pad) + env(safe-area-inset-right));
  }
}


/* =========================================================
   2026-04-10 / footer current final align patch
   - 현재 실제 footer 마크업 기준
   - 라인 유지
   - 피시 본문 18px (전화번호 제외)
   - 하단 문구 / copyright 16px 한 줄
   - 우측 버튼 상단 정렬 / 전화번호 하단 정렬
   - 워터마크 클래스 현재 index 기준(.mbh-footer-bg-text) 대응
   ========================================================= */
.mbh-final-consult-top-btn{
  display:none !important;
}

.mbh-footer{
  position:relative;
  z-index:18;
  overflow:hidden;
  background:#000;
  color:#fff;
  border-top:0;
}

.mbh-footer-bg-text,
.mbh-footer-watermark{
  position:absolute;
  left:50%;
  bottom:116px;
  transform:translateX(-50%);
  font-size:clamp(138px, 14.8vw, 238px);
  font-weight:800;
  line-height:0.84;
  letter-spacing:-0.04em;
  color:rgba(255,255,255,0.095);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
  z-index:0;
}

.mbh-footer-container{
  position:relative;
  z-index:1;
  max-width:1450px;
  padding-left:calc(var(--mbh-header-pad) + env(safe-area-inset-left));
  padding-right:calc(var(--mbh-header-pad) + env(safe-area-inset-right));
}

.mbh-footer-main{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:stretch;
  gap:54px;
}

.mbh-footer-left{
  min-width:0;
  display:flex;
}

.mbh-footer-info{
  margin:0;
}

.mbh-footer-info-row,
.mbh-footer-info-row--business{
  display:grid;
  grid-template-columns:190px minmax(0, 1fr);
  gap:0;
  align-items:start;
}

.mbh-footer-info-row + .mbh-footer-info-row,
.mbh-footer-info-row--business + .mbh-footer-info-row{
  margin-top:14px;
}

.mbh-footer-info dt,
.mbh-footer-info dd{
  margin:0;
  text-align:left;
}

.mbh-footer-info dt{
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:-0.02em;
  white-space:nowrap;
}

.mbh-footer-info dd{
  color:rgba(255,255,255,0.68);
  font-size:18px;
  font-weight:500;
  line-height:1.6;
  letter-spacing:-0.02em;
  word-break:keep-all;
}

.mbh-footer-info-row--business dt,
.mbh-footer-info-row--business dd{
  white-space:nowrap;
}

.mbh-footer-sns{
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:6px;
  flex-wrap:nowrap;
}

.mbh-footer-sns a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  color:inherit !important;
  background:none;
  border-radius:0;
}

.mbh-footer-sns img{
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0.78 !important;
  filter:brightness(0) invert(1);
  transition:filter 260ms ease, transform 260ms ease, opacity 260ms ease;
}

.mbh-footer-right{
  min-width:340px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  align-self:stretch;
  gap:24px;
}

.mbh-footer-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

.mbh-footer-action{
  width:190px;
  min-width:190px;
  height:44px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,0.72);
  border-radius:999px;
  background:transparent;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-direction:row-reverse;
  gap:10px;
  font-size:18px;
  font-weight:600;
  line-height:1;
  letter-spacing:-0.01em;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
}

.mbh-footer-action-icon{
  width:16px;
  height:16px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  flex:0 0 16px;
}

.mbh-footer-right-bottom{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  margin-top:auto;
}

.mbh-footer-phone-link{
  display:inline-block;
  color:inherit;
  text-decoration:none;
}

.mbh-footer-phone-link::before,
.mbh-footer-phone-link::after{
  content:none !important;
  display:none !important;
}

.mbh-footer-phone,
.mbh-footer-phone-link{
  transition:
    background-color 260ms ease,
    color 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease,
    transform 260ms ease,
    opacity 260ms ease;
}

.mbh-footer-phone{
  display:block;
  color:#fff;
  font-size:clamp(52px, 4.2vw, 76px);
  font-weight:800;
  line-height:0.95;
  letter-spacing:-0.05em;
  white-space:nowrap;
}

.mbh-footer-note-row{
  position:relative;
  z-index:1;
  margin-top:60px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,0.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  flex-wrap:nowrap;
}

.mbh-footer-note{
  margin:0;
  padding:0;
  color:rgba(255,255,255,0.54);
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:-0.02em;
  text-align:left;
  white-space:nowrap;
  flex:1 1 auto;
}

.mbh-footer-copy{
  margin:0;
  color:rgba(255,255,255,0.62);
  font-size:16px;
  font-weight:500;
  line-height:1.6;
  letter-spacing:-0.02em;
  text-align:right;
  white-space:nowrap;
  flex:0 0 auto;
}

@media (hover:hover) and (pointer:fine){
  .mbh-footer-action:hover,
  .mbh-footer-action:focus-visible{
    color:#0054ea !important;
    border-color:#0054ea;
  }

  .mbh-footer-action:hover .mbh-footer-action-icon,
  .mbh-footer-action:focus-visible .mbh-footer-action-icon{
    filter:brightness(0) saturate(100%) invert(54%) sepia(95%) saturate(3040%) hue-rotate(1deg) brightness(103%) contrast(106%);
  }

  .mbh-footer-sns a:hover img,
  .mbh-footer-sns a:focus-visible img{
    transform:scale(1.08);
    opacity:1 !important;
    filter:brightness(0) saturate(100%) invert(54%) sepia(95%) saturate(3040%) hue-rotate(1deg) brightness(103%) contrast(106%);
  }

  .mbh-footer-phone-link:hover,
  .mbh-footer-phone-link:focus-visible{
    color:#0054ea !important;
  }

  .mbh-footer-phone-link:hover .mbh-footer-phone,
  .mbh-footer-phone-link:focus-visible .mbh-footer-phone{
    color:#0054ea !important;
  }
}

@media (max-width:1200px){
  .mbh-footer{
    padding:70px 0 34px;
  }

  .mbh-footer-container{
    max-width:1450px;
    padding:0 24px;
  }

  .mbh-footer-bg-text,
  .mbh-footer-watermark{
    font-size:clamp(108px, 16vw, 186px);
    bottom:14px;
  }

  .mbh-footer-main{
    gap:40px;
  }

  .mbh-footer-right{
    min-width:300px;
    gap:22px;
  }

  .mbh-footer-info-row,
  .mbh-footer-info-row--business{
    grid-template-columns:170px minmax(0, 1fr);
  }

  .mbh-footer-info dt,
  .mbh-footer-info dd{
    font-size:20px;
  }

  .mbh-footer-action{
    width:180px;
    min-width:180px;
    height:42px;
    font-size:18px;
  }

  .mbh-footer-phone{
    font-size:clamp(40px, 5vw, 58px);
  }

  .mbh-footer-note,
  .mbh-footer-copy{
    font-size:15px;
  }
}

@media (max-width:900px){
  .mbh-footer{
    padding:60px 0 32px;
  }

  .mbh-footer-container{
    max-width:none;
    padding:0 20px;
  }

  .mbh-footer-bg-text,
  .mbh-footer-watermark{
    bottom:16px;
    font-size:clamp(82px, 18vw, 138px);
  }

  .mbh-footer-main{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:30px;
  }

  .mbh-footer-right{
    min-width:0;
    width:100%;
    align-items:flex-start;
    justify-content:flex-start;
    align-self:auto;
    gap:40px;
  }

  .mbh-footer-actions,
  .mbh-footer-right-bottom{
    align-items:flex-start;
  }

  .mbh-footer-note-row{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    flex-wrap:wrap;
  }

  .mbh-footer-note,
  .mbh-footer-copy{
    white-space:normal;
  }
}

@media (max-width:768px){
  .mbh-footer{
    border-top: 1px solid rgba(255, 255, 255, 0.10);
  }

  .mbh-footer-container{
    padding:0 18px;
  }

  .mbh-footer-bg-text,
  .mbh-footer-watermark{
    left: 0;
    font-size: clamp(40px, 12vw, 60px);
    bottom: 112px;
    transform:translateX(-2px);
  }

  .mbh-footer-main{
    gap:40px;
  }

  .mbh-footer-info-row,
  .mbh-footer-info-row--business{
    grid-template-columns:124px minmax(0, 1fr);
  }

  .mbh-footer-info dt,
  .mbh-footer-info dd{
    font-size:14px;
    line-height:1.6;
  }

  .mbh-footer-action{
    width:156px;
    min-width:156px;
    height:38px;
    font-size:13px;
    gap:8px;
  }

  .mbh-footer-action-icon{
    width:13px;
    height:13px;
    flex-basis:13px;
  }

  .mbh-footer-phone{
    font-size:clamp(42px, 9vw, 60px);
  }

  .mbh-footer-note,
  .mbh-footer-copy{
    font-size:12px;
    line-height:1.7;
  }
}

/* =========================================================
   2026-04-10 / footer button hover final override v2
   - 현재 액션은 유지
   - 텍스트 / 아이콘 직접 hover 해도 동일하게 반응
   - Top 화살표 / 다운로드 아이콘 위치는 기존 유지
   ========================================================= */
.mbh-footer-actions .mbh-footer-action{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:
    color 520ms ease,
    border-color 520ms ease,
    background-color 520ms ease,
    box-shadow 520ms ease,
    transform 520ms ease;
}

.mbh-footer-actions .mbh-footer-action::before{
  content:none !important;
  display:none !important;
}

.mbh-footer-actions .mbh-footer-action-ripple{
  position:absolute;
  left:50%;
  top:50%;
  width:26px;
  height:26px;
  border-radius:999px;
  background:#0054ea;
  transform:translate(-50%, -50%) scale(0);
  transform-origin:center center;
  opacity:1;
  pointer-events:none !important;
  z-index:0;
  will-change:left, top, transform;
  transition:
    left 120ms ease-out,
    top 120ms ease-out,
    transform 1120ms cubic-bezier(.19,1,.22,1),
    opacity 320ms ease;
}

.mbh-footer-actions .mbh-footer-action > :not(.mbh-footer-action-ripple){
  position:relative;
  z-index:1;
}

.mbh-footer-actions .mbh-footer-action-label,
.mbh-footer-actions .mbh-footer-action-arrow,
.mbh-footer-actions .mbh-footer-action-icon{
  position:relative;
  z-index:1;
  pointer-events:auto !important;
  user-select:none;
  -webkit-user-select:none;
}

.mbh-footer-actions .mbh-footer-action-label,
.mbh-footer-actions .mbh-footer-action-arrow{
  color:inherit;
  transition:
    color 420ms ease,
    transform 420ms ease,
    opacity 420ms ease;
}

.mbh-footer-actions .mbh-footer-action-label{
  display:inline-block;
}

.mbh-footer-actions .mbh-footer-action-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  font-size:16px;
  line-height:1;
  font-weight:700;
}

.mbh-footer-actions .mbh-footer-action-icon{
  transition:
    filter 420ms ease,
    transform 420ms ease,
    opacity 420ms ease;
}

@media (hover:hover) and (pointer:fine){
  .mbh-footer-actions .mbh-footer-action:hover,
  .mbh-footer-actions .mbh-footer-action:focus-visible,
  .mbh-footer-actions .mbh-footer-action.is-hover{
    color:#fff !important;
    border-color:#0054ea !important;
  }

  .mbh-footer-actions .mbh-footer-action:hover .mbh-footer-action-ripple,
  .mbh-footer-actions .mbh-footer-action:focus-visible .mbh-footer-action-ripple,
  .mbh-footer-actions .mbh-footer-action.is-hover .mbh-footer-action-ripple{
    transform:translate(-50%, -50%) scale(24);
  }

  .mbh-footer-actions .mbh-footer-action:hover .mbh-footer-action-label,
  .mbh-footer-actions .mbh-footer-action:focus-visible .mbh-footer-action-label,
  .mbh-footer-actions .mbh-footer-action.is-hover .mbh-footer-action-label,
  .mbh-footer-actions .mbh-footer-action:hover .mbh-footer-action-arrow,
  .mbh-footer-actions .mbh-footer-action:focus-visible .mbh-footer-action-arrow,
  .mbh-footer-actions .mbh-footer-action.is-hover .mbh-footer-action-arrow,
  .mbh-footer-actions .mbh-footer-action--top:hover,
  .mbh-footer-actions .mbh-footer-action--top:focus-visible,
  .mbh-footer-actions .mbh-footer-action--top.is-hover{
    color:#fff !important;
  }

  .mbh-footer-actions .mbh-footer-action:hover .mbh-footer-action-icon,
  .mbh-footer-actions .mbh-footer-action:focus-visible .mbh-footer-action-icon,
  .mbh-footer-actions .mbh-footer-action.is-hover .mbh-footer-action-icon{
    filter:brightness(0) invert(1) !important;
    transform:translateY(-1px);
  }

  .mbh-footer-phone-link:hover,
  .mbh-footer-phone-link:focus-visible{
    background:transparent !important;
    color:#0054ea !important;
    box-shadow:none !important;
  }

  .mbh-footer-phone-link:hover .mbh-footer-phone,
  .mbh-footer-phone-link:focus-visible .mbh-footer-phone{
    color:#0054ea !important;
  }
}


/* =========================================================
   2026-04-10 / button hover color rule unify safe patch
   - 검정/투명/화이트라인 계열 : 주황 배경 + 흰 텍스트/아이콘
   - 주황 배경 계열 : 검정 배경 + 주황 텍스트/아이콘 + 주황 보더
   - 흰 배경 계열 : 주황 배경 + 흰 텍스트/아이콘
   - 현재 액션/구조는 유지하고 색 규칙만 후순위 오버라이드
   ========================================================= */
.mbh-hamburger-btn,
.mbh-mega-close,
.mbh-quick-tab,
.mbh-quick-top-btn,
.mbh-bottom-quick-consult-btn,
.mbh-final-consult-submit{
  transition:
    background-color 260ms ease,
    color 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease,
    transform 260ms ease;
}

.mbh-bottom-quick-consult-btn--primary,
.mbh-final-consult-submit,
.mbh-hamburger-btn,
.mbh-mega-close,
.mbh-quick-row--consult .mbh-quick-tab--orange{
  border:1px solid transparent;
}

@media (hover:hover) and (pointer:fine){
  /* 검정 배경 계열 */
  .mbh-quick-row--download .mbh-quick-tab--dark:hover,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible{
    background:#0054ea !important;
    border-color:#0054ea !important;
    color:#fff !important;
    filter:none !important;
  }

  .mbh-quick-row--download .mbh-quick-tab--dark:hover .mbh-quick-tab-text,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible .mbh-quick-tab-text,
  .mbh-quick-top-btn:hover,
  .mbh-quick-top-btn:focus-visible,
  .mbh-quick-top-btn:hover span,
  .mbh-quick-top-btn:focus-visible span{
    color:#fff !important;
  }

  .mbh-quick-row--download .mbh-quick-tab--dark:hover .mbh-quick-tab-icon,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible .mbh-quick-tab-icon{
    filter:brightness(0) invert(1) !important;
  }

  .mbh-quick-top-btn:hover,
  .mbh-quick-top-btn:focus-visible{
    background:#0054ea !important;
    border-color:#0054ea !important;
    color:#fff !important;
    filter:none !important;
  }

  /* 흰 배경 계열 */
  .mbh-bottom-quick-consult-btn--ghost:hover,
  .mbh-bottom-quick-consult-btn--ghost:focus-visible{
    background:#0054ea !important;
    color:#fff !important;
    border-color:#0054ea !important;
    filter:none !important;
  }

  /* 주황 배경 계열 */
  .mbh-quick-row--consult .mbh-quick-tab--orange:hover,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible,
  .mbh-bottom-quick-consult-btn--primary:hover,
  .mbh-bottom-quick-consult-btn--primary:focus-visible,
  .mbh-final-consult-submit:hover,
  .mbh-final-consult-submit:focus-visible,
  .mbh-hamburger-btn:hover,
  .mbh-hamburger-btn:focus-visible,
  .mbh-mega-close:hover,
  .mbh-mega-close:focus-visible{
    background:#ff6600 !important;
    color:#0054ea !important;
    border-color:#0054ea !important;
    filter:none !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover .mbh-quick-tab-text,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible .mbh-quick-tab-text,
  .mbh-bottom-quick-consult-btn--primary:hover,
  .mbh-bottom-quick-consult-btn--primary:focus-visible,
  .mbh-final-consult-submit:hover,
  .mbh-final-consult-submit:focus-visible,
  .mbh-mega-close:hover,
  .mbh-mega-close:focus-visible{
    color:#0054ea !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover .mbh-quick-tab-icon--base,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible .mbh-quick-tab-icon--base{
    opacity:0;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover .mbh-quick-tab-icon--hover,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible .mbh-quick-tab-icon--hover{
    opacity:1;
    filter:none !important;
  }

  .mbh-hamburger-btn:hover .mbh-hamburger-line,
  .mbh-hamburger-btn:focus-visible .mbh-hamburger-line{
    background:#0054ea !important;
  }

  /* footer 기존 액션 유지 */
  .mbh-footer-action:hover,
  .mbh-footer-action:focus-visible,
  .mbh-footer-action.is-hover{
    border-color:#0054ea !important;
  }
}


/* =========================================================
   2026-04-10 / quick hover restore + final consult address safe patch
   - 퀵 : 호버 액션 제거, 기존 컬러 전환만 유지
   - 메인 1분상담접수에만 주소 입력 추가
   - 신청하기 1px 보더는 메인 1분상담접수만 유지
   ========================================================= */
#mbhFinalConsultSection .mbh-final-consult-submit{
  border:1px solid transparent;
}

.mbh-quick-consult-dialog .mbh-final-consult-submit{
  border:0 !important;
}

.mbh-quick-circle-item,
.mbh-quick-circle,
.mbh-quick-circle img,
.mbh-quick-text,
.mbh-quick-tab,
.mbh-quick-top-btn,
.mbh-quick-tab-icon{
  transition:
    color 260ms ease,
    opacity 260ms ease,
    background-color 260ms ease,
    border-color 260ms ease,
    filter 260ms ease !important;
}

@media (hover:hover) and (pointer:fine){
  .mbh-quick-circle-item:hover .mbh-quick-circle,
  .mbh-quick-circle-item:focus-within .mbh-quick-circle,
  .mbh-quick-circle-item:hover .mbh-quick-circle img,
  .mbh-quick-circle-item:focus-within .mbh-quick-circle img{
    transform:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  .mbh-quick-row--download .mbh-quick-tab--dark:hover,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible{
    background:#111 !important;
    color:#0054ea !important;
    border-color:transparent !important;
    filter:none !important;
  }

  .mbh-quick-row--download .mbh-quick-tab--dark:hover .mbh-quick-tab-text,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible .mbh-quick-tab-text{
    color:#0054ea !important;
  }

  .mbh-quick-row--download .mbh-quick-tab--dark:hover .mbh-quick-tab-icon,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible .mbh-quick-tab-icon{
    filter:none !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible{
    background:#0054ea !important;
    color:#ff6600 !important;
    border-color:transparent !important;
    filter:none !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover .mbh-quick-tab-text,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible .mbh-quick-tab-text{
    color:#ff6600 !important;
  }

  .mbh-quick-top-btn:hover,
  .mbh-quick-top-btn:focus-visible{
    background:transparent !important;
    color:#0054ea !important;
    border-color:transparent !important;
    filter:none !important;
  }

  .mbh-quick-top-btn:hover span,
  .mbh-quick-top-btn:focus-visible span{
    color:#0054ea !important;
  }

  .mbh-quick-row--consult .mbh-quick-circle-item:hover .mbh-quick-text,
  .mbh-quick-row--consult .mbh-quick-circle-item:focus-within .mbh-quick-text{
    color:#ff6600 !important;
  }

  .mbh-quick-row--download .mbh-quick-circle-item:hover .mbh-quick-text,
  .mbh-quick-row--download .mbh-quick-circle-item:focus-within .mbh-quick-text{
    color:#0054ea !important;
  }

  .mbh-quick-consult-dialog .mbh-final-consult-submit:hover,
  .mbh-quick-consult-dialog .mbh-final-consult-submit:focus-visible{
    border-color:transparent !important;
  }
}


/* =========================================================
   2026-04-10 / mobile safe patch
   - header 10% down visual restore
   - section2 mobile overlap / video full width / bottom-only split panel
   - section4 mobile top-bottom opacity fade
   - section10 mobile image move restore
   ========================================================= */

.mbh-header-left{
  gap:40px;
}

.mbh-logo-img{
  width:120px;
  height:70px;
}

.mbh-nav-item{
  font-size:24px;
}

.mbh-hamburger-btn{
  width:62px;
  height:62px;
  gap:7px;
  -webkit-transform:translateY(8px);
  transform:translateY(8px);
}

.mbh-hamburger-line{
  width:46px;
  height:4.4px;
}

@media (max-width:768px){
  .mbh-logo-img{
    width:76px;
    height:auto;
  }

  .mbh-hamburger-btn{
    width:50px;
    height:50px;
    gap:6px;
  }

  .mbh-hamburger-line{
    width:37px;
    height:3.5px;
  }
}

@media (max-width:768px){
  .mbh-s2-grid,
  .mbh-s2-right{
    overflow:visible !important;
  }

  .mbh-s2-video-wrap{
    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;
    aspect-ratio:16 / 9;
    top:18vh !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-radius:22px !important;
    transform:translate3d(0,var(--mbh-s2-card-y),0) scale(1) !important;
  }

  .mbh-s2-video,
  .mbh-s2-video-wrap video,
  .mbh-s2-video-wrap iframe{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#000 !important;
  }

  .mbh-s2-vignette{
    opacity:0.18 !important;
  }

  .mbh-s2-split-stage{
    display:block;
  }

  .mbh-s2-split-left{
    display:none !important;
  }

  .mbh-s2-split-right{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    bottom:0;
    height:auto;
    min-height:44%;
    background:transparent;
    transform:translate3d(0, calc((1 - var(--mbh-s2-split-reveal, 0)) * 100%), 0);
  }

  .mbh-s2-split-right::before{
    background:
      linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 16%, rgba(0,0,0,0.84) 56%, rgba(0,0,0,0.94) 100%),
      radial-gradient(circle at 84% 58%, rgba(0,84,234,0.18) 0%, rgba(0,84,234,0.00) 40%);
  }

  .mbh-s2-split-inner{
    justify-content:flex-end;
    min-height:100%;
    padding:18px 16px 16px;
  }

  .mbh-s2-split-copy-head{
    margin:0 0 14px 0;
  }

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

  .mbh-s2-split-desc{
    font-size:18px;
    line-height:1.24;
  }

  .mbh-s2-split-title{
    margin-top:12px;
    font-size:28px;
    line-height:1.08;
  }

  .mbh-s2-split-bottom{
    margin-top:12px;
    column-gap:10px;
    grid-template-columns:auto 1fr auto auto;
  }

  .mbh-s2-split-nav,
  .mbh-s2-split-current,
  .mbh-s2-split-slash,
  .mbh-s2-split-total{
    font-size:13px;
  }

  .mbh-s2-split-tabs{
    width:100%;
    max-width:none;
    flex:1 1 auto;
  }

  .mbh-marquee-col{
    position:relative;
    isolation:isolate;
  }

  .mbh-marquee-col::before,
  .mbh-marquee-col::after{
    display:none;
  }

  .mbh-process-showcase-card--left{
    --mbh-img-overflow:88px;
  }

  .mbh-process-showcase-card--right{
    --mbh-img-overflow:120px;
  }
}


/* =========================================================
   2026-04-13 / mobile-only section2 separate panel patch
   - desktop untouched
   - mobile only overlay text panel
   - panel stays inside section2 so next section can cover it
   ========================================================= */
@media (max-width:768px){
  .mbh-second-section.is-s2-mobile-alt{
    --mbh-s2-mobile-copy-rgb:0, 0, 0;
    --mbh-s2-mobile-muted-rgb:0, 0, 0;
    --mbh-s2-mobile-tab-rgb:0, 0, 0;
    --mbh-s2-mobile-shadow-opacity:0;
    --mbh-s2-mobile-video-visibility:1;
    --mbh-s2-mobile-panel-visibility:1;
    background:#fff !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-grid,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-right{
    background:#fff !important;
  }

  .mbh-brand-section{
    position:relative;
    z-index:12 !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-grid,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-right,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap{
    overflow:visible !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-right{
    position:relative !important;
    z-index:1 !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap{
    width:var(--mbh-s2-mobile-video-w, 70vw) !important;
    max-width:var(--mbh-s2-mobile-video-w, 70vw) !important;
    height:var(--mbh-s2-mobile-video-h, calc(70vw * 9 / 16)) !important;
    aspect-ratio:auto !important;
    top:var(--mbh-s2-mobile-video-top, calc(var(--mbh-app-vh, 100svh) * 0.16)) !important;
    margin-left:calc(50% - (var(--mbh-s2-mobile-video-w, 70vw) / 2)) !important;
    margin-right:calc(50% - (var(--mbh-s2-mobile-video-w, 70vw) / 2)) !important;
    border-radius:var(--mbh-s2-mobile-video-radius, 22px) !important;
    transform:translate3d(0,0,0) scale(1) !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
    z-index:1 !important;
    opacity:var(--mbh-s2-mobile-video-visibility, 1) !important;
    transition:opacity 180ms linear !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap video,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap iframe{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#fff !important;
    opacity:1 !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-gradient,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-vignette,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-split-overlay{
    display:none !important;
  }

  .mbh-s2-mobile-panel{
    position:sticky;
    left:auto;
    right:auto;
    top:var(--mbh-s2-mobile-panel-top, calc((var(--mbh-app-vh, 100svh) * 0.12) + 56.25vw + 24px));
    z-index:2;
    width:min(100%, var(--mbh-s2-mobile-panel-w, calc(100vw - ((var(--mbh-header-pad) + env(safe-area-inset-left)) + (var(--mbh-header-pad) + env(safe-area-inset-right))))));
    max-width:calc(100vw - ((var(--mbh-header-pad) + env(safe-area-inset-left)) + (var(--mbh-header-pad) + env(safe-area-inset-right))));
    margin-left:auto;
    margin-right:auto;
    padding:0;
    opacity:0;
    pointer-events:none;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    overflow:visible;
    transition:none;
    will-change:opacity;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .mbh-s2-mobile-panel.is-active{
    opacity:calc(var(--mbh-s2-mobile-panel-opacity, 1) * var(--mbh-s2-mobile-panel-visibility, 1) * var(--mbh-mobile-overlap-fade-opacity, 1));
    pointer-events:auto;
  }

  .mbh-s2-mobile-panel-inner{
    width:100%;
    max-width:100%;
    color:#000;
    border:none;
    box-shadow:none;
    border-radius:0;
    padding:60px 5% 100px 5%;
    overflow:visible;
    transition:none;
  }

  .mbh-s2-mobile-panel,
  .mbh-s2-mobile-panel-inner,
  .mbh-s2-mobile-copy-head,
  .mbh-s2-mobile-media,
  .mbh-s2-mobile-media-stage,
  .mbh-s2-mobile-bottom{
    touch-action:pan-y;
  }
    
 .mbh-s2-mobile-bottom{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:16px;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
    width:100%;
    min-width:0;
  }

  .mbh-s2-mobile-copy-head{
    display:block;
  }

  .mbh-s2-mobile-line-mask{
    display:block;
    overflow:hidden;
  }

  .mbh-s2-mobile-line-item{
    display:block;
    opacity:1;
    transform:translate3d(0,0,0);
    will-change:transform, opacity;
  }

  .mbh-s2-mobile-copy-head.is-animating .mbh-s2-mobile-line-item{
    opacity:0;
    transform:translate3d(0,110%,0);
    animation:mbhS2MobileLineLift 720ms cubic-bezier(.22,1,.36,1) both;
    animation-delay:var(--mbh-s2-line-delay, 0ms);
  }

  @keyframes mbhS2MobileLineLift{
    0%{
      opacity:0;
      transform:translate3d(0,110%,0);
    }
    100%{
      opacity:1;
      transform:translate3d(0,0,0);
    }
  }

  .mbh-s2-mobile-point{
    margin:0 0 18px;
    font-size:clamp(12px, 3.2vw, 15px);
    font-weight:700;
    color:#000;
    opacity:.95;
    transition:none;
  }

  .mbh-s2-mobile-desc{
    margin:0;
    font-size:clamp(22px, 5.8vw, 30px);
    font-weight:700;
    line-height:1.18;
    color:#000;
    word-break:keep-all;
    transition:none;
  }

  .mbh-s2-mobile-title{
    margin-top:20px;
    font-size:clamp(38px, 9vw, 60px);
    font-weight:800;
    line-height:1.02;
    letter-spacing:var(--mbh-title-tracking);
    color:#0054ea;
    word-break:keep-all;
  }

  .mbh-s2-mobile-point .mbh-s2-mobile-line-item,
  .mbh-s2-mobile-desc .mbh-s2-mobile-line-item{
    color:#000;
    text-shadow:none;
    transition:none;
  }

  .mbh-s2-mobile-title .mbh-s2-mobile-line-item{
    color:#0054ea;
    text-shadow:none;
    transition:none;
  }

  .mbh-s2-mobile-media{
    position:relative;
    width:100%;
    height: 168px;
    margin-top:20px;
    aspect-ratio:1.66 / 1;
    border-radius:12px;
    overflow:hidden;
    background:#000;
  }

  .mbh-s2-mobile-media-stage{
    position:relative;
    width:100%;
    height:100%;
  }

  .mbh-s2-mobile-media-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transform:translate3d(8%,0,0) scale(1.04);
    transition:opacity 520ms ease, transform 820ms cubic-bezier(.22,1,.36,1);
    will-change:opacity, transform;
  }

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

  .mbh-s2-mobile-media-slide.is-active.is-enter{
    transform:translate3d(0,0,0) scale(1);
  }

  .mbh-s2-mobile-media-slide.is-prev{
    opacity:0;
    transform:translate3d(-6%,0,0) scale(1.01);
    z-index:1;
  }

  .mbh-s2-mobile-media-bg{
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
  }

  .mbh-s2-mobile-bottom{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:16px;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
    width:100%;
    min-width:0;
  }

  .mbh-s2-mobile-nav,
  .mbh-s2-mobile-current,
  .mbh-s2-mobile-slash,
  .mbh-s2-mobile-total{
    font-size:12px;
    font-weight:700;
    color:#5c5c5c;
    white-space:nowrap;
    text-shadow:none;
    transition:none;
    flex:0 0 auto;
  }

  .mbh-s2-mobile-nav{
    line-height:1;
  }

  .mbh-s2-mobile-nav.is-next{
    margin-left:0;
  }

  .mbh-s2-mobile-tabs{
    display:flex;
    align-items:center;
    gap:0;
    flex:0 0 72px;
    width:72px;
    min-width:72px;
    max-width:72px;
  }

  .mbh-s2-mobile-tab{
    flex:1 1 0;
    width:auto;
    height:3px;
    border:none;
    background:rgba(0,0,0,0.22);
    padding:0;
    border-radius:0;
    transition:none;
  }

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


@media (max-width:768px){
  .mbh-bottom-quick-consult{
    left:calc(var(--mbh-header-pad) + env(safe-area-inset-left)) !important;
    right:calc(var(--mbh-header-pad) + env(safe-area-inset-right)) !important;
    width:auto !important;
    bottom:14px !important;
    transform:translate3d(0, 120%, 0) !important;
  }

  .mbh-bottom-quick-consult.is-active{
    transform:translate3d(0, 0, 0) !important;
  }

  .mbh-bottom-quick-consult.is-hidden-by-final,
  .mbh-bottom-quick-consult.is-dismissed{
    transform:translate3d(0, 120%, 0) !important;
  }
}


/* =========================================================
   2026-04-15 / mobile section2 safe re-fix
   - video fill/center restore
   - header/quick straight hide-show
   - overlap target fade only on hero/video/slide
   - mobile section2 logo black lock / white bg lock
   ========================================================= */
@media (max-width:768px){
  body.mbh-mobile-s2-lock .mbh-bg-fade,
  body.mbh-mobile-s2-lock .mbh-orange-bg{
    opacity:0 !important;
  }

  body.mbh-mobile-s2-lock.mbh-header-on-dark .mbh-logo-img{
    filter:none !important;
  }

  .mbh-header{
    -webkit-transition:
      -webkit-transform 480ms cubic-bezier(.22,1,.36,1),
      opacity 480ms cubic-bezier(.22,1,.36,1) !important;
    transition:
      transform 480ms cubic-bezier(.22,1,.36,1),
      opacity 480ms cubic-bezier(.22,1,.36,1) !important;
    will-change:transform, opacity;
  }

  .mbh-quick-menu{
    -webkit-transition:
      -webkit-transform 480ms cubic-bezier(.22,1,.36,1),
      opacity 480ms cubic-bezier(.22,1,.36,1) !important;
    transition:
      transform 480ms cubic-bezier(.22,1,.36,1),
      opacity 480ms cubic-bezier(.22,1,.36,1) !important;
    will-change:transform, opacity;
  }

  body.mbh-mobile-scroll-hide:not(.mbh-mega-lock) .mbh-header{
    -webkit-transform:translate3d(0, calc(-1 * var(--mbh-header-h) - 12px), 0) !important;
    transform:translate3d(0, calc(-1 * var(--mbh-header-h) - 12px), 0) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  body.mbh-mobile-scroll-hide:not(.mbh-mega-lock) .mbh-quick-menu{
    -webkit-transform:translate3d(100%, 0, 0) !important;
    transform:translate3d(100%, 0, 0) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .mbh-second-section.is-s2-mobile-alt{
    position:relative;
    isolation:isolate;
    background:#fff !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-grid,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-right{
    background:#fff !important;
    overflow:visible !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-right{
    position:relative !important;
    z-index:1 !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap{
    position:sticky !important;
    left:0 !important;
    right:0 !important;
    top:var(--mbh-s2-mobile-video-top, calc(var(--mbh-app-vh, 100svh) * 0.16)) !important;
    width:var(--mbh-s2-mobile-video-w, 70vw) !important;
    max-width:100vw !important;
    height:var(--mbh-s2-mobile-video-h, calc(70vw * 9 / 16)) !important;
    aspect-ratio:auto !important;
    margin:0 auto !important;
    border-radius:var(--mbh-s2-mobile-video-radius, 22px) !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:none !important;
    -webkit-transform:translateZ(0) !important;
    transform:translateZ(0) !important;
    backface-visibility:hidden;
    z-index:2 !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap > video,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap > iframe{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:50% 50% !important;
    -webkit-transform:none !important;
    transform:none !important;
    background:transparent !important;
    opacity:1 !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-gradient,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-vignette,
  .mbh-second-section.is-s2-mobile-alt .mbh-s2-split-overlay{
    display:none !important;
  }

  .mbh-hero-fixed{
    opacity:var(--mbh-hero-opacity, 1);
    filter:none;
    text-shadow:none;
    transition:opacity 160ms linear;
    will-change:opacity;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap{
    opacity:calc(var(--mbh-s2-mobile-video-visibility, 1) * var(--mbh-mobile-overlap-fade-opacity, 1)) !important;
    transition:none !important;
    will-change:opacity;
  }

  body.mbh-mobile-overlap-fade-active .mbh-hero-fixed{
    opacity:var(--mbh-mobile-overlap-fade-opacity, 1) !important;
  }

  /* mobile hero / section2 text overlap safe fade
     - section2 panel/video는 건드리지 않고 hero fixed 텍스트만 제어
  */
  body.mbh-mobile-hero-safe-hide .mbh-hero-fixed{
    opacity:var(--mbh-mobile-hero-safe-opacity, 1) !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  body.mbh-mobile-hero-safe-hide .mbh-hero-fixed.is-hide{
    opacity:var(--mbh-mobile-hero-safe-opacity, 1) !important;
  }

  .mbh-hero-fixed{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }


  body.mbh-mobile-overlap-fade-active .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap{
    background-color:transparent !important;
  }

  body.mbh-mobile-overlap-fade-active .mbh-s2-mobile-panel.is-active{
    position:sticky !important;
    left:auto !important;
    right:auto !important;
    top:var(--mbh-s2-mobile-panel-top, calc((var(--mbh-app-vh, 100svh) * 0.12) + 56.25vw + 24px)) !important;
    width:min(100%, var(--mbh-s2-mobile-panel-w, calc(100vw - ((var(--mbh-header-pad) + env(safe-area-inset-left)) + (var(--mbh-header-pad) + env(safe-area-inset-right)))))) !important;
    max-width:calc(100vw - ((var(--mbh-header-pad) + env(safe-area-inset-left)) + (var(--mbh-header-pad) + env(safe-area-inset-right)))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    opacity:calc(var(--mbh-s2-mobile-panel-opacity, 1) * var(--mbh-s2-mobile-panel-visibility, 1) * var(--mbh-mobile-overlap-fade-opacity, 1)) !important;
    pointer-events:none !important;
    transform:translate3d(0,0,0) !important;
    -webkit-transform:translate3d(0,0,0) !important;
    will-change:opacity !important;
    z-index:2 !important;
  }

  .mbh-s2-mobile-panel.is-active .mbh-s2-mobile-copy-head,
  .mbh-s2-mobile-panel.is-active .mbh-s2-mobile-media,
  .mbh-s2-mobile-panel.is-active .mbh-s2-mobile-bottom{
    opacity:var(--mbh-mobile-overlap-fade-opacity, 1);
    transition:none !important;
    will-change:opacity;
  }
}


body{
  --mbh-mobile-marquee-mask-rgb:255,255,255;
}

.mbh-offer-title,
.mbh-audience-title,
.mbh-data-value-title,
.mbh-data-value-desc,
.mbh-process-showcase-title{
  transition:color 260ms linear, opacity 260ms linear, background-color 260ms linear;
}

body.mbh-header-on-dark .mbh-offer-title,
body.mbh-header-on-dark .mbh-audience-title,
body.mbh-header-on-dark .mbh-data-value-title,
body.mbh-header-on-dark .mbh-process-showcase-title{
  color:#fff;
}

/* Section6은 흰 배경 고정 구간이라 dark 상태 지연이 남아도 텍스트가 늦게 보이지 않도록 고정 */
body.mbh-header-on-dark .mbh-audience-section .mbh-audience-title{
  color:#000;
}

body.mbh-header-on-dark .mbh-audience-section .mbh-audience-title-highlight{
  color:#000;
}

body.mbh-header-on-dark .mbh-audience-section .mbh-audience-title-highlight.active{
  color:#fff;
}

/* Section9은 흰 배경 고정 구간이라 dark 상태 지연이 남아도 텍스트가 늦게 보이지 않도록 고정 */
body.mbh-header-on-dark .mbh-data-value-section .mbh-data-value-title{
  color:#000;
}

body.mbh-header-on-dark .mbh-data-value-section .mbh-data-value-title-highlight{
  color:#000;
}

body.mbh-header-on-dark .mbh-data-value-section.is-visible .mbh-data-value-title-highlight{
  color:#fff;
}

body.mbh-header-on-dark .mbh-data-value-section .mbh-data-value-desc{
  color:#4f4f4f;
}

@media (max-width:768px){
  .mbh-offer-mobile-tab,
  .mbh-audience-keyword{
    transition:color 260ms linear, opacity 260ms linear, background-color 260ms linear;
  }

  body.mbh-header-on-dark{
    --mbh-mobile-marquee-mask-rgb:0,0,0;
  }

  body.mbh-header-on-dark .mbh-offer-mobile-tab{
    color:rgba(255,255,255,0.62);
  }

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

  body.mbh-header-on-dark .mbh-audience-section .mbh-audience-keyword{
    color:rgba(0,0,0,0.34);
  }

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

  .mbh-footer-actions{
    align-self:stretch;
    width:100%;
    align-items:stretch;
  }

  .mbh-footer-action{
    width:100%;
    min-width:0;
  }
}




body:not(.mbh-sub-page).mbh-main-bg-white .mbh-offer-title,
body:not(.mbh-sub-page).mbh-main-bg-white .mbh-audience-title,
body:not(.mbh-sub-page).mbh-main-bg-white .mbh-data-value-title,
body:not(.mbh-sub-page).mbh-main-bg-white .mbh-process-showcase-title,
body:not(.mbh-sub-page).mbh-main-bg-white .mbh-final-consult-title,
body:not(.mbh-sub-page).mbh-main-bg-white .mbh-final-consult-desc,
body:not(.mbh-sub-page).mbh-main-bg-white .mbh-final-consult-label,
body:not(.mbh-sub-page).mbh-main-bg-white .mbh-final-consult-input{
  color:#000;
}

body:not(.mbh-sub-page).mbh-main-bg-white .mbh-final-consult-input{
  border-bottom-color:#bbbbbb;
}

body.mbh-header-on-dark .mbh-audience-section .mbh-audience-keyword{
  color:rgba(0,0,0,0.34);
}

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

@media (max-width:768px){
  body.mbh-main-mobile-hero-hide .mbh-hero-fixed,
  body.mbh-main-mobile-hero-hide .mbh-hero-fixed.is-hide{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .mbh-second-section.is-s2-mobile-alt .mbh-s2-video-wrap{
    contain:paint;
  }
}


/* =========================================================
   2026-06-09 / v71 header visibility guard
   - mb-common.css 분리 후 PC 헤더가 사라지는 상황 방지
   - 메뉴 오픈/모바일 스크롤 숨김 동작은 기존 유지
   ========================================================= */
@media (min-width:901px){
  body:not(.mbh-mega-lock) .mbh-header{
    display:block;
    visibility:visible;
    opacity:1;
  }

  body:not(.mbh-mega-lock) .mbh-header .mbh-header-row{
    display:flex;
    visibility:visible;
    opacity:1;
  }
}

/* =========================================================
   V75 / Header common only
   - header / hamburger / mega styles are shared from the base mb-common.css rules
   - sub/product page body-class header overrides removed
   ========================================================= */
@keyframes mbhSoloTextReadableV75{
  0%{
    color:#ffffff;
    text-shadow:0 0 8px rgba(255,255,255,.15), 0 0 10px rgba(0,0,0,.24);
    transform:translateY(0);
  }
  100%{
    color:#111111;
    text-shadow:0 0 10px rgba(255,255,255,.88), 0 0 18px rgba(255,255,255,.62);
    transform:translateY(-1px);
  }
}@keyframes mbhSoloBadgeWhiteV75{
  0%{
    background:#ffffff;
    color:#0054ea;
    box-shadow:0 0 0 rgba(255,255,255,0);
    transform:scale(1);
  }
  100%{
    background:#fff8ef;
    color:#111111;
    box-shadow:0 0 14px rgba(255,255,255,.85);
    transform:scale(1.06);
  }
}@media (min-width:769px){@keyframes mbhHeaderPhoneColorFlashV77{
    0%{color:#000;}
    16%{color:#39ff14;}
    32%{color:#00f5ff;}
    48%{color:#ff00e6;}
    64%{color:#fff200;}
    80%{color:#000;}
    100%{color:#ffffff;}
  }}@keyframes mbhSoloTextReadableV77{
  0%{color:#fff; text-shadow:0 0 8px rgba(255,255,255,.18), 0 0 10px rgba(0,0,0,.25); transform:translateY(0);}
  100%{color:#111; text-shadow:0 0 10px rgba(255,255,255,.88), 0 0 18px rgba(255,255,255,.62); transform:translateY(-1px);}
}@keyframes mbhSoloBadgeWhiteV77{
  0%{background:#fff; color:#0054ea; box-shadow:0 0 0 rgba(255,255,255,0); transform:scale(1);}
  100%{background:#fff8ef; color:#111; box-shadow:0 0 14px rgba(255,255,255,.85); transform:scale(1.06);}
}@media (min-width:769px){@keyframes mbhPhoneFluorescentFlowV80{
    0%{
      clip-path:inset(0 100% 0 0);
      color:#eaff00;
    }
    18%{
      clip-path:inset(0 78% 0 0);
      color:#eaff00;
    }
    38%{
      clip-path:inset(0 45% 0 0);
      color:#39ff14;
    }
    58%{
      clip-path:inset(0 18% 0 0);
      color:#00f5ff;
    }
    76%{
      clip-path:inset(0 0 0 0);
      color:#ff00e6;
    }
    88%{
      clip-path:inset(0 0 0 0);
      color:#fff200;
    }
    100%{
      clip-path:inset(0 100% 0 0);
      color:#eaff00;
    }
  }}@media (min-width:769px){@keyframes mbhPhoneSoftFlowV82{
    0%{
      background-position:130% 50%;
      opacity:0;
    }
    12%{
      opacity:1;
    }
    50%{
      opacity:1;
    }
    82%{
      opacity:1;
    }
    100%{
      background-position:-130% 50%;
      opacity:0;
    }
  }}.mbh-v100-mobile-title,
.mbh-v99-mobile-title,
.mbh-v98-mobile-title,
.mbh-v97-mobile-title,
.mbh-v96-mobile-title,
.mbh-v95-mobile-title,
.mbh-mega-mobile-title{
  display:none;
}@media (min-width:769px){.mbh-v100-mobile-title,
  .mbh-v99-mobile-title,
  .mbh-v98-mobile-title,
  .mbh-v97-mobile-title,
  .mbh-v96-mobile-title,
  .mbh-v95-mobile-title,
  .mbh-mega-mobile-title{
    display:none;
    visibility:hidden;
    opacity:0;
    height:0;
    margin:0;
    padding:0;
    overflow:hidden;
    pointer-events:none;
  }#mbhMega .mbh-mega-title{
    display:block;
    visibility:visible;
    opacity:1;
  }}@media (max-width:768px){html.mbh-v100-mega-open #mbhHeader,
  body.mbh-v100-mega-open #mbhHeader{
    visibility:hidden;
    opacity:0;
    pointer-events:none;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-backdrop,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-backdrop{
    position:fixed;
    inset:0;
    z-index:0;
    display:block;
    visibility:visible;
    opacity:1;
    background:#000;
    pointer-events:auto;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-wrap,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-wrap{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    max-width:100%;
    min-height:100vh;
    height:auto;
    margin:0;
    padding:86px 0 110px;
    box-sizing:border-box;
    background:#000;
    color:#fff;
    overflow:visible;
    transform:none;
    clip-path:none;
    touch-action:pan-y;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-grid,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-grid{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    text-align:center;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-col,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-col{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:82px;
    margin:0;
    padding:0 28px;
    box-sizing:border-box;
    border-top:1px solid rgba(255,255,255,.12);
    background:transparent;
    text-align:center;
    overflow:visible;
    visibility:visible;
    opacity:1;
    transform:none;
    clip-path:none;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-col:last-child,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-col:last-child{
    border-bottom:1px solid rgba(255,255,255,.12);
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-title,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-title,
  html.mbh-v100-mega-open #mbhMega .mbh-mega-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-mobile-title,
  html.mbh-v100-mega-open #mbhMega .mbh-v99-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-v99-mobile-title,
  html.mbh-v100-mega-open #mbhMega .mbh-v98-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-v98-mobile-title,
  html.mbh-v100-mega-open #mbhMega .mbh-v97-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-v97-mobile-title,
  html.mbh-v100-mega-open #mbhMega .mbh-v96-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-v96-mobile-title,
  html.mbh-v100-mega-open #mbhMega .mbh-v95-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-v95-mobile-title{
    display:none;
    visibility:hidden;
    opacity:0;
    height:0;
    min-height:0;
    max-height:0;
    margin:0;
    padding:0;
    overflow:hidden;
    pointer-events:none;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-col:first-child > .mbh-v100-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-col:first-child > .mbh-v100-mobile-title,
  html.mbh-v100-mega-open #mbhMega .mbh-mega-col.is-open > .mbh-v100-mobile-title,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-col.is-open > .mbh-v100-mobile-title{
    color:#0054ea;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-list,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-list{
    display:none;
    width:100%;
    max-width:360px;
    height:auto;
    min-height:0;
    margin:0 0 28px;
    padding:0;
    list-style:none;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    visibility:visible;
    opacity:1;
    overflow:visible;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-col.is-open > .mbh-mega-list,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-col.is-open > .mbh-mega-list{
    display:flex;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-item,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-item{
    width:100%;
    margin:0;
    padding:0;
    border:0;
    text-align:center;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-link-row,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-link-row{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:46px;
    gap:8px;
    text-align:center;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-link,
  html.mbh-v100-mega-open #mbhMega .mbh-mega-child-link,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-link,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-child-link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    min-height:40px;
    margin:0 auto;
    padding:0;
    color:#d9d9d9;
    font-size:17px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-0.04em;
    text-align:center;
    white-space:normal;
    word-break:keep-all;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-acc-btn,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-acc-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    font-size:17px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:-0.04em;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-pm,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-pm{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:8px;
    color:#fff;
    font-size:17px;
    line-height:1;
    font-weight:900;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-panel,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-panel{
    display:none;
    width:100%;
    height:auto;
    margin:0;
    padding:0 0 10px;
    overflow:visible;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-panel.is-open,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-panel.is-open,
  html.mbh-v100-mega-open #mbhMega .mbh-mega-acc-btn[aria-expanded="true"] + .mbh-mega-panel,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-acc-btn[aria-expanded="true"] + .mbh-mega-panel{
    display:block;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-panel-inner,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-panel-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
  }html.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega,
  body.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega{
    position:fixed;
    left:0;
    right:0;
    bottom:14px;
    z-index:1;
    display:block;
    width:100%;
    height:76px;
    margin:0;
    overflow:hidden;
    pointer-events:none;
  }html.mbh-v100-mega-open #mbhMega .mbh-mega-close,
  body.mbh-v100-mega-open #mbhMega .mbh-mega-close{
    position:fixed;
    top:12px;
    right:22px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:68px;
    height:68px;
    border:1px solid #0054ea;
    border-radius:50%;
    background:#0054ea;
    color:#fff;
    font-size:42px;
    line-height:1;
    font-weight:400;
    visibility:visible;
    opacity:1;
  }}

/* =========================================================
   V74 / Mega marquee bottom lock
   - 햄버거 전체메뉴 하단 마퀴가 메뉴 타이틀 위로 올라오지 않도록 고정
   ========================================================= */
.mbh-mega .mbh-mega-wrap{
  overflow:hidden;
}

.mbh-mega .mbh-mega-grid{
  position:relative;
  z-index:3;
}

.mbh-mega .mbh-process-showcase-marquee--mega{
  top:auto;
  bottom:clamp(-58px, -3vw, -24px);
  z-index:0;
}

.mbh-mega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text{
  font-size:clamp(48px, 5.8vw, 104px);
  opacity:0.74;
}

@media (max-width:900px){
  .mbh-mega .mbh-process-showcase-marquee--mega{
    bottom:-42px;
  }

  .mbh-mega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text{
    font-size:clamp(46px, 11vw, 70px);
  }
}


/* =========================================================
   V74 / Mega marquee v100 state bottom override
   - 기존 모바일/서브 메가 보정 클래스가 붙어도 마퀴는 하단 뒤쪽에 고정
   ========================================================= */
html.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega,
body.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega,
#mbhMega .mbh-process-showcase-marquee--mega{
  top:auto;
  bottom:-46px;
  z-index:1;
  height:120px;
}

html.mbh-v100-mega-open #mbhMega .mbh-mega-grid,
body.mbh-v100-mega-open #mbhMega .mbh-mega-grid,
#mbhMega .mbh-mega-grid{
  position:relative;
  z-index:3;
}

html.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text,
body.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text,
#mbhMega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text{
  font-size:clamp(46px, 5.6vw, 98px);
  opacity:0.66;
}

@media (max-width:900px){
  html.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega,
  body.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega,
  #mbhMega .mbh-process-showcase-marquee--mega{
    bottom:-40px;
    height:92px;
  }

  html.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text,
  body.mbh-v100-mega-open #mbhMega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text,
  #mbhMega .mbh-process-showcase-marquee--mega .mbh-process-showcase-marquee-text{
    font-size:clamp(42px, 10vw, 64px);
  }
}


/* V75 common menu coming-soon label */
.mbh-header .mbh-menu-coming-soon,
.mbh-mega .mbh-menu-coming-soon,
.mbh-header-submenu .mbh-menu-coming-soon{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}
.mbh-header .mbh-menu-coming-soon__text,
.mbh-mega .mbh-menu-coming-soon__text,
.mbh-header-submenu .mbh-menu-coming-soon__text{
  display:inline-block;
  color:#0054ea;
  font-weight:900;
  white-space:nowrap;
}
.mbh-header .mbh-menu-coming-soon__badge,
.mbh-mega .mbh-menu-coming-soon__badge,
.mbh-header-submenu .mbh-menu-coming-soon__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:18px;
  padding:0 7px;
  border-radius:999px;
  background:#0054ea;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:18px;
}


.mbh-header .mbh-header-submenu .mbh-header-submenu-acc-btn:hover,
.mbh-header .mbh-header-submenu .mbh-header-submenu-acc-btn:hover span,
.mbh-header .mbh-header-submenu .mbh-header-submenu-acc-btn[aria-expanded="true"],
.mbh-header .mbh-header-submenu .mbh-header-submenu-acc-btn[aria-expanded="true"] span,
.mbh-mega .mbh-mega-acc-btn:hover,
.mbh-mega .mbh-mega-acc-btn:hover span,
.mbh-mega .mbh-mega-acc-btn[aria-expanded="true"],
.mbh-mega .mbh-mega-acc-btn[aria-expanded="true"] span{
  color:#0054ea;
}

.mbh-header .mbh-header-submenu .mbh-header-submenu-panel .mbh-header-submenu-children,
.mbh-mega .mbh-mega-panel .mbh-mega-panel-inner{
  background:#0054ea;
}

.mbh-header .mbh-header-submenu .mbh-header-submenu-panel .mbh-header-submenu-children > .mbh-mega-child-link,
.mbh-mega .mbh-mega-panel .mbh-mega-panel-inner > .mbh-mega-child-link{
  color:#fff;
}

.mbh-header .mbh-header-submenu .mbh-header-submenu-panel .mbh-header-submenu-children > .mbh-mega-child-link:hover,
.mbh-mega .mbh-mega-panel .mbh-mega-panel-inner > .mbh-mega-child-link:hover{
  color:#ff6600;
}

.mbh-header .mbh-menu-coming-soon,
.mbh-mega .mbh-menu-coming-soon,
.mbh-header-submenu .mbh-menu-coming-soon{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  max-width:100%;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  pointer-events:auto;
  cursor:pointer;
}

.mbh-header .mbh-menu-coming-soon__text,
.mbh-mega .mbh-menu-coming-soon__text,
.mbh-header-submenu .mbh-menu-coming-soon__text{
  display:inline-block;
  color:#fff;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
  text-align:center;
  text-shadow:none;
  animation:mbhSoloTextReadableV77 .85s ease-in-out infinite alternate;
}

.mbh-header .mbh-menu-coming-soon__badge,
.mbh-mega .mbh-menu-coming-soon__badge,
.mbh-header-submenu .mbh-menu-coming-soon__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:18px;
  min-width:42px;
  padding:0 8px;
  border-radius:999px;
  background:#fff;
  color:#0054ea;
  font-size:10px;
  font-weight:900;
  line-height:18px;
  white-space:nowrap;
  text-shadow:none;
  box-shadow:0 0 12px rgba(255,255,255,.55);
  animation:mbhSoloBadgeWhiteV77 .85s ease-in-out infinite alternate;
}

@keyframes mbhSoloTextReadableV77{
  0%{color:#fff; text-shadow:0 0 8px rgba(255,255,255,.18), 0 0 10px rgba(0,0,0,.25); transform:translateY(0);}
  100%{color:#111; text-shadow:0 0 10px rgba(255,255,255,.88), 0 0 18px rgba(255,255,255,.62); transform:translateY(-1px);}
}

@keyframes mbhSoloBadgeWhiteV77{
  0%{background:#fff; color:#0054ea; box-shadow:0 0 0 rgba(255,255,255,0); transform:scale(1);}
  100%{background:#fff8ef; color:#111; box-shadow:0 0 14px rgba(255,255,255,.85); transform:scale(1.06);}
}

@media (min-width:769px){
  #mbhHeader .mbh-header-phone-flow,
  .mbh-header .mbh-header-phone-flow,
  #mbhHeader .mbh-header-phone-sparkle,
  .mbh-header .mbh-header-phone-sparkle{
    position:relative;
    display:inline-flex;
    align-items:center;
    color:inherit;
    background:none;
    background-image:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    text-shadow:none;
    transform:none;
    animation:none;
    overflow:visible;
  }

  #mbhHeader .mbh-header-phone-flow::before,
  .mbh-header .mbh-header-phone-flow::before,
  #mbhHeader .mbh-header-phone-flow::after,
  .mbh-header .mbh-header-phone-flow::after,
  #mbhHeader .mbh-header-phone-sparkle::before,
  .mbh-header .mbh-header-phone-sparkle::before,
  #mbhHeader .mbh-header-phone-sparkle::after,
  .mbh-header .mbh-header-phone-sparkle::after{
    content:none;
    display:none;
    background:none;
    animation:none;
  }

  .mbh-sub-page .mbh-header.mbh-sub-header--light .mbh-header-call,
  .mbh-sub-page .mbh-header.mbh-sub-header--orange .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--light .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--orange .mbh-header-call,
  body.mbh-header-on-dark .mbh-header-call,
  body.mbh-header-on-orange .mbh-header-call{
    color:#fff;
  }

  .mbh-sub-page .mbh-header.mbh-sub-header--dark .mbh-header-call,
  .mbh-sub-page .mbh-header.mbh-sub-header--menu-open .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--dark .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--menu-open .mbh-header-call{
    color:#000;
  }

  .mbh-sub-page .mbh-header .mbh-header-call:hover,
  .mbh-product-page .mbh-header .mbh-header-call:hover,
  body.mbh-header-on-dark .mbh-header-call:hover,
  body.mbh-header-on-orange .mbh-header-call:hover{
    color:#0054ea;
  }
}


/* =========================
   MBH V98 header phone static color final
   - 전화번호 형광 흐름 애니메이션 제거
   - 배경 상태에 따른 흰색/검정색 전환만 유지
   ========================= */
@media (min-width:769px){
  #mbhHeader .mbh-header-phone-flow,
  .mbh-header .mbh-header-phone-flow,
  #mbhHeader .mbh-header-phone-sparkle,
  .mbh-header .mbh-header-phone-sparkle{
    color:inherit;
    background:none;
    background-image:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    animation:none;
    text-shadow:none;
  }

  #mbhHeader .mbh-header-phone-flow::before,
  .mbh-header .mbh-header-phone-flow::before,
  #mbhHeader .mbh-header-phone-flow::after,
  .mbh-header .mbh-header-phone-flow::after,
  #mbhHeader .mbh-header-phone-sparkle::before,
  .mbh-header .mbh-header-phone-sparkle::before,
  #mbhHeader .mbh-header-phone-sparkle::after,
  .mbh-header .mbh-header-phone-sparkle::after{
    content:none;
    display:none;
    background:none;
    animation:none;
  }

  .mbh-sub-page .mbh-header.mbh-sub-header--light .mbh-header-call,
  .mbh-sub-page .mbh-header.mbh-sub-header--orange .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--light .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--orange .mbh-header-call,
  body.mbh-header-on-dark .mbh-header-call,
  body.mbh-header-on-orange .mbh-header-call{
    color:#fff;
  }

  .mbh-sub-page .mbh-header.mbh-sub-header--dark .mbh-header-call,
  .mbh-sub-page .mbh-header.mbh-sub-header--menu-open .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--dark .mbh-header-call,
  .mbh-product-page .mbh-header.mbh-sub-header--menu-open .mbh-header-call{
    color:#000;
  }

  .mbh-sub-page .mbh-header .mbh-header-call:hover,
  .mbh-product-page .mbh-header .mbh-header-call:hover,
  body.mbh-header-on-dark .mbh-header-call:hover,
  body.mbh-header-on-orange .mbh-header-call:hover{
    color:#0054ea;
  }
}


/* =========================================================
   MBH_V129_QUICK_TAB_HOVER_TEXT_ICON_ONLY
   - 퀵 탭 hover 시 배경색은 유지
   - 다운로드: 아이콘/텍스트만 블루
   - 상담문의: 아이콘/텍스트만 주황
   ========================================================= */
@media (hover:hover) and (pointer:fine){
  .mbh-quick-row--download .mbh-quick-tab--dark:hover,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible{
    background:#111 !important;
    color:#0054ea !important;
    border-color:transparent !important;
  }

  .mbh-quick-row--download .mbh-quick-tab--dark:hover .mbh-quick-tab-text,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible .mbh-quick-tab-text{
    color:#0054ea !important;
  }

  .mbh-quick-row--download .mbh-quick-tab--dark:hover .mbh-quick-tab-icon--hover,
  .mbh-quick-row--download .mbh-quick-tab--dark:focus-visible .mbh-quick-tab-icon--hover{
    opacity:1 !important;
    filter:none !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible{
    background:#0054ea !important;
    color:#ff6600 !important;
    border-color:transparent !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover .mbh-quick-tab-text,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible .mbh-quick-tab-text{
    color:#ff6600 !important;
  }

  .mbh-quick-row--consult .mbh-quick-tab--orange:hover .mbh-quick-tab-icon--hover,
  .mbh-quick-row--consult .mbh-quick-tab--orange:focus-visible .mbh-quick-tab-icon--hover{
    opacity:1 !important;
    filter:none !important;
  }
}


/* =========================================================
   MBH_V130_HEADER_N_BADGE_ORANGE
   - 헤더/전체메뉴 N 아이콘 배경만 #ff6600으로 고정
   ========================================================= */
.mbh-header .mbh-mega-badge,
.mbh-header-submenu .mbh-mega-badge,
.mbh-mega .mbh-mega-badge{
  background:#ff6600;
  color:#fff;
}


/* =========================================================
   2026-06-18 / Right quick menu width + mobile slide toggle
   - 다운로드 패널: 상품소개서 1개 기준으로 폭 축소
   - 모바일: 우측 퀵 전체 접기/펼치기 슬라이드 처리
   ========================================================= */
.mbh-quick-row--download{
  --mbh-panel-w:190px;
}

.mbh-quick-row--download .mbh-quick-left{
  gap:16px;
}

.mbh-quick-row--download .mbh-quick-items{
  gap:0;
}

.mbh-quick-row--download .mbh-quick-text{
  margin-left:0;
}

.mbh-quick-mobile-toggle{
  display:none;
}

@media (max-width:768px){
  .mbh-quick-row--download{
    --mbh-panel-w:170px;
  }

  .mbh-quick-menu{
    transition:
      opacity 260ms ease,
      transform 420ms cubic-bezier(.22,1,.36,1);
    will-change:transform;
  }

  .mbh-quick-menu.is-mobile-collapsed{
    transform:translateX(calc(100% + 10px));
    pointer-events:none;
  }

  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-row,
  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-top-row,
  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-tab,
  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-panel,
  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-close,
  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-circle-item,
  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-circle-item--button,
  .mbh-quick-menu.is-mobile-collapsed .mbh-quick-top-btn{
    pointer-events:none;
  }

  .mbh-quick-mobile-toggle{
    position:fixed;
    right:0;
    top:calc(32% - 44px);
    z-index:1202;
    width:38px;
    height:38px;
    border:0;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    background:#0054ea;
    color:#fff;
    display:grid;
    place-items:center;
    font-family:inherit;
    font-size:28px;
    font-weight:700;
    line-height:1;
    box-shadow:0 8px 22px rgba(0,84,234,0.22);
    transition:
      background-color 220ms ease,
      transform 420ms cubic-bezier(.22,1,.36,1),
      opacity 220ms ease;
  }

  .mbh-quick-mobile-toggle:active{
    transform:scale(0.96);
  }

  body.mbh-quick-mobile-collapsed .mbh-quick-mobile-toggle{
    background:#111;
  }
}

/* 2026-06-18 / hide mobile quick toggle with final quick hide */
.mbh-quick-menu.is-hidden-by-final + .mbh-quick-mobile-toggle{
  opacity:0;
  pointer-events:none;
  transform:translateX(44px);
}



/* =========================================================
   SHARED HEADER FINAL
   - 메인/서브 헤더 디자인은 mb-common.css 한 파일에서만 관리
   - 드롭다운은 페이지 배경과 무관하게 같은 흰색 블러로 즉시 노출
   - 로고/메뉴/전화번호/햄버거는 드롭다운 위에 유지
   ========================================================= */
:root{
  --mbh-header-glass-bg:rgba(255,255,255,.58);
  --mbh-header-dropdown-bg:rgba(255,255,255,.58);
  --mbh-header-glass-blur:24px;
  --mbh-header-glass-line:rgba(255,255,255,.54);
  --mbh-header-glass-shadow:0 18px 48px rgba(0,0,0,.08);
}

.mbh-header,
.mbh-header .mbh-logo-img,
.mbh-header .mbh-nav-item,
.mbh-header .mbh-nav-roll,
.mbh-header .mbh-nav-roll-inner,
.mbh-header .mbh-nav-roll-item,
.mbh-header .mbh-header-call,
.mbh-header .mbh-hamburger-line{
  transition:color 180ms ease, background-color 180ms ease, filter 180ms ease, opacity 180ms ease;
}

@media (min-width:901px){
  #mbhHeader.mbh-header{
    isolation:isolate;
    overflow:visible;
  }

  #mbhHeader .mbh-header-row,
  #mbhHeader .mbh-header-left,
  #mbhHeader .mbh-header-menu-area,
  #mbhHeader .mbh-header-nav{
    align-items:center;
  }

  #mbhHeader .mbh-nav-item,
  #mbhHeader .mbh-header-call{
    margin-top:0;
  }

  #mbhHeader .mbh-hamburger-btn{
    transform:translateY(0);
  }

  #mbhHeader.mbh-header.is-scrolled:not(.is-nav-open),
  body.mbh-page-scrolled #mbhHeader.mbh-header:not(.is-nav-open){
    background:var(--mbh-header-glass-bg);
    -webkit-backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    box-shadow:0 1px 0 rgba(255,255,255,.38), 0 12px 28px rgba(0,0,0,.06);
  }

  /* 드롭다운을 여는 순간 헤더 영역부터 동일한 블러가 바로 보이도록 처리 */
  #mbhHeader.mbh-header.is-nav-open{
    background:var(--mbh-header-dropdown-bg);
    -webkit-backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    box-shadow:none;
  }

  #mbhHeader .mbh-header-dropdown-bg{
    z-index:6001;
    background:var(--mbh-header-dropdown-bg);
    -webkit-backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    border-bottom:1px solid var(--mbh-header-glass-line);
    box-shadow:var(--mbh-header-glass-shadow);
    transform:translateZ(0);
    will-change:auto;
    transition:none;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-header-dropdown-bg{
    height:var(--mbh-header-dropdown-bg-h);
    opacity:1;
    visibility:visible;
    background:var(--mbh-header-dropdown-bg);
    transition:none;
  }

  #mbhHeader .mbh-logo-wrap,
  #mbhHeader .mbh-header-call,
  #mbhHeader .mbh-hamburger-btn{
    position:relative;
    z-index:6012;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  #mbhHeader .mbh-header-nav{
    position:relative;
    z-index:6008;
  }

  #mbhHeader .mbh-header-submenu{
    z-index:6007;
    transition-delay:0ms;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-logo-wrap,
  #mbhHeader.mbh-header.is-nav-open .mbh-header-call,
  #mbhHeader.mbh-header.is-nav-open .mbh-hamburger-btn{
    z-index:6012;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-logo-img{
    filter:none;
    opacity:1;
    visibility:visible;
  }

  #mbhHeader.mbh-header.is-nav-open #mbhHeaderNav > .mbh-nav-item,
  #mbhHeader.mbh-header.is-nav-open #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll,
  #mbhHeader.mbh-header.is-nav-open #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-inner,
  #mbhHeader.mbh-header.is-nav-open #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-item,
  #mbhHeader.mbh-header.is-nav-open .mbh-header-call{
    color:#0054ea;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-hamburger-line{
    background:#fff;
  }

  /* 서브 파란 히어로 위: 활성 검정 / 비활성 흰색 */
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open){
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
    border-color:transparent;
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) .mbh-logo-img{
    filter:brightness(0) invert(1);
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-inner,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-item{
    color:#fff;
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active:hover,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll-inner,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll-item{
    color:#000;
    background:transparent;
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) .mbh-header-call{
    color:#fff;
  }

  /* 서브 히어로 통과 후: 활성 파랑 / 비활성 검정 */
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open){
    background:var(--mbh-header-glass-bg);
    -webkit-backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    box-shadow:0 1px 0 rgba(255,255,255,.38), 0 12px 28px rgba(0,0,0,.06);
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) .mbh-logo-img{
    filter:none;
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-inner,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-item{
    color:#000;
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active:hover,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll-inner,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll-item{
    color:#0054ea;
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open) .mbh-header-call{
    color:#0054ea;
  }
}

@media (max-width:900px){
  :root{
    --mbh-header-h:80px;
  }

  #mbhHeader.mbh-header,
  #mbhHeader .mbh-header-row{
    height:80px;
  }

  #mbhHeader.mbh-header{
    will-change:auto;
  }

  /* 모바일도 기존 디자인 그대로 블러 유지 */
  #mbhHeader.mbh-header.is-scrolled:not(.is-nav-open),
  body.mbh-page-scrolled #mbhHeader.mbh-header:not(.is-nav-open),
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero:not(.is-nav-open){
    background:var(--mbh-header-glass-bg);
    -webkit-backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    box-shadow:0 1px 0 rgba(255,255,255,.38), 0 12px 28px rgba(0,0,0,.06);
  }

  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open){
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }

  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open) .mbh-logo-img,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--hero:not(.is-nav-open) .mbh-logo-img{
    filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.28));
  }

  #mbhHeader.mbh-header.is-scrolled .mbh-logo-img,
  .mbh-sub-page #mbhHeader.mbh-header.mbh-sub-header--after-hero .mbh-logo-img{
    filter:none;
  }

  #mbhHeader .mbh-hamburger-line{
    background:#fff;
  }

  #mbhHeader.mbh-header.is-nav-open{
    background:var(--mbh-header-dropdown-bg);
    -webkit-backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    backdrop-filter:blur(var(--mbh-header-glass-blur)) saturate(145%);
    box-shadow:none;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-logo-wrap,
  #mbhHeader.mbh-header.is-nav-open .mbh-logo-img{
    opacity:1;
    visibility:visible;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-logo-img{
    filter:none;
  }
}

/* 모바일에서 화면 밖의 반복 애니메이션은 정지해 스크롤 합성 부하를 줄임 */
@media (max-width:768px){
  .mbh-perf-paused,
  .mbh-perf-paused *,
  .mbh-perf-paused *::before,
  .mbh-perf-paused *::after{
    animation-play-state:paused;
  }

  .mbh-top-marquee,
  .mbh-header,
  .mbh-quick-menu,
  .mbh-bg-fade,
  .mbh-orange-bg{
    will-change:auto;
  }
}

/* =========================================================
   2026-06-19 / TOP TEXT BAR
   - 메인/전체 서브 공통
   - 기본 파란색, 뒤쪽이 파란 배경이면 검정으로 전환
   - 가운데 고정 텍스트, 컬러만 은은하게 반짝임
   ========================================================= */
:root{
  --mbh-top-marquee-h:40px;
  --mbh-header-stack-h:calc(var(--mbh-top-marquee-h) + var(--mbh-header-h));
}

.mbh-top-marquee{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:var(--mbh-top-marquee-h);
  z-index:6100;
  overflow:hidden;
  color:#fff;
  background:#0054ea;
  transition:background-color 720ms cubic-bezier(.22,1,.36,1);
  transform:translateZ(0);
}

.mbh-top-marquee.is-dark{
  background:#000;
}

/* 서브 파란 히어로 위 상단 띠: 첫 화면부터 검정 */
body.mbh-sub-page:not(.mbh-page-scrolled) .mbh-top-marquee,
body.mbh-sub-header-on-hero .mbh-top-marquee{
  background:#000;
}

.mbh-top-marquee-viewport{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:0 20px;
  overflow:hidden;
  text-align:center;
}

.mbh-top-marquee-text{
  display:inline-block;
  max-width:100%;
  color:#fff;
  font-size:15px;
  font-weight:500;
  line-height:1;
  letter-spacing:-0.025em;
  white-space:nowrap;
  animation:mbhTopTextShine 2.6s ease-in-out infinite;
}

@keyframes mbhTopTextShine{
  0%,
  100%{
    color:rgba(255,255,255,.72);
  }

  50%{
    color:#fff;
  }
}

#mbhHeader.mbh-header{
  top:var(--mbh-top-marquee-h);
}

#mbhHeader .mbh-header-dropdown-bg{
  top:var(--mbh-top-marquee-h);
}

#mbhHeader .mbh-header-submenu{
  top:calc(var(--mbh-top-marquee-h) + var(--mbh-header-h) + 4px);
}

@media (min-width:901px) and (hover:hover) and (pointer:fine){
  #mbhHeader .mbh-header-submenu{
    top:calc(var(--mbh-top-marquee-h) + var(--mbh-header-h) + 12px);
  }
}

@media (max-width:900px){
  :root{
    --mbh-top-marquee-h:34px;
  }

  .mbh-top-marquee-text{
    font-size:13px;
  }
}

@media (prefers-reduced-motion:reduce){
  .mbh-top-marquee-text{
    animation:none;
    color:#fff;
  }
}

/* MBH_HEADER_REAL_BLUR_ACTIVE_FIX_20260622
   - 서브 파란 히어로: 비활성 흰색 / 활성 검정
   - 드롭다운: 부모 헤더가 아닌 단일 배경 레이어에서 실제 backdrop blur 처리
   - JS의 mbh-sub-header--hero 클래스 유무와 관계없이 동작
*/
@media (min-width:901px){
  /* 서브 첫 화면 컬러 */
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item,
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll,
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-inner,
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item .mbh-nav-roll-item{
    color:#fff !important;
  }

  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item.is-active,
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item.is-active:hover,
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll,
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll-inner,
  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item.is-active .mbh-nav-roll-item{
    color:#000 !important;
    background:transparent !important;
  }

  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  .mbh-logo-img{
    filter:brightness(0) invert(1) !important;
  }

  body.mbh-sub-page:not(.mbh-page-scrolled)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  .mbh-header-call{
    color:#fff !important;
  }

  /* 실제 블러는 드롭다운 배경 한 장에서만 처리 */
  #mbhHeader.mbh-header.is-nav-open{
    isolation:auto !important;
    background:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-header-dropdown-bg{
    top:var(--mbh-top-marquee-h) !important;
    height:var(--mbh-header-dropdown-bg-h) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;

    background:rgba(255,255,255,.54) !important;
    -webkit-backdrop-filter:blur(26px) saturate(145%) !important;
    backdrop-filter:blur(26px) saturate(145%) !important;

    border-bottom:1px solid rgba(255,255,255,.62) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.08) !important;
    transform:translateZ(0);
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-logo-wrap{
    z-index:6012 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-logo-img{
    filter:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-header-nav{
    z-index:6008 !important;
  }

  #mbhHeader.mbh-header.is-nav-open .mbh-header-submenu{
    z-index:6007 !important;
    background:transparent !important;
  }
}

/* MBH_MAIN_PC_INITIAL_MENU_WHITE_20260622
   - 메인 PC 첫 화면에서 첫 번째 롤링 메뉴는 기존 색상 유지
   - 나머지 메뉴만 흰색
   - 로고/서브/스크롤 후/드롭다운 상태는 변경하지 않음
*/
@media (min-width:901px){
  body:not(.mbh-sub-page)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  #mbhHeaderNav > .mbh-nav-item:not(:first-child){
    color:#fff !important;
  }
}

/* MBH_MAIN_PC_INITIAL_LOGO_PHONE_WHITE_20260622
   - 메인 PC 첫 화면만 적용
   - 로고와 전화번호 흰색
   - 첫 번째 롤링 메뉴 및 나머지 확정값은 변경하지 않음
*/
@media (min-width:901px){
  body:not(.mbh-sub-page)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  .mbh-logo-img{
    filter:brightness(0) invert(1) !important;
  }

  body:not(.mbh-sub-page)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  .mbh-header-call,
  body:not(.mbh-sub-page)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  .mbh-header-phone-flow,
  body:not(.mbh-sub-page)
  #mbhHeader.mbh-header:not(.is-scrolled):not(.is-nav-open)
  .mbh-header-phone-sparkle{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
}



/* =========================================================
   2026-07-01 / FOOTER BOTTOM SPACING PATCH
   - 푸터 최하단 문구 여백 보정
   - 기존 푸터 구조/텍스트/링크 변경 없음
   ========================================================= */
.mbh-footer{
  padding-bottom:clamp(52px, 4.8vw, 86px);
}

.mbh-footer-note-row{
  margin-top:clamp(64px, 4.4vw, 84px);
  padding-top:28px;
  padding-bottom:clamp(24px, 2.6vw, 42px);
  align-items:flex-start;
}

.mbh-footer-note,
.mbh-footer-copy{
  line-height:1.72;
}

@media (max-width:900px){
  .mbh-footer{
    padding-bottom:58px;
  }

  .mbh-footer-note-row{
    margin-top:46px;
    padding-top:24px;
    padding-bottom:34px;
    gap:12px;
  }
}

@media (max-width:768px){
  .mbh-footer{
    padding-bottom:72px;
  }

  .mbh-footer-note-row{
    margin-top:42px;
    padding-top:22px;
    padding-bottom:44px;
  }
}

/* =========================================================
   2026-07-01 / iOS HAMBURGER OPEN SMOOTHING
   - iPhone Safari hamburger open jank 완화
   - menu layout / links / desktop header 변경 없음
   - 모바일 iOS에서 circle clip-path 확장 대신 opacity 전환
   ========================================================= */
@supports (-webkit-touch-callout:none){
  @media (max-width:768px){
    .mbh-hamburger-line,
    .mbh-mega,
    .mbh-mega-backdrop,
    .mbh-mega-close,
    .mbh-mega-col,
    .mbh-mega-item{
      will-change:auto;
      backface-visibility:visible;
      -webkit-backface-visibility:visible;
    }

    .mbh-mega-backdrop{
      opacity:0;
      -webkit-clip-path:none;
      clip-path:none;
      transition:opacity 220ms ease;
    }

    .mbh-mega.is-open .mbh-mega-backdrop,
    .mbh-mega.is-opening .mbh-mega-backdrop{
      opacity:1;
      -webkit-clip-path:none;
      clip-path:none;
    }

    .mbh-mega.is-closing .mbh-mega-backdrop{
      opacity:0;
      -webkit-clip-path:none;
      clip-path:none;
    }

    .mbh-mega-close,
    .mbh-mega-col,
    .mbh-mega-item{
      transition-duration:160ms;
      transition-delay:0ms;
    }
  }
}