# Frame 1171281195 — 실측 기록 (flat)

> 원본: 1868 × 1908 px (node 106:252)
> 패턴: compare-vs-rows (BIM vs DX 비교 표)
> Scale: 1280 / 1868 = 0.68524

## 구조

```
Frame 106:252 (1868 × 1908)
├── 106:254 타이틀 (0, 0) 570×85
│   ├── 106:256 아이콘 IMG (0, 5.5) 50×50
│   └── 106:257 TEXT "BIM과 DX의 이해" (65, -8) 512×101 — 70px Bold gradient(#CC5200→#883700)
│
├── 106:307 서브헤더 바 (65, 103) 1803×75 — CSS gradient, border-radius:50px
├── 106:308 TEXT "BIM vs. DX" (331, 100) 1193×80 — 55px Bold white
│
├── 중앙 카테고리 뱃지 12개 (813, y) 242×h — CSS gradient, border-radius:10px
│   ├── 106:271 "BIM/DX" (813, 205) 242×83
│   ├── 106:273 "S/W" (813, 321) 242×138
│   ├── 106:275 "프로세스" (813, 492) 242×84
│   ├── 106:277 "성과물" (813, 609) 242×138
│   ├── 106:279 "활 용" (813, 780) 242×83
│   ├── 106:281 "확장성" (813, 896) 242×83
│   ├── 106:283 "수행개념" (813, 1012) 242×84
│   ├── 106:285 "CIVIL + IT" (813, 1129) 242×82
│   ├── 106:287 "주 체" (813, 1244) 242×83
│   ├── 106:289 "발주처" (813, 1360) 242×83
│   ├── 106:291 "설계사" (813, 1476) 242×84
│   └── 106:293 "시공사" (813, 1593) 242×140
│
├── BIM 측 텍스트 12개 (left:780, -translateX(100%) -translateY(50%))
│   ├── 106:258 center_y=243.5 "Only 3D" — 40px Bold #5c3714
│   ├── 106:259 center_y=385.5 "모델 제작용 상용 S/W..."
│   ├── 106:260 center_y=533.5 "기존 2D 설계방식 유지"
│   ├── 106:261 center_y=678 "3D 모델 중심 기존 성과품 유지"
│   ├── 106:262 center_y=822.5 "3D 모델에 의한 일반적 이해 향상"
│   ├── 106:263 center_y=942 "(설계/시공/운영) 분야별 단절"
│   ├── 106:264 center_y=1061.5 "단순화(오류) - 수동적/집단적 동질화"
│   ├── 106:265 center_y=1181.5 "소극적, 상용 기술에 의존"
│   ├── 106:266 center_y=1295 "S/W 제작사 판매 정책에 의존"
│   ├── 106:267 center_y=1409 "평준화, 국내 중심"
│   ├── 106:268 center_y=1524 "소규모 BIM팀 운영 + 단순교육에 집중"
│   └── 106:269 center_y=1662 "국내 토목 소극적/해외 토목증가"
│
├── DX 측 텍스트 12개 (left:1088, -translateY(50%))
│   ├── 106:295 center_y=239.5 "BIM << DX (ENG. + Management 포함)" — 40px Bold #285b4a
│   ├── 106:296 center_y=378.5 "제작 및 운영..."
│   ├── 106:297 center_y=527.5 "근본적 문제의식을 통한 개선"
│   ├── 106:298 center_y=670 "공학 정보 및 콘텐츠 연계에 집중..."
│   ├── 106:299 center_y=822 "설계/시공의 혁신(개념의 재정립)"
│   ├── 106:300 center_y=935.5 "전 생애주기 활용 시스템"
│   ├── 106:301 center_y=1054 "구체화(복잡) - 적극/구체적 실현 방안"
│   ├── 106:302 center_y=1170 "적극적, 주체적인 기술 접목/융합"
│   ├── 106:303 center_y=1283 "자체 수행능력 - 지속가능성 확보"
│   ├── 106:304 center_y=1399 "차별화 및 경쟁력 확보, 해외 진출"
│   ├── 106:305 center_y=1518 "IT + CIVIL ENG 220명 운영 + 기술 개발"
│   └── 106:306 center_y=1661.5 "분야 확장 모델 및 시스템"
│
├── 106:309 결론 박스 (427, 1738) 1214×170 — #FAEDCB multiply → CSS
├── 106:310 TEXT 결론 (446, 1730) — 50px/55px Bold black+#ae3607
└── 106:311 화살표 IMG — SVG path, rotate(180deg)
```

## 에셋

| hash | 의미 | CSS 변환 |
|------|------|---------|
| b0e9fad5...png | 타이틀 아이콘 | 이미지 유지 |
| 7713e15d...svg | 결론 박스 (사각형 #FAEDCB multiply) | ✓ CSS |
| bf175527...svg | 화살표 (복잡 path) | 이미지 유지 |

## 색상

| 요소 | 값 |
|------|------|
| 타이틀 gradient | linear-gradient(#CC5200, #883700) |
| 서브헤더 바 | linear-gradient(270deg, rgb(40,91,74), rgba(40,91,74,0.8) 30%, rgba(74,64,38,0.8) 70%, rgb(74,64,38)) |
| 카테고리 뱃지 | linear-gradient(270deg, rgba(40,91,74,0.8), rgba(40,91,74,0.64) 30%, rgba(74,64,38,0.64) 70%, rgba(74,64,38,0.8)) |
| BIM 측 텍스트 | #5c3714 |
| DX 측 텍스트 | #285b4a |
| 결론 강조 | #ae3607 |
| 결론 배경 | #FAEDCB, mix-blend-mode: multiply |

## 변형 가능 축

- rows[N=8~15] (required) — 각 행: left_text + center_label + right_text
- title (required)
- conclusion (optional)
- arrow_decoration (optional)