Checkpoint raw-preservation pipeline and Type B refactor

docs/run-003/05-execution/final.html

@@ -153,7 +153,7 @@
     <div class="slide-title" style="grid-area: header;">DX 실행 체계 구축 방안</div>
 
     <div class="area-body" style="overflow:hidden;">
-        <div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:12px; position:relative; z-index:2;"><div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;"><div style="font-size:15px; font-weight:900; color:#0f172a; margin-bottom:10px;">DX 시행을 위한 필수 요건</div><div style="display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;"><div style="background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #2563eb; border-radius:12px; padding:12px;"><div style="font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;">기술(디지털)</div><ul style="margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;"><li style="margin-bottom:4px;">Digital 기술(S/W, H/W)과 업무 Process의 통합</li><li style="margin-bottom:4px;">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style="margin-bottom:4px;">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #7c3aed; border-radius:12px; padding:12px;"><div style="font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;">사람(역량)</div><ul style="margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;"><li style="margin-bottom:4px;">혁신적 사고방식과 창의적 문제 해결 능력</li><li style="margin-bottom:4px;">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피</li><li style="margin-bottom:4px;">디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</li></ul></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #16a34a; border-radius:12px; padding:12px;"><div style="font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;">자연(여건)</div><ul style="margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;"><li style="margin-bottom:4px;">지속적인 투자 및 실행 의지</li><li style="margin-bottom:4px;">기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자</li><li style="margin-bottom:4px;">기술 고도화를 위한 지속적인 개선 및 투자 체계 구축</li></ul></div></div><div style="display:flex; justify-content:flex-end; margin-top:10px;"><button type="button" onclick="document.getElementById('popup-req').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">Requirements details</button></div></div><div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;"><div style="font-size:14px; font-weight:900; color:#0f172a; margin-bottom:10px;">과정(Process)의 혁신</div><div style="display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;"><div style="background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;"><div style="font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;">Analogue 기반 업무의 Digital화</div><ul style="margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;"></ul></div><div style="background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;"><div style="font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;">GIS + BIM의 연계</div><ul style="margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;"><li style="margin-bottom:4px;">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li></ul></div><div style="background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;"><div style="font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;">사용자 중심의 Solution 제공</div><ul style="margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;"><li style="margin-bottom:4px;">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul></div></div><div style="display:flex; justify-content:flex-end; margin-top:10px;"><button type="button" onclick="document.getElementById('popup-process').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">Process details</button></div></div><div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;"><div style="font-size:14px; font-weight:900; colorLine truncated
+        <div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:12px; position:relative; z-index:2;"><div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:12px; box-sizing:border-box;"><div style="font-size:14px; font-weight:900; color:#0f172a; margin-bottom:8px;">1. DX 시행을 위한 필수 요건</div><div style="display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;"><div style="background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #2563eb; border-radius:12px; padding:10px 12px; min-height:104px;"><div style="font-size:11px; font-weight:900; color:#0f172a; margin-bottom:6px;">기술(디지털)</div><ul style="margin:0; padding-left:16px; font-size:9.2px; line-height:1.38; color:#334155;"><li style="margin-bottom:3px;">Digital 기술(S/W, H/W)과 업무 Process의 통합</li><li style="margin-bottom:3px;">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style="margin-bottom:3px;">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li><li style="margin-bottom:3px;">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</li><li style="margin-bottom:3px;">건설 전 단계에 대한 근본적인 이해와 지식 및 경험</li><li style="margin-bottom:3px;">최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</li></ul></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #7c3aed; border-radius:12px; padding:10px 12px; min-height:104px;"><div style="font-size:11px; font-weight:900; color:#0f172a; margin-bottom:6px;">사람(역량)</div><ul style="margin:0; padding-left:16px; font-size:9.2px; line-height:1.38; color:#334155;"><li style="margin-bottom:3px;">혁신적 사고방식과 창의적 문제 해결 능력</li><li style="margin-bottom:3px;">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피</li><li style="margin-bottom:3px;">디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</li><li style="margin-bottom:3px;">사용자 중심 사고와 DX 수행 경험</li><li style="margin-bottom:3px;">사용자의 요구와 기대를 충족시키는 설계 및 구현</li><li style="margin-bottom:3px;">시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시</li></ul></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #16a34a; border-radius:12px; padding:10px 12px; min-height:104px;"><div style="font-size:11px; font-weight:900; color:#0f172a; margin-bottom:6px;">자연(여건)</div><ul style="margin:0; padding-left:16px; font-size:9.2px; line-height:1.38; color:#334155;"><li style="margin-bottom:3px;">지속적인 투자 및 실행 의지</li><li style="margin-bottom:3px;">기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자</li><li style="margin-bottom:3px;">기술 고도화를 위한 지속적인 개선 및 투자 체계 구축</li><li style="margin-bottom:3px;">변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력</li></ul></div></div><div style="display:flex; justify-content:flex-end; margin-top:6px;"><button type="button" onclick="document.getElementById('popup-req').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">Product details</button></div></div><div style="display:grid; grid-template-columns:1.02fr 0.98fr; gap:10px; align-items:start;"><div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:12px; box-sizing:border-box;"><div style="font-size:13px; font-weight:900; color:#0f172a; margin-bottom:8px;">2.1 과정(Process)의 혁신</div><div style="display:grid; grid-template-columns:1.12fr 0.88fr; gap:8px; align-items:start;"><div style="background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px; min-height:142px;"><div style="font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;">Analogue 기반 업무의 Digital화</div><ul style="margin:0; padding-left:16px; font-size:9.2px; line-height:1.38; color:#334155;"><li style="margin-bottom:3px;">➠: 개념·문서·행정 절차 중심 ? 시각화된 목적물, 소통, 투명성 중심</li><li style="margin-bottom:3px;">➠: 2D 도면, 전문가, 규정 ? 3D 모델, 참여자, 실체</li><li style="margin-bottom:3px;">➠: 업무 구분(단절), 책임 ? 협업(융·복합), 창의성</li></ul></div><div style="display:grid; grid-auto-rows:minmax(0,1fr); gap:8px;"><div style="background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:10px 12px; min-height:66px;"><div style="font-size:10.8px; font-weight:800; color:#1e3a8a; margin-bottom:5px;">GIS + BIM의 연계</div>Line truncated
     </div>
 
     <div class="area-sidebar" style="overflow:hidden;">
@@ -161,7 +161,7 @@
     </div>
 
     <div class="area-footer" style="overflow:hidden;">
-        <div style="background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;"><div style="font-size:13px; font-weight:900; line-height:1.35;">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>
+        <div style="background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:7px 16px; text-align:center; color:#ffffff; width:100%; height:48px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;"><div style="font-size:11.5px; font-weight:900; line-height:1.28;">**핵심 요약** * **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</div></div>
     </div>
 </div>