/* ===== DNBSOFT 사업분야 (반응형 + EN/KO) ===== */
/* 2026-10-15 섹션화 2차: 옛 design/page_102.html 의 <style> 블록을 그대로 옮겼다(아래 '섹션화 맞춤' 두 규칙만 더함). */
.bz{background:#EEF0F3;font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,sans-serif;color:#374151;letter-spacing:-.01em}
.bz *{box-sizing:border-box}
.bz a{transition:.15s}
.bz-ph{display:flex;align-items:center;justify-content:center;text-align:center;color:#8B95A1;font-size:13px;font-weight:600;letter-spacing:.02em;background:linear-gradient(135deg,#E2E6EA,#CDD3DA)}
.bz-nav a{border-bottom:2px solid transparent}
.bz-nav a:hover{color:#C8102E!important;border-bottom-color:#C8102E!important}
.bz-cta:hover{background:#A50D26!important;color:#fff}
.bz-ghost:hover{border-color:#1C2735!important;background:#F7F8F9!important}
.bz-ghostD:hover{border-color:#8B93A0!important}
@media (max-width:860px){.dnbh-hero-grid{grid-template-columns:1fr!important}.dnbh-hero-photo{order:-1}}

/* ---- 섹션화 맞춤 ---- */
/* 서브 내비(bz_subnav)는 엔진 틀(div.sh-secbox) 안에 들어간다. sticky 는 부모 상자 안에서만 붙으므로
   틀이 내비 높이와 같으면 붙지 않는다 → 틀을 붙인다(예전처럼 .bz 전체 높이 안에서 위에 붙는다). */
.bz .sh-secbox-bz_subnav{position:sticky;top:0;z-index:150}
/* K-Food 밸류체인(bz_valuechain) 제목의 **강조** → <b>. 예전 <span style="color:#E8283F"> 와 같은 모양 */
.bz .dnbh-hero-grid h1 b{color:#E8283F;font-weight:inherit}
/* 스마트해썹 구획(2026-10-15) — 연동 흐름(bz_flow)은 좁은 화면에서 세로로 쌓고 화살표를 아래로. 대시보드 지표 세 칸은 아주 좁으면 한 칸씩 */
@media (max-width:860px){.bz .bz-flow{flex-direction:column}.bz .bz-flow>*{flex:none!important}.bz .bz-flow-arrow{height:40px;transform:rotate(90deg)}}
@media (max-width:420px){.bz .bz-hc-kpis{grid-template-columns:1fr!important}}
/* 상담 상자(bz_cta, 2026-10-16) — 좁은 화면에서 안쪽 여백을 줄인다 */
@media (max-width:560px){.bz .sh-secbox-bz_cta>section>div{padding:28px 22px!important}}
/* 연동 흐름 칸(2026-10-16 고도화) — hover 때 테두리만 살짝 진하게, 좁은 화면 패널 여백 줄임 */
.bz .bz-flow-item{transition:border-color .15s,background-color .15s}
.bz .bz-flow-item:hover{border-color:#C4CAD3!important;background-color:#FFFFFF!important}
@media (max-width:560px){.bz .bz-flow-panel{padding:18px!important}.bz .bz-flow-hub{padding:22px 20px!important}}
/* 대상 현장 번호 목록(bz_targets, 2026-10-16) — 좁은 화면에서 두 칸을 위아래로, 줄 간격 줄임 */
@media (max-width:860px){.bz .bz-tg{grid-template-columns:1fr!important;gap:24px!important}.bz .bz-tg-row{padding:22px 0!important;gap:14px!important}}