# Frame 1171281194 — 실측 기록 (flat) > 원본: 1857 × 1325.62 px (node 112:7) > 패턴: issues-paired-rows (좌우 이슈 페어, 두루마리 pill) > Scale: 1280 / 1857 = 0.68927 ## 구조 ``` Frame 112:7 (1857 × 1326) ├── 112:9 타이틀 (0, 0) 570×101 │ ├── 112:11 아이콘 IMG (0, 5.5) 50×50 │ └── 112:12 TEXT "현황 및 문제점" (65, 0) — 70px Bold gradient(#CC5200→#883700) │ ├── 행1 (112:13) — pills 상단 │ ├── 112:14 배경 (60, 143) 1797×229 — border:3px #60A451, radius:30, bg:rgba(250,237,203,0.15) │ ├── 분할선 CSS (946, 160) h:195 — dashed 2px #60A451 │ ├── 112:16 TEXT 좌 (95.27, 228) — 36px Medium #0c271e │ ├── 112:17 TEXT 우 right(1825.91, 228) — 36px Medium #0c271e │ ├── 112:18 pill 좌 (60, 124) 457.96×95.62 — R16: left:-45.3% width:145.3% │ ├── 112:19 pill 우 (1399.04, 124) 457.96×99.54 — R16: left:0 width:151.25% │ ├── 112:20 label "개념 부재" center_y=172 left=110.77 — 40px Bold white │ └── 112:21 label "잘못된 접근방식" center_y=172 right(1800) — 40px Bold white │ ├── 행2 (112:22) — pills 하단 (rotate 180°) │ ├── 112:23 배경 (60, 372) 1797×231 │ ├── 분할선 (946, 387) h:195 │ ├── 112:25 TEXT 좌 (95.27, 389) │ ├── 112:26 TEXT 우 right(1825.91, 389) │ ├── 112:28 pill 좌 (60, 522) rotate(180°) — R16: left:0 width:151.25% │ ├── 112:27 pill 우 (1399.04, 526.43) rotate(180°) — R16: left:-45.3% width:145.3% │ ├── 112:29 label "방향성 상실" center_y=572 left=110.77 │ └── 112:30 label "전제조건 오류" center_y=571 right(1801) │ ├── 행3 (112:40) — pills 상단 │ ├── 112:41 배경 (60, 706) 1797×310 │ ├── 분할선 (946, 791) h:195 │ ├── 112:43 TEXT 좌 (95.26, 801) │ ├── 112:44 TEXT 우 right(1825.9, 801) │ ├── 112:45 pill 좌 (60, 687) — R16: left:-45.3% width:145.3% │ ├── 112:46 pill 우 (1399.04, 687) — R16: left:0 width:151.25% │ ├── 112:47 label "수행주체 혼란" center_y=735 left=111 │ └── 112:48 label "수행방식 무지" center_y=735 right(1800) │ └── 행4 (112:31) — pills 하단 (rotate 180°) ├── 112:32 배경 (60, 1016) 1797×290 ├── 분할선 (946, 1036) h:195 ├── 112:34 TEXT 좌 (95.27, 1031) ├── 112:35 TEXT 우 right(1825.9, 1031) — 35px ├── 112:37 pill 좌 (60, 1226.08) rotate(180°) ├── 112:36 pill 우 (1399.04, 1226) rotate(180°) ├── 112:38 label "외산S/W 기술예속" center_y=1271 left=111 └── 112:39 label "H/W 미비" center_y=1271 right(1800) ``` ## 에셋 | hash | 의미 | CSS 변환 | |------|------|---------| | b0e9fad5...png | 타이틀 아이콘 | 이미지 유지 | | b47d2977...png | 두루마리 pill (R16 프레임 배치) | 이미지 유지 | | b614390a...svg | 분할선 (dashed 2px #60A451) | ✓ CSS | ## R16 pill 배치 패턴 - 좌측 pill (image 2748): left:-45.3%, width:145.3% → 우측 곡선만 보임 - 우측 pill (image 2749): left:0, width:151.25% → 좌측 곡선만 보임 - 하단 pill: rotate(180deg) + 반대 variant → 최종 시각 동일 ## 변형 가능 축 - rows[N=3~6] (required) — 각 행: left_label + left_body + right_label + right_body - pill_alternation: top/bottom 교대 (required) - pill_image (required) - bg_border_color: #60A451 (required)