/* ===== A2 FIX: A배너 배경색 로딩순서 고정 =====
   원인: m2-i5 / m2-home-hero / m2-global-hero-fix CSS가 JS로 늦게 로딩되며
   A배너 배경을 흰색 계열로 다시 덮어쓰는 현상 방지.
   모바일 레이아웃은 건드리지 않고 PC에서만 A배너 의도 색상 고정.
*/
@media (min-width:901px){
  .m2-home-hero-wrap .banner-a,
  .main-banner .banner-a,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a{
    background:linear-gradient(135deg,#5cc9fe 0%,#5cc9fe 68%,#47baf2 100%) !important;
    border:1px solid rgba(255,255,255,.38) !important;
    box-shadow:0 26px 60px rgba(15,23,42,.18) !important;
  }

  .m2-home-hero-wrap .banner-a .banner-left,
  .main-banner .banner-a .banner-left,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .banner-left{
    background:transparent !important;
    border-radius:24px !important;
    box-shadow:none !important;
  }

  .m2-home-hero-wrap .banner-a .banner-panel,
  .main-banner .banner-a .banner-panel,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .banner-panel{
    background:rgba(255,255,255,.86) !important;
    border:1px solid rgba(6,35,63,.10) !important;
    box-shadow:0 18px 36px rgba(6,35,63,.14) !important;
  }

  .m2-home-hero-wrap .banner-a .banner-title,
  .main-banner .banner-a .banner-title,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .banner-title{
    font-size:38px !important;
    line-height:1.26 !important;
    letter-spacing:-0.045em !important;
    color:#06233f !important;
    text-shadow:none !important;
    word-break:keep-all !important;
  }

  .m2-home-hero-wrap .banner-a .banner-title span,
  .main-banner .banner-a .banner-title span,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .banner-title span{
    font-size:inherit !important;
    line-height:inherit !important;
    color:#0b57ff !important;
    text-shadow:none !important;
  }

  .m2-home-hero-wrap .banner-a .banner-desc,
  .m2-home-hero-wrap .banner-a .m2-brand-definition,
  .m2-home-hero-wrap .banner-a .m2-mini-text,
  .main-banner .banner-a .banner-desc,
  .main-banner .banner-a .m2-brand-definition,
  .main-banner .banner-a .m2-mini-text,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .banner-desc,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .m2-brand-definition,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .m2-mini-text{
    color:#06233f !important;
    text-shadow:none !important;
  }

  .m2-home-hero-wrap .banner-a .badge-row .badge,
  .m2-home-hero-wrap .banner-a .m2-mini-chip,
  .main-banner .banner-a .badge-row .badge,
  .main-banner .banner-a .m2-mini-chip,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .badge-row .badge,
  body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .m2-mini-chip{
    background:rgba(255,255,255,.62) !important;
    color:#08335d !important;
    border-color:rgba(8,51,93,.10) !important;
  }
}


/* ===== A2-REAL-FIX: PC A배너 배경/글자 고정 (모바일 미변경) ===== */
@media (min-width:901px){
  html body .main-banner .banner-slider .banner-inner.banner-slide.banner-a,
  html body .main-banner .banner-slider .banner-inner.banner-slide.banner-a.active,
  html body .m2-home-hero-wrap .main-banner .banner-slider .banner-inner.banner-slide.banner-a,
  html body .m2-home-hero-wrap .main-banner .banner-slider .banner-inner.banner-slide.banner-a.active,
  html body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .main-banner .banner-slider .banner-inner.banner-slide.banner-a,
  html body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .main-banner .banner-slider .banner-inner.banner-slide.banner-a.active{
    background:linear-gradient(135deg,#5cc9fe 0%,#5cc9fe 68%,#47baf2 100%) !important;
    color:#06233f !important;
    border:1px solid rgba(255,255,255,.38) !important;
    box-shadow:0 26px 60px rgba(15,23,42,.18) !important;
  }

  html body .main-banner .banner-slider .banner-inner.banner-slide.banner-a::before,
  html body .m2-home-hero-wrap .main-banner .banner-slider .banner-inner.banner-slide.banner-a::before{
    background:transparent !important;
  }

  html body .main-banner .banner-a .banner-left,
  html body .m2-home-hero-wrap .banner-a .banner-left{
    background:transparent !important;
    box-shadow:none !important;
  }

  html body .main-banner .banner-a .banner-title,
  html body .m2-home-hero-wrap .banner-a .banner-title,
  html body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .banner-title{
    font-size:38px !important;
    line-height:1.26 !important;
    letter-spacing:-0.045em !important;
    color:#06233f !important;
    text-shadow:none !important;
    word-break:keep-all !important;
    margin-bottom:14px !important;
  }

  html body .main-banner .banner-a .banner-title span,
  html body .m2-home-hero-wrap .banner-a .banner-title span,
  html body.m2-hero-applied .m2-home-hero-wrap.m2-global-injected .banner-a .banner-title span{
    font-size:inherit !important;
    line-height:inherit !important;
    color:#0b57ff !important;
    text-shadow:none !important;
    display:inline !important;
  }

  html body .main-banner .banner-a .banner-desc,
  html body .main-banner .banner-a .m2-brand-definition,
  html body .main-banner .banner-a .m2-mini-text,
  html body .m2-home-hero-wrap .banner-a .banner-desc,
  html body .m2-home-hero-wrap .banner-a .m2-brand-definition,
  html body .m2-home-hero-wrap .banner-a .m2-mini-text{
    font-size:15px !important;
    line-height:1.6 !important;
    color:#06233f !important;
    text-shadow:none !important;
  }

  html body .main-banner .banner-a .badge-row .badge,
  html body .main-banner .banner-a .m2-mini-chip,
  html body .m2-home-hero-wrap .banner-a .badge-row .badge,
  html body .m2-home-hero-wrap .banner-a .m2-mini-chip{
    background:rgba(255,255,255,.62) !important;
    color:#08335d !important;
    border-color:rgba(8,51,93,.10) !important;
  }
}