/* business.html tabs typography unification layer */

.biz-tab-panel{
  --biz-typo-kicker:11px;
  --biz-typo-title-xl:clamp(38px,4.8vw,62px);
  --biz-typo-title-lg:clamp(30px,3.5vw,46px);
  --biz-typo-title-md:clamp(22px,2.5vw,32px);
  --biz-typo-title-sm:clamp(17px,1.45vw,20px);
  --biz-typo-body-lg:clamp(16px,1.2vw,18px);
  --biz-typo-body-md:15px;
  --biz-typo-body-sm:14px;
}

/* kicker / eyebrow */
#brokerage .biz-bx-pillars__sub,
#brokerage .biz-bx-statement__sub,
#shopping-mall .biz-bx-hero__kicker,
#shopping-mall .biz-sm-brands-label,
#startup-platform .eyebrow,
#outsourcing .oo-sec-label,
#outsourcing .oo-cta-eyebrow,
#partnership .s1-tag span,
#partnership .eyebrow,
#partnership .fc .sp-proc-eyebrow{
  font-size:var(--biz-typo-kicker);
}

/* primary titles */
#brokerage .biz-bx-hero__title-rest,
#shopping-mall .biz-bx-hero__title-rest,
#startup-platform .title-xl,
#outsourcing .oo-hero-title,
#outsourcing .oo-cta-section h2,
#partnership .title-xl{
  font-size:var(--biz-typo-title-xl);
  line-height:1.12;
}
/* 중개시스템 히어로 — 2줄 카피가 과하게 크지 않도록 소폭 축소 */
#brokerage .biz-bx-hero__title-rest{
  font-size:clamp(30px,3.9vw,54px);
  line-height:1.14;
}

/* section titles */
#brokerage .biz-bx-statement__tit,
#brokerage .biz-bx-pillars__tit,
#shopping-mall .biz-bx-statement__tit,
#shopping-mall .biz-sm-brands-title,
#shopping-mall .biz-sm-flagship-title,
#startup-platform .title-lg,
#outsourcing .oo-sec-title,
#partnership .title-lg,
#partnership .fc .sp-proc-title{
  font-size:var(--biz-typo-title-lg);
  line-height:1.2;
}

/* card/sub titles */
#brokerage .biz-bx-pillar__h,
#shopping-mall .biz-sm-card-name,
#shopping-mall .biz-sm-valuecard h4,
#startup-platform .s5-step-title,
#startup-platform .s7-ctit,
#outsourcing .oo-ops-cell h3,
#outsourcing .oo-proc-step h3,
#partnership .fc .sp-ch-card h3,
#partnership .fc .sp-val-card h3,
#partnership .fc .sp-proc-step h3{
  font-size:var(--biz-typo-title-sm);
  line-height:1.35;
}

/* body text */
#brokerage .biz-bx-hero__lead,
#brokerage .biz-bx-statement__txt,
#brokerage .biz-bx-pillar__p,
#brokerage .biz-bx-split__intro,
#shopping-mall .biz-bx-hero__lead,
#shopping-mall .biz-bx-statement__txt,
#shopping-mall .biz-sm-sub,
#shopping-mall .biz-sm-card-tag,
#shopping-mall .biz-sm-valueband-lead,
#shopping-mall .biz-sm-valuecard p,
#shopping-mall .biz-sm-brands-intro,
#startup-platform .desc,
#startup-platform .s5-step-desc,
#startup-platform .s7-cdesc,
#startup-platform .s11 p,
#outsourcing .oo-hero-desc,
#outsourcing .oo-sec-sub,
#outsourcing .oo-proc-step p,
#outsourcing .oo-cta-section p,
#partnership .desc,
#partnership .fc .sp-proc-lead,
#partnership .fc .sp-proc-desc,
#partnership .fc .sp-ben-card p{
  font-size:var(--biz-typo-body-md);
}

/* compact supporting copy */
#startup-platform .s6-tit,
#outsourcing .oo-csb-item-title,
#partnership .fc .sp-intg-step-t{
  font-size:var(--biz-typo-body-sm);
}

/* top hero — 창업 플랫폼: 탭만 제외 1화면 / 제휴: GNB·탭 제외 */
#startup-platform .s1{
  height:var(--biz-startup-hero-vh, calc(100svh - var(--biz-strip-h, 110px)));
  min-height:max(480px, var(--biz-startup-hero-vh, calc(100svh - var(--biz-strip-h, 110px))));
  max-height:var(--biz-startup-hero-vh, calc(100svh - var(--biz-strip-h, 110px)));
  padding:clamp(16px,3vh,36px) clamp(20px,4vw,56px);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}
#partnership .s1{
  height:var(--biz-hero-vh);
  min-height:max(480px,var(--biz-hero-vh));
  max-height:var(--biz-hero-vh);
  padding:clamp(16px,3vh,36px) clamp(20px,4vw,56px);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}
#startup-platform .s1-inner,
#partnership .s1-inner{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin:0 auto;
  width:100%;
}
#startup-platform .s1-strip{
  margin-top:auto;
  flex-shrink:0;
  padding-top:clamp(20px,3.5vh,36px);
}
/* 플라체인 히어로: 태그·타이틀·설명·버튼을 하단 통계 위 공간에 세로 중앙 */
#startup-platform #fc-hero .s1-inner{
  justify-content:flex-start;
}
#startup-platform #fc-hero .s1-inner::before,
#startup-platform #fc-hero .s1-inner::after{
  content:"";
  display:block;
  flex:1 1 0;
  min-height:0;
  width:100%;
}
#startup-platform #fc-hero .s1-inner::before{order:0}
#startup-platform #fc-hero .s1-tag,
#startup-platform #fc-hero .title-xl,
#startup-platform #fc-hero .desc,
#startup-platform #fc-hero .s1-btns{
  order:1;
  flex-shrink:0;
}
#startup-platform #fc-hero .s1-tag{
  width:fit-content;
  max-width:100%;
  align-self:center;
  margin-left:auto;
  margin-right:auto;
  white-space:nowrap;
}
#startup-platform #fc-hero .s1-tag span{
  white-space:nowrap;
}
#startup-platform #fc-hero .s1-inner::after{order:2}
#startup-platform #fc-hero .s1-strip{
  order:3;
  margin-top:0;
}
#partnership #sp-hero .s1-tag{
  width:fit-content;
  max-width:100%;
  align-self:center;
  margin-left:auto;
  margin-right:auto;
  white-space:nowrap;
}
#partnership #sp-hero .s1-tag span{
  white-space:nowrap;
}
#partnership .s1 .sp-scroll-hint{
  position:relative;
  bottom:auto;
  left:auto;
  transform:none;
  flex-shrink:0;
  margin:clamp(12px,2vh,20px) auto 0;
}
#outsourcing .oo-hero{
  height:var(--biz-hero-vh);
  min-height:max(480px,var(--biz-hero-vh));
  max-height:var(--biz-hero-vh);
  box-sizing:border-box;
}
/* 모바일: 히어로 콘텐츠(문의하기·하단 통계)가 잘리지 않도록 높이 확장 */
@media (max-width:960px){
  #outsourcing .oo-hero{
    height:auto;
    min-height:var(--biz-hero-vh);
    max-height:none;
    overflow:visible;
    padding-bottom:clamp(28px,6vw,48px);
  }
  #outsourcing .oo-hero-inner{
    justify-content:flex-start;
    padding-top:clamp(20px,4vh,32px);
    padding-bottom:0;
  }
  #startup-platform .s1-strip{
    margin-top:auto;
  }
}
@media (max-width:480px){
  #startup-platform #fc-hero .s1-tag,
  #partnership #sp-hero .s1-tag{
    white-space:normal;
    padding:7px 14px;
  }
  #startup-platform #fc-hero .s1-tag span,
  #partnership #sp-hero .s1-tag span{
    white-space:normal;
    font-size:11px;
    letter-spacing:.3px;
  }
}

/* 모바일: 탭별 메인 헤드·섹션 타이틀 — 중개시스템과 동일 스케일 (축소 변수 제거) */
@media (max-width:768px){
  #shopping-mall,
  #startup-platform,
  #outsourcing,
  #partnership{
    --biz-typo-title-xl:clamp(17px,4.5vw,34px);
    --biz-typo-title-lg:clamp(30px,3.5vw,46px);
    --biz-typo-title-md:clamp(22px,2.5vw,32px);
    --biz-typo-title-sm:clamp(17px,1.45vw,20px);
    --biz-typo-kicker:11px;
    --biz-typo-body-lg:clamp(16px,1.2vw,18px);
    --biz-typo-body-md:15px;
  }

  #brokerage .biz-bx-hero__title-rest,
  #shopping-mall .biz-bx-hero__title-rest,
  #startup-platform #fc-hero .title-xl,
  #outsourcing .oo-hero-title,
  #partnership #sp-hero .title-xl{
    font-size:clamp(17px,4.5vw,34px);
    line-height:1.16;
  }
}
@media (max-width:400px){
  #brokerage .biz-bx-hero__title-rest,
  #shopping-mall .biz-bx-hero__title-rest,
  #startup-platform #fc-hero .title-xl,
  #outsourcing .oo-hero-title,
  #partnership #sp-hero .title-xl{
    font-size:clamp(16px,4.2vw,30px);
    line-height:1.16;
  }

  #shopping-mall,
  #startup-platform,
  #outsourcing,
  #partnership{
    --biz-typo-title-xl:clamp(16px,4.2vw,30px);
    --biz-typo-title-lg:clamp(28px,3.2vw,42px);
  }
}

/* outsourcing-v2.css(960·640px) 히어로 대형 타이틀 — 중개시스템 모바일 스케일로 통일 */
@media (max-width:960px){
  #outsourcing .oo-hero-title{
    font-size:clamp(17px,4.5vw,34px);
    line-height:1.16;
  }
}