/* 더노드 사업분야 페이지 (2026-11-05) — 머리 · 바닥 = /css/company.css */
body{padding-top:64px}
.bz-hero{padding:100px 0 72px}
.bz-hero .eyebrow{margin-bottom:18px}
.bz-hero h1{font-size:46px; font-weight:800; letter-spacing:-.035em; line-height:1.28}
.bz-tabs{position:sticky; top:64px; z-index:8; background:#fff; border-top:1px solid var(--line2); border-bottom:1px solid var(--line)}
.bz-tabs .wrap{display:flex; overflow-x:auto; scrollbar-width:none}.bz-tabs .wrap::-webkit-scrollbar{display:none}
.bz-tabs a{flex:1 0 auto; display:flex; align-items:center; justify-content:center; gap:10px; height:58px; padding:0 18px; font-size:15px; font-weight:600; color:var(--ink2); border-right:1px solid var(--line2); white-space:nowrap}
.bz-tabs a:first-child{border-left:1px solid var(--line2)}
.bz-tabs a b{font-size:12px; color:var(--accent); font-weight:600}
.bz-tabs a:hover{color:var(--ink); background:var(--bg2)}
.bz{padding:120px 0; border-bottom:1px solid var(--line2); scroll-margin-top:122px}
.bz:nth-of-type(odd){background:var(--bg2)}
.bz-in{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:80px; align-items:center}
.bz.rev .bz-in{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.bz.rev .bz-txt{order:2}
.bz-no{font-family:'Montserrat',sans-serif; font-size:14px; font-weight:600; color:var(--accent); letter-spacing:.1em}
.bz-no::after{content:''; display:inline-block; width:28px; height:1px; background:var(--accent); margin-left:10px; vertical-align:4px}
.bz h2{margin-top:14px; font-size:40px; font-weight:800; letter-spacing:-.035em; line-height:1.25}
.bz-head{margin-top:18px; font-size:21px; font-weight:600; line-height:1.5; letter-spacing:-.015em}
.bz-body{margin-top:16px; font-size:16px; color:var(--ink2); line-height:1.8; text-align:justify}
.bz-keys{margin-top:22px; padding-top:18px; border-top:1px solid var(--line); font-size:14px; font-weight:600; color:var(--ink)}
.bz-btn{display:inline-flex; align-items:center; gap:10px; margin-top:30px; height:46px; padding:0 22px; font-size:14.5px; font-weight:600; color:var(--ink); border:1px solid var(--ink)}
.bz-btn:hover{background:var(--ink); color:#fff}
.en{font-family:'Montserrat',sans-serif}
.pics{display:grid; grid-template-columns:minmax(0,1fr) 27%; gap:20px; align-items:end}
.pics.one{grid-template-columns:1fr}
.sh{margin:0; background:#fff; border:1px solid var(--line); padding:8px}
.sh.mo{padding:6px}
.sh img{display:block; width:100%; height:auto}
.bz-cta{padding:96px 0; background:var(--navy); color:#fff; text-align:center}
.bz-cta h2{font-size:32px; font-weight:800; letter-spacing:-.03em}
.bz-cta a{display:inline-flex; margin-top:28px; height:50px; align-items:center; padding:0 30px; border:1px solid #fff; font-weight:600}
.bz-cta a:hover{background:#fff; color:var(--navy)}
html:lang(en) .bz-body, html:lang(es) .bz-body{text-align:left}
html:lang(ja) .bz-body, html:lang(zh) .bz-body{text-justify:inter-character}
html:lang(ja) main, html:lang(zh) main{word-break:normal; line-break:strict}
@media (max-width:1000px){
  .bz-in, .bz.rev .bz-in{grid-template-columns:1fr; gap:36px}.bz.rev .bz-txt{order:0}
  .pics{max-width:720px}
}
/* 모바일 — 회사 소개 모바일 기준표 크기(대제목 19.2 · 구역 제목 17.6 · 상자 제목 12.8 · 본문 11.2 · 단추 11.2 · 주석 9.6) */
@media (max-width:800px){
  body{padding-top:52px}
  .bz-hero{padding:40px 0 28px}.bz-hero .eyebrow{margin-bottom:10px}
  .bz-hero h1{font-size:19.2px; line-height:1.45}
  .bz-tabs{top:52px}.bz-tabs a{height:42px; padding:0 12px; font-size:11.2px; gap:6px}.bz-tabs a b{font-size:9.6px}
  .bz{padding:40px 0; scroll-margin-top:94px}
  .bz-in, .bz.rev .bz-in{gap:20px}
  .bz-no{font-size:9.6px}.bz-no::after{width:18px; margin-left:6px; vertical-align:3px}
  .bz h2{margin-top:8px; font-size:17.6px}
  .bz-head{margin-top:8px; font-size:12.8px}
  .bz-body{margin-top:8px; font-size:11.2px; line-height:1.75}
  .bz-keys{margin-top:12px; padding-top:10px; font-size:11.2px}
  .bz-btn{margin-top:16px; height:36px; padding:0 14px; font-size:11.2px}
  .pics{grid-template-columns:minmax(0,1fr) 30%; gap:10px}
  .sh{padding:4px}.sh.mo{padding:3px}
  .bz-cta{padding:44px 0}.bz-cta h2{font-size:17.6px}.bz-cta a{margin-top:16px; height:38px; padding:0 20px; font-size:11.2px}
}