/* biz — Next.js 오버라이드 (mob.css 1080px → 메인과 동일 768px). layout에서 마지막 로드 */

body.biz-page {
  top: 0 !important;
  position: static !important;
  width: 100%;
  min-width: 0;
  overflow-x: clip;
}

html:has(body.biz-page) {
  width: 100%;
  min-width: 0;
}

body.biz-page .wrap,
body.biz-page .main_wrap {
  width: 100%;
  max-width: 100%;
}

body.biz-page .wrap .container,
body.biz-page .main_wrap .container {
  position: relative;
  width: 100%;
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
  overflow: hidden;
}

body.biz-page .wrap .inner,
body.biz-page .main_wrap .inner,
body.biz-page .header .inner.h_inner,
body.biz-page .footer .inner.f_inner {
  position: relative;
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.menu_box .nav li .link .icon {
  background: url(/biz/img/ico_menuarrow.png) no-repeat center / contain;
  width: 2.8rem;
  aspect-ratio: 1 / 1;
  cursor: pointer;
}

/* 헤더 — 불투명 흰색 배경 */
body.biz-page .header,
body.biz-page.biz-lp-brivyy .header,
body.biz-page .main_wrap .header {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.biz-page .main_wrap .header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

/* 헤더 로고 — biz 메인·하위 페이지 동일 크기 */
body.biz-page .header .h_logo {
  display: flex;
  align-items: center;
  max-width: 206px !important;
}

body.biz-page .header .h_logo > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.biz-page .header .h_logo img {
  display: block;
  width: auto;
  height: 2.5rem !important;
  max-width: 100%;
}

.main_section.ms8 .button_box {
  display: flex;
  justify-content: center;
  padding: 2rem 1rem 4rem;
}

.main_section.ms9 .acc_tit {
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.main_section.ms9 .acc_cont {
  white-space: pre-line;
}

/* 상품 소개 sub_top — 배경 이미지·titbox 가독성 */
body.biz-page .sub_top {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  body.biz-page .blog_wrap .sub_top {
    background-image: url(/biz/img/prd_blog_top.png) !important;
  }

  body.biz-page .insta_wrap .sub_top {
    background-image: url(/biz/img/prd_insta_top.png) !important;
  }

  body.biz-page .shortform_wrap .sub_top {
    background-image: url(/biz/img/prd_shortform_top.png) !important;
  }
}

/* ms13 파트너 슬라이드 — prev/next를 swiper 하단 중앙 (메인과 동일 768px~) */
body.biz-page .main_wrap .ms13 .swiperbox .ms13_swiper_nav {
  display: none;
}

@media screen and (min-width: 768px) {
  body.biz-page .main_wrap .ms13 .swiperbox .ms13_swiper_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    margin-top: 2.5rem;
    position: relative;
    z-index: 3;
    width: 100%;
  }

  body.biz-page .main_wrap .ms13 .swiperbox .ms13_swiper_nav .prev_btn,
  body.biz-page .main_wrap .ms13 .swiperbox .ms13_swiper_nav .next_btn {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
  }

  body.biz-page .main_wrap .ms13 .swiperbox .ms13_swiper_nav .prev_btn img,
  body.biz-page .main_wrap .ms13 .swiperbox .ms13_swiper_nav .next_btn img {
    display: block;
    width: auto;
    height: auto;
    max-width: none;
  }

  /* mob.css(1080px 이하) scrollbar 표시 — 버튼 구간에서는 숨김 */
  body.biz-page .main_wrap .ms13 .swiperbox .scrollbar {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin-top: 0 !important;
  }

  /* 헤더 — PC(메인과 동일 768px~) */
  body.biz-page .header {
    height: 5rem;
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  body.biz-page .main_wrap .header {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.biz-page .header .h_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }

  body.biz-page .header .h_nav {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body.biz-page .header .h_nav > li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
  }

  body.biz-page .header .h_nav > li > .link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
  }

  body.biz-page .header .h_nav > li > .link .txt {
    display: block;
    line-height: 1.2;
  }

  body.biz-page .header .h_right {
    display: flex;
    align-items: center;
  }

  body.biz-page .header .h_left .back_btn {
    display: none !important;
  }

  body.biz-page .header .h_title {
    display: none !important;
  }

  body.biz-page .header .h_right .call_txt {
    display: block;
  }

  body.biz-page .header .h_right .platform_link {
    display: inline-flex !important;
  }

  body.biz-page .header .h_right .menu_btn {
    display: none !important;
  }

  body.biz-page .wrap .inner,
  body.biz-page .main_wrap .inner,
  body.biz-page .header .inner.h_inner,
  body.biz-page .footer .inner.f_inner {
    width: 90% !important;
    max-width: 1280px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 푸터 — PC 레이아웃 */
  body.biz-page:not(.biz-lp-brivyy) .footer {
    background: url(/biz/img/footer_bg.png) no-repeat center / cover !important;
  }

  body.biz-page .footer .f_top {
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    text-align: center;
    padding: 6.25rem 0 3.75rem;
  }

  body.biz-page .footer .f_top .tit {
    font-size: 2.5rem;
  }

  body.biz-page .footer .f_top .tit .color {
    display: inline;
  }

  body.biz-page .footer .f_top .desc {
    font-size: 1.5rem;
  }

  body.biz-page .footer .f_bottom {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 2.5rem 0 3.75rem;
    gap: 0;
  }

  body.biz-page .footer .f_bottom .left {
    width: 50%;
  }

  body.biz-page .footer .f_bottom .left .logo {
    max-width: 138px;
  }

  body.biz-page .footer .f_bottom .left .info_box {
    font-size: 0.813rem;
    line-height: 1.5;
  }

  body.biz-page .footer .f_bottom .left .info_box .bar.mob_hide {
    display: inline-block;
  }

  body.biz-page .footer .f_bottom .left .sns_box {
    display: none;
  }

  body.biz-page .footer .f_bottom .left .copyright {
    font-size: 0.813rem;
  }

  body.biz-page .footer .f_bottom .right {
    text-align: right;
    align-items: flex-end;
  }

  body.biz-page .footer .f_bottom .right .sns_box {
    display: flex;
  }

  body.biz-page .footer .f_bottom .right .call_number {
    font-size: 3.75rem;
    margin-bottom: 0.625rem;
  }

  body.biz-page .footer .f_bottom .right .call_txt {
    font-size: 0.813rem;
    margin-bottom: 1.25rem;
  }
}