<!-- Page Wrapping (start) : Style retention -->
<div id="divCustomWrapper">  <!-- Embededd Style이 적용받는 범위 입니다. 상단의 스타일은 이 요소 안에서만 동작합니다. --> 
<!-- 1. Title Section (start) : 문서제목이 작성되는 영역입니다.-->
<div id="titleSection">구매품의서</div>
<!-- 1. Title Section (end) -->
	<!-- 2. Draft Section (Start) : 결재정보가 작성되는 영역입니다. -->
	<div class="partition" id="draftSection">
		<!-- 2.2 Draft Line (start) -->
		<div class="inaRowRight" width="300px">
			<!-- 결재선 1 Start-->
				<span unselectable="on" contenteditable="false" class="comp_wrap" data-wrapper="">
				<!-- 결재선 타입, 결재자 수 -->
				<span class="sign_type1_inline" data-group-seq="0" data-group-name="기안" data-group-max-count="1" data-group-type="type1" data-is-reception="">
				<!-- 결재선 이름 -->
				<span class="sign_tit_wrap"><span class="sign_tit"><strong>기안</strong></span></span>
				<!-- 결재방 1EA Start -->
				<span class="sign_member_wrap"><span class="sign_member" ><span class="sign_rank_wrap test2" ><span class="sign_rank" >&nbsp;</span></span><span class="sign_wrap">&nbsp;</span><span class="sign_date_wrap"><span class="sign_date">&nbsp;</span></span></span></span>
				<!-- 결재방 1EA End-->
				<!-- 휴지통 컴포넌트 Start-->
				</span><span contenteditable="false" class="comp_hover" data-content-protect-cover="true"><a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a></span></span>
				<!-- 휴지통 컴포넌트 End-->
			<!-- 결재선 1 End-->
			<!-- 결재선 2 Start-->
				<span unselectable="on" contenteditable="false" class="comp_wrap" data-wrapper="">
				<!-- 결재선 타입, 결재자 수 -->
				<span class="sign_type1_inline" data-group-seq="1" data-group-name="승인" data-group-max-count="3" data-group-type="type1" data-is-reception="">
				<!-- 결재선 이름 -->
				<span class="sign_tit_wrap"><span class="sign_tit"><strong>승인</strong></span></span>
				<!-- 결재방 Start-->
				<!-- 결재방 1EA Start -->
				<span class="sign_member_wrap"><span class="sign_member"><span class="sign_rank_wrap test2"><span class="sign_rank">&nbsp;</span></span><span class="sign_wrap">&nbsp;</span><span class="sign_date_wrap"><span class="sign_date">&nbsp;</span></span></span></span>
				<!-- 결재방 1EA End-->
				<!-- 결재방 1EA Start -->
				<span class="sign_member_wrap"><span class="sign_member"><span class="sign_rank_wrap test2"><span class="sign_rank">&nbsp;</span></span><span class="sign_wrap">&nbsp;</span><span class="sign_date_wrap"><span class="sign_date">&nbsp;</span></span></span></span>
				<!-- 결재방 1EA End-->
				<!-- 결재방 1EA Start -->
				<span class="sign_member_wrap"><span class="sign_member"><span class="sign_rank_wrap test2"><span class="sign_rank">&nbsp;</span></span><span class="sign_wrap">&nbsp;</span><span class="sign_date_wrap"><span class="sign_date">&nbsp;</span></span></span></span>
				<!-- 결재방 1EA End-->
				<!-- 결재방 End-->
				<!-- 휴지통 컴포넌트 Start-->
				</span><span contenteditable="false" class="comp_hover" data-content-protect-cover="true"><a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a></span></span>
				<!-- 휴지통 컴포넌트 End-->
			<!-- 결재선 2 End-->
		</div>
		<!-- 2.2 Draft Line (end) -->
		
	</div>
	<!-- 2. Draft Section (end) -->

	<!-- 3. Detail Section (start) : 내용이 작성되는 영역입니다. -->
	<table class="detailSection">
		<colgroup>
		<!-- ### 테이블의 컬럼 너비는 colGroup을 통해 지정합니다. td에 지정 X ### -->
			<col width="30">
			<col width="50">
			<col width="170">
			<col width="100">
			<col width="60">
			<col width="60">
			<col width="80">
			<col width="100">
			<col width="80">
			<col width="70">
		</colgroup>

		 <tbody id="dynamic_table1"><!--기본 행 추가/삭제 + 자동 연산-->
			<tr>
				<!-- 행 추가 삭제 버튼 -->
				<td colspan="10" class="viewModeHiddenPart td_button">
					<a class="button" id="plus1" 	data-bypass="">추가</a>
					<a class="button" id="minus1" data-bypass="">삭제</a>
				</td>
			</tr>
			<tr>
				<td colspan="2" class="subjectColumn">담당 부서</td>
				<td class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="0" data-dsl="{{label:draftDept}}" data-wrapper="" style="" data-value="" data-autotype=""><span class="comp_item">기안부서</span><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="0"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td rowspan="3" class="subjectColumn">납품자</td>
				<td colspan="3" class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="subjectColumn">작성 일자</td>
				<td colspan="2" class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="2" data-dsl="{{label:draftDate}}" data-wrapper="" style="" data-value="" data-autotype=""><span class="comp_item">기안일</span><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="2"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
			</tr>
			<tr>
				<td colspan="2" class="subjectColumn">프로젝트 번호</td>
				<td class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn centerCol">TEL:</td>
				<td colspan="2" class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="subjectColumn">인도장소</td>
				<td colspan="2" class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
			</tr>
			<tr>
				<td colspan="2" class="subjectColumn">사용 목적</td>
				<td class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn centerCol">FAX:</td>
				<td colspan="2" class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="subjectColumn">희망 납기 일자</td>
				<td colspan="2" class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="4" data-dsl="{{calendar}}" data-wrapper="" style="" data-value="" data-autotype=""><input class="ipt_editor ipt_editor_date" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="4"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
			</tr>
			<tr>
				<td class="subjectColumn">품번</td>
				<td colspan="2" class="subjectColumn">품명</td>
				<td class="subjectColumn">규격</td>
				<td class="subjectColumn">단위</td>
				<td class="subjectColumn">수량</td>
				<td class="subjectColumn">단가</td>
				<td class="subjectColumn">금액</td>
				<td class="subjectColumn">수주금액</td>
				<td class="subjectColumn">비고</td>
			</tr>
			<!-- 실제 추가, 삭제되는 행 Start-->
			<tr class="copyRow1">
				<td class="subjectColumn copyRowNo1">1</td>
				<td colspan="2" class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn amount centerCol">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="12" data-dsl="{{currency_0$width:49$}}" data-wrapper="" style="width: 49px;" data-value="" data-autotype=""><input class="ipt_editor ipt_editor_currency" type="text" style="width: 49px;"><span contenteditable="false" class="comp_active" "="" style="display: none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="12"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn price rightCol">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="6" data-dsl="{{currency_0$width:70$}}" data-wrapper="" style="width: 70px;" data-value="" data-autotype=""><input class="ipt_editor ipt_editor_currency" type="text" style="width: 70px;"><span contenteditable="false" class="comp_active" "="" style="display: none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="6"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn cur rightCol">
					
				</td>
				<td class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="8" data-dsl="{{currency_0$width:70$}}" data-wrapper="" style="width: 70px;" data-value="" data-autotype=""><input class="ipt_editor ipt_editor_currency" type="text" style="width: 70px;"><span contenteditable="false" class="comp_active" "="" style="display: none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="8"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
				<td class="detailColumn">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="1" data-dsl="{{text}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" style="display:none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="1"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
			</tr>
			<!-- 실제 추가, 삭제되는 행 End-->
			<!-- 합계 행 Start-->
			<tr class="subjectColumn">
				<td colspan="7" class="subjectColumn">합계</td>
				<td class="detailColumn sum_cur rightCol"></td>
				<td colspan="2" class="detailColumn centerCol">VAT 별도</td>
			</tr>
			<!-- 합계 행 End-->
			<tr class="subjectColumn">
				<td colspan="10" class="subjectColumn">구매사유 (구체적 작성)</td>
			</tr>
			<tr>
				<td colspan="10" class="detailColumn areaCol">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="9" data-dsl="{{textarea}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><textarea class="txta_editor"></textarea><span contenteditable="false" class="comp_active" style="display: none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="9"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
			</tr>
			<tr class="subjectColumn">
				<td colspan="10" class="subjectColumn">특기사항</td>
			</tr>
			<tr>
				<td colspan="10" class="detailColumn areaCol">
					<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="9" data-dsl="{{textarea}}" data-wrapper="" style="width: 100%;" data-value="" data-autotype=""><textarea class="txta_editor"></textarea><span contenteditable="false" class="comp_active" style="display: none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="9"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>
				</td>
			</tr>
			<tr class="subjectColumn">
				<td colspan="2" class="subjectColumn">근거서류</td>
				<td colspan="8" class="detailColumn">
					<p><span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="10" data-dsl="{{radio_견적서_계약서_카다로그_기타}}" data-wrapper="" style="" data-value="" data-autotype=""><input class="editor_opt" type="radio" name="" value="견적서"><label class="editor_label">견적서</label><input class="editor_opt" type="radio" name="" value="계약서"><label class="editor_label">계약서</label><input class="editor_opt" type="radio" name="" value="카다로그"><label class="editor_label">카다로그</label><input class="editor_opt" type="radio" name="" value="기타"><label class="editor_label">기타</label><span contenteditable="false" class="comp_active" "="" style="display: none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="10"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>(<span unselectable="on" contenteditable="false" class="comp_wrap" data-cid="11" data-dsl="{{text$width:150$}}" data-wrapper="" style="width: 150px;" data-value="" data-autotype=""><input class="ipt_editor" type="text"><span contenteditable="false" class="comp_active" "="" style="display: none;"> <span class="Active_dot1"></span><span class="Active_dot2"></span> <span class="Active_dot3"></span><span class="Active_dot4"></span> </span> <span contenteditable="false" class="comp_hover" data-content-protect-cover="true" data-origin="11"> <a contenteditable="false" class="ic_prototype ic_prototype_trash" data-content-protect-cover="true" data-component-delete-button="true"></a> </span> </span>)</p>
				</td>
			</tr>
		</tbody>
	</table>
<!-- 3. Detail Section (end) -->

</div>
<!-- Page Wrapping (end) -->

<!----------------------------------------Style Start---------------------------------------->
<!-- Common style (Don't modify) --><style type="text/css">
/* 1. Essential style : 반드시 적용되어야 하는 스타일입니다. 문서작성 시, Sample에서 제거불가 한 스타일 */
#divCustomWrapper { word-break: break-all;  font-family: malgun gothic, dotum, arial, tahoma; font-size: 9pt; width:800px !important; }
#divCustomWrapper * { max-width: 800px !important; }
/* (1) Section(제목, 결재선, 내용) */
#divCustomWrapper #titleSection,
#divCustomWrapper #draftSection,
#divCustomWrapper .detailSection { width:800px !important; clear:both; margin-top: 20px !important; vertical-align: middle; }
#divCustomWrapper #titleSection { text-align: center; font-size: 25px; font-weight: bold; margin-bottom: 10px !important; margin-top: 20px !important; }
#divCustomWrapper #draftSection { display: inline-block; }
#divCustomWrapper .detailSection > * { margin-bottom: 10px; }
/* (2) Table */
#divCustomWrapper table { border-collapse: collapse; table-layout:fixed; word-break:break-all; }
</style>
<style type="text/css">
/* 2. Option style : 용도에 따라 적용합니다.*/
/* (1) Table option : 2Type(subject / detail), Affacted elements(td), Range('divCustomWrapper' 하단요소) */
#divCustomWrapper td.subjectColumn { border: 1px solid black !important; font-size: 9pt !important; height:22px; padding: 3px 1px 3px 1px;/*top right bottom left*/}
#divCustomWrapper td.detailColumn { border: 1px solid black !important; font-size: 9pt !important; height:22px; padding: 3px 5px 3px 5px; vertical-align: middle;/*top right bottom left*/ }
#divCustomWrapper td.detailColumn { text-align: left; }
#divCustomWrapper td.subjectColumn { background: rgb(221, 221, 221); font-weight: bold; text-align: center; vertical-align: middle; }
/* (2) detailColumn :  3Type(center / right / high), Affacted elements(All), Range('detailColumn' 하단요소) */
/* 설명 : detailColumn 커스텀 시 사용 */
/* 사용방법 : 번호와 중앙정렬 텍스트 작성 시 'centerCol' CLASS 적용, 숫자와 금액 작성 시 'rightCol' CLASS 적용,
editor 작성 시 'editorCol' CLASS 적용, textarea 작성 시 'areaCol' CLASS 적용 */
#divCustomWrapper td.detailColumn.centerCol { text-align: center; }
#divCustomWrapper td.detailColumn.rightCol { text-align: right; }
#divCustomWrapper td.detailColumn.editorCol { height: 300px; vertical-align: top;}
#divCustomWrapper td.detailColumn.areaCol { height: 120px; vertical-align: top; }
/* (3) Partition option : 2Type (left / right), Affacted elements(div), Range('partition'div영역 하단요소) */
/* 설명 : 좌,우로 분할되는 레이아웃 작성시 사용, 1라인에 1개 요소만 배치(줄바뀜 동반) */
/* 사용방법 : 분할할 영역에 partition CLASS를 적용 -> 분할배치하고자하는 하위요소에 'left, right' CLASS 적용 */
#divCustomWrapper div.partition .left { display: inline-block; clear: left; float: left; }
#divCustomWrapper div.partition .right { display: inline-block; clear: right; float: right; }
/* (4) In a row option : 2Type(left / right), Affacted elements(All), Range('inaRowRight or inRowLeft'div영역 하단요소) */
/* 설명 : 좌,우 끝에 정렬되는 레이아웃 작성 시 사용, 1라인에 여러개 요소 배치, Partition option과 조합(줄바뀜 없이 배치) */
/* 사용방법 : 나란히 정렬하고자 하는 요소들을, 'in a row'div 영역 내에 배치 */
#divCustomWrapper div.inaRowRight { text-align: right; }
#divCustomWrapper div.inaRowLeft { text-align: left;  }
/* (5) button :  2Type(td / div), Affacted elements(All) */
/* 설명 : 행 추가, 행 삭제 버튼 작성 시 'viewModeHiddenPart'(기안 시 버튼 가려주는 클래스)와 조합해서 사용 */
/* 사용방법 : 테이블에 한줄로 사용 시 td에 'viewModeHiddenPart .td_button' CLASS 적용 -> 각 버튼에 'button' CLASS 적용 td 내 텍스트 아래에 쓰이거나 테이블 밖에서 사용 시 div에 viewModeHiddenPart .div_button CLASS 적용 -> 각 버튼에 button CLASS 적용 */
#divCustomWrapper .td_button { word-break:break-all; padding: 3px; border: none; width: 800px; height: 22px; text-align: right; vertical-align: middle; }
#divCustomWrapper .div_button { word-break:break-all; padding: 3px; border: none; margin-top:2px; margin-bottom:2px; height: 22px; vertical-align: middle;}
#divCustomWrapper a.button { background: rgb(102, 102, 102); color: rgb(255, 255, 255); padding: 2px 5px; border-radius: 3px; margin-right: 0px; margin-left: 0px; font-size: 9pt !important; }
/* (6) p :  2Type(titleP / freeP), Affacted elements(All) */
/* 설명 : 테이블 별 소제목과 테이블 아래 설명 작성 시 사용*/
p.titleP{font-weight: bold; font-size: 12px; margin: 15px 1px 5px 5px;/*top right bottom left*/}
p.freeP{font-weight: normal; font-size: 12px; margin: 1px 1px 3px 5px;/*top right bottom left*/}
</style><!-- Common style (Don't modify) -->
<!-- Print style (Don't modify) --><style type="text/css">
/* 인쇄시에만 적용되는 스타일입니다. 순서대로 1.양식 인쇄 시 중앙으로 위치 2.테이블 테두리 고정 3.버튼 가리기 */
@media print {
.viewModeHiddenPart {display: none;}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; }
}
</style><!-- Print style (Don't modify)-->
<!-- Custom style --><style>
/* 추가적인 스타일이 필요한 경우, 하단의 style에서 정의하여야 합니다. 상단의 Common style은 변경하지 않습니다. */
/* (스타일이 중복되는 경우, 기본적으로 하단에 작성한 style이 우선적으로 적용됩니다.) */
</style><!-- Custom style -->