/* /biz.php — 화이트 + 여리여리한 블루톤 (메인 리뉴얼과 정렬) */

body.biz-lp-brivyy {
  color: #334155;
}

body.biz-lp-brivyy .main_wrap {
  background: linear-gradient(180deg, #ffffff 0%, #f8faff 38%, #eef2ff 100%);
}

/* 헤더: 유리질 화이트 + 연블루 보더 */
body.biz-lp-brivyy .header {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  border-bottom: 1px solid rgba(184, 197, 255, 0.55) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 8px 32px rgba(50, 71, 250, 0.06) !important;
}

body.biz-lp-brivyy .header .h_logo {
  max-width: 10.5rem;
}

body.biz-lp-brivyy .header .h_logo img {
  display: block;
  width: auto;
  height: 2.25rem;
  max-width: 100%;
}

body.biz-lp-brivyy .header .h_nav > li {
  color: #1e293b;
}

body.biz-lp-brivyy .header .h_nav > li:hover {
  color: #3247fa;
}

body.biz-lp-brivyy .header .h_nav > li::before {
  background: #3247fa;
}

body.biz-lp-brivyy .main_wrap .header .h_right .platform_link {
  color: #ffffff !important;
  background: linear-gradient(135deg, #3247fa 0%, #5b6fff 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 14px rgba(50, 71, 250, 0.25);
}

body.biz-lp-brivyy .main_wrap .header .h_right .platform_link:hover {
  color: #ffffff !important;
  /* 단색 전환 대신 같은 계열 그라데이션 → 첫 호버 시 배경 깜빡임 완화 */
  background: linear-gradient(135deg, #25379a 0%, #3d52e6 100%) !important;
}

/* 본문 타이포 — 브라운 톤 → 슬레이트 + 포인트 블루 */
body.biz-lp-brivyy .m_txt1,
body.biz-lp-brivyy .m_txt2,
body.biz-lp-brivyy .m_txt3 {
  color: #1e293b;
}

body.biz-lp-brivyy .m_txt1 .point,
body.biz-lp-brivyy .m_txt2 .point {
  color: #3247fa;
  font-weight: 700;
}

body.biz-lp-brivyy .main_wrap .ms3 .contbox .txtbox .desc {
  background: linear-gradient(135deg, #3247fa 0%, #4f62f7 100%);
  color: #ffffff;
  border-radius: 999px;
  box-shadow: 0 4px 16px rgba(50, 71, 250, 0.2);
}

body.biz-lp-brivyy .main_wrap .ms3 .contbox .txtbox .tit .red {
  color: #3247fa;
}

body.biz-lp-brivyy .main_wrap .ms3 .contbox .txtbox .tit .orange {
  color: #5b6fff;
}

/* ms3: imgbox가 음수 마진으로 텍스트/버튼 위에 겹칠 때 — 이미지 z-index 낮추고 본문 레이어를 위로 */
body.biz-lp-brivyy .main_wrap .ms3 .contbox .txtbox {
  position: relative;
  z-index: 2;
}
body.biz-lp-brivyy .main_wrap .ms3 .contbox .imgbox {
  position: relative;
  z-index: 0;
}
body.biz-lp-brivyy .main_wrap .ms3 .contbox .imgbox .img {
  position: relative;
  z-index: 0;
}

/* CTA 버튼 */
body.biz-lp-brivyy .button.red {
  background: linear-gradient(135deg, #3247fa 0%, #4f62f7 100%) !important;
  box-shadow: 0 6px 20px rgba(50, 71, 250, 0.28);
}

body.biz-lp-brivyy .button.red:hover {
  background: linear-gradient(135deg, #25379a 0%, #3d52e6 100%) !important;
  color: #fff !important;
}

body.biz-lp-brivyy .button.yellow {
  color: #1e3a8a !important;
  background: linear-gradient(180deg, #f0f4ff 0%, #e0e7ff 100%) !important;
  border: 1px solid rgba(184, 197, 255, 0.9);
}

body.biz-lp-brivyy .button.yellow:hover {
  background: #dce4ff !important;
  color: #172554 !important;
}

body.biz-lp-brivyy .button.yellow .arrow.b {
  filter: hue-rotate(-8deg);
}

/* CTA 빛 스윕 — 키프레임 0% = ::before 초기값과 동일하게 맞춰 첫 호버 깜빡임 방지 */
@keyframes biz-lp-shine {
  0% {
    transform: translate3d(-120%, 0, 0) skewX(-18deg);
  }
  100% {
    transform: translate3d(260%, 0, 0) skewX(-18deg);
  }
}

body.biz-lp-brivyy .button.red,
body.biz-lp-brivyy .button.yellow,
body.biz-lp-brivyy .main_wrap .header .h_right .platform_link,
body.biz-lp-brivyy .inquiry_box .form .form_btn .btn,
body.biz-lp-brivyy .main_wrap .menu_box .menu_head .login_btn {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease,
    color 0.2s ease;
}

body.biz-lp-brivyy .button.red::before,
body.biz-lp-brivyy .button.yellow::before,
body.biz-lp-brivyy .main_wrap .header .h_right .platform_link::before,
body.biz-lp-brivyy .inquiry_box .form .form_btn .btn::before,
body.biz-lp-brivyy .main_wrap .menu_box .menu_head .login_btn::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -25%;
  width: 42%;
  height: 200%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.55),
    rgba(199, 210, 254, 0.45),
    transparent
  );
  transform: translate3d(-120%, 0, 0) skewX(-18deg);
  pointer-events: none;
  z-index: 0;
  backface-visibility: hidden;
}

body.biz-lp-brivyy .button.yellow::before {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.75),
    rgba(255, 255, 255, 0.35),
    transparent
  );
}

body.biz-lp-brivyy .button.red > *,
body.biz-lp-brivyy .button.yellow > * {
  position: relative;
  z-index: 1;
}

body.biz-lp-brivyy .button.red:hover::before,
body.biz-lp-brivyy .button.yellow:hover::before,
body.biz-lp-brivyy .main_wrap .header .h_right .platform_link:hover::before,
body.biz-lp-brivyy .inquiry_box .form .form_btn .btn:hover::before,
body.biz-lp-brivyy .main_wrap .menu_box .menu_head .login_btn:hover::before {
  animation: biz-lp-shine 1.15s ease-in-out infinite;
}

body.biz-lp-brivyy .button.red:active::before,
body.biz-lp-brivyy .button.yellow:active::before,
body.biz-lp-brivyy .main_wrap .header .h_right .platform_link:active::before,
body.biz-lp-brivyy .inquiry_box .form .form_btn .btn:active::before,
body.biz-lp-brivyy .main_wrap .menu_box .menu_head .login_btn:active::before {
  animation-duration: 0.35s;
}

@media (prefers-reduced-motion: reduce) {
  body.biz-lp-brivyy .button.red:hover::before,
  body.biz-lp-brivyy .button.yellow:hover::before,
  body.biz-lp-brivyy .main_wrap .header .h_right .platform_link:hover::before,
  body.biz-lp-brivyy .inquiry_box .form .form_btn .btn:hover::before,
  body.biz-lp-brivyy .main_wrap .menu_box .menu_head .login_btn:hover::before {
    animation: none;
  }
}

/* ms4 — 배경을 더 짙게 해 본문 대비 확보 */
body.biz-lp-brivyy .main_wrap .ms4 {
  background-image:
    linear-gradient(
      165deg,
      rgba(15, 23, 42, 0.88) 0%,
      rgba(30, 41, 95, 0.82) 42%,
      rgba(23, 32, 74, 0.9) 100%
    ),
    url(../img/ms4_bg.png);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
}

body.biz-lp-brivyy .main_wrap .ms4 .m_titbox .m_txt1,
body.biz-lp-brivyy .main_wrap .ms4 .m_titbox .m_txt2,
body.biz-lp-brivyy .main_wrap .ms4 .m_titbox .m_txt3 {
  color: #f8fafc !important;
}

body.biz-lp-brivyy .main_wrap .ms4 .m_titbox .m_txt1 .point {
  color: #c7d2fe !important;
}

body.biz-lp-brivyy .main_wrap .ms4 .contbox > .item {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.28);
}

body.biz-lp-brivyy .main_wrap .ms4 .contbox > .item::before {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, transparent 58%);
  opacity: 0.45;
}

body.biz-lp-brivyy .main_wrap .ms4 .contbox > .item .txt {
  color: #ffffff !important;
}

/* ms11 장식 배경 — 흑백 + 투명도 */
body.biz-lp-brivyy .main_wrap .ms11 .bg {
  filter: grayscale(1);
  opacity: 0.3;
}

/* ms5 스와이퍼 카드 타이틀 */
body.biz-lp-brivyy .main_wrap .ms5 .ms5_swiper .swiper-slide .txt {
  color: #1e293b;
}

/* ms6 */
body.biz-lp-brivyy .main_wrap .ms6 .contbox > .item .txtbox .tit .point {
  color: #3247fa;
}

body.biz-lp-brivyy .main_wrap .ms6 .contbox > .item .txtbox .desc {
  color: #475569;
}

/* ms7 후기 — 크림 → 아이스 블루 */
body.biz-lp-brivyy .main_wrap .ms7 {
  background: linear-gradient(180deg, #fbfcff 0%, #f1f5ff 50%, #e8eeff 100%) !important;
}

body.biz-lp-brivyy .main_wrap .ms7 .m_titbox .m_txt2 .point {
  color: #3247fa;
}

/* 스크롤바 핸들 */
body.biz-lp-brivyy .swiper-scrollbar.scrollbar .swiper-scrollbar-drag {
  background: #3247fa;
}

/* ms9 FAQ */
body.biz-lp-brivyy .main_wrap .ms9 .accordion {
  border-top-color: rgba(50, 71, 250, 0.25);
}

body.biz-lp-brivyy .main_wrap .ms9 .accordion > li {
  border-bottom-color: rgba(50, 71, 250, 0.2);
}

body.biz-lp-brivyy .main_wrap .ms9 .accordion > li .acc_tit .q {
  color: #3247fa;
}

body.biz-lp-brivyy .main_wrap .ms9 .accordion > li .acc_tit .txt {
  color: #1e293b;
}

body.biz-lp-brivyy .main_wrap .ms9 .accordion > li .acc_cont > li {
  color: #475569;
}

/* ms12 CTA 배경 */
body.biz-lp-brivyy .main_wrap .ms12 {
  background-image:
    linear-gradient(135deg, rgba(37, 55, 154, 0.88) 0%, rgba(50, 71, 250, 0.92) 50%, rgba(79, 98, 247, 0.9) 100%),
    url(../img/ms12_bg.png);
  background-size: cover;
  background-position: center;
}

body.biz-lp-brivyy .main_wrap .ms12 .m_titbox .m_txt1 .point {
  color: #e0e7ff;
}

/* 하단 문의 바 */
body.biz-lp-brivyy .inquiry_box {
  background: linear-gradient(90deg, #dce4ff 0%, #c7d2fe 100%);
}

body.biz-lp-brivyy .inquiry_box .form .form_btn .btn {
  background: #3247fa;
}

/* 푸터 — 라이트 블루 그라데이션 + 다크 텍스트 */
body.biz-lp-brivyy .footer {
  background: linear-gradient(180deg, #f8faff 0%, #eef2ff 40%, #e2e8ff 100%) !important;
  margin-bottom: 0;
}

body.biz-lp-brivyy .footer .f_top {
  border-bottom-color: rgba(50, 71, 250, 0.12);
}

body.biz-lp-brivyy .footer .f_top .tit {
  color: #0f172a;
  font-weight: 500;
}

body.biz-lp-brivyy .footer .f_top .tit .color {
  color: #3247fa;
  font-weight: 700;
}

body.biz-lp-brivyy .footer .f_top .desc {
  color: #475569;
}

body.biz-lp-brivyy .footer .f_bottom .left .info_box,
body.biz-lp-brivyy .footer .f_bottom .left .copyright {
  color: #475569 !important;
}

body.biz-lp-brivyy .footer .f_bottom .right .call_txt {
  color: #64748b !important;
}

/* 푸터 로고: img.logo — width 제약 제거(여백 왜곡 방지) */
body.biz-lp-brivyy .footer .f_bottom .left .logo {
  max-width: none !important;
  width: auto !important;
  height: auto;
  filter: none;
  display: block;
}

body.biz-lp-brivyy .footer .f_bottom .right .sns_box > .item .link {
  filter: invert(60%);
  transition: filter 0.25s ease, opacity 0.25s ease;
}

body.biz-lp-brivyy .footer .f_bottom .right .sns_box > .item .link:hover {
  filter: invert(55%);
  opacity: 0.92;
}

body.biz-lp-brivyy .footer .f_bottom .right .call_number {
  color: #3247fa !important;
}

body.biz-lp-brivyy .main_wrap .ms5 .m_titbox .bar {
  background: #3247fa;
}

body.biz-lp-brivyy .main_wrap .menu_box .menu_head .login_btn {
  background: linear-gradient(135deg, #3247fa 0%, #4f62f7 100%) !important;
  color: #fff !important;
}

@media screen and (max-width: 1024px) {
  body.biz-lp-brivyy .main_wrap .ms4 {
    background-image:
      linear-gradient(
        165deg,
        rgba(15, 23, 42, 0.9) 0%,
        rgba(23, 32, 74, 0.88) 100%
      ),
      url(../img/ms4_bg_mob.png) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, cover !important;
    background-position: center, center !important;
  }
}