<!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>