/* 사업부 페이지 공통 (2026-09-29)
   SL 사업부 페이지(doc/sub2_5.php) 디자인을 TPL·리테일·플랫폼·컨설팅 페이지의 기존 마크업에 입힌다.
   내용·이미지는 그대로. 페이지 감싸는 div 에 class="biz" 가 있을 때만 적용.
   default.css 규칙(.sub2_1 .box .con1 .head p 등)보다 강하게 하려고 html body 를 앞에 붙였다. */
html body .biz{--ink:#14202e;--ink2:#4b5663;--line:#d9dde2;--navy:#1C3A5E;--green:#308424;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
html body .biz *{word-break:keep-all;overflow-wrap:break-word}
html body .biz .box{counter-reset:sec}

/* 구간 제목: 가운데 점선 장식 → 왼쪽 정렬 번호 + 제목, 위에 굵은 선 */
html body .biz .box .head:has(> .line){counter-increment:sec;display:grid;grid-template-columns:120px 1fr;align-items:baseline;justify-content:initial;padding-top:26px;border-top:1px solid var(--ink);margin-bottom:8px}
html body .biz .box .head:has(> .line)::before{content:counter(sec,decimal-leading-zero);font-family:var(--mono);font-size:14px;letter-spacing:.1em;color:var(--green)}
html body .biz .box .head:has(> .line) > .line{display:none}
html body .biz .box .head:has(> .line) > p{width:auto;text-align:left;font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1.4;color:var(--ink)}

/* 표: 위 굵은 선, 칸은 가는 선, 회색 칸 배경 없앰 */
html body .biz .box .tg{border-collapse:collapse;border-top:1px solid var(--ink)}
html body .biz .box .tg th,html body .biz .box .tg td{border:0;border-bottom:1px solid var(--line);background:none}
html body .biz .box .tg th,html body .biz .box .tg td.left{color:var(--ink);font-weight:600}

/* 플랫폼 페이지 표의 초록 칸 → 배경 없이 네이비 글자 (default.css .sub2_3 .box .con2 .table td.left 보다 강하게) */
html body .biz .box [class^="con"] .table td.left{background:none;color:var(--navy);font-weight:700;text-align:left;padding-left:4px;border-bottom:1px solid var(--line)}
html body .biz .box [class^="con"] .table td{border-bottom:1px solid var(--line)}

/* 카드 제목(센터 이름 등)은 네이비 */
html body .biz .box .wrap .head:not(:has(> .line)),html body .biz .box .head_txt{color:var(--navy);font-weight:700}

/* 사진 모서리 각지게 */
html body .biz img{border-radius:0}

@media all and (max-width:1024px){
  html body .biz .box .head:has(> .line){grid-template-columns:1fr;gap:6px;padding-top:20px}
  html body .biz .box .head:has(> .line) > p{font-size:22px}
}