untracked files on main: dceb101 feat(#63): IMP-34 R1 donor capacity measured bound (u1+u2)

Front_test/samples/mdx/01. 건설산업 DX의 올바른 이해(0127).mdx

@@ -0,0 +1,120 @@
+---
+title: 건설산업 DX의 올바른 이해
+sidebar:
+  order: 00
+---
+
+* **용어의 혼용**
+
+  * 건설산업의 디지털 전환 논의에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음  
+  * 이로인해 BIM기술의 도입을 DX의 완성으로 오인하거나, DX를 BIM 기술 도입 수준으로 한정하는 인식 확산    
+  <details>
+    <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>혼용 대표 사례</summary>
+      
+    <div style={{marginTop: '10px', paddingLeft: '15px', borderLeft: '3px solid #ddd', fontSize: '0.9rem', color: '#666'}}>
+    * **[스마트 건설 활성화 방안(2022.07)]**
+      * 추진과제 : 건설산업 디지털화   
+      * 실행과제 : BIM 전면 도입, BIM 전문인력 양성
+    * **[제7차 건설기술진흥 기본계획(2023.12)]**
+      * 추진방향 : 디지털 전환을 통한 스마트 건설 확산  
+      * 추진과제 : BIM 도입으로 건설산업 디지털화
+    </div>
+  </details>
+
+
+  * 건설산업의 DX를 올바르게 이해하기 위해 각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요
+
+<br/>
+---
+
+
+## 1. 용어 정의
+
+<br/>
+
+* **건설산업**
+  * 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업
+  * 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함
+
+<br/>
+
+* **BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술**
+  * 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구
+  * 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술
+      <div style={{ 
+    fontSize: '0.8rem', 
+    color: '#999', 
+    marginTop: '5px', 
+    lineHeight: '1.4',
+    paddingLeft: '0px' }}>
+    *건설산업 BIM 기본지침, 국토교통부, 2020*
+    </div>
+
+<br/>
+
+* **DX(Digital Transformation) : 산업 패러다임의 변화**
+  * 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과   
+  * 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함
+  <div style={{ 
+    fontSize: '0.8rem', 
+    color: '#999', 
+    marginTop: '5px', 
+    lineHeight: '1.4',
+    paddingLeft: '0px' }}>
+    *Digital Transformation, IBM Institute for Business Value, 2011 / What is Digital Transformation?, Agile Elephant, 2015*
+    </div>
+
+
+---
+<br/>
+
+## 2. 용어간 상호관계
+
+* DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념
+* 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능  
+  * GIS의 역할 : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공
+  * BIM의 역할 : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공  
+![DX와 핵심기술간 상호관계](/assets/images/DX1.png)
+    <div style={{ 
+      fontSize: '0.8rem', 
+      color: '#999', 
+      marginTop: '5px', 
+      lineHeight: '1.4',
+      paddingLeft: '0px' }}>
+      *[그림 1] DX와 핵심기술간 상호관계*
+      </div>
+
+<br/>
+<br/>
+
+
+
+  <details>
+    <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>DX와 BIM의 구분</summary>
+      
+    <div style={{marginTop: '10px', paddingLeft: '15px', borderLeft: '3px solid #ddd', fontSize: '0.9rem', color: '#666'}}>
+    | DX | 구분 | BIM |
+    | :--- | :---: | ---: |
+    | **BIM &lt;&lt; DX**<br/>(Engineering + Management 통합) | **범위** | **Only 3D**<br/>(형상 구현 중심) |
+    | **제작 및 운영**(상용 + 전용 40~80개)<br/>[Rhino, Sketchup, Blender..] + [EG-BIM 등] | **S/W** | **모델 제작용 상용 SW**<br/>[Revit, Civil 3D, Navisworks, Autocad] |
+    | **근본적 문제의식을 통한 개선** | **프로세스** | **기존 2D 설계 방식 유지** |
+    | **공학 정보 및 콘텐츠 연계에 집중**<br/>**도면, 수량, 시공계획 등 일식** | **성과품** | **3D 모델 중심**<br/>**기존 성과품 유지** |
+    | **설계/시공 생산성 혁신**(개념의 재정립) | **활용** | **3D 모델에 의한 일반적 이해 향상** |
+    | **전 생애주기 활용 시스템** | **확장성** | **(설계/시공/운영) 분야별 단절** |
+    | **구체화(복잡) - 적극적/구체적 실현 방안** | **수행 개념** | **단순화(오류) - 수동적/집단적 동질화** |
+    | **적극적, 주체적인 기술 접목/융합** | **CIVIL + IT** | **소극적, 상용 기술에 의존** |
+    | **자체 수행 능력 - 지속가능성 확보** | **주체** | **S/W 제작사 판매 정책에 의존** |
+    | **차별화 및 경쟁력 확보, 해외 진출** | **발주처** | **평준화, 국내 중심** |
+    | **IT + CIVIL ENG 220명 운영 + 기술 개발** | **설계사** | **소규모 BIM팀 운영 + 단순교육에 집중** |
+    | **분야 확장 모델 및 시스템** | **시공사** | **국내 토목 소극적/해외 토목증가** |
+    </div>
+  </details>
+
+<br/>
+
+---
+
+:::note[핵심 요약]
+* BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 **가장 기초가 되는 일부분**이다
+:::
+

Front_test/samples/mdx/02. DX의 시행 목표 및 기대효과.mdx

@@ -0,0 +1,42 @@
+---
+title: DX의 시행 목표 및 기대효과
+sidebar:
+  order: 1
+---
+
+import DxEffect from '../../../../components/dx.astro';
+
+
+## 1. DX의 궁극적 목표
+
+- **안전과 품질** 
+  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**
+  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**
+<br/>
+- **생산성 향상**
+  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**
+  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**
+<br/>
+- **소통과 신뢰**
+  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**
+  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**
+![DX의 궁극적 목표](/assets/images/궁극적목표.png) 
+<br/>
+
+## 2. DX 기반 Process 혁신에 따른 주체별 기대효과
+<br/>
+### 2.1 업무 수행 과정(Process)의 변화
+  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환
+  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환
+  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환
+  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환
+<br/>
+### 2.2 DX 시행 주체별 기대효과
+
+<DxEffect />
+<br/>
+<br/>
+:::note[핵심 요약]
+* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.
+:::
+<br/>

Front_test/samples/mdx/03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx

@@ -0,0 +1,89 @@
+---
+title: DX 실행 체계 구축 방안
+sidebar:
+  order: 02
+---
+
+## 1. DX 시행을 위한 필수 요건
+
+<br/>
+
+* **기술(디지털)**
+  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**
+    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행
+    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율
+  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**
+    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험
+    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식
+
+<br/>
+
+* **사람(역량)**
+  * **혁신적 사고방식과 창의적 문제 해결 능력**
+    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피
+    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시
+  * **사용자 중심 사고와 DX 수행 경험**
+    * 사용자의 요구와 기대를 충족시키는 설계 및 구현
+    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시
+
+<br/>
+
+* **자연(여건)**
+  * **지속적인 투자 및 실행 의지**
+    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자
+    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축
+    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력
+
+<br/>
+---
+
+## 2. Process의 혁신과 Product의 변화
+
+<br/>
+
+### 2.1 과정(Process)의 혁신
+
+* **Analogue 기반 업무의 Digital화**
+
+  | As-is [Analogue] | 구분 | To-be [Digital] |
+  | :--- | :---: | :--- |
+  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |
+  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |
+  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |
+
+<br/>
+
+* **GIS + BIM의 연계**
+  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신
+
+<br/>
+
+* **사용자 중심의 Solution 제공**
+  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공
+
+<br/>
+<br/>
+
+### 2.2 결과(Product)의 변화
+
+* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**
+  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화
+  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출
+
+<br/>
+
+* **Analogue 기반 도서 외 Digital 기반 정보물 추가**
+  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가
+
+<br/>
+
+* **Solution을 활용한 업무 효율화**
+  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성
+  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리
+
+<br/>
+---
+
+:::note[핵심 요약]
+* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**
+:::

Front_test/samples/mdx/04. DX 지연 요인.mdx

@@ -0,0 +1,262 @@
+---
+title: DX 지연 요인
+sidebar:
+  order: 03
+---
+
+## 1. DX에 대한 인식
+<br/>
+<div style={{ display: 'flex', flexWrap: 'wrap', gap: '20px', justifycontent: 'center' }}>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    position: 'relative',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>기술 및 소프트웨어 이해도</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #1a73e8',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"무슨 말인지 잘 모르겠다, 어디까지 어떻게 해야 하는지 모르겠다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>기본지침, 시행지침 등 새롭게 알아야 할 게 너무 많다.</li>
+      <li>3D 모델과 별 차이점을 모르겠다. S/W마다 사용법이 다르다.</li>
+      <li>필요한 것은 쉽고 간단한 건데, 왜 이렇게 복잡하게 만들까?</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>효과와 효율성</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #d93025',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"2D 설계 후 전환설계를 수행하는데 효과는 모르겠고, 효율은 낮다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>성과품 작성은 기존과 같게 하고, 추가 업무만 발생해 효율이 낮다.</li>
+      <li>BIM으로 인해 가중되는 업무 대비 효과가 거의 없어 보인다.</li>
+      <li>결과적으로 큰 차이를 못 느끼겠고, 이런 노력이 정말 가치 있는 일이야?</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>인력 및 교육</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #f9ab00',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"수행 인력이 부족하고, 기존 직원들은 어떻게 교육해야 하나"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>교육시간 손실로 일손이 더 필요해지고, 적응하는데도 시간이 걸린다.</li>
+      <li>신입사원은 없고 BIM 수행을 할 수 있는 기술자가 부족하다.</li>
+      <li>여러 회사의 S/W별 사용법이 달라 새로운 S/W에 적용에 시간이 필요하다.</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>경제적 부담</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #34a853',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"S/W 구독료만 크게 발생되고, 비용 보전은 안 된다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>사용해야 할 S/W의 종류가 너무 많고 복잡한데 모두 필요한가?</li>
+      <li>모든 Project에 적용되는 것도 아닌데, 다수의 S/W 구독료를 내야 한다.</li>
+      <li>디지털전환 하기 위해 이 비용을 쓰는게 정말 경제적인 이득이 있는 거야?</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default',
+    marginTop: '10px'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>실무 및 적용성</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #8e24aa',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"실무적 사용에 의한 효율성 증진보다는 홍보, PQ용으로 사용한다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>구체적 적용에 의한 비용, 시간, 품질 등의 효과 사례가 없다.</li>
+      <li>지형, 선형, 도로, 교량 Model을 만드는 S/W가 모두 달라 적용이 어렵다.</li>
+      <li>속성정보를 반영하지 않은 형상 위주의 3D 모델 제작에만 초점이 맞춰져 있다.</li>
+    </ul>
+  </div>
+</div>
+<br/>
+---
+<br/>
+## 2. DX 추진의 실태
+
+<br/>
+
+### 2.1 정책 및 발주 체계
+- **실질적 기술 경쟁을 저해하는 정책 집행** 
+  - 모든 설계사가 수행 능력을 갖추었다는 전제하에 정책 시행
+  - 수행 능력이 없는 업체 선정 후 성과품의 수준을 낮추어 시행 
+<br/>
+- **적용 효과가 있는 사례도 없이 방침부터 도입** 
+  - DX/BIM 적용에 따른 실무적 이득이 있다고 판단된 사례 부족
+  - BIM 지침/방침 등을 시행 경험과 효과 검증도 없이 남발
+<br/>
+- **엔지니어링 S/W에 대한 개념 부재** 
+  - 다양한 엔지니어링 S/W의 특성에 대한 깊은 이해 없이 범용 S/W 선택
+  - 대형 Global S/W 회사에 과도한 의존과 이에 예속되는 방침 남발로 전용 S/W 소멸
+<br/>
+- **기술투자(R&D) 없는 성과 창출 기대** 
+  - 단순 BIM S/W만 구입하면 될 것이라는 안일한 생각
+  - 실질적 기술 개발 투자 노력 없이 남들이 하는 대로 하면 된다는 착각
+<br/>
+<details>
+  <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>발주처 반응</summary>
+  <img src="/assets/images/발주처반응.png" />
+</details>
+
+### 2.2 조직 및 수행 역량
+- **공학적 개념 정립 부재** 
+  - DX와 BIM의 차이점을 명확히 구분하지 못하고 접근 방식과 기술적 도구 사이의 혼란만 가중
+  - 단순히 기술적 도구의 사용에 초점을 맞추느라 3D모델 제작 S/W에 과도하게 의존
+<br/>
+- **‘본업 기술력 확보’ 우선의 개념 부재** 
+  - 고도의 전문지식과 현장 경험이 축적된 Manual의 중요성과 필요성에 대한 이해 부족
+  - 국가·발주처의 지침·방침에만 의존한 업체의 기술력 
+<br/>
+- **DX/BIM의 근본 취지와 목표의 이해 부족** 
+  - DX에 의한 과정의 혁신과 결과물의 변화에 대한 고민 부재
+  - 기술자가 직접 3D모델을 만들고 수정하며 설계를 수행하지 않고, 별도로 외주 처리하여 본질 회피
+<br/>
+- **과거의 타성에 머무르고 있는 기술자 집단** 
+  - 설계/감리/시공 임직원들의 Digital 무지와 전략적 무지
+  - 교육과 학습을 통한 인재 양성보다 당장 실무 활용이 가능한 타사 인력 빼오기에 집중
+<br/>
+<details>
+  <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>설계·시공업계 반응</summary>
+  <img src="/assets/images/설계시공업계반응.png" />
+</details>
+<br/>
+---
+
+:::note[핵심 요약]
+* 검증 없는 정책의 일방적 추진과 조직의 회피, 이해 부족은 DX 지연을 반복시키고 있다. 
+:::

Front_test/samples/mdx_batch/01.mdx

@@ -0,0 +1,120 @@
+---
+title: 건설산업 DX의 올바른 이해
+sidebar:
+  order: 00
+---
+
+* **용어의 혼용**
+
+  * 건설산업의 디지털 전환 논의에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음  
+  * 이로인해 BIM기술의 도입을 DX의 완성으로 오인하거나, DX를 BIM 기술 도입 수준으로 한정하는 인식 확산    
+  <details>
+    <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>혼용 대표 사례</summary>
+      
+    <div style={{marginTop: '10px', paddingLeft: '15px', borderLeft: '3px solid #ddd', fontSize: '0.9rem', color: '#666'}}>
+    * **[스마트 건설 활성화 방안(2022.07)]**
+      * 추진과제 : 건설산업 디지털화   
+      * 실행과제 : BIM 전면 도입, BIM 전문인력 양성
+    * **[제7차 건설기술진흥 기본계획(2023.12)]**
+      * 추진방향 : 디지털 전환을 통한 스마트 건설 확산  
+      * 추진과제 : BIM 도입으로 건설산업 디지털화
+    </div>
+  </details>
+
+
+  * 건설산업의 DX를 올바르게 이해하기 위해 각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요
+
+<br/>
+---
+
+
+## 1. 용어 정의
+
+<br/>
+
+* **건설산업**
+  * 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업
+  * 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함
+
+<br/>
+
+* **BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술**
+  * 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구
+  * 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술
+      <div style={{ 
+    fontSize: '0.8rem', 
+    color: '#999', 
+    marginTop: '5px', 
+    lineHeight: '1.4',
+    paddingLeft: '0px' }}>
+    *건설산업 BIM 기본지침, 국토교통부, 2020*
+    </div>
+
+<br/>
+
+* **DX(Digital Transformation) : 산업 패러다임의 변화**
+  * 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과   
+  * 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함
+  <div style={{ 
+    fontSize: '0.8rem', 
+    color: '#999', 
+    marginTop: '5px', 
+    lineHeight: '1.4',
+    paddingLeft: '0px' }}>
+    *Digital Transformation, IBM Institute for Business Value, 2011 / What is Digital Transformation?, Agile Elephant, 2015*
+    </div>
+
+
+---
+<br/>
+
+## 2. 용어간 상호관계
+
+* DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념
+* 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능  
+  * GIS의 역할 : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공
+  * BIM의 역할 : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공  
+![DX와 핵심기술간 상호관계](/assets/images/DX1.png)
+    <div style={{ 
+      fontSize: '0.8rem', 
+      color: '#999', 
+      marginTop: '5px', 
+      lineHeight: '1.4',
+      paddingLeft: '0px' }}>
+      *[그림 1] DX와 핵심기술간 상호관계*
+      </div>
+
+<br/>
+<br/>
+
+
+
+  <details>
+    <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>DX와 BIM의 구분</summary>
+      
+    <div style={{marginTop: '10px', paddingLeft: '15px', borderLeft: '3px solid #ddd', fontSize: '0.9rem', color: '#666'}}>
+    | DX | 구분 | BIM |
+    | :--- | :---: | ---: |
+    | **BIM &lt;&lt; DX**<br/>(Engineering + Management 통합) | **범위** | **Only 3D**<br/>(형상 구현 중심) |
+    | **제작 및 운영**(상용 + 전용 40~80개)<br/>[Rhino, Sketchup, Blender..] + [EG-BIM 등] | **S/W** | **모델 제작용 상용 SW**<br/>[Revit, Civil 3D, Navisworks, Autocad] |
+    | **근본적 문제의식을 통한 개선** | **프로세스** | **기존 2D 설계 방식 유지** |
+    | **공학 정보 및 콘텐츠 연계에 집중**<br/>**도면, 수량, 시공계획 등 일식** | **성과품** | **3D 모델 중심**<br/>**기존 성과품 유지** |
+    | **설계/시공 생산성 혁신**(개념의 재정립) | **활용** | **3D 모델에 의한 일반적 이해 향상** |
+    | **전 생애주기 활용 시스템** | **확장성** | **(설계/시공/운영) 분야별 단절** |
+    | **구체화(복잡) - 적극적/구체적 실현 방안** | **수행 개념** | **단순화(오류) - 수동적/집단적 동질화** |
+    | **적극적, 주체적인 기술 접목/융합** | **CIVIL + IT** | **소극적, 상용 기술에 의존** |
+    | **자체 수행 능력 - 지속가능성 확보** | **주체** | **S/W 제작사 판매 정책에 의존** |
+    | **차별화 및 경쟁력 확보, 해외 진출** | **발주처** | **평준화, 국내 중심** |
+    | **IT + CIVIL ENG 220명 운영 + 기술 개발** | **설계사** | **소규모 BIM팀 운영 + 단순교육에 집중** |
+    | **분야 확장 모델 및 시스템** | **시공사** | **국내 토목 소극적/해외 토목증가** |
+    </div>
+  </details>
+
+<br/>
+
+---
+
+:::note[핵심 요약]
+* BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 **가장 기초가 되는 일부분**이다
+:::
+

Front_test/samples/mdx_batch/02.mdx

@@ -0,0 +1,50 @@
+---
+title: DX의 시행 목표 및 기대효과
+sidebar:
+  order: 1
+---
+
+import DxEffect from '../../../../components/dx.astro';
+
+
+## 1. DX의 궁극적 목표
+
+- **안전과 품질** 
+  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**
+  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**
+<br/>
+- **생산성 향상**
+  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**
+  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**
+<br/>
+- **소통과 신뢰**
+  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**
+  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**
+![DX의 궁극적 목표](/assets/images/궁극적목표.png) 
+<br/>
+
+## 2. DX 기반 Process 혁신에 따른 주체별 기대효과
+<br/>
+### 2.1 업무 수행 과정(Process)의 변화
+  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환
+  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환
+  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환
+  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환
+<br/>
+### 2.2 DX 시행 주체별 기대효과
+
+| 구분 | 발주자 | 시공자 | 설계자 |
+|------|--------|--------|--------|
+| **필요 역량** | 실행 의지와 합리적 판단 역량 | 기술 투자와 운영 역량 | 기술개발 투자에 의한 S/W 역량 |
+| **수작업 의존 → S/W 기반 체계화** | - 행정서류 자동 생성 및 최소화로 업무 생산성 향상<br/>- 건설기간 단축, 건설비 및 유지관리비 총비용 최소화 | - 체계적 공정/자원 관리를 통한 신뢰성 확보 및 생산성 향상<br/>- Model에서의 도면 추출로 쉽고 정확한 시공상세도 작성 용이<br/>- 시스템 구축 시, 품질·안전·관리 등에 필요한 도서 작성 용이 | - SW기반 설계프로세스 체계화로 설계 생산성 향상<br/>- 프로젝트 정보의 일관 유지 및 관리를 통한 오류 최소화<br/>- 다양한 성과물과 정보물 활용으로 추가 부가가치 창출 |
+| **2D → 3D 기반 인지·검토** | - 3D 모델을 통한 직관적 시각화로 품질 향상 및 안전성 제고<br/>- 건설단계별 수행상태에 대한 쉬운 이해로 관리 편의성 증대 | - 직관적 시각화로 계획시공 등을 관리하여 안전성 제고 및 품질 향상<br/>- 중간태, 완성태 측량을 통한 시·공간적 관리의 편리성 향상 | - 3D 모델을 통한 확인/검증으로 설계 오류 최소화 및 Claim 예방 |
+| **문서 중심 → 데이터 통합 기반 협업** | - 현장 실무자와 발주자의 원활한 의사소통으로 오류 최소화<br/>- 디지털 환경 구축을 통한 건설 정보 통합관리 활용성 강화 | - 불필요한 행정서류 감소를 통한 협업 및 의사소통 효율 향상 | - 설계 신뢰도 확보 및 발주자 이익 기여로 상호신뢰 증진 |
+| **사후 대응 → 사전 검증 중심 관리** | - 설계변경, 민원, 재작업, 소송 등의 사전 예방, 최소화 | - 설계 및 시공 오류 예방과 원활한 의사 소통으로 공사 Risk 최소화 | - 시공 전 설계검증 강화로 설계 책임 리스크 감소 |
+
+<DxEffect />
+<br/>
+<br/>
+:::note[핵심 요약]
+* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.
+:::
+<br/>

Front_test/samples/mdx_batch/03.mdx

@@ -0,0 +1,89 @@
+---
+title: DX 실행 체계 구축 방안
+sidebar:
+  order: 02
+---
+
+## 1. DX 시행을 위한 필수 요건
+
+<br/>
+
+* **기술(디지털)**
+  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**
+    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행
+    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율
+  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**
+    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험
+    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식
+
+<br/>
+
+* **사람(역량)**
+  * **혁신적 사고방식과 창의적 문제 해결 능력**
+    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피
+    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시
+  * **사용자 중심 사고와 DX 수행 경험**
+    * 사용자의 요구와 기대를 충족시키는 설계 및 구현
+    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시
+
+<br/>
+
+* **자연(여건)**
+  * **지속적인 투자 및 실행 의지**
+    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자
+    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축
+    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력
+
+<br/>
+---
+
+## 2. Process의 혁신과 Product의 변화
+
+<br/>
+
+### 2.1 과정(Process)의 혁신
+
+* **Analogue 기반 업무의 Digital화**
+
+  | As-is [Analogue] | 구분 | To-be [Digital] |
+  | :--- | :---: | :--- |
+  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |
+  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |
+  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |
+
+<br/>
+
+* **GIS + BIM의 연계**
+  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신
+
+<br/>
+
+* **사용자 중심의 Solution 제공**
+  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공
+
+<br/>
+<br/>
+
+### 2.2 결과(Product)의 변화
+
+* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**
+  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화
+  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출
+
+<br/>
+
+* **Analogue 기반 도서 외 Digital 기반 정보물 추가**
+  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가
+
+<br/>
+
+* **Solution을 활용한 업무 효율화**
+  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성
+  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리
+
+<br/>
+---
+
+:::note[핵심 요약]
+* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**
+:::

Front_test/samples/mdx_batch/04.mdx

@@ -0,0 +1,262 @@
+---
+title: DX 지연 요인
+sidebar:
+  order: 03
+---
+
+## 1. DX에 대한 인식
+<br/>
+<div style={{ display: 'flex', flexWrap: 'wrap', gap: '20px', justifycontent: 'center' }}>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    position: 'relative',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>기술 및 소프트웨어 이해도</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #1a73e8',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"무슨 말인지 잘 모르겠다, 어디까지 어떻게 해야 하는지 모르겠다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>기본지침, 시행지침 등 새롭게 알아야 할 게 너무 많다.</li>
+      <li>3D 모델과 별 차이점을 모르겠다. S/W마다 사용법이 다르다.</li>
+      <li>필요한 것은 쉽고 간단한 건데, 왜 이렇게 복잡하게 만들까?</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>효과와 효율성</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #d93025',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"2D 설계 후 전환설계를 수행하는데 효과는 모르겠고, 효율은 낮다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>성과품 작성은 기존과 같게 하고, 추가 업무만 발생해 효율이 낮다.</li>
+      <li>BIM으로 인해 가중되는 업무 대비 효과가 거의 없어 보인다.</li>
+      <li>결과적으로 큰 차이를 못 느끼겠고, 이런 노력이 정말 가치 있는 일이야?</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>인력 및 교육</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #f9ab00',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"수행 인력이 부족하고, 기존 직원들은 어떻게 교육해야 하나"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>교육시간 손실로 일손이 더 필요해지고, 적응하는데도 시간이 걸린다.</li>
+      <li>신입사원은 없고 BIM 수행을 할 수 있는 기술자가 부족하다.</li>
+      <li>여러 회사의 S/W별 사용법이 달라 새로운 S/W에 적용에 시간이 필요하다.</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    minWidth: '300px',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>경제적 부담</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #34a853',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"S/W 구독료만 크게 발생되고, 비용 보전은 안 된다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>사용해야 할 S/W의 종류가 너무 많고 복잡한데 모두 필요한가?</li>
+      <li>모든 Project에 적용되는 것도 아닌데, 다수의 S/W 구독료를 내야 한다.</li>
+      <li>디지털전환 하기 위해 이 비용을 쓰는게 정말 경제적인 이득이 있는 거야?</li>
+    </ul>
+  </div>
+
+  <div style={{
+    width: '100%',
+    background: '#fff',
+    border: '1px solid #e1e4e8',
+    borderRadius: '12px',
+    padding: '20px',
+    boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
+    transition: 'transform 0.2s, box-shadow 0.2s',
+    cursor: 'default',
+    marginTop: '10px'
+  }}
+  onMouseOver={(e) => {
+    e.currentTarget.style.transform = 'translateY(-3px)';
+    e.currentTarget.style.boxShadow = '0 6px 12px rgba(0,0,0,0.1)';
+  }}
+  onMouseOut={(e) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
+  }}
+  >
+    <div style={{ display: 'flex', alignitems: 'center', marginBottom: '15px' }}>
+    <h3 style={{ margin: 0, fontSize: '1.25rem'}}>실무 및 적용성</h3>
+    </div>
+    <p style={{
+      background: '#f8f9fa',
+      borderLeft: '4px solid #8e24aa',
+      padding: '10px 15px',
+      margin: '0 0 15px 0',
+      fontSize: '1rem',
+      fontWeight: 'bold',
+      color: '#333'
+    }}>"실무적 사용에 의한 효율성 증진보다는 홍보, PQ용으로 사용한다"</p>
+    <ul style={{ margin: 0, paddingLeft: '20px', color: '#555', fontSize: '1.0rem', lineHeight: '1.8' }}>
+      <li>구체적 적용에 의한 비용, 시간, 품질 등의 효과 사례가 없다.</li>
+      <li>지형, 선형, 도로, 교량 Model을 만드는 S/W가 모두 달라 적용이 어렵다.</li>
+      <li>속성정보를 반영하지 않은 형상 위주의 3D 모델 제작에만 초점이 맞춰져 있다.</li>
+    </ul>
+  </div>
+</div>
+<br/>
+---
+<br/>
+## 2. DX 추진의 실태
+
+<br/>
+
+### 2.1 정책 및 발주 체계
+- **실질적 기술 경쟁을 저해하는 정책 집행** 
+  - 모든 설계사가 수행 능력을 갖추었다는 전제하에 정책 시행
+  - 수행 능력이 없는 업체 선정 후 성과품의 수준을 낮추어 시행 
+<br/>
+- **적용 효과가 있는 사례도 없이 방침부터 도입** 
+  - DX/BIM 적용에 따른 실무적 이득이 있다고 판단된 사례 부족
+  - BIM 지침/방침 등을 시행 경험과 효과 검증도 없이 남발
+<br/>
+- **엔지니어링 S/W에 대한 개념 부재** 
+  - 다양한 엔지니어링 S/W의 특성에 대한 깊은 이해 없이 범용 S/W 선택
+  - 대형 Global S/W 회사에 과도한 의존과 이에 예속되는 방침 남발로 전용 S/W 소멸
+<br/>
+- **기술투자(R&D) 없는 성과 창출 기대** 
+  - 단순 BIM S/W만 구입하면 될 것이라는 안일한 생각
+  - 실질적 기술 개발 투자 노력 없이 남들이 하는 대로 하면 된다는 착각
+<br/>
+<details>
+  <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>발주처 반응</summary>
+  <img src="/assets/images/발주처반응.png" />
+</details>
+
+### 2.2 조직 및 수행 역량
+- **공학적 개념 정립 부재** 
+  - DX와 BIM의 차이점을 명확히 구분하지 못하고 접근 방식과 기술적 도구 사이의 혼란만 가중
+  - 단순히 기술적 도구의 사용에 초점을 맞추느라 3D모델 제작 S/W에 과도하게 의존
+<br/>
+- **‘본업 기술력 확보’ 우선의 개념 부재** 
+  - 고도의 전문지식과 현장 경험이 축적된 Manual의 중요성과 필요성에 대한 이해 부족
+  - 국가·발주처의 지침·방침에만 의존한 업체의 기술력 
+<br/>
+- **DX/BIM의 근본 취지와 목표의 이해 부족** 
+  - DX에 의한 과정의 혁신과 결과물의 변화에 대한 고민 부재
+  - 기술자가 직접 3D모델을 만들고 수정하며 설계를 수행하지 않고, 별도로 외주 처리하여 본질 회피
+<br/>
+- **과거의 타성에 머무르고 있는 기술자 집단** 
+  - 설계/감리/시공 임직원들의 Digital 무지와 전략적 무지
+  - 교육과 학습을 통한 인재 양성보다 당장 실무 활용이 가능한 타사 인력 빼오기에 집중
+<br/>
+<details>
+  <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>설계·시공업계 반응</summary>
+  <img src="/assets/images/설계시공업계반응.png" />
+</details>
+<br/>
+---
+
+:::note[핵심 요약]
+* 검증 없는 정책의 일방적 추진과 조직의 회피, 이해 부족은 DX 지연을 반복시키고 있다. 
+:::

Front_test/samples/src/assets/cell_temp.svg

@@ -0,0 +1,4 @@
+<svg width="119" height="55" viewBox="0 0 119 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.7205 21.7305H29.7212C29.5934 20.8249 29.3324 20.0206 28.9382 19.3175C28.544 18.6037 28.038 17.9964 27.4201 17.4957C26.8022 16.995 26.0884 16.6115 25.2788 16.3452C24.4798 16.0788 23.6115 15.9457 22.674 15.9457C20.9801 15.9457 19.5046 16.3665 18.2475 17.2081C16.9904 18.0391 16.0156 19.2536 15.3232 20.8516C14.6307 22.4389 14.2844 24.3672 14.2844 26.6364C14.2844 28.9695 14.6307 30.9297 15.3232 32.517C16.0263 34.1044 17.0064 35.3029 18.2635 36.1126C19.5206 36.9222 20.9748 37.3271 22.6261 37.3271C23.5529 37.3271 24.4105 37.2045 25.1989 36.9595C25.9979 36.7145 26.7063 36.3576 27.3242 35.8888C27.9421 35.4094 28.4535 34.8288 28.8583 34.147C29.2738 33.4652 29.5614 32.6875 29.7212 31.8139L36.7205 31.8459C36.5394 33.348 36.0866 34.7969 35.3622 36.1925C34.6484 37.5774 33.6843 38.8185 32.4698 39.9158C31.266 41.0025 29.8278 41.8654 28.1552 42.5046C26.4933 43.1332 24.6129 43.4474 22.5142 43.4474C19.5952 43.4474 16.9851 42.7869 14.6839 41.4659C12.3935 40.1449 10.5824 38.2326 9.25071 35.729C7.92969 33.2255 7.26918 30.1946 7.26918 26.6364C7.26918 23.0675 7.94034 20.0312 9.28267 17.5277C10.625 15.0241 12.4467 13.1172 14.7479 11.8068C17.049 10.4858 19.6378 9.82528 22.5142 9.82528C24.4105 9.82528 26.1683 10.0916 27.7876 10.6243C29.4176 11.157 30.8612 11.9347 32.1183 12.9574C33.3754 13.9695 34.3981 15.2106 35.1864 16.6808C35.9854 18.1509 36.4968 19.8342 36.7205 21.7305ZM41.6824 43V10.2727H63.7349V15.9776H48.6017V23.7759H62.6003V29.4808H48.6017V37.2951H63.7988V43H41.6824ZM69.2361 43V10.2727H76.1555V37.2951H90.186V43H69.2361Z" fill="black"/>
+<path d="M6.47045 49.2188H5.22614C5.20341 49.0578 5.15701 48.9148 5.08693 48.7898C5.01686 48.6629 4.92689 48.5549 4.81704 48.4659C4.7072 48.3769 4.5803 48.3087 4.43636 48.2614C4.29432 48.214 4.13996 48.1903 3.97329 48.1903C3.67216 48.1903 3.40985 48.2652 3.18636 48.4148C2.96288 48.5625 2.78958 48.7784 2.66648 49.0625C2.54337 49.3447 2.48182 49.6875 2.48182 50.0909C2.48182 50.5057 2.54337 50.8542 2.66648 51.1364C2.79148 51.4186 2.96572 51.6316 3.1892 51.7756C3.41269 51.9195 3.67121 51.9915 3.96477 51.9915C4.12954 51.9915 4.28201 51.9697 4.42216 51.9261C4.5642 51.8826 4.69015 51.8191 4.8 51.7358C4.90985 51.6506 5.00076 51.5473 5.07273 51.4261C5.14659 51.3049 5.19773 51.1667 5.22614 51.0114L6.47045 51.017C6.43826 51.2841 6.35776 51.5417 6.22898 51.7898C6.10208 52.036 5.93068 52.2566 5.71477 52.4517C5.50076 52.6449 5.24508 52.7983 4.94773 52.9119C4.65227 53.0237 4.31799 53.0795 3.94489 53.0795C3.42595 53.0795 2.96193 52.9621 2.55284 52.7273C2.14564 52.4924 1.82367 52.1525 1.58693 51.7074C1.35208 51.2623 1.23466 50.7235 1.23466 50.0909C1.23466 49.4564 1.35398 48.9167 1.59261 48.4716C1.83125 48.0265 2.15511 47.6875 2.5642 47.4545C2.97329 47.2197 3.43352 47.1023 3.94489 47.1023C4.28201 47.1023 4.59451 47.1496 4.88239 47.2443C5.17216 47.339 5.42879 47.4773 5.65227 47.6591C5.87576 47.839 6.05758 48.0597 6.19773 48.321C6.33977 48.5824 6.43068 48.8816 6.47045 49.2188ZM9.70267 47.1818V53H8.47256V47.1818H9.70267ZM12.8859 47.1818L14.2921 51.6023H14.3461L15.7552 47.1818H17.1188L15.1132 53H13.5279L11.5194 47.1818H12.8859ZM20.1692 47.1818V53H18.9391V47.1818H20.1692ZM22.3013 53V47.1818H23.5314V51.9858H26.0257V53H22.3013ZM30.9319 53V47.1818H34.8524V48.196H32.162V49.5824H34.6507V50.5966H32.162V51.9858H34.8637V53H30.9319ZM41.8168 47.1818V53H40.7543L38.2231 49.3381H38.1805V53H36.9504V47.1818H38.0299L40.5413 50.8409H40.5924V47.1818H41.8168ZM47.8111 49.0625C47.7714 48.9242 47.7155 48.8021 47.6435 48.696C47.5716 48.5881 47.4835 48.4972 47.3793 48.4233C47.277 48.3475 47.1596 48.2898 47.027 48.25C46.8964 48.2102 46.7515 48.1903 46.5924 48.1903C46.295 48.1903 46.0337 48.2642 45.8083 48.4119C45.5848 48.5597 45.4106 48.7746 45.2856 49.0568C45.1606 49.3371 45.0981 49.6799 45.0981 50.0852C45.0981 50.4905 45.1596 50.8352 45.2827 51.1193C45.4058 51.4034 45.5801 51.6203 45.8055 51.7699C46.0308 51.9176 46.2969 51.9915 46.6037 51.9915C46.8822 51.9915 47.1198 51.9422 47.3168 51.8438C47.5157 51.7434 47.6672 51.6023 47.7714 51.4205C47.8774 51.2386 47.9305 51.0237 47.9305 50.7756L48.1805 50.8125H46.6805V49.8864H49.1151V50.6193C49.1151 51.1307 49.0072 51.5701 48.7912 51.9375C48.5753 52.303 48.278 52.5852 47.8992 52.7841C47.5204 52.9811 47.0867 53.0795 46.5981 53.0795C46.0526 53.0795 45.5734 52.9593 45.1606 52.7188C44.7477 52.4763 44.4257 52.1326 44.1947 51.6875C43.9655 51.2405 43.8509 50.7102 43.8509 50.0966C43.8509 49.625 43.9191 49.2045 44.0555 48.8352C44.1937 48.464 44.3869 48.1496 44.635 47.892C44.8831 47.6345 45.1719 47.4384 45.5015 47.304C45.831 47.1695 46.188 47.1023 46.5725 47.1023C46.902 47.1023 47.2089 47.1506 47.493 47.2472C47.777 47.3419 48.0289 47.4763 48.2486 47.6506C48.4702 47.8248 48.6511 48.0322 48.7912 48.2727C48.9314 48.5114 49.0214 48.7746 49.0611 49.0625H47.8111ZM52.3892 47.1818V53H51.1591V47.1818H52.3892ZM59.3878 47.1818V53H58.3253L55.794 49.3381H55.7514V53H54.5213V47.1818H55.6009L58.1122 50.8409H58.1634V47.1818H59.3878ZM61.5241 53V47.1818H65.4446V48.196H62.7542V49.5824H65.2429V50.5966H62.7542V51.9858H65.4559V53H61.5241ZM67.5426 53V47.1818H71.463V48.196H68.7727V49.5824H71.2613V50.5966H68.7727V51.9858H71.4744V53H67.5426ZM73.561 53V47.1818H75.8564C76.2958 47.1818 76.6708 47.2604 76.9814 47.4176C77.2939 47.5729 77.5316 47.7936 77.6945 48.0795C77.8593 48.3636 77.9417 48.6979 77.9417 49.0824C77.9417 49.4687 77.8583 49.8011 77.6917 50.0795C77.525 50.3561 77.2835 50.5682 76.9672 50.7159C76.6529 50.8636 76.2722 50.9375 75.8252 50.9375H74.2883V49.9489H75.6263C75.8612 49.9489 76.0563 49.9167 76.2116 49.8523C76.3669 49.7879 76.4824 49.6913 76.5582 49.5625C76.6358 49.4337 76.6746 49.2737 76.6746 49.0824C76.6746 48.8892 76.6358 48.7263 76.5582 48.5938C76.4824 48.4612 76.3659 48.3608 76.2087 48.2926C76.0534 48.2225 75.8574 48.1875 75.6207 48.1875H74.7911V53H73.561ZM76.703 50.3523L78.1491 53H76.7911L75.3763 50.3523H76.703ZM81.1611 47.1818V53H79.931V47.1818H81.1611ZM88.1597 47.1818V53H87.0972L84.5659 49.3381H84.5233V53H83.2932V47.1818H84.3727L86.8841 50.8409H86.9352V47.1818H88.1597ZM94.154 49.0625C94.1142 48.9242 94.0583 48.8021 93.9863 48.696C93.9144 48.5881 93.8263 48.4972 93.7221 48.4233C93.6199 48.3475 93.5024 48.2898 93.3699 48.25C93.2392 48.2102 93.0943 48.1903 92.9352 48.1903C92.6379 48.1903 92.3765 48.2642 92.1511 48.4119C91.9276 48.5597 91.7534 48.7746 91.6284 49.0568C91.5034 49.3371 91.4409 49.6799 91.4409 50.0852C91.4409 50.4905 91.5024 50.8352 91.6255 51.1193C91.7486 51.4034 91.9229 51.6203 92.1483 51.7699C92.3736 51.9176 92.6397 51.9915 92.9466 51.9915C93.225 51.9915 93.4627 51.9422 93.6596 51.8438C93.8585 51.7434 94.01 51.6023 Line truncated
+</svg>