Switch Type B layouts to full-body flow
This commit is contained in:
kmlee1 committed
1 parent
65f800296d
commit
4a71d7db88
39 files changed
+405
-396
No files matched your search
@@ -133,7 +133,7 @@
|
||||
|
||||
.slide-1 {
|
||||
grid-template-areas: 'header header' 'body sidebar' 'footer footer';
|
||||
grid-template-columns: 65fr 35fr;
|
||||
grid-template-columns: 1fr 0fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
}
|
||||
.slide-1 .area-body { grid-area: body; }
|
||||
@@ -153,7 +153,7 @@
|
||||
<div class="slide-title" style="grid-area: header;">DX 실행 체계 구축 방안</div>
|
||||
|
||||
<div class="area-body" style="overflow:hidden;">
|
||||
<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:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">Process details</button></div></div><divLine 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: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>
|
||||
|
||||
<div class="area-sidebar" style="overflow:hidden;">
|
||||
|
||||
Reference in new issue
Block a user