/* 레이아웃 CSS (메인 풀배너: "처음처럼" 밝은 배경 + 어두운 텍스트, 더 세련되게) */

.scbbc-home__hero.is-fullbleed.scbbc-hero{
  position: relative;
  min-height: 460px;
  /* 배경 이미지는 ::before에서 처리(필터는 배너 쪽에 적용) */
  background: transparent;
  color: #fff;
}

.scbbc-home__hero.is-fullbleed.scbbc-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image: var(--scbbc-hero-bg);
  background-size: cover;
  background-position: center;
  /* 요청: hero 자체에서 필터로 글씨가 돋보이게 (텍스트에는 영향 없음) */
  filter: brightness(.65) contrast(1.08) saturate(1.05);
  transform: scale(1.02); /* 가장자리 틈 방지 */
}

.scbbc-home__hero.is-fullbleed.scbbc-hero::after{
  content:'';
  position:absolute;
  inset:0;
  /* 텍스트 가독성용 네이비 소프트 그라데이션(배경/카드 없이) */
  background: linear-gradient(90deg,
    rgba(11,42,91,.72) 0%,
    rgba(11,42,91,.40) 40%,
    rgba(11,42,91,0) 72%
  );
}

/* 전체 오버레이는 사용하지 않음(사용자 요청) */
.scbbc-home__hero.is-fullbleed.scbbc-hero .scbbc-hero__overlay{
  display: none !important;
}

/* 텍스트는 이미지와 어울리게: 좌→우로 자연스럽게 사라지는 '스크림' 배경만 적용 */
.scbbc-home__hero.is-fullbleed.scbbc-hero .scbbc-hero__content.is-overlayHeader{
  max-width: 720px;
  padding-top: calc(26px + var(--scbbc-header-h));
  padding-bottom: 22px;
  border-radius: 18px;
  /* 타이포 배경(스크림) 제거 */
  background: transparent;
  backdrop-filter: none;
}
.scbbc-home__hero.is-fullbleed.scbbc-hero .scbbc-hero__content.is-overlayHeader{
  padding-left: 26px;
  padding-right: 26px;
  position: relative;
  z-index: 2; /* ::before/::after 위 */
}

.scbbc-home__hero.is-fullbleed.scbbc-hero .scbbc-hero__kicker{
  /* 깔끔한 타이포: pill 배경 제거 */
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.92);
  font-weight: 800;
  letter-spacing: .02em;
  font-size: 12px;
  text-transform: uppercase;
}

.scbbc-home__hero.is-fullbleed.scbbc-hero .scbbc-hero__title{
  color: #fff;
  margin-top: 12px;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.02;
  letter-spacing: -.04em;
  text-shadow: 0 18px 52px rgba(0,0,0,.55);
}

.scbbc-home__hero.is-fullbleed.scbbc-hero .scbbc-hero__desc{
  margin-top: 10px;
  max-width: 60ch;
  color: rgba(255,255,255,.90);
  opacity: 1;
  text-shadow: 0 16px 44px rgba(0,0,0,.50);
}

.scbbc-home__hero.is-fullbleed.scbbc-hero .scbbc-hero__cta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.scbbc-heroChip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border-radius: 14px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.26);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: -.01em;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.scbbc-heroChip:visited{
  color: #fff;
}
.scbbc-heroChip:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.42);
}
.scbbc-heroChip__ico{
  width: 18px;
  height: 18px;
  /* 단순 svg를 화이트 톤으로 통일 */
  filter: brightness(0) invert(1);
  opacity: .95;
}

.scbbc-heroChip.is-primary{
  background: linear-gradient(135deg, var(--scbbc-primary), var(--scbbc-primary-2));
  border-color: rgba(255,255,255,.18);
}
.scbbc-heroChip.is-primary:hover{
  background: linear-gradient(135deg, var(--scbbc-primary-2), var(--scbbc-primary));
  border-color: rgba(255,255,255,.26);
}