Switch Type B layouts to full-body flow

docs/run-003/05-execution/generated_html.json

@@ -1,5 +1,5 @@
 {
-  "body_html": "<div style=\"width:calc(153.85% + 18px); max-width:none; margin-right:calc(-53.85% - 18px); 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=\"display:grid; grid-template-columns:1.06fr 0.94fr; gap:12px; flex:1;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box; height:100%;\"><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:4pxLine truncated
+  "body_html": "<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-radiLine truncated
   "sidebar_html": "<div style=\"width:100%; height:100%; opacity:0; pointer-events:none;\"></div>",
   "footer_html": "<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>",
   "reasoning": "requirements-process-product layout selected from document content traits"