차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- playground:프로젝트차트 [2026/05/29 11:01] – 만듦 nakky
+++ playground:프로젝트차트 [2026/07/23 13:13] (현재) – nakky
@@ 줄 1: / 줄 1: @@
-<h2 class="sr-only">건설공사 프로젝트 차트 — 현장개요, 원가, 공기, 참여인원 R&R, 단계별 Gate 프로세스를 포함한 원페이지 문서</h2>
-<style>
+====== 프로젝트 차트 ======
-  * { box-sizing: border-box; margin: 0; padding: 0; }
-  body { font-family: var(--font-sans); }
-  .charter { width: 100%; padding: 16px; }
-  /* Header */
+[[시스템:인터넷설정]]
-  .header { display: flex; justify-content: space-between; align-items: flex-start; padding: 14px 18px; border: 0.5px solid var(--color-border-secondary); border-radius: var(--border-radius-lg); background: var(--color-background-secondary); margin-bottom: 10px; }
-  .header-left h1 { font-size: 18px; font-weight: 500; color: var(--color-text-primary); margin-bottom: 4px; }
-  .header-left p { font-size: 12px; color: var(--color-text-secondary); }
-  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
-  .approval-box { display: flex; gap: 8px; }
-  .approver { text-align: center; border: 0.5px solid var(--color-border-secondary); border-radius: var(--border-radius-md); padding: 6px 10px; background: var(--color-background-primary); min-width: 72px; }
-  .approver .role { font-size: 10px; color: var(--color-text-secondary); margin-bottom: 2px; }
-  .approver .name { font-size: 12px; font-weight: 500; color: var(--color-text-primary); }
-  .approver .sign { font-size: 10px; color: var(--color-text-tertiary); margin-top: 10px; border-top: 0.5px solid var(--color-border-tertiary); padding-top: 4px; }
-  .doc-meta { display: flex; gap: 12px; }
-  .doc-meta span { font-size: 11px; color: var(--color-text-secondary); }
-  /* Grid layout */
-  .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
-  .grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 8px; }
-  .card { border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-md); padding: 10px 12px; background: var(--color-background-primary); }
-  .card-title { font-size: 11px; font-weight: 500; color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
-  .card-title .dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
-  .dot-blue { background: #378ADD; }
-  .dot-teal { background: #1D9E75; }
-  .dot-amber { background: #BA7517; }
-  .dot-purple { background: #7F77DD; }
-  .dot-coral { background: #D85A30; }
-  .dot-green { background: #639922; }
-  /* 현장개요 */
-  .overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
-  .overview-item { padding: 3px 0; border-bottom: 0.5px solid var(--color-border-tertiary); }
-  .overview-item:nth-last-child(-n+2) { border-bottom: none; }
-  .ov-label { font-size: 11px; color: var(--color-text-secondary); }
-  .ov-value { font-size: 12px; font-weight: 500; color: var(--color-text-primary); margin-top: 1px; }
-  /* 원가 */
-  .cost-row { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; border-bottom: 0.5px solid var(--color-border-tertiary); }
-  .cost-row:last-child { border-bottom: none; font-weight: 500; }
-  .cost-label { font-size: 11px; color: var(--color-text-secondary); }
-  .cost-value { font-size: 12px; font-weight: 500; color: var(--color-text-primary); }
-  .cost-value.highlight { color: #185FA5; }
-  .cost-value.warn { color: #BA7517; }
-  .cost-bar-wrap { height: 4px; background: var(--color-background-secondary); border-radius: 2px; margin-top: 6px; overflow: hidden; }
-  .cost-bar { height: 100%; border-radius: 2px; }
-  /* 공기 */
-  .schedule-item { display: flex; align-items: center; gap: 8px; padding: 3px 0; font-size: 11px; }
-  .sched-phase { min-width: 80px; color: var(--color-text-secondary); }
-  .sched-bar-wrap { flex: 1; height: 14px; background: var(--color-background-secondary); border-radius: 3px; position: relative; overflow: visible; }
-  .sched-bar { height: 100%; border-radius: 3px; position: absolute; top: 0; }
-  .sched-date { min-width: 86px; font-size: 10px; color: var(--color-text-tertiary); text-align: right; }
-  .sched-header { display: flex; gap: 8px; padding: 2px 0 6px; font-size: 10px; color: var(--color-text-tertiary); }
-  .sched-header-phases { min-width: 80px; }
-  .sched-months { flex: 1; display: flex; justify-content: space-between; }
-  /* R&R 테이블 */
-  .rr-table { width: 100%; border-collapse: collapse; font-size: 11px; }
-  .rr-table th { background: var(--color-background-secondary); color: var(--color-text-secondary); font-weight: 500; padding: 5px 6px; text-align: left; border-bottom: 0.5px solid var(--color-border-secondary); font-size: 10px; }
-  .rr-table td { padding: 4px 6px; border-bottom: 0.5px solid var(--color-border-tertiary); vertical-align: top; }
-  .rr-table tr:last-child td { border-bottom: none; }
-  .badge { display: inline-block; padding: 1px 6px; border-radius: 99px; font-size: 10px; font-weight: 500; white-space: nowrap; }
-  .badge-pm { background: #E6F1FB; color: #0C447C; }
-  .badge-site { background: #E1F5EE; color: #085041; }
-  .badge-cost { background: #FAEEDA; color: #633806; }
-  .badge-safe { background: #FCEBEB; color: #791F1F; }
-  .badge-qa { background: #EEEDFE; color: #3C3489; }
-  .badge-owner { background: #FAF0D7; color: #7A4A00; border: 0.5px solid #EF9F27; }
-  /* Gate 프로세스 */
-  .gate-wrap { overflow-x: auto; }
-  .gate-flow { display: flex; align-items: stretch; gap: 0; min-width: 100%; }
-  .gate-phase { flex: 1; min-width: 0; }
-  .phase-header { padding: 6px 8px; border-radius: var(--border-radius-md) var(--border-radius-md) 0 0; text-align: center; }
-  .phase-name { font-size: 11px; font-weight: 500; }
-  .phase-body { border: 0.5px solid var(--color-border-tertiary); border-top: none; padding: 6px 7px; font-size: 10px; color: var(--color-text-secondary); line-height: 1.5; border-radius: 0 0 var(--border-radius-md) var(--border-radius-md); background: var(--color-background-primary); min-height: 68px; }
-  .gate-arrow { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 28px; color: var(--color-text-tertiary); font-size: 14px; flex-shrink: 0; width: 20px; }
-  .gate-box { border: 1.5px solid #185FA5; border-radius: var(--border-radius-md); padding: 6px 8px; text-align: center; background: #E6F1FB; margin: 0 1px; width: 60px; flex-shrink: 0; }
-  .gate-label { font-size: 10px; font-weight: 500; color: #0C447C; }
-  .gate-check { font-size: 9px; color: #185FA5; margin-top: 3px; line-height: 1.4; }
-  .gate-col { display: flex; flex-direction: column; align-items: center; gap: 2px; }
-  /* 리스크/커뮤니케이션 룰 */
-  .risk-item { display: flex; gap: 8px; padding: 4px 0; border-bottom: 0.5px solid var(--color-border-tertiary); align-items: flex-start; }
-  .risk-item:last-child { border-bottom: none; }
-  .risk-badge { flex-shrink: 0; width: 36px; text-align: center; padding: 2px 0; border-radius: 4px; font-size: 10px; font-weight: 500; }
-  .risk-h { background: #FCEBEB; color: #791F1F; }
-  .risk-m { background: #FAEEDA; color: #633806; }
-  .risk-text { font-size: 11px; color: var(--color-text-primary); }
-  .risk-owner { font-size: 10px; color: var(--color-text-secondary); margin-top: 1px; }
-  .comm-row { display: flex; gap: 6px; align-items: flex-start; padding: 3px 0; border-bottom: 0.5px solid var(--color-border-tertiary); font-size: 11px; }
-  .comm-row:last-child { border-bottom: none; }
-  .comm-type { flex-shrink: 0; width: 72px; color: var(--color-text-secondary); }
-  .comm-desc { flex: 1; color: var(--color-text-primary); }
-  .comm-freq { flex-shrink: 0; width: 52px; text-align: right; font-size: 10px; color: var(--color-text-tertiary); }
-  /* 목표 */
-  .goal-row { display: flex; gap: 8px; align-items: flex-start; padding: 4px 0; border-bottom: 0.5px solid var(--color-border-tertiary); }
-  .goal-row:last-child { border-bottom: none; }
-  .goal-num { width: 18px; height: 18px; border-radius: 50%; background: var(--color-background-secondary); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; color: var(--color-text-secondary); flex-shrink: 0; margin-top: 1px; }
-  .goal-text { font-size: 11px; color: var(--color-text-primary); flex: 1; }
-  .goal-kpi { font-size: 10px; color: #185FA5; margin-top: 1px; }
-</style>
-<div class="charter">
-  <!-- Header: 프로젝트 기본정보 + 승인 -->
-  <div class="header">
-    <div class="header-left">
-      <h1>◼ 프로젝트 차트 (Project Charter)</h1>
-      <p>○○○ 복합시설 신축공사 | 문서번호: PC-2025-001 | Rev.01</p>
-    </div>
-    <div class="header-right">
-      <div class="doc-meta">
-        <span>작성일: 2025-03-01</span>
-        <span>승인일: _____</span>
-      </div>
-      <div class="approval-box">
-        <div class="approver"><div class="role">작성</div><div class="name">현장소장</div><div class="sign">(인)</div></div>
-        <div class="approver"><div class="role">검토</div><div class="name">PM</div><div class="sign">(인)</div></div>
-        <div class="approver"><div class="role" style="color:#BA7517">승인</div><div class="name" style="color:#185FA5">발주처</div><div class="sign">(인)</div></div>
-      </div>
-    </div>
-  </div>
-  <!-- Row 1: 현장개요 + 프로젝트 목표 -->
-  <div class="grid2">
-    <div class="card">
-      <div class="card-title"><span class="dot dot-blue"></span>현장 개요</div>
-      <div class="overview-grid">
-        <div class="overview-item"><div class="ov-label">공사명</div><div class="ov-value">○○○ 복합시설 신축공사</div></div>
-        <div class="overview-item"><div class="ov-label">발주처</div><div class="ov-value">㈜○○개발</div></div>
-        <div class="overview-item"><div class="ov-label">위치</div><div class="ov-value">서울특별시 강남구 ○○동</div></div>
-        <div class="overview-item"><div class="ov-label">시공사</div><div class="ov-value">○○건설㈜</div></div>
-        <div class="overview-item"><div class="ov-label">규모</div><div class="ov-value">지하 3층 / 지상 15층</div></div>
-        <div class="overview-item"><div class="ov-label">구조</div><div class="ov-value">철근콘크리트 + 철골</div></div>
-        <div class="overview-item"><div class="ov-label">연면적</div><div class="ov-value">28,500㎡</div></div>
-        <div class="overview-item"><div class="ov-label">계약방식</div><div class="ov-value">총액도급 (설계·시공)</div></div>
-      </div>
-    </div>
-    <div class="card">
-      <div class="card-title"><span class="dot dot-teal"></span>프로젝트 목표 (Project Objectives)</div>
-      <div class="goal-row"><div class="goal-num">1</div><div><div class="goal-text">준공기한 내 완공 — 공기 지연 Zero</div><div class="goal-kpi">KPI: 준공일 2027-06-30 엄수, 주요 Milestone 달성률 100%</div></div></div>
-      <div class="goal-row"><div class="goal-num">2</div><div><div class="goal-text">원가 목표 준수 — 예산 내 완공</div><div class="goal-kpi">KPI: 예산 대비 실행 원가율 ≤ 98%, 예비비 소진 ≤ 50%</div></div></div>
-      <div class="goal-row"><div class="goal-num">3</div><div><div class="goal-text">품질 기준 충족 — 무결점 준공</div><div class="goal-kpi">KPI: 중대결함 0건, 하자보수율 ≤ 0.5%</div></div></div>
-      <div class="goal-row"><div class="goal-num">4</div><div><div class="goal-text">안전사고 Zero — LTIR 목표 달성</div><div class="goal-kpi">KPI: 중대재해 0건, LTIR ≤ 0.3</div></div></div>
-    </div>
-  </div>
-  <!-- Row 2: 원가 + 주요공기 -->
-  <div class="grid2">
-    <div class="card">
-      <div class="card-title"><span class="dot dot-amber"></span>원가 계획 (억 원)</div>
-      <div class="cost-row"><div class="cost-label">도급 계약액</div><div class="cost-value highlight">320.0</div></div>
-      <div class="cost-row"><div class="cost-label">실행 예산 (목표)</div><div class="cost-value">295.0</div></div>
-      <div class="cost-row"><div class="cost-label">직접 공사비</div><div class="cost-value">248.0</div></div>
-      <div class="cost-row"><div class="cost-label">간접비 (현장관리)</div><div class="cost-value">32.0</div></div>
-      <div class="cost-row"><div class="cost-label">예비비</div><div class="cost-value warn">15.0</div></div>
-      <div class="cost-bar-wrap" style="margin-top:8px"><div class="cost-bar" style="width:92%;background:#378ADD"></div></div>
-      <div style="display:flex;justify-content:space-between;margin-top:3px;font-size:10px;color:var(--color-text-tertiary)"><span>실행예산/도급액 비율: 92.2%</span><span>목표 이익: 7.8%</span></div>
-    </div>
-    <div class="card">
-      <div class="card-title"><span class="dot dot-purple"></span>주요 공기 (Milestone)</div>
-      <div class="sched-header">
-        <div class="sched-header-phases"></div>
-        <div class="sched-months" style="padding:0 0 0 8px">
-          <span>'25.03</span><span>'25.09</span><span>'26.03</span><span>'26.09</span><span>'27.06</span>
-        </div>
-        <div class="sched-date"></div>
-      </div>
-      <div class="schedule-item">
-        <div class="sched-phase">착공</div>
-        <div class="sched-bar-wrap"><div class="sched-bar" style="left:0%;width:4%;background:#378ADD"></div></div>
-        <div class="sched-date">2025.03.01</div>
-      </div>
-      <div class="schedule-item">
-        <div class="sched-phase">가설·토공</div>
-        <div class="sched-bar-wrap"><div class="sched-bar" style="left:0%;width:16%;background:#5DCAA5"></div></div>
-        <div class="sched-date">~2025.06.30</div>
-      </div>
-      <div class="schedule-item">
-        <div class="sched-phase">골조공사</div>
-        <div class="sched-bar-wrap"><div class="sched-bar" style="left:16%;width:36%;background:#7F77DD"></div></div>
-        <div class="sched-date">~2026.03.31</div>
-      </div>
-      <div class="schedule-item">
-        <div class="sched-phase">마감공사</div>
-        <div class="sched-bar-wrap"><div class="sched-bar" style="left:52%;width:28%;background:#EF9F27"></div></div>
-        <div class="sched-date">~2026.12.31</div>
-      </div>
-      <div class="schedule-item">
-        <div class="sched-phase">준공·검사</div>
-        <div class="sched-bar-wrap"><div class="sched-bar" style="left:80%;width:20%;background:#D85A30"></div></div>
-        <div class="sched-date">2027.06.30</div>
-      </div>
-    </div>
-  </div>
-  <!-- Row 3: R&R 테이블 (full width) -->
-  <div class="card" style="margin-bottom:8px">
-    <div class="card-title"><span class="dot dot-coral"></span>참여인원 및 역할·책임 (RACI)</div>
-    <table class="rr-table">
-      <thead>
-        <tr>
-          <th style="width:14%">직책</th>
-          <th style="width:12%">담당자</th>
-          <th style="width:36%">주요 역할 및 책임 (Responsibility)</th>
-          <th style="width:22%">의사결정 권한</th>
-          <th style="width:16%">비고</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td><span class="badge badge-owner">발주처 PM</span></td>
-          <td style="font-size:11px;color:var(--color-text-primary)">○○○ 이사</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">사업 목표 승인, 변경 최종 결재, 주요 리스크 의사결정</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">계약변경·설계변경 최종승인</td>
-          <td><span class="badge" style="background:#FAF0D7;color:#7A4A00">Accountable</span></td>
-        </tr>
-        <tr>
-          <td><span class="badge badge-pm">현장소장</span></td>
-          <td style="font-size:11px;color:var(--color-text-primary)">○○○ 부장</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">현장 총괄, 공정·품질·안전·원가 통합관리, 발주처 대응 창구</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">2억 미만 변경 승인, 협력사 계약</td>
-          <td><span class="badge" style="background:#B5D4F4;color:#0C447C">Responsible</span></td>
-        </tr>
-        <tr>
-          <td><span class="badge badge-pm">공무팀장</span></td>
-          <td style="font-size:11px;color:var(--color-text-primary)">○○○ 차장</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">공정계획·관리, 기성청구, 계약서류, Gate 체크리스트 관리</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">공기조정 (2주 이내) 승인</td>
-          <td><span class="badge" style="background:#B5D4F4;color:#0C447C">Responsible</span></td>
-        </tr>
-        <tr>
-          <td><span class="badge badge-cost">원가담당</span></td>
-          <td style="font-size:11px;color:var(--color-text-primary)">○○○ 과장</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">실행예산 관리, 원가 모니터링 (월보), 협력사 기성 검토</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">5천만 미만 예비비 사용</td>
-          <td><span class="badge" style="background:#FAC775;color:#412402">Consulted</span></td>
-        </tr>
-        <tr>
-          <td><span class="badge badge-safe">안전팀장</span></td>
-          <td style="font-size:11px;color:var(--color-text-primary)">○○○ 차장</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">안전보건계획 수립·이행, 위험성 평가, 중대재해 예방 총괄</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">작업중지 명령권 (즉시)</td>
-          <td><span class="badge" style="background:#F7C1C1;color:#501313">Responsible</span></td>
-        </tr>
-        <tr>
-          <td><span class="badge badge-qa">품질담당</span></td>
-          <td style="font-size:11px;color:var(--color-text-primary)">○○○ 과장</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">품질계획·검사, 자재 승인, ITP 관리, 시험성과 보고</td>
-          <td style="font-size:11px;color:var(--color-text-primary)">불합격 자재·공종 중지</td>
-          <td><span class="badge" style="background:#CECBF6;color:#26215C">Consulted</span></td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  <!-- Row 4: Gate 프로세스 -->
-  <div class="card" style="margin-bottom:8px">
-    <div class="card-title"><span class="dot dot-blue"></span>단계별 Gate 프로세스 — 다음 단계 진입 전 필수 승인 절차</div>
-    <div class="gate-wrap">
-      <div class="gate-flow">
-        <!-- 착공 준비 -->
-        <div class="gate-phase">
-          <div class="phase-header" style="background:#E6F1FB;border:0.5px solid #B5D4F4">
-            <div class="phase-name" style="color:#0C447C">① 착공 준비</div>
-            <div style="font-size:10px;color:#378ADD;margin-top:2px">~2025.02</div>
-          </div>
-          <div class="phase-body">• 설계도서 검토 완료<br>• 인허가 취득<br>• 실행예산 확정<br>• 착공계 제출</div>
-        </div>
-        <!-- Gate 1 -->
-        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3px;padding-top:24px">
-          <div style="border:1.5px solid #185FA5;border-radius:6px;padding:4px 5px;background:#E6F1FB;min-width:52px;text-align:center">
-            <div style="font-size:10px;font-weight:500;color:#0C447C">GATE 1</div>
-            <div style="font-size:9px;color:#185FA5;margin-top:2px;line-height:1.4">착공승인<br>발주처</div>
-          </div>
-          <div style="font-size:12px;color:var(--color-text-tertiary);margin-top:4px">→</div>
-        </div>
-        <!-- 가설·토공 -->
-        <div class="gate-phase">
-          <div class="phase-header" style="background:#E1F5EE;border:0.5px solid #9FE1CB">
-            <div class="phase-name" style="color:#085041">② 가설·토공</div>
-            <div style="font-size:10px;color:#1D9E75;margin-top:2px">~2025.06</div>
-          </div>
-          <div class="phase-body">• 가설공사 완료<br>• 굴착·흙막이 안전확인<br>• 지장물 이설 완료<br>• 품질시험 이상無</div>
-        </div>
-        <!-- Gate 2 -->
-        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3px;padding-top:24px">
-          <div style="border:1.5px solid #0F6E56;border-radius:6px;padding:4px 5px;background:#E1F5EE;min-width:52px;text-align:center">
-            <div style="font-size:10px;font-weight:500;color:#085041">GATE 2</div>
-            <div style="font-size:9px;color:#0F6E56;margin-top:2px;line-height:1.4">공사단계<br>전환승인</div>
-          </div>
-          <div style="font-size:12px;color:var(--color-text-tertiary);margin-top:4px">→</div>
-        </div>
-        <!-- 골조 -->
-        <div class="gate-phase">
-          <div class="phase-header" style="background:#EEEDFE;border:0.5px solid #CECBF6">
-            <div class="phase-name" style="color:#26215C">③ 골조공사</div>
-            <div style="font-size:10px;color:#7F77DD;margin-top:2px">~2026.03</div>
-          </div>
-          <div class="phase-body">• 각 층 골조 기성검사<br>• 구조안전확인서<br>• 공정률 월간 보고<br>• 원가 이상 보고</div>
-        </div>
-        <!-- Gate 3 -->
-        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3px;padding-top:24px">
-          <div style="border:1.5px solid #7F77DD;border-radius:6px;padding:4px 5px;background:#EEEDFE;min-width:52px;text-align:center">
-            <div style="font-size:10px;font-weight:500;color:#26215C">GATE 3</div>
-            <div style="font-size:9px;color:#534AB7;margin-top:2px;line-height:1.4">골조완료<br>확인검사</div>
-          </div>
-          <div style="font-size:12px;color:var(--color-text-tertiary);margin-top:4px">→</div>
-        </div>
-        <!-- 마감 -->
-        <div class="gate-phase">
-          <div class="phase-header" style="background:#FAEEDA;border:0.5px solid #FAC775">
-            <div class="phase-name" style="color:#412402">④ 마감공사</div>
-            <div style="font-size:10px;color:#BA7517;margin-top:2px">~2026.12</div>
-          </div>
-          <div class="phase-body">• MEP 공종 완료 검사<br>• 성능시험 (소방·전기)<br>• 마감 샘플 승인<br>• 품질 punch-list 해소</div>
-        </div>
-        <!-- Gate 4 -->
-        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3px;padding-top:24px">
-          <div style="border:1.5px solid #BA7517;border-radius:6px;padding:4px 5px;background:#FAEEDA;min-width:52px;text-align:center">
-            <div style="font-size:10px;font-weight:500;color:#412402">GATE 4</div>
-            <div style="font-size:9px;color:#854F0B;margin-top:2px;line-height:1.4">마감완료<br>중간검수</div>
-          </div>
-          <div style="font-size:12px;color:var(--color-text-tertiary);margin-top:4px">→</div>
-        </div>
-        <!-- 준공·검사 -->
-        <div class="gate-phase">
-          <div class="phase-header" style="background:#FAECE7;border:0.5px solid #F5C4B3">
-            <div class="phase-name" style="color:#4A1B0C">⑤ 준공·검사</div>
-            <div style="font-size:10px;color:#D85A30;margin-top:2px">2027.06</div>
-          </div>
-          <div class="phase-body">• 사용승인 취득<br>• 준공도서 일체 제출<br>• 하자보수보증서<br>• 최종 정산 완료</div>
-        </div>
-        <!-- Gate 5 -->
-        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3px;padding-top:24px">
-          <div style="border:1.5px solid #993C1D;border-radius:6px;padding:4px 5px;background:#FAECE7;min-width:52px;text-align:center">
-            <div style="font-size:10px;font-weight:500;color:#4A1B0C">GATE 5</div>
-            <div style="font-size:9px;color:#993C1D;margin-top:2px;line-height:1.4">최종준공<br>발주처승인</div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div style="margin-top:8px;padding:6px 8px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);font-size:10px;color:var(--color-text-secondary)">
-      ⚠ Gate 통과 기준 미충족 시 → 현장소장 보고 → 발주처 협의 → 일정/원가 영향분석 → 서면 승인 후 다음 단계 진입 가능. 구두 합의 불인정.
-    </div>
-  </div>
-  <!-- Row 5: 커뮤니케이션 계획 + 주요 리스크 -->
-  <div class="grid2">
-    <div class="card">
-      <div class="card-title"><span class="dot dot-green"></span>커뮤니케이션 계획 (Communication Plan)</div>
-      <div class="comm-row"><div class="comm-type">일일 조회</div><div class="comm-desc">현장 안전점검·공정 현황 공유 (현장소장 주관)</div><div class="comm-freq">매일 08:00</div></div>
-      <div class="comm-row"><div class="comm-type">주간 공정회의</div><div class="comm-desc">공정·품질·안전·원가 이슈 검토, Action Item 도출 (회의록 배포)</div><div class="comm-freq">매주 월요일</div></div>
-      <div class="comm-row"><div class="comm-type">월간 보고</div><div class="comm-desc">발주처 공식 보고 — 공정률, 원가, 리스크, 다음달 계획</div><div class="comm-freq">매월 마지막주</div></div>
-      <div class="comm-row"><div class="comm-type">설계 변경</div><div class="comm-desc">서면 검토의뢰 → 영향분석 → 발주처 서면 승인 후 적용 (구두 변경 불인정)</div><div class="comm-freq">수시 (서면)</div></div>
-      <div class="comm-row"><div class="comm-type">이슈 에스컬레이션</div><div class="comm-desc">현장소장 24h 내 인지 → 48h 내 발주처 보고 → 대응방안 협의</div><div class="comm-freq">즉시</div></div>
-    </div>
-    <div class="card">
-      <div class="card-title"><span class="dot dot-coral"></span>주요 리스크 & 대응 방안</div>
-      <div class="risk-item"><div class="risk-badge risk-h">HIGH</div><div><div class="risk-text">설계변경으로 인한 공기·원가 영향</div><div class="risk-owner">대응: 설계변경 접수 즉시 영향분석 실시, 변경 전 서면 승인 필수 · 담당: 공무팀장</div></div></div>
-      <div class="risk-item"><div class="risk-badge risk-h">HIGH</div><div><div class="risk-text">R&R 불명확으로 인한 책임 공백</div><div class="risk-owner">대응: 본 차트 기준 RACI 준수, 이견 시 Gate에서 명확화 후 진행 · 담당: 현장소장</div></div></div>
-      <div class="risk-item"><div class="risk-badge risk-m">MED</div><div><div class="risk-text">자재·장비 수급 지연 (납기 리스크)</div><div class="risk-owner">대응: Long Lead Item 선발주 (착공 4주 전), 대체품 사전 승인 · 담당: 공무팀장</div></div></div>
-      <div class="risk-item"><div class="risk-badge risk-m">MED</div><div><div class="risk-text">협력사 품질·안전 수준 미달</div><div class="risk-owner">대응: 투입 전 협력사 사전 평가, 월간 성과 모니터링 · 담당: 품질/안전담당</div></div></div>
-    </div>
-  </div>
-  <!-- Footer -->
-  <div style="text-align:center;font-size:10px;color:var(--color-text-tertiary);margin-top:8px;padding-top:8px;border-top:0.5px solid var(--color-border-tertiary)">
-    본 프로젝트 차트는 착공 전 발주처 승인 후 효력이 발생하며, 변경 시 반드시 개정번호를 부여하고 재승인을 받아야 합니다. | ○○건설㈜ 현장관리팀
-  </div>
-</div>