📦 Initialize Geulbeot structure and merge Prompts & test projects
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"id": "briefing",
|
||||
"name": "기획서",
|
||||
"icon": "📋",
|
||||
"description": "1~2페이지 분량의 임원 보고용 문서",
|
||||
"features": [
|
||||
{"icon": "📌", "text": "헤더 + 제목 블록"},
|
||||
{"icon": "💡", "text": "핵심 요약 (Lead Box)"},
|
||||
{"icon": "📊", "text": "본문 섹션 + 첨부"}
|
||||
],
|
||||
"thumbnailType": "briefing",
|
||||
"enabled": true,
|
||||
"isDefault": true,
|
||||
"order": 1,
|
||||
"options": {
|
||||
"pageConfig": {
|
||||
"type": "radio-with-input",
|
||||
"choices": [
|
||||
{"value": "body-only", "label": "(본문) 1p"},
|
||||
{"value": "body-attach", "label": "(본문) 1p + (첨부)", "hasInput": true, "inputSuffix": "p", "inputDefault": 1, "inputMin": 1, "inputMax": 10, "default": true}
|
||||
]
|
||||
}
|
||||
},
|
||||
"createdAt": "2024-01-01T00:00:00Z",
|
||||
"updatedAt": "2025-01-30T00:00:00Z"
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"id": "presentation",
|
||||
"name": "발표자료",
|
||||
"icon": "📊",
|
||||
"description": "슬라이드 형식의 프레젠테이션",
|
||||
"features": [
|
||||
{"icon": "🎯", "text": "슬라이드 레이아웃"},
|
||||
{"icon": "📈", "text": "차트/다이어그램"},
|
||||
{"icon": "🎨", "text": "비주얼 중심 구성"}
|
||||
],
|
||||
"thumbnailType": "ppt",
|
||||
"enabled": false,
|
||||
"isDefault": true,
|
||||
"order": 3,
|
||||
"badge": "준비중",
|
||||
"options": {
|
||||
"slideCount": [
|
||||
{"value": "auto", "label": "자동 (내용 기반)", "default": true},
|
||||
{"value": "5", "label": "5장 이내"},
|
||||
{"value": "10", "label": "10장 이내"},
|
||||
{"value": "20", "label": "20장 이내"}
|
||||
]
|
||||
},
|
||||
"generateFlow": "draft-first",
|
||||
"createdAt": "2024-01-01T00:00:00Z",
|
||||
"updatedAt": "2025-01-30T00:00:00Z"
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"id": "report",
|
||||
"name": "보고서",
|
||||
"icon": "📄",
|
||||
"description": "다페이지 분량의 상세 보고서",
|
||||
"features": [
|
||||
{"icon": "📘", "text": "표지 (선택)"},
|
||||
{"icon": "📑", "text": "목차 자동 생성"},
|
||||
{"icon": "📝", "text": "챕터별 내지"}
|
||||
],
|
||||
"thumbnailType": "report",
|
||||
"enabled": true,
|
||||
"isDefault": true,
|
||||
"order": 2,
|
||||
"options": {
|
||||
"components": [
|
||||
{"id": "cover", "label": "표지", "icon": "📘", "default": true},
|
||||
{"id": "toc", "label": "목차", "icon": "📑", "default": true},
|
||||
{"id": "divider", "label": "간지", "icon": "📄", "default": false},
|
||||
{"id": "content", "label": "내지 (필수)", "icon": "📝", "default": true, "required": true}
|
||||
]
|
||||
},
|
||||
"generateFlow": "draft-first",
|
||||
"createdAt": "2024-01-01T00:00:00Z",
|
||||
"updatedAt": "2025-01-30T00:00:00Z"
|
||||
}
|
||||
302
03. Code/geulbeot_9th/templates/hwp_guide.md
Normal file
302
03. Code/geulbeot_9th/templates/hwp_guide.md
Normal file
@@ -0,0 +1,302 @@
|
||||
# A4 HTML 문서 레이아웃 가이드
|
||||
> 이 가이드는 글벗 doc_template_analyzer가 HWPX에서 추출한 구조를
|
||||
> A4 규격 HTML template.html로 변환할 때 참조하는 레이아웃 규격입니다.
|
||||
>
|
||||
> ★ 이 파일의 값은 코드에 하드코딩하지 않습니다.
|
||||
> ★ doc_template_analyzer._build_css(), _build_full_html() 등에서 이 파일을 읽어 적용합니다.
|
||||
> ★ 색상, 폰트 등 스타일은 HWPX에서 추출한 값을 우선 사용하고, 없으면 이 가이드의 기본값을 사용합니다.
|
||||
|
||||
---
|
||||
|
||||
## 1. 페이지 규격 (Page Dimensions)
|
||||
|
||||
```yaml
|
||||
page:
|
||||
width: 210mm # A4 가로
|
||||
height: 297mm # A4 세로
|
||||
background: white
|
||||
boxSizing: border-box
|
||||
|
||||
margins:
|
||||
top: 20mm # 상단 여백 (머릿말 + 본문 시작)
|
||||
bottom: 20mm # 하단 여백 (꼬릿말 + 본문 끝)
|
||||
left: 20mm # 좌측 여백
|
||||
right: 20mm # 우측 여백
|
||||
|
||||
# 본문 가용 높이 = 297mm - 20mm(상) - 20mm(하) = 257mm ≈ 970px
|
||||
bodyMaxHeight: 970px
|
||||
```
|
||||
|
||||
## 2. HTML 골격 구조 (Page Structure)
|
||||
|
||||
각 페이지는 `.sheet` 클래스로 감싸며, 내부에 header/body/footer를 absolute로 배치합니다.
|
||||
|
||||
```html
|
||||
<!-- 페이지 단위 -->
|
||||
<div class="sheet">
|
||||
<!-- 머릿말: 상단 여백(20mm) 안, 위에서 10mm 지점 -->
|
||||
<div class="page-header">
|
||||
<!-- HWPX 머릿말 테이블 내용 -->
|
||||
</div>
|
||||
|
||||
<!-- 본문: 상하좌우 20mm 안쪽 -->
|
||||
<div class="body-content">
|
||||
<!-- 섹션 제목, 표, 개조식 등 -->
|
||||
</div>
|
||||
|
||||
<!-- 꼬릿말: 하단 여백(20mm) 안, 아래에서 10mm 지점 -->
|
||||
<div class="page-footer">
|
||||
<!-- HWPX 꼬릿말 테이블 내용 -->
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## 3. 핵심 CSS 레이아웃 (Layout CSS)
|
||||
|
||||
### 3.1 용지 (.sheet)
|
||||
```css
|
||||
.sheet {
|
||||
width: 210mm;
|
||||
height: 297mm;
|
||||
background: white;
|
||||
margin: 20px auto; /* 화면 미리보기용 */
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
```
|
||||
|
||||
### 3.2 인쇄 대응
|
||||
```css
|
||||
@media print {
|
||||
.sheet { margin: 0; break-after: page; box-shadow: none; }
|
||||
body { background: white; }
|
||||
}
|
||||
```
|
||||
|
||||
### 3.3 머릿말 (.page-header)
|
||||
```css
|
||||
.page-header {
|
||||
position: absolute;
|
||||
top: 10mm; /* 상단 여백(20mm)의 중간 */
|
||||
left: 20mm;
|
||||
right: 20mm;
|
||||
font-size: 9pt;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
```
|
||||
- 머릿말이 **테이블 형태**인 경우: `<table>` 사용, 테두리 없음
|
||||
- HWPX에서 추출한 열 수와 셀 내용을 placeholder로 배치
|
||||
- 다중행 셀은 `<br>`로 줄바꿈
|
||||
|
||||
### 3.4 꼬릿말 (.page-footer)
|
||||
```css
|
||||
.page-footer {
|
||||
position: absolute;
|
||||
bottom: 10mm; /* 하단 여백(20mm)의 중간 */
|
||||
left: 20mm;
|
||||
right: 20mm;
|
||||
font-size: 9pt;
|
||||
color: #555;
|
||||
border-top: 1px solid #eee;
|
||||
padding-top: 5px;
|
||||
}
|
||||
```
|
||||
- 꼬릿말이 **테이블 형태**인 경우: `<table>` 사용, 테두리 없음
|
||||
- 2열 이상일 때 `display: flex; justify-content: space-between` 패턴도 가능
|
||||
- 페이지 번호는 별도 `<span class="pg-num">` 으로
|
||||
|
||||
### 3.5 본문 영역 (.body-content)
|
||||
```css
|
||||
.body-content {
|
||||
position: absolute;
|
||||
top: 20mm;
|
||||
left: 20mm;
|
||||
right: 20mm;
|
||||
bottom: 20mm; /* 또는 auto + JS 제어 */
|
||||
}
|
||||
```
|
||||
|
||||
## 4. 타이포그래피 기본값 (Typography Defaults)
|
||||
|
||||
> HWPX에서 폰트/크기를 추출했으면 그 값을 사용합니다.
|
||||
> 추출 실패 시 아래 기본값을 적용합니다.
|
||||
|
||||
```yaml
|
||||
typography:
|
||||
fontFamily: "'Noto Sans KR', sans-serif"
|
||||
fontImport: "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap"
|
||||
|
||||
body:
|
||||
fontSize: 12pt
|
||||
lineHeight: 1.6
|
||||
textAlign: justify
|
||||
wordBreak: keep-all # 한글 단어 중간 끊김 방지
|
||||
|
||||
heading:
|
||||
h1: { fontSize: 20pt, fontWeight: 900 }
|
||||
h2: { fontSize: 18pt, fontWeight: 700 }
|
||||
h3: { fontSize: 14pt, fontWeight: 700 }
|
||||
|
||||
headerFooter:
|
||||
fontSize: 9pt
|
||||
|
||||
table:
|
||||
fontSize: 9.5pt
|
||||
thFontSize: 9pt
|
||||
```
|
||||
|
||||
## 5. 표 스타일 기본값 (Table Defaults)
|
||||
|
||||
```yaml
|
||||
table:
|
||||
width: "100%"
|
||||
borderCollapse: collapse
|
||||
tableLayout: fixed # colgroup 비율 적용 시 fixed 필수
|
||||
borderTop: "2px solid" # 상단 굵은 선 (색상은 HWPX 추출)
|
||||
|
||||
th:
|
||||
fontWeight: 900
|
||||
textAlign: center
|
||||
verticalAlign: middle
|
||||
whiteSpace: nowrap # 헤더 셀은 한 줄 유지
|
||||
wordBreak: keep-all
|
||||
padding: "6px 5px"
|
||||
|
||||
td:
|
||||
textAlign: center
|
||||
verticalAlign: middle
|
||||
wordBreak: keep-all
|
||||
wordWrap: break-word
|
||||
padding: "6px 5px"
|
||||
border: "1px solid #ddd"
|
||||
```
|
||||
|
||||
## 6. 머릿말/꼬릿말 테이블 (Header/Footer Table)
|
||||
|
||||
머릿말/꼬릿말이 HWPX에서 테이블로 구성된 경우:
|
||||
|
||||
```yaml
|
||||
headerFooterTable:
|
||||
border: none # 테두리 없음
|
||||
width: "100%"
|
||||
fontSize: 9pt
|
||||
|
||||
# 열 역할 패턴 (HWPX에서 추출)
|
||||
# 보통 3열: [소속정보 | 빈칸/로고 | 작성자/날짜]
|
||||
# 또는 2열: [제목 | 페이지번호]
|
||||
|
||||
cellStyle:
|
||||
padding: "2px 5px"
|
||||
verticalAlign: middle
|
||||
border: none
|
||||
```
|
||||
|
||||
## 7. 개조식 (Bullet Style)
|
||||
|
||||
```yaml
|
||||
bulletList:
|
||||
marker: "·" # 한국 문서 기본 불릿
|
||||
className: "bullet-list"
|
||||
|
||||
css: |
|
||||
.bullet-list {
|
||||
list-style: none;
|
||||
padding-left: 15px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.bullet-list li::before {
|
||||
content: "· ";
|
||||
font-weight: bold;
|
||||
}
|
||||
.bullet-list li {
|
||||
margin-bottom: 3px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
```
|
||||
|
||||
## 8. 색상 (Color Scheme)
|
||||
|
||||
> HWPX에서 추출한 색상을 CSS 변수로 주입합니다.
|
||||
> 추출 실패 시 아래 기본값을 사용합니다.
|
||||
|
||||
```yaml
|
||||
colors:
|
||||
# Navy 계열 (기본)
|
||||
primary: "#1a365d"
|
||||
accent: "#2c5282"
|
||||
lightBg: "#EBF4FF"
|
||||
|
||||
# 문서별 오버라이드 (HWPX 추출값)
|
||||
# doc_template_analyzer가 HWPX의 글자색/배경색을 분석하여
|
||||
# 이 값을 덮어씁니다.
|
||||
|
||||
css: |
|
||||
:root {
|
||||
--primary: #1a365d;
|
||||
--accent: #2c5282;
|
||||
--light-bg: #EBF4FF;
|
||||
--bg: #f5f5f5;
|
||||
}
|
||||
```
|
||||
|
||||
## 9. 페이지 분할 규칙 (Page Break Rules)
|
||||
|
||||
```yaml
|
||||
pageBreak:
|
||||
# H1(대제목)에서만 강제 페이지 분할
|
||||
h1Break: true
|
||||
|
||||
# H2/H3이 페이지 하단에 홀로 남지 않도록
|
||||
orphanControl: true
|
||||
orphanMinSpace: 90px # 이 공간 미만이면 다음 페이지로
|
||||
|
||||
# 표/그림은 분할하지 않음
|
||||
atomicBlocks:
|
||||
- table
|
||||
- figure
|
||||
- ".highlight-box"
|
||||
|
||||
# break-inside: avoid 적용 대상
|
||||
avoidBreakInside:
|
||||
- table
|
||||
- figure
|
||||
- ".atomic-block"
|
||||
```
|
||||
|
||||
## 10. 배경 (Preview Background)
|
||||
|
||||
```yaml
|
||||
preview:
|
||||
bodyBackground: "#525659" # 회색 배경 위에 흰색 용지
|
||||
# 인쇄 시 배경 제거 (@media print)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ★ 사용 방법 (How doc_template_analyzer uses this guide)
|
||||
|
||||
1. `doc_template_analyzer._build_full_html()` 호출 시:
|
||||
- 이 가이드 파일을 읽음
|
||||
- HWPX에서 추출한 스타일(색상, 폰트, 크기)이 있으면 오버라이드
|
||||
- 없으면 가이드 기본값 사용
|
||||
|
||||
2. CSS 생성 순서:
|
||||
```
|
||||
가이드 기본값 → HWPX 추출 스타일 오버라이드 → CSS 변수로 통합
|
||||
```
|
||||
|
||||
3. HTML 구조:
|
||||
```
|
||||
가이드의 골격(.sheet > .page-header + .body-content + .page-footer)
|
||||
+ HWPX에서 추출한 placeholder 배치
|
||||
= template.html
|
||||
```
|
||||
|
||||
4. 색상 결정:
|
||||
```
|
||||
HWPX headerTextColor → --primary
|
||||
HWPX headerBgColor → --light-bg
|
||||
없으면 → 가이드 기본값(Navy 계열)
|
||||
```
|
||||
116
03. Code/geulbeot_9th/templates/hwp_html_defaults.json
Normal file
116
03. Code/geulbeot_9th/templates/hwp_html_defaults.json
Normal file
@@ -0,0 +1,116 @@
|
||||
{
|
||||
"_comment": "A4 HTML 문서 레이아웃 기본값 - hwp_html_guide.md 참조. HWPX 추출값이 있으면 오버라이드됨",
|
||||
|
||||
"page": {
|
||||
"width": "210mm",
|
||||
"height": "297mm",
|
||||
"background": "white"
|
||||
},
|
||||
|
||||
"margins": {
|
||||
"top": "20mm",
|
||||
"bottom": "20mm",
|
||||
"left": "20mm",
|
||||
"right": "20mm"
|
||||
},
|
||||
|
||||
"headerPosition": {
|
||||
"top": "10mm",
|
||||
"left": "20mm",
|
||||
"right": "20mm"
|
||||
},
|
||||
|
||||
"footerPosition": {
|
||||
"bottom": "10mm",
|
||||
"left": "20mm",
|
||||
"right": "20mm"
|
||||
},
|
||||
|
||||
"bodyContent": {
|
||||
"top": "20mm",
|
||||
"left": "20mm",
|
||||
"right": "20mm",
|
||||
"bottom": "20mm"
|
||||
},
|
||||
|
||||
"bodyMaxHeight": "970px",
|
||||
|
||||
"preview": {
|
||||
"bodyBackground": "#f5f5f5",
|
||||
"sheetMargin": "20px auto",
|
||||
"sheetShadow": "0 0 15px rgba(0,0,0,0.1)"
|
||||
},
|
||||
|
||||
"typography": {
|
||||
"fontFamily": "'Noto Sans KR', sans-serif",
|
||||
"fontImport": "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap",
|
||||
"body": {
|
||||
"fontSize": "10pt",
|
||||
"lineHeight": "1.6",
|
||||
"textAlign": "justify",
|
||||
"wordBreak": "keep-all"
|
||||
},
|
||||
"heading": {
|
||||
"h1": { "fontSize": "20pt", "fontWeight": "900" },
|
||||
"h2": { "fontSize": "16pt", "fontWeight": "700" },
|
||||
"h3": { "fontSize": "13pt", "fontWeight": "700" }
|
||||
},
|
||||
"headerFooter": {
|
||||
"fontSize": "9pt"
|
||||
}
|
||||
},
|
||||
|
||||
"colors": {
|
||||
"primary": "#1a365d",
|
||||
"accent": "#2c5282",
|
||||
"lightBg": "#EBF4FF",
|
||||
"text": "#000",
|
||||
"headerText": "#000",
|
||||
"footerText": "#555",
|
||||
"footerBorder": "#eee",
|
||||
"tableBorderTop": "#1a365d",
|
||||
"tableBorder": "#ddd",
|
||||
"tableHeaderBg": "#EBF4FF"
|
||||
},
|
||||
|
||||
"table": {
|
||||
"width": "100%",
|
||||
"borderCollapse": "collapse",
|
||||
"tableLayout": "fixed",
|
||||
"fontSize": "9.5pt",
|
||||
"th": {
|
||||
"fontSize": "9pt",
|
||||
"fontWeight": "900",
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"whiteSpace": "nowrap",
|
||||
"padding": "6px 5px"
|
||||
},
|
||||
"td": {
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"wordBreak": "keep-all",
|
||||
"padding": "6px 5px"
|
||||
}
|
||||
},
|
||||
|
||||
"headerFooterTable": {
|
||||
"border": "none",
|
||||
"width": "100%",
|
||||
"fontSize": "9pt",
|
||||
"cellPadding": "2px 5px"
|
||||
},
|
||||
|
||||
"bulletList": {
|
||||
"marker": "·",
|
||||
"className": "bullet-list",
|
||||
"paddingLeft": "15px",
|
||||
"itemMargin": "3px 0"
|
||||
},
|
||||
|
||||
"pageBreak": {
|
||||
"h1Break": true,
|
||||
"orphanControl": true,
|
||||
"orphanMinSpace": "90px"
|
||||
}
|
||||
}
|
||||
3764
03. Code/geulbeot_9th/templates/index.html
Normal file
3764
03. Code/geulbeot_9th/templates/index.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,165 @@
|
||||
{
|
||||
"id": "user_1770335603",
|
||||
"name": "발표안",
|
||||
"icon": "📄",
|
||||
"description": "발표안",
|
||||
"features": [
|
||||
{
|
||||
"icon": "📋",
|
||||
"text": "발표 기획서"
|
||||
},
|
||||
{
|
||||
"icon": "🎯",
|
||||
"text": "특정 주제에 대한 발표를 체..."
|
||||
},
|
||||
{
|
||||
"icon": "👥",
|
||||
"text": "상위 결재자 또는 발표 승인권자"
|
||||
},
|
||||
{
|
||||
"icon": "📄",
|
||||
"text": "약 2p"
|
||||
}
|
||||
],
|
||||
"thumbnailType": "custom",
|
||||
"enabled": true,
|
||||
"isDefault": false,
|
||||
"order": 100,
|
||||
"template_id": "tpl_1770335603",
|
||||
"context": {
|
||||
"documentDefinition": "발표를 하기 위한 기획서",
|
||||
"documentType": "발표 기획서",
|
||||
"purpose": "특정 주제에 대한 발표를 체계적으로 준비하고 발표 내용과 구성을 사전에 계획하기 위함",
|
||||
"perspective": "발표할 내용을 논리적으로 구성하고, 청중에게 전달할 핵심 메시지와 시연 방식을 명확히 정리하는 관점",
|
||||
"audience": "상위 결재자 또는 발표 승인권자",
|
||||
"tone": "제안형"
|
||||
},
|
||||
"layout": {
|
||||
"hasHeader": true,
|
||||
"headerLayout": {
|
||||
"structure": "테이블",
|
||||
"colCount": 3,
|
||||
"rowCount": 1,
|
||||
"cellTexts": [
|
||||
"총괄기획실 기술기획팀",
|
||||
"",
|
||||
"2025. 2. 5(목)"
|
||||
],
|
||||
"cellLines": [
|
||||
[
|
||||
"총괄기획실",
|
||||
"기술기획팀"
|
||||
],
|
||||
[],
|
||||
[
|
||||
"2025. 2. 5(목)"
|
||||
]
|
||||
]
|
||||
},
|
||||
"hasFooter": true,
|
||||
"footerLayout": {
|
||||
"structure": "테이블",
|
||||
"colCount": 3,
|
||||
"rowCount": 1,
|
||||
"cellTexts": [
|
||||
"기술 로 사람 과 자연 이 함께하는 세상을 만들어 갑니다.",
|
||||
"",
|
||||
""
|
||||
],
|
||||
"cellLines": [
|
||||
[
|
||||
"기술 로 사람 과 자연 이",
|
||||
"함께하는 세상을 만들어 갑니다."
|
||||
],
|
||||
[],
|
||||
[]
|
||||
]
|
||||
},
|
||||
"titleBlock": {
|
||||
"type": "테이블",
|
||||
"colCount": 2,
|
||||
"text": "AI 업무 활용 적용 사례 발표 계획(안)"
|
||||
},
|
||||
"sections": [
|
||||
{
|
||||
"name": "개요",
|
||||
"hasBulletIcon": true,
|
||||
"hasTable": false,
|
||||
"tableIndex": null
|
||||
},
|
||||
{
|
||||
"name": "발표 구성(안)",
|
||||
"hasBulletIcon": true,
|
||||
"hasTable": false,
|
||||
"tableIndex": null
|
||||
},
|
||||
{
|
||||
"name": "발표 내용",
|
||||
"hasBulletIcon": true,
|
||||
"hasTable": true,
|
||||
"tableIndex": 0
|
||||
}
|
||||
],
|
||||
"overallStyle": {
|
||||
"writingStyle": "개조식",
|
||||
"bulletType": "-",
|
||||
"tableUsage": "보통"
|
||||
}
|
||||
},
|
||||
"structure": {
|
||||
"sectionGuides": [
|
||||
{
|
||||
"name": "개요",
|
||||
"role": "발표의 목적과 배경을 명확히 제시하여 청중의 이해를 돕는 도입부",
|
||||
"writingStyle": "개조식",
|
||||
"contentGuide": "발표 주제, 목적, 대상 청중, 핵심 메시지를 간결한 불릿 포인트로 정리. 청중이 발표 전반을 미리 파악할 수 있도록 핵심 내용을 요약하여 제시",
|
||||
"hasTable": false
|
||||
},
|
||||
{
|
||||
"name": "발표 구성(안)",
|
||||
"role": "발표의 전체적인 흐름과 구조를 제시하여 체계적인 진행을 안내",
|
||||
"writingStyle": "개조식",
|
||||
"contentGuide": "발표 제목, 주요 섹션별 순서와 내용을 계층적으로 구성. 발표자와 청중 모두가 발표 흐름을 명확히 이해할 수 있도록 논리적 순서로 배열",
|
||||
"hasTable": false
|
||||
},
|
||||
{
|
||||
"name": "발표 내용",
|
||||
"role": "발표의 세부 내용과 시간 배분을 구체적으로 계획하는 실행 가이드",
|
||||
"writingStyle": "개조식",
|
||||
"contentGuide": "각 발표 단계별로 구체적인 내용과 소요 시간, 진행 방식을 상세히 기술. 표 형태로 체계적으로 정리하여 발표 준비와 진행을 효율적으로 관리",
|
||||
"hasTable": true,
|
||||
"tableStructure": {
|
||||
"columns": 3,
|
||||
"columnDefs": [
|
||||
{
|
||||
"name": "구분",
|
||||
"role": "발표 단계나 주제 영역을 분류",
|
||||
"style": "간결한 키워드나 단계명"
|
||||
},
|
||||
{
|
||||
"name": "내용",
|
||||
"role": "각 단계별 구체적인 발표 내용과 활동을 상세 기술",
|
||||
"style": "구체적인 설명과 세부 항목을 불릿 포인트로 나열"
|
||||
},
|
||||
{
|
||||
"name": "비고",
|
||||
"role": "예상 소요 시간, 준비사항, 주의점 등 부가 정보 제공",
|
||||
"style": "시간, 페이지 수, 특이사항 등을 간략하게 표시"
|
||||
}
|
||||
],
|
||||
"rowGuide": "각 행은 발표의 한 단계나 주제를 나타내며, 논리적 순서에 따라 배열. 도입부터 마무리까지 발표 전체 흐름을 포괄"
|
||||
}
|
||||
}
|
||||
],
|
||||
"writingPrinciples": [
|
||||
"발표 목적과 청중을 명확히 설정하고 이에 맞는 내용 구성",
|
||||
"개조식 문체로 핵심 내용을 간결하고 명확하게 표현",
|
||||
"논리적 순서와 체계적 구조로 발표 흐름을 설계",
|
||||
"구체적인 시간 배분과 준비사항을 포함하여 실행 가능한 계획 수립"
|
||||
],
|
||||
"pageEstimate": 2
|
||||
},
|
||||
"options": {},
|
||||
"createdAt": "2026-02-06T08:53:23Z",
|
||||
"updatedAt": "2026-02-06T08:53:23Z"
|
||||
}
|
||||
@@ -0,0 +1,267 @@
|
||||
{
|
||||
"version": "1.0",
|
||||
"document": {
|
||||
"paper": "A4",
|
||||
"layout": "landscape",
|
||||
"margins": {
|
||||
"top": "10.0mm",
|
||||
"bottom": "10.0mm",
|
||||
"left": "20.0mm",
|
||||
"right": "20.0mm",
|
||||
"header": "15.0mm",
|
||||
"footer": "15.0mm",
|
||||
"gutter": "0.0mm"
|
||||
},
|
||||
"purpose_hint": "",
|
||||
"audience_hint": "",
|
||||
"tone_hint": ""
|
||||
},
|
||||
"placeholders": {
|
||||
"HEADER_R1_C1_LINE_1": {
|
||||
"type": "department",
|
||||
"pattern": "조직명",
|
||||
"example": "총괄기획실",
|
||||
"location": "header"
|
||||
},
|
||||
"HEADER_R1_C1_LINE_2": {
|
||||
"type": "team",
|
||||
"pattern": "팀명",
|
||||
"example": "기술기획팀",
|
||||
"location": "header"
|
||||
},
|
||||
"HEADER_R1_C2": {
|
||||
"type": "empty",
|
||||
"pattern": "빈 셀 (로고/여백)",
|
||||
"example": "",
|
||||
"location": "header"
|
||||
},
|
||||
"HEADER_R1_C3": {
|
||||
"type": "date",
|
||||
"pattern": "날짜 (YYYY. M. D)",
|
||||
"example": "2025. 2. 5(목)",
|
||||
"location": "header"
|
||||
},
|
||||
"FOOTER_R1_C1_LINE_1": {
|
||||
"type": "text",
|
||||
"pattern": "자유 텍스트",
|
||||
"example": "기술 로 사람 과 자연 이",
|
||||
"location": "footer"
|
||||
},
|
||||
"FOOTER_R1_C1_LINE_2": {
|
||||
"type": "slogan",
|
||||
"pattern": "회사 슬로건/비전",
|
||||
"example": "함께하는 세상을 만들어 갑니다.",
|
||||
"location": "footer"
|
||||
},
|
||||
"FOOTER_R1_C2": {
|
||||
"type": "empty",
|
||||
"pattern": "빈 셀 (로고/여백)",
|
||||
"example": "",
|
||||
"location": "footer"
|
||||
},
|
||||
"FOOTER_R1_C3": {
|
||||
"type": "empty",
|
||||
"pattern": "빈 셀 (로고/여백)",
|
||||
"example": "",
|
||||
"location": "footer"
|
||||
},
|
||||
"TITLE_R1_C2": {
|
||||
"type": "doc_title",
|
||||
"pattern": "문서 제목",
|
||||
"example": "AI 업무 활용 적용 사례 발표 계획(안)",
|
||||
"location": "title_block"
|
||||
},
|
||||
"SECTION_1_TITLE": {
|
||||
"type": "section_title",
|
||||
"pattern": "섹션 제목",
|
||||
"example": "",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_1": {
|
||||
"type": "image",
|
||||
"pattern": "이미지",
|
||||
"example_ref": "image1",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_1_CAPTION": {
|
||||
"type": "image_caption",
|
||||
"pattern": "이미지 캡션",
|
||||
"example": " 개요",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_2": {
|
||||
"type": "image",
|
||||
"pattern": "이미지",
|
||||
"example_ref": "image2",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_2_CAPTION": {
|
||||
"type": "image_caption",
|
||||
"pattern": "이미지 캡션",
|
||||
"example": " AI를 활용한 “업무 효율성 개선 사례”와 이를 구현한 방식에 대한 공유",
|
||||
"location": "body"
|
||||
},
|
||||
"PARA_1": {
|
||||
"type": "text",
|
||||
"pattern": "자유 텍스트",
|
||||
"example": "삼안의 임원 대상 「글벗」 소개와 이를 구현한 방식에 대한 예시 시연",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_3": {
|
||||
"type": "image",
|
||||
"pattern": "이미지",
|
||||
"example_ref": "image1",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_3_CAPTION": {
|
||||
"type": "image_caption",
|
||||
"pattern": "이미지 캡션",
|
||||
"example": " 발표 구성(안)",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_4": {
|
||||
"type": "image",
|
||||
"pattern": "이미지",
|
||||
"example_ref": "image2",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_4_CAPTION": {
|
||||
"type": "image_caption",
|
||||
"pattern": "이미지 캡션",
|
||||
"example": " 제목 : AI 활용 문서 업무 개선 사례 -「글벗」(사용자의 글쓰기를 돕는 친구) -",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_5": {
|
||||
"type": "image",
|
||||
"pattern": "이미지",
|
||||
"example_ref": "image2",
|
||||
"location": "body"
|
||||
},
|
||||
"IMAGE_5_CAPTION": {
|
||||
"type": "image_caption",
|
||||
"pattern": "이미지 캡션",
|
||||
"example": " 발표 내용 ",
|
||||
"location": "body"
|
||||
},
|
||||
"TABLE_1_H_C1": {
|
||||
"type": "table_header",
|
||||
"pattern": "표 열 제목",
|
||||
"example": "구분",
|
||||
"location": "table_1"
|
||||
},
|
||||
"TABLE_1_H_C2": {
|
||||
"type": "table_header",
|
||||
"pattern": "표 열 제목",
|
||||
"example": "내용",
|
||||
"location": "table_1"
|
||||
},
|
||||
"TABLE_1_H_C3": {
|
||||
"type": "table_header",
|
||||
"pattern": "표 열 제목",
|
||||
"example": "비고",
|
||||
"location": "table_1"
|
||||
},
|
||||
"TABLE_1_BODY": {
|
||||
"type": "table_body",
|
||||
"pattern": "표 데이터 행들 (HTML <tr> 반복)",
|
||||
"example": "",
|
||||
"location": "table_1"
|
||||
}
|
||||
},
|
||||
"table_guide": {
|
||||
"1": {
|
||||
"col_headers": [
|
||||
"구분",
|
||||
"내용",
|
||||
"비고"
|
||||
],
|
||||
"col_count": 3,
|
||||
"row_count": 5,
|
||||
"merge_pattern": {
|
||||
"col_0": "col_span",
|
||||
"col_3": "row_group"
|
||||
},
|
||||
"bullet_chars": [
|
||||
"- ",
|
||||
"· "
|
||||
],
|
||||
"example_rows": [
|
||||
[
|
||||
"소개",
|
||||
"개요",
|
||||
"- 현황 및 문제점 : 인적 오류와 추가적 리소스(인력, 시간) 투입 · 동일한 원천데이터로 산출물 형식만 달라짐 (제안서, 보고서 등) ...",
|
||||
"1p"
|
||||
],
|
||||
[
|
||||
"글벗 소개",
|
||||
"- 글벗 기능 소개 · (Input) 로컬, 링크, HTML 구조 · (Process) 목차 구성 및 문서 작성 / (Edit) 편집기 ·..."
|
||||
],
|
||||
[
|
||||
"시연",
|
||||
"글벗 시연",
|
||||
"- (기능 1) (Input) 업로드한 문서 기반 목차 정리 / 작성 - (기능 2) (Process) 웹 편집기 - (기능 3) (Exp...",
|
||||
"글벗 & Visual Studio"
|
||||
]
|
||||
],
|
||||
"col_types": [
|
||||
{
|
||||
"col": 0,
|
||||
"type": "category",
|
||||
"header": "구분"
|
||||
},
|
||||
{
|
||||
"col": 1,
|
||||
"type": "content",
|
||||
"header": "내용"
|
||||
},
|
||||
{
|
||||
"col": 2,
|
||||
"type": "note",
|
||||
"header": "비고"
|
||||
}
|
||||
],
|
||||
"row_bf_pattern": [
|
||||
{
|
||||
"col": 0,
|
||||
"bf_class": "bf-12",
|
||||
"colSpan": 1,
|
||||
"rowSpan": 2
|
||||
},
|
||||
{
|
||||
"col": 1,
|
||||
"bf_class": "bf-8",
|
||||
"colSpan": 1,
|
||||
"rowSpan": 1
|
||||
},
|
||||
{
|
||||
"col": 2,
|
||||
"bf_class": "bf-7",
|
||||
"colSpan": 1,
|
||||
"rowSpan": 1
|
||||
},
|
||||
{
|
||||
"col": 3,
|
||||
"bf_class": "bf-19",
|
||||
"colSpan": 1,
|
||||
"rowSpan": 2
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"writing_guide": {
|
||||
"bullet_styles": [
|
||||
"- ",
|
||||
"· "
|
||||
],
|
||||
"numbering_patterns": [
|
||||
[
|
||||
"^1.",
|
||||
"^2.",
|
||||
"^3)"
|
||||
]
|
||||
],
|
||||
"avg_line_length": 16,
|
||||
"font_primary": "돋움",
|
||||
"font_size_body": "10.0pt"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"id": "tpl_1770333144",
|
||||
"name": "발표자료 양식",
|
||||
"original_file": "sample.hwpx",
|
||||
"file_type": ".hwpx",
|
||||
"description": "발표자료에서 추출한 문서 양식",
|
||||
"features": [
|
||||
"폰트: 돋움",
|
||||
"머릿말: 3열",
|
||||
"꼬릿말: 3열",
|
||||
"표: 5x4"
|
||||
],
|
||||
"created_at": "2026-02-06T08:12:24Z",
|
||||
"source": "doc_template_analyzer"
|
||||
}
|
||||
@@ -0,0 +1,222 @@
|
||||
{
|
||||
"version": "1.0",
|
||||
"table_roles": {
|
||||
"0": {
|
||||
"role": "footer_table",
|
||||
"match_source": "footer",
|
||||
"matched_texts": [
|
||||
"기술 로 사람 과 자연 이 함께하는 세상을 만들어 갑니다."
|
||||
]
|
||||
},
|
||||
"1": {
|
||||
"role": "header_table",
|
||||
"match_source": "header",
|
||||
"matched_texts": [
|
||||
"2025. 2. 5(목)",
|
||||
"총괄기획실 기술기획팀"
|
||||
]
|
||||
},
|
||||
"2": {
|
||||
"role": "title_block",
|
||||
"title_text": "AI 업무 활용 적용 사례 발표 계획(안)"
|
||||
},
|
||||
"3": {
|
||||
"role": "data_table",
|
||||
"header_row": 0,
|
||||
"col_headers": [
|
||||
"구분",
|
||||
"내용",
|
||||
"비고"
|
||||
],
|
||||
"row_count": 5,
|
||||
"col_count": 4
|
||||
}
|
||||
},
|
||||
"body_tables": [
|
||||
3
|
||||
],
|
||||
"title_table": 2,
|
||||
"sections": [],
|
||||
"style_mappings": {
|
||||
"char_pr": {},
|
||||
"border_fill": {
|
||||
"1": {
|
||||
"css_class": "bf-1",
|
||||
"bg": "",
|
||||
"borders": {}
|
||||
},
|
||||
"2": {
|
||||
"css_class": "bf-2",
|
||||
"bg": "",
|
||||
"borders": {}
|
||||
},
|
||||
"3": {
|
||||
"css_class": "bf-3",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #000000",
|
||||
"border-right": "0.12mm solid #000000",
|
||||
"border-top": "0.12mm solid #000000",
|
||||
"border-bottom": "0.12mm solid #000000"
|
||||
}
|
||||
},
|
||||
"4": {
|
||||
"css_class": "bf-4",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-bottom": "0.7mm solid #3057B9"
|
||||
}
|
||||
},
|
||||
"5": {
|
||||
"css_class": "bf-5",
|
||||
"bg": "",
|
||||
"borders": {}
|
||||
},
|
||||
"6": {
|
||||
"css_class": "bf-6",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"7": {
|
||||
"css_class": "bf-7",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"8": {
|
||||
"css_class": "bf-8",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"9": {
|
||||
"css_class": "bf-9",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"10": {
|
||||
"css_class": "bf-10",
|
||||
"bg": "#DCDCDC",
|
||||
"borders": {
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.3mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"11": {
|
||||
"css_class": "bf-11",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"12": {
|
||||
"css_class": "bf-12",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"13": {
|
||||
"css_class": "bf-13",
|
||||
"bg": "#DCDCDC",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.3mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"14": {
|
||||
"css_class": "bf-14",
|
||||
"bg": "#DCDCDC",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-top": "0.3mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"15": {
|
||||
"css_class": "bf-15",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"16": {
|
||||
"css_class": "bf-16",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"17": {
|
||||
"css_class": "bf-17",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"18": {
|
||||
"css_class": "bf-18",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"19": {
|
||||
"css_class": "bf-19",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"20": {
|
||||
"css_class": "bf-20",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
}
|
||||
},
|
||||
"para_pr": {}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,590 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Template</title>
|
||||
<style>
|
||||
@page {
|
||||
size: 210.0mm 297.0mm;
|
||||
margin: 10.0mm 20.0mm 10.0mm 20.0mm;
|
||||
}
|
||||
@media screen {
|
||||
@page { margin: 0; }
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
line-height: 180%;
|
||||
color: #000000;
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 170mm;
|
||||
margin: 0 auto;
|
||||
padding: 10.0mm 20.0mm 10.0mm 20.0mm;
|
||||
}
|
||||
|
||||
/* 헤더/푸터 */
|
||||
.doc-header { margin-bottom: 4.5mm; }
|
||||
.doc-footer { margin-top: 6.0mm; }
|
||||
.doc-header table, .doc-footer table {
|
||||
width: 100%; border-collapse: collapse;
|
||||
}
|
||||
.doc-header td { padding: 2px 4px; vertical-align: middle; }
|
||||
.doc-footer td { padding: 2px 4px; vertical-align: middle; }
|
||||
|
||||
/* 제목 블록 */
|
||||
.title-block { margin-bottom: 4mm; }
|
||||
.title-table { width: 100%; border-collapse: collapse; }
|
||||
.title-block h1 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 15.0pt;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin: 0; padding: 4mm 0;
|
||||
}
|
||||
|
||||
/* 섹션 */
|
||||
.section-title {
|
||||
font-size: 13.0pt;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
margin-bottom: 3mm;
|
||||
}
|
||||
.section { margin-bottom: 6mm; }
|
||||
.section-content { text-align: justify; }
|
||||
/* 이미지/문단 (content_order) */
|
||||
.img-wrap { text-align: center; margin: 3mm 0; }
|
||||
.img-wrap img { max-width: 100%; height: auto; }
|
||||
.img-caption { font-size: 9pt; color: #666; margin-top: 1mm; }
|
||||
|
||||
/* 데이터 표 */
|
||||
.data-table {
|
||||
width: 100%; border-collapse: collapse; margin: 4mm 0;
|
||||
}
|
||||
.data-table th, .data-table td {
|
||||
border: none;
|
||||
font-size: 10.0pt;
|
||||
line-height: 180%;
|
||||
text-align: justify;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.data-table th {
|
||||
font-weight: bold; text-align: center;
|
||||
}
|
||||
|
||||
/* borderFill → CSS 클래스 */
|
||||
.bf-1 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.bf-2 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.bf-3 {
|
||||
border-left: 0.12mm solid #000000;
|
||||
border-right: 0.12mm solid #000000;
|
||||
border-top: 0.12mm solid #000000;
|
||||
border-bottom: 0.12mm solid #000000;
|
||||
}
|
||||
.bf-4 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: 0.7mm solid #3057B9;
|
||||
}
|
||||
.bf-5 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.bf-6 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
}
|
||||
.bf-7 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
}
|
||||
.bf-8 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-9 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-10 {
|
||||
border-left: none;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.3mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #DCDCDC;
|
||||
}
|
||||
.bf-11 {
|
||||
border-left: none;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-12 {
|
||||
border-left: none;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-13 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.3mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #DCDCDC;
|
||||
}
|
||||
.bf-14 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: none;
|
||||
border-top: 0.3mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #DCDCDC;
|
||||
}
|
||||
.bf-15 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-16 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-17 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
}
|
||||
.bf-18 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
}
|
||||
.bf-19 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: none;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
}
|
||||
.bf-20 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: none;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
}
|
||||
|
||||
/* charPr → CSS 클래스 (글자 모양) */
|
||||
.cpr-0 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
}
|
||||
.cpr-1 {
|
||||
font-family: '맑은 고딕', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
letter-spacing: -0.45pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-2 {
|
||||
font-family: '맑은 고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
}
|
||||
.cpr-3 {
|
||||
font-family: '맑은 고딕', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
}
|
||||
.cpr-4 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 15.0pt;
|
||||
}
|
||||
.cpr-5 {
|
||||
font-family: '한양중고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-6 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
}
|
||||
.cpr-7 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-8 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
}
|
||||
.cpr-9 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
color: #0000FF;
|
||||
}
|
||||
.cpr-10 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
color: #FF0000;
|
||||
}
|
||||
.cpr-11 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
}
|
||||
.cpr-12 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
letter-spacing: -0.4pt;
|
||||
transform: scaleX(0.9);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-13 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
}
|
||||
.cpr-14 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
}
|
||||
.cpr-15 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 15.0pt;
|
||||
}
|
||||
.cpr-16 {
|
||||
font-family: '휴먼명조', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
letter-spacing: -0.18pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-17 {
|
||||
font-family: '휴먼명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
letter-spacing: -0.2pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-18 {
|
||||
font-family: '-윤고딕130', sans-serif;
|
||||
font-size: 13.0pt;
|
||||
letter-spacing: -0.65pt;
|
||||
transform: scaleX(0.98);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-19 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 13.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-20 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-21 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 11.0pt;
|
||||
}
|
||||
.cpr-22 {
|
||||
font-family: '휴먼명조', sans-serif;
|
||||
font-size: 11.0pt;
|
||||
letter-spacing: -0.22pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-23 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
letter-spacing: -1.0pt;
|
||||
}
|
||||
.cpr-24 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
letter-spacing: -1.7pt;
|
||||
}
|
||||
.cpr-25 {
|
||||
font-family: '한양견명조', sans-serif;
|
||||
font-size: 16.0pt;
|
||||
}
|
||||
.cpr-26 {
|
||||
font-family: '돋움', sans-serif;
|
||||
font-size: 11.0pt;
|
||||
}
|
||||
|
||||
/* paraPr → CSS 클래스 (문단 모양) */
|
||||
.ppr-0 {
|
||||
text-align: justify;
|
||||
line-height: 130%;
|
||||
text-indent: -4.6mm;
|
||||
}
|
||||
.ppr-1 {
|
||||
text-align: justify;
|
||||
line-height: 160%;
|
||||
}
|
||||
.ppr-2 {
|
||||
text-align: justify;
|
||||
line-height: 150%;
|
||||
}
|
||||
.ppr-3 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-4 {
|
||||
text-align: center;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-5 {
|
||||
text-align: justify;
|
||||
line-height: 110%;
|
||||
}
|
||||
.ppr-6 {
|
||||
text-align: right;
|
||||
line-height: 110%;
|
||||
}
|
||||
.ppr-7 {
|
||||
text-align: justify;
|
||||
line-height: 100%;
|
||||
}
|
||||
.ppr-8 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin-left: 1.8mm;
|
||||
margin-right: 1.8mm;
|
||||
}
|
||||
.ppr-9 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-10 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin-left: 1.8mm;
|
||||
}
|
||||
.ppr-11 {
|
||||
text-align: left;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-12 {
|
||||
text-align: justify;
|
||||
line-height: 170%;
|
||||
text-indent: -4.3mm;
|
||||
margin-left: 1.8mm;
|
||||
margin-bottom: 1.8mm;
|
||||
}
|
||||
.ppr-13 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
margin-left: 2.8mm;
|
||||
margin-top: 0.7mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
.ppr-14 {
|
||||
text-align: justify;
|
||||
line-height: 155%;
|
||||
margin-top: 2.1mm;
|
||||
}
|
||||
.ppr-15 {
|
||||
text-align: justify;
|
||||
line-height: 160%;
|
||||
margin-top: 4.2mm;
|
||||
margin-bottom: 1.8mm;
|
||||
}
|
||||
.ppr-16 {
|
||||
text-align: left;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-17 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
text-indent: -4.9mm;
|
||||
margin-left: 2.8mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
.ppr-18 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
margin-left: 2.8mm;
|
||||
margin-top: 1.8mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
.ppr-19 {
|
||||
text-align: justify;
|
||||
line-height: 160%;
|
||||
margin-top: 3.5mm;
|
||||
margin-bottom: 1.8mm;
|
||||
}
|
||||
.ppr-20 {
|
||||
text-align: center;
|
||||
line-height: 160%;
|
||||
}
|
||||
.ppr-21 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin-bottom: 3.0mm;
|
||||
}
|
||||
.ppr-22 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
margin-left: 2.8mm;
|
||||
margin-top: 1.8mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
|
||||
/* named styles */
|
||||
/* .sty-0 '바탕글' = cpr-0 + ppr-3 */
|
||||
/* .sty-1 '머리말' = cpr-3 + ppr-2 */
|
||||
/* .sty-2 '쪽 번호' = cpr-2 + ppr-1 */
|
||||
/* .sty-3 '각주' = cpr-1 + ppr-0 */
|
||||
/* .sty-4 '미주' = cpr-1 + ppr-0 */
|
||||
/* .sty-5 '표위' = cpr-6 + ppr-4 */
|
||||
/* .sty-6 '표옆' = cpr-0 + ppr-8 */
|
||||
/* .sty-7 '표내용' = cpr-0 + ppr-10 */
|
||||
/* .sty-8 '주)' = cpr-13 + ppr-9 */
|
||||
/* .sty-9 '#큰아이콘' = cpr-18 + ppr-14 */
|
||||
/* .sty-10 '개요1' = cpr-25 + ppr-21 */
|
||||
/* .sty-11 'xl63' = cpr-26 + ppr-20 */
|
||||
|
||||
/* 표 상세 (tools 추출값) */
|
||||
.tbl-1 col:nth-child(1) { width: 11%; }
|
||||
.tbl-1 col:nth-child(2) { width: 20%; }
|
||||
.tbl-1 col:nth-child(3) { width: 58%; }
|
||||
.tbl-1 col:nth-child(4) { width: 11%; }
|
||||
.tbl-1 td, .tbl-1 th {
|
||||
padding: 1.5mm 0.5mm 1.5mm 0.5mm;
|
||||
}
|
||||
.tbl-1 thead th { height: 6.5mm; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="page">
|
||||
|
||||
<div class="doc-header">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:25%">
|
||||
<col style="width:17%">
|
||||
<col style="width:58%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td class="bf-5">{{HEADER_R1_C1_LINE_1}}<br>{{HEADER_R1_C1_LINE_2}}</td>
|
||||
<td class="bf-5"></td>
|
||||
<td class="bf-5">{{HEADER_R1_C3}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="title-block">
|
||||
<table class="title-table">
|
||||
<colgroup>
|
||||
<col style="width:2%">
|
||||
<col style="width:98%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td class="bf-4"></td>
|
||||
<td class="bf-4">{{TITLE_R1_C2}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="img-wrap ppr-15">
|
||||
{{IMAGE_1}}
|
||||
<p class="img-caption">{{IMAGE_1_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<div class="img-wrap ppr-12">
|
||||
{{IMAGE_2}}
|
||||
<p class="img-caption">{{IMAGE_2_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<p class="ppr-18"><span class="cpr-22">{{PARA_1}}</span></p>
|
||||
|
||||
<div class="img-wrap ppr-19">
|
||||
{{IMAGE_3}}
|
||||
<p class="img-caption">{{IMAGE_3_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<div class="img-wrap ppr-12">
|
||||
{{IMAGE_4}}
|
||||
<p class="img-caption">{{IMAGE_4_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<div class="img-wrap ppr-12">
|
||||
{{IMAGE_5}}
|
||||
<p class="img-caption">{{IMAGE_5_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<table class="data-table tbl-1">
|
||||
<colgroup>
|
||||
<col style="width:11%">
|
||||
<col style="width:20%">
|
||||
<col style="width:58%">
|
||||
<col style="width:11%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="bf-10" colspan="2">{{TABLE_1_H_C1}}</th>
|
||||
<th class="bf-13">{{TABLE_1_H_C2}}</th>
|
||||
<th class="bf-14">{{TABLE_1_H_C3}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{TABLE_1_BODY}}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="doc-footer">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:35%">
|
||||
<col style="width:6%">
|
||||
<col style="width:59%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td class="bf-5">{{FOOTER_R1_C1_LINE_1}}<br>{{FOOTER_R1_C1_LINE_2}}</td>
|
||||
<td class="bf-5"></td>
|
||||
<td class="bf-5"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"id": "tpl_1770335603",
|
||||
"name": "발표안 양식",
|
||||
"original_file": "sample.hwpx",
|
||||
"file_type": ".hwpx",
|
||||
"description": "발표안에서 추출한 문서 양식",
|
||||
"features": [
|
||||
"폰트: 돋움",
|
||||
"머릿말: 3열",
|
||||
"꼬릿말: 3열",
|
||||
"표: 5x4"
|
||||
],
|
||||
"created_at": "2026-02-06T08:53:23Z",
|
||||
"source": "doc_template_analyzer"
|
||||
}
|
||||
@@ -0,0 +1,222 @@
|
||||
{
|
||||
"version": "1.0",
|
||||
"table_roles": {
|
||||
"0": {
|
||||
"role": "footer_table",
|
||||
"match_source": "footer",
|
||||
"matched_texts": [
|
||||
"기술 로 사람 과 자연 이 함께하는 세상을 만들어 갑니다."
|
||||
]
|
||||
},
|
||||
"1": {
|
||||
"role": "header_table",
|
||||
"match_source": "header",
|
||||
"matched_texts": [
|
||||
"2025. 2. 5(목)",
|
||||
"총괄기획실 기술기획팀"
|
||||
]
|
||||
},
|
||||
"2": {
|
||||
"role": "title_block",
|
||||
"title_text": "AI 업무 활용 적용 사례 발표 계획(안)"
|
||||
},
|
||||
"3": {
|
||||
"role": "data_table",
|
||||
"header_row": 0,
|
||||
"col_headers": [
|
||||
"구분",
|
||||
"내용",
|
||||
"비고"
|
||||
],
|
||||
"row_count": 5,
|
||||
"col_count": 4
|
||||
}
|
||||
},
|
||||
"body_tables": [
|
||||
3
|
||||
],
|
||||
"title_table": 2,
|
||||
"sections": [],
|
||||
"style_mappings": {
|
||||
"char_pr": {},
|
||||
"border_fill": {
|
||||
"1": {
|
||||
"css_class": "bf-1",
|
||||
"bg": "",
|
||||
"borders": {}
|
||||
},
|
||||
"2": {
|
||||
"css_class": "bf-2",
|
||||
"bg": "",
|
||||
"borders": {}
|
||||
},
|
||||
"3": {
|
||||
"css_class": "bf-3",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #000000",
|
||||
"border-right": "0.12mm solid #000000",
|
||||
"border-top": "0.12mm solid #000000",
|
||||
"border-bottom": "0.12mm solid #000000"
|
||||
}
|
||||
},
|
||||
"4": {
|
||||
"css_class": "bf-4",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-bottom": "0.7mm solid #3057B9"
|
||||
}
|
||||
},
|
||||
"5": {
|
||||
"css_class": "bf-5",
|
||||
"bg": "",
|
||||
"borders": {}
|
||||
},
|
||||
"6": {
|
||||
"css_class": "bf-6",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"7": {
|
||||
"css_class": "bf-7",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"8": {
|
||||
"css_class": "bf-8",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"9": {
|
||||
"css_class": "bf-9",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"10": {
|
||||
"css_class": "bf-10",
|
||||
"bg": "#DCDCDC",
|
||||
"borders": {
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.3mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"11": {
|
||||
"css_class": "bf-11",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"12": {
|
||||
"css_class": "bf-12",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"13": {
|
||||
"css_class": "bf-13",
|
||||
"bg": "#DCDCDC",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.3mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"14": {
|
||||
"css_class": "bf-14",
|
||||
"bg": "#DCDCDC",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-top": "0.3mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"15": {
|
||||
"css_class": "bf-15",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"16": {
|
||||
"css_class": "bf-16",
|
||||
"bg": "#EDEDED",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"17": {
|
||||
"css_class": "bf-17",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.12mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"18": {
|
||||
"css_class": "bf-18",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-right": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"19": {
|
||||
"css_class": "bf-19",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-top": "0.12mm solid #BBBBBB",
|
||||
"border-bottom": "0.5mm solid #BBBBBB"
|
||||
}
|
||||
},
|
||||
"20": {
|
||||
"css_class": "bf-20",
|
||||
"bg": "",
|
||||
"borders": {
|
||||
"border-left": "0.12mm solid #999999",
|
||||
"border-top": "0.5mm solid #BBBBBB",
|
||||
"border-bottom": "0.3mm solid #BBBBBB"
|
||||
}
|
||||
}
|
||||
},
|
||||
"para_pr": {}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,590 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Template</title>
|
||||
<style>
|
||||
@page {
|
||||
size: 210.0mm 297.0mm;
|
||||
margin: 10.0mm 20.0mm 10.0mm 20.0mm;
|
||||
}
|
||||
@media screen {
|
||||
@page { margin: 0; }
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
line-height: 180%;
|
||||
color: #000000;
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 170mm;
|
||||
margin: 0 auto;
|
||||
padding: 10.0mm 20.0mm 10.0mm 20.0mm;
|
||||
}
|
||||
|
||||
/* 헤더/푸터 */
|
||||
.doc-header { margin-bottom: 4.5mm; }
|
||||
.doc-footer { margin-top: 6.0mm; }
|
||||
.doc-header table, .doc-footer table {
|
||||
width: 100%; border-collapse: collapse;
|
||||
}
|
||||
.doc-header td { padding: 2px 4px; vertical-align: middle; }
|
||||
.doc-footer td { padding: 2px 4px; vertical-align: middle; }
|
||||
|
||||
/* 제목 블록 */
|
||||
.title-block { margin-bottom: 4mm; }
|
||||
.title-table { width: 100%; border-collapse: collapse; }
|
||||
.title-block h1 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 15.0pt;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin: 0; padding: 4mm 0;
|
||||
}
|
||||
|
||||
/* 섹션 */
|
||||
.section-title {
|
||||
font-size: 13.0pt;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
margin-bottom: 3mm;
|
||||
}
|
||||
.section { margin-bottom: 6mm; }
|
||||
.section-content { text-align: justify; }
|
||||
/* 이미지/문단 (content_order) */
|
||||
.img-wrap { text-align: center; margin: 3mm 0; }
|
||||
.img-wrap img { max-width: 100%; height: auto; }
|
||||
.img-caption { font-size: 9pt; color: #666; margin-top: 1mm; }
|
||||
|
||||
/* 데이터 표 */
|
||||
.data-table {
|
||||
width: 100%; border-collapse: collapse; margin: 4mm 0;
|
||||
}
|
||||
.data-table th, .data-table td {
|
||||
border: none;
|
||||
font-size: 10.0pt;
|
||||
line-height: 180%;
|
||||
text-align: justify;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.data-table th {
|
||||
font-weight: bold; text-align: center;
|
||||
}
|
||||
|
||||
/* borderFill → CSS 클래스 */
|
||||
.bf-1 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.bf-2 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.bf-3 {
|
||||
border-left: 0.12mm solid #000000;
|
||||
border-right: 0.12mm solid #000000;
|
||||
border-top: 0.12mm solid #000000;
|
||||
border-bottom: 0.12mm solid #000000;
|
||||
}
|
||||
.bf-4 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: 0.7mm solid #3057B9;
|
||||
}
|
||||
.bf-5 {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.bf-6 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
}
|
||||
.bf-7 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
}
|
||||
.bf-8 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-9 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-10 {
|
||||
border-left: none;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.3mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #DCDCDC;
|
||||
}
|
||||
.bf-11 {
|
||||
border-left: none;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-12 {
|
||||
border-left: none;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-13 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.3mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #DCDCDC;
|
||||
}
|
||||
.bf-14 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: none;
|
||||
border-top: 0.3mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #DCDCDC;
|
||||
}
|
||||
.bf-15 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-16 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
.bf-17 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.12mm solid #BBBBBB;
|
||||
}
|
||||
.bf-18 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: 0.12mm solid #999999;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
}
|
||||
.bf-19 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: none;
|
||||
border-top: 0.12mm solid #BBBBBB;
|
||||
border-bottom: 0.5mm solid #BBBBBB;
|
||||
}
|
||||
.bf-20 {
|
||||
border-left: 0.12mm solid #999999;
|
||||
border-right: none;
|
||||
border-top: 0.5mm solid #BBBBBB;
|
||||
border-bottom: 0.3mm solid #BBBBBB;
|
||||
}
|
||||
|
||||
/* charPr → CSS 클래스 (글자 모양) */
|
||||
.cpr-0 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
}
|
||||
.cpr-1 {
|
||||
font-family: '맑은 고딕', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
letter-spacing: -0.45pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-2 {
|
||||
font-family: '맑은 고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
}
|
||||
.cpr-3 {
|
||||
font-family: '맑은 고딕', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
}
|
||||
.cpr-4 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 15.0pt;
|
||||
}
|
||||
.cpr-5 {
|
||||
font-family: '한양중고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-6 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
}
|
||||
.cpr-7 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-8 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
}
|
||||
.cpr-9 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
color: #0000FF;
|
||||
}
|
||||
.cpr-10 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
color: #FF0000;
|
||||
}
|
||||
.cpr-11 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
}
|
||||
.cpr-12 {
|
||||
font-family: '휴먼고딕', sans-serif;
|
||||
font-size: 8.0pt;
|
||||
letter-spacing: -0.4pt;
|
||||
transform: scaleX(0.9);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-13 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
}
|
||||
.cpr-14 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
}
|
||||
.cpr-15 {
|
||||
font-family: 'HY헤드라인M', sans-serif;
|
||||
font-size: 15.0pt;
|
||||
}
|
||||
.cpr-16 {
|
||||
font-family: '휴먼명조', sans-serif;
|
||||
font-size: 9.0pt;
|
||||
letter-spacing: -0.18pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-17 {
|
||||
font-family: '휴먼명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
letter-spacing: -0.2pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-18 {
|
||||
font-family: '-윤고딕130', sans-serif;
|
||||
font-size: 13.0pt;
|
||||
letter-spacing: -0.65pt;
|
||||
transform: scaleX(0.98);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-19 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 13.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-20 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cpr-21 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 11.0pt;
|
||||
}
|
||||
.cpr-22 {
|
||||
font-family: '휴먼명조', sans-serif;
|
||||
font-size: 11.0pt;
|
||||
letter-spacing: -0.22pt;
|
||||
transform: scaleX(0.95);
|
||||
display: inline-block;
|
||||
}
|
||||
.cpr-23 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
letter-spacing: -1.0pt;
|
||||
}
|
||||
.cpr-24 {
|
||||
font-family: '나눔명조', sans-serif;
|
||||
font-size: 10.0pt;
|
||||
letter-spacing: -1.7pt;
|
||||
}
|
||||
.cpr-25 {
|
||||
font-family: '한양견명조', sans-serif;
|
||||
font-size: 16.0pt;
|
||||
}
|
||||
.cpr-26 {
|
||||
font-family: '돋움', sans-serif;
|
||||
font-size: 11.0pt;
|
||||
}
|
||||
|
||||
/* paraPr → CSS 클래스 (문단 모양) */
|
||||
.ppr-0 {
|
||||
text-align: justify;
|
||||
line-height: 130%;
|
||||
text-indent: -4.6mm;
|
||||
}
|
||||
.ppr-1 {
|
||||
text-align: justify;
|
||||
line-height: 160%;
|
||||
}
|
||||
.ppr-2 {
|
||||
text-align: justify;
|
||||
line-height: 150%;
|
||||
}
|
||||
.ppr-3 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-4 {
|
||||
text-align: center;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-5 {
|
||||
text-align: justify;
|
||||
line-height: 110%;
|
||||
}
|
||||
.ppr-6 {
|
||||
text-align: right;
|
||||
line-height: 110%;
|
||||
}
|
||||
.ppr-7 {
|
||||
text-align: justify;
|
||||
line-height: 100%;
|
||||
}
|
||||
.ppr-8 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin-left: 1.8mm;
|
||||
margin-right: 1.8mm;
|
||||
}
|
||||
.ppr-9 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-10 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin-left: 1.8mm;
|
||||
}
|
||||
.ppr-11 {
|
||||
text-align: left;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-12 {
|
||||
text-align: justify;
|
||||
line-height: 170%;
|
||||
text-indent: -4.3mm;
|
||||
margin-left: 1.8mm;
|
||||
margin-bottom: 1.8mm;
|
||||
}
|
||||
.ppr-13 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
margin-left: 2.8mm;
|
||||
margin-top: 0.7mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
.ppr-14 {
|
||||
text-align: justify;
|
||||
line-height: 155%;
|
||||
margin-top: 2.1mm;
|
||||
}
|
||||
.ppr-15 {
|
||||
text-align: justify;
|
||||
line-height: 160%;
|
||||
margin-top: 4.2mm;
|
||||
margin-bottom: 1.8mm;
|
||||
}
|
||||
.ppr-16 {
|
||||
text-align: left;
|
||||
line-height: 180%;
|
||||
}
|
||||
.ppr-17 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
text-indent: -4.9mm;
|
||||
margin-left: 2.8mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
.ppr-18 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
margin-left: 2.8mm;
|
||||
margin-top: 1.8mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
.ppr-19 {
|
||||
text-align: justify;
|
||||
line-height: 160%;
|
||||
margin-top: 3.5mm;
|
||||
margin-bottom: 1.8mm;
|
||||
}
|
||||
.ppr-20 {
|
||||
text-align: center;
|
||||
line-height: 160%;
|
||||
}
|
||||
.ppr-21 {
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
margin-bottom: 3.0mm;
|
||||
}
|
||||
.ppr-22 {
|
||||
text-align: justify;
|
||||
line-height: 140%;
|
||||
margin-left: 2.8mm;
|
||||
margin-top: 1.8mm;
|
||||
margin-bottom: 1.1mm;
|
||||
}
|
||||
|
||||
/* named styles */
|
||||
/* .sty-0 '바탕글' = cpr-0 + ppr-3 */
|
||||
/* .sty-1 '머리말' = cpr-3 + ppr-2 */
|
||||
/* .sty-2 '쪽 번호' = cpr-2 + ppr-1 */
|
||||
/* .sty-3 '각주' = cpr-1 + ppr-0 */
|
||||
/* .sty-4 '미주' = cpr-1 + ppr-0 */
|
||||
/* .sty-5 '표위' = cpr-6 + ppr-4 */
|
||||
/* .sty-6 '표옆' = cpr-0 + ppr-8 */
|
||||
/* .sty-7 '표내용' = cpr-0 + ppr-10 */
|
||||
/* .sty-8 '주)' = cpr-13 + ppr-9 */
|
||||
/* .sty-9 '#큰아이콘' = cpr-18 + ppr-14 */
|
||||
/* .sty-10 '개요1' = cpr-25 + ppr-21 */
|
||||
/* .sty-11 'xl63' = cpr-26 + ppr-20 */
|
||||
|
||||
/* 표 상세 (tools 추출값) */
|
||||
.tbl-1 col:nth-child(1) { width: 11%; }
|
||||
.tbl-1 col:nth-child(2) { width: 20%; }
|
||||
.tbl-1 col:nth-child(3) { width: 58%; }
|
||||
.tbl-1 col:nth-child(4) { width: 11%; }
|
||||
.tbl-1 td, .tbl-1 th {
|
||||
padding: 1.5mm 0.5mm 1.5mm 0.5mm;
|
||||
}
|
||||
.tbl-1 thead th { height: 6.5mm; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="page">
|
||||
|
||||
<div class="doc-header">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:25%">
|
||||
<col style="width:17%">
|
||||
<col style="width:58%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td class="bf-5">{{HEADER_R1_C1_LINE_1}}<br>{{HEADER_R1_C1_LINE_2}}</td>
|
||||
<td class="bf-5"></td>
|
||||
<td class="bf-5">{{HEADER_R1_C3}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="title-block">
|
||||
<table class="title-table">
|
||||
<colgroup>
|
||||
<col style="width:2%">
|
||||
<col style="width:98%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td class="bf-4"></td>
|
||||
<td class="bf-4">{{TITLE_R1_C2}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="img-wrap ppr-15">
|
||||
{{IMAGE_1}}
|
||||
<p class="img-caption">{{IMAGE_1_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<div class="img-wrap ppr-12">
|
||||
{{IMAGE_2}}
|
||||
<p class="img-caption">{{IMAGE_2_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<p class="ppr-18"><span class="cpr-22">{{PARA_1}}</span></p>
|
||||
|
||||
<div class="img-wrap ppr-19">
|
||||
{{IMAGE_3}}
|
||||
<p class="img-caption">{{IMAGE_3_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<div class="img-wrap ppr-12">
|
||||
{{IMAGE_4}}
|
||||
<p class="img-caption">{{IMAGE_4_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<div class="img-wrap ppr-12">
|
||||
{{IMAGE_5}}
|
||||
<p class="img-caption">{{IMAGE_5_CAPTION}}</p>
|
||||
</div>
|
||||
|
||||
<table class="data-table tbl-1">
|
||||
<colgroup>
|
||||
<col style="width:11%">
|
||||
<col style="width:20%">
|
||||
<col style="width:58%">
|
||||
<col style="width:11%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="bf-10" colspan="2">{{TABLE_1_H_C1}}</th>
|
||||
<th class="bf-13">{{TABLE_1_H_C2}}</th>
|
||||
<th class="bf-14">{{TABLE_1_H_C3}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{TABLE_1_BODY}}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="doc-footer">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:35%">
|
||||
<col style="width:6%">
|
||||
<col style="width:59%">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td class="bf-5">{{FOOTER_R1_C1_LINE_1}}<br>{{FOOTER_R1_C1_LINE_2}}</td>
|
||||
<td class="bf-5"></td>
|
||||
<td class="bf-5"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user