From daf7f3f71a98ee908eecf7c934062d8ef7d496da Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Fri, 9 Aug 2024 09:57:49 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8B=9C=EA=B5=B0=EA=B5=AC=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=ED=99=94=EB=A9=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/mngt/mngt01010-main.jsp  |   4 +-
 .../WEB-INF/jsp/fims/mngt/mngt01020-info.jsp  |   4 +-
 .../WEB-INF/jsp/fims/mngt/mngt02010-main.jsp  |   4 +-
 .../WEB-INF/jsp/fims/mngt/mngt02020-info.jsp  |   4 +-
 .../WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp  | 404 +++++++++---------
 .../WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp  |   4 +-
 .../WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp  |   4 +-
 7 files changed, 217 insertions(+), 211 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
index 32a47bc2..c4eff627 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
@@ -1,7 +1,7 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">공지사항 관리</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 		<div class="card wrapper-list">
 
@@ -109,7 +109,7 @@
 /**************************************************************************
  * Global Variable
  **************************************************************************/
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 
 
 $(document).ready(function(){
diff --git a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01020-info.jsp
index 69fa9794..b23967ec 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01020-info.jsp
@@ -1,7 +1,7 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">공지사항 상세</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 	
 		<div class="card">
@@ -62,7 +62,7 @@
 </div>
 
 <script>
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 pageObject["${pageName}"].provided = {};
 
 pageObject.childReq = [];
diff --git a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02010-main.jsp
index b4104834..9c48ca90 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02010-main.jsp
@@ -2,7 +2,7 @@
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 
 <c:set var="pageKorName" scope="request">일정관리</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 		<div class="card wrapper-list">
 			<div id="calendar--${pageName}" class="m-4 px-4 w-px-1500 h-px-700">
@@ -17,7 +17,7 @@
 <script>
 LoadScript("fullCalendarScript","/webjars/3rd-party/sneat/libs/fullcalendar/fullcalendar.js");
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 
 $(document).ready(function(){
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02020-info.jsp
index 8ce0ee89..0330e5ce 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt02020-info.jsp
@@ -1,7 +1,7 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">일정 상세</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 	
 		<div class="card">
@@ -57,7 +57,7 @@
 	</div>
 </div>
 <script>
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 pageObject["${pageName}"].provided = {};
 
 pageObject.childReq = [];
diff --git a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp
index 3d3d5614..cad89d74 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp
@@ -1,17 +1,17 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">시군구관리</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 		<div class="card wrapper-list">
-	        <form id="mainForm--${pageName}" method="post" enctype="multipart/form-data">
+	        <form name="mainForm" method="post" enctype="multipart/form-data">
 				<div class="card my-2">
 					<div class="mx-3 my-2 d-block">
 						<span class="h3">
 							시군구 정보
 						</span>
 						<span>
-							<button type="button" id="btnSaveSgg--${pageName}" class="btn btn-primary w-px-100 float-end">저장</button>
+							<button type="button" name="btnSaveSgg" class="btn btn-primary w-px-100 float-end">저장</button>
 						</span>
 					</div>
 
@@ -30,25 +30,28 @@
 							<label class="w-px-140 col-form-label text-sm-end pe-2">
 							직인
 							</label>
-							<img id="offcsImage--${pageName}" alt="" src="" data-orgn-path="" data-orgn-name=""
+							<img name="offcsImage"
+							alt="" src="" data-orgn-path="" data-orgn-name=""
 							class="mw-px-100 mh-px-100 fit-contain" />
-							<input id="offcs--${pageName}" name="offcs" type="file" hidden />
+							<input type="file" name="offcs" hidden />
 						</div>
 						<div class="col-md-4 d-flex align-items-center">
 							<label class="w-px-140 col-form-label text-sm-end pe-2">
 							심볼
 							</label>
-							<img id="symbolImage--${pageName}" alt="" src="" data-orgn-path="" data-orgn-name=""
+							<img name="symbolImage"
+							alt="" src="" data-orgn-path="" data-orgn-name=""
 							class="mw-px-100 mh-px-100 fit-contain" />
-							<input id="symbol--${pageName}" name="symbol" type="file" hidden />
+							<input type="file" name="symbol" hidden />
 						</div>
 						<div class="col-md-4 d-flex align-items-center">
 							<label class="w-px-140 col-form-label text-sm-end pe-2">
 							로고
 							</label>
-							<img id="logoImage--${pageName}" alt="" src="" data-orgn-path="" data-orgn-name=""
+							<img name="logoImage"
+							alt="" src="" data-orgn-path="" data-orgn-name=""
 							class="mw-px-100 mh-px-100 fit-contain" />
-							<input id="logo--${pageName}" name="logo" type="file" hidden />
+							<input type="file" name="logo" hidden />
 						</div>
 					</div>
 				</div>
@@ -63,172 +66,173 @@
 				</div>
 
 				<div class="nav-align-top my-2 mx-2 flex-row">
-					<ul class="nav nav-tabs" role="tablist" id="tabButtonContainer--${pageName}">
+					<ul class="nav nav-tabs" role="tablist" name="tabButtonContainer">
 					</ul>
-					<button type="button" id="btnOpenSelectTaskDialog--${pageName}"
+					<button type="button" name="btnOpenSelectTaskDialog"
 					class="btn btn-darkgray ms-1 superadmin">+ 새 과태료업무 추가</button>
 				</div>
 
-				<span class="tab-content" id="tabContentContainer--${pageName}">
+				<span class="tab-content" name="tabContentContainer">
 				</span>
 
 			</div>
 
 		</div>
 	</div>
-</div>
-
-<template id="taskTabButtonTemplate--${pageName}">
-	<li class="nav-item">
-		<button type="button" class="nav-link {active} w-px-150"
-		role="tab" data-bs-toggle="tab" data-bs-target="#tab{task}--${pageName}"
-		onclick="">
-			{taskNm}
-		</button>
-	</li>
-</template>
-
-<template id="taskTabContentsTemplate--${pageName}">
-
-	<span id="tab{task}--${pageName}" class="tab-pane {activeshow}" role="tabpanel">
-		<div class="mx-3 my-2 d-flex flex-column">
-			<div class="float-end">
-				<button type="button" data-task="{task}"
-				onclick="pageObject['${pageName}'].fnSaveForTask(this);"
-				class="btn btn-primary w-px-100 float-end"
-				>저장</button>
-			</div>
-		</div>
-
-		<form id="{task}Form--${pageName}">
-			<div class="row g-3 mt-1 mb-3">
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">업무명</label>
-					<input name="taskSeNm" type="text" class="form-control w-px-150" />
-				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">사전통지일수</label>
-					<input name="advntceDayCnt" type="text" class="form-control w-px-50" />
-				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">사전통지감경율</label>
-					<input name="advntceRdcrt" type="text" class="form-control w-px-50" />
-				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">사회적약자감경율</label>
-					<input name="wksnRdcrt" type="text" class="form-control w-px-50" />
-				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">과태료가산일자</label>
-					<input name="ffnlgAdtnYmd" type="text" class="form-control w-px-100" />
-				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">과태료가산율</label>
-					<input name="ffnlgAdtnRt" type="text" class="form-control w-px-50" />
-				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">과태료중가산율</label>
-					<input name="ffnlgInadtnRt" type="text" class="form-control w-px-50" />
-				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end" for="">과태료중가산최대수</label>
-					<input name="ffnlgInadtnMxmmCnt" type="text" class="form-control w-px-50" />
+	
+
+	<template name="taskTabButtonTemplate">
+		<li class="nav-item">
+			<button type="button" class="nav-link {active} w-px-150"
+			role="tab" data-bs-toggle="tab" data-bs-target="[data-doctx='${pageName}'] [name='tab{task}']"
+			onclick="">
+				{taskNm}
+			</button>
+		</li>
+	</template>
+	
+	<template name="taskTabContentsTemplate">
+	
+		<span name="tab{task}" class="tab-pane {activeshow}" role="tabpanel">
+			<div class="mx-3 my-2 d-flex flex-column">
+				<div class="float-end">
+					<button type="button" data-task="{task}"
+					onclick="pageObject['${pageName}'].fnSaveForTask(this);"
+					class="btn btn-primary w-px-100 float-end"
+					>저장</button>
 				</div>
 			</div>
-			<div class="row g-3 mt-1 mb-3 superadmin">
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end text-red" for="">세외수입연계<br/>구분코드</label>
-					<input name="nxrpLinkSeCd" type="text" class="form-control w-px-50" />
+	
+			<form name="{task}Form">
+				<div class="row g-3 mt-1 mb-3">
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">업무명</label>
+						<input name="taskSeNm" type="text" class="form-control w-px-150" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">사전통지일수</label>
+						<input name="advntceDayCnt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">사전통지감경율</label>
+						<input name="advntceRdcrt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">사회적약자감경율</label>
+						<input name="wksnRdcrt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료가산일자</label>
+						<input name="ffnlgAdtnYmd" type="text" class="form-control w-px-100" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료가산율</label>
+						<input name="ffnlgAdtnRt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료중가산율</label>
+						<input name="ffnlgInadtnRt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료중가산최대수</label>
+						<input name="ffnlgInadtnMxmmCnt" type="text" class="form-control w-px-50" />
+					</div>
 				</div>
-				<div class="col-md-3">
-					<label class="w-px-140 col-form-label text-sm-end text-red" for="">세외수입연계<br/>구분상세순번</label>
-					<input name="nxrpLinkSeDtlSn" type="text" class="form-control w-px-50" />
+				<div class="row g-3 mt-1 mb-3 superadmin">
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end text-red" for="">세외수입연계<br/>구분코드</label>
+						<input name="nxrpLinkSeCd" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end text-red" for="">세외수입연계<br/>구분상세순번</label>
+						<input name="nxrpLinkSeDtlSn" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-6"></div>
 				</div>
-				<div class="col-md-6"></div>
-			</div>
-		</form>
-
-		<div class="card-datatable text-nowrap area-photoinspection mx-2 mt-2 mb-3">
-	        <div id="{task}Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="{task}table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
-					<table id="{task}Table_0--${pageName}"
-						class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
-						<thead class="sticky-thead">
-							<tr>
-								<th style="width: 90px;">위반코드</th>
-								<th style="width: 160px;">위반항목</th>
-								<th style="width: 360px;">위반법명</th>
-								<th style="width: 160px;">위반법1</th>
-								<th style="width: 160px;">위반법2</th>
-								<th style="width: 160px;">위반법기타</th>
-								<th style="width: 120px;">회계구분코드</th>
-								<th style="width: 120px;">회계구분명</th>
-								<th style="width: 120px;">세목코드</th>
-								<th style="width: 300px;">세목명</th>
-								<th style="width: 120px;">운영항목코드</th>
-								<th style="width: 300px;">운영항목명</th>
-								<th style="width: 160px;">특별회계사업코드</th>
-								<th style="width: 300px;">특별회계사업명</th>
-								<th class="dummy-th"></th>
-							</tr>
-						</thead>
-						<tbody id="{task}tbody--${pageName}"></tbody>
-					</table>
+			</form>
+	
+			<div class="card-datatable text-nowrap area-photoinspection mx-2 mt-2 mb-3">
+		        <div name="{task}Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+					<div name="{task}table-responsive" class="table-responsive ox-scroll oy-scroll h-px-300">
+						<table name="{task}Table_0"
+							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
+							<thead class="sticky-thead">
+								<tr>
+									<th style="width: 90px;">위반코드</th>
+									<th style="width: 160px;">위반항목</th>
+									<th style="width: 360px;">위반법명</th>
+									<th style="width: 160px;">위반법1</th>
+									<th style="width: 160px;">위반법2</th>
+									<th style="width: 160px;">위반법기타</th>
+									<th style="width: 120px;">회계구분코드</th>
+									<th style="width: 120px;">회계구분명</th>
+									<th style="width: 120px;">세목코드</th>
+									<th style="width: 300px;">세목명</th>
+									<th style="width: 120px;">운영항목코드</th>
+									<th style="width: 300px;">운영항목명</th>
+									<th style="width: 160px;">특별회계사업코드</th>
+									<th style="width: 300px;">특별회계사업명</th>
+									<th class="dummy-th"></th>
+								</tr>
+							</thead>
+							<tbody name="{task}tbody"></tbody>
+						</table>
+					</div>
 				</div>
 			</div>
-		</div>
-
-	</span>
-</template>
-
-<template id="taskTbodyTemplate--${pageName}">
-	<tr data-key="{VLTN_ID}">
-		<td>{VLTN_CD}</td>
-		<td data-col="vltnArtcl">
-			<input type="text" class="form-control w-100" value="{VLTN_ARTCL}" />
-		</td>
-		<td data-col="vltnLawNm">
-			<input type="text" class="form-control w-100" value="{VLTN_LAW_NM}" />
-		</td>
-		<td data-col="vltnLaw1">
-			<input type="text" class="form-control w-100" value="{VLTN_LAW1}" />
-		</td>
-		<td data-col="vltnLaw2">
-			<input type="text" class="form-control w-100" value="{VLTN_LAW2}" />
-		</td>
-		<td data-col="vltnLawEtc">
-			<input type="text" class="form-control w-100" value="{VLTN_LAW_ETC}" />
-		</td>
-		<td data-col="acntgSeCd">
-			<input type="text" class="form-control w-100" value="{ACNTG_SE_CD}" />
-		</td>
-		<td data-col="acntgSeNm">
-			<input type="text" class="form-control w-100" value="{ACNTG_SE_NM}" />
-		</td>
-		<td data-col="txitmCd">
-			<input type="text" class="form-control w-100" value="{TXITM_CD}" />
-		</td>
-		<td data-col="txitmNm">
-			<input type="text" class="form-control w-100" value="{TXITM_NM}" />
-		</td>
-		<td data-col="operItemCd">
-			<input type="text" class="form-control w-100" value="{OPER_ITEM_CD}" />
-		</td>
-		<td data-col="operItemNm">
-			<input type="text" class="form-control w-100" value="{OPER_ITEM_NM}" />
-		</td>
-		<td data-col="spclBizCd">
-			<input type="text" class="form-control w-100" value="{SPCL_BIZ_CD}" />
-		</td>
-		<td data-col="spclBizNm">
-			<input type="text" class="form-control w-100" value="{SPCL_BIZ_NM}" />
-		</td>
-	</tr>
-</template>
+	
+		</span>
+	</template>
+	
+	<template name="taskTbodyTemplate">
+		<tr data-key="{VLTN_ID}">
+			<td>{VLTN_CD}</td>
+			<td data-col="vltnArtcl">
+				<input type="text" class="form-control w-100" value="{VLTN_ARTCL}" />
+			</td>
+			<td data-col="vltnLawNm">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW_NM}" />
+			</td>
+			<td data-col="vltnLaw1">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW1}" />
+			</td>
+			<td data-col="vltnLaw2">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW2}" />
+			</td>
+			<td data-col="vltnLawEtc">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW_ETC}" />
+			</td>
+			<td data-col="acntgSeCd">
+				<input type="text" class="form-control w-100" value="{ACNTG_SE_CD}" />
+			</td>
+			<td data-col="acntgSeNm">
+				<input type="text" class="form-control w-100" value="{ACNTG_SE_NM}" />
+			</td>
+			<td data-col="txitmCd">
+				<input type="text" class="form-control w-100" value="{TXITM_CD}" />
+			</td>
+			<td data-col="txitmNm">
+				<input type="text" class="form-control w-100" value="{TXITM_NM}" />
+			</td>
+			<td data-col="operItemCd">
+				<input type="text" class="form-control w-100" value="{OPER_ITEM_CD}" />
+			</td>
+			<td data-col="operItemNm">
+				<input type="text" class="form-control w-100" value="{OPER_ITEM_NM}" />
+			</td>
+			<td data-col="spclBizCd">
+				<input type="text" class="form-control w-100" value="{SPCL_BIZ_CD}" />
+			</td>
+			<td data-col="spclBizNm">
+				<input type="text" class="form-control w-100" value="{SPCL_BIZ_NM}" />
+			</td>
+		</tr>
+	</template>	
+</div>
 
 <script>
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 
 $(document).ready(function(){
 
@@ -265,28 +269,28 @@ $(document).ready(function(){
 				success : function(resp, textStatus, jqXHR) {
 					$P.sggInfo = resp.sggInfo;
 
-					$("#mainForm--${pageName}").find("[name='sggID']").val($P.sggInfo.SGG_CD);
-					$("#mainForm--${pageName}").find("[name='sggNm']").val($P.sggInfo.SGG_NM);
-					$("#mainForm--${pageName}").find("[name='instCd']").val($P.sggInfo.INST_CD);
-					$("#mainForm--${pageName}").find("[name='instNm']").val($P.sggInfo.INST_NM);
+					$P.$find("mainForm").find("[name='sggID']").val($P.sggInfo.SGG_CD);
+					$P.$find("mainForm").find("[name='sggNm']").val($P.sggInfo.SGG_NM);
+					$P.$find("mainForm").find("[name='instCd']").val($P.sggInfo.INST_CD);
+					$P.$find("mainForm").find("[name='instNm']").val($P.sggInfo.INST_NM);
 
-					$("#offcsImage--${pageName}")
+					$P.$find("offcsImage")
 						.attr("data-orgn-name", $P.sggInfo.OFFCS_FILE_NM)
 						.attr("data-orgn-path", $P.sggInfo.OFFCS_FILE_PATH);
-					$("#offcs--${pageName}").val("");
-					$("#offcs--${pageName}").trigger("change");
+					$P.$find("offcs").val("");
+					$P.$find("offcs").trigger("change");
 
-					$("#symbolImage--${pageName}")
+					$P.$find("symbolImage")
 						.attr("data-orgn-name", $P.sggInfo.SYMBOL_FILE_NM)
 						.attr("data-orgn-path", $P.sggInfo.SYMBOL_FILE_PATH);
-					$("#symbol--${pageName}").val("");
-					$("#symbol--${pageName}").trigger("change");
+					$P.$find("symbol").val("");
+					$P.$find("symbol").trigger("change");
 
-					$("#logoImage--${pageName}")
+					$P.$find("logoImage")
 						.attr("data-orgn-name", $P.sggInfo.LOGO_FILE_NM)
 						.attr("data-orgn-path", $P.sggInfo.LOGO_FILE_PATH);
-					$("#logo--${pageName}").val("");
-					$("#logo--${pageName}").trigger("change");
+					$P.$find("logo").val("");
+					$P.$find("logo").trigger("change");
 
 					resolve({resp, textStatus, jqXHR});
 				},
@@ -315,8 +319,8 @@ $(document).ready(function(){
 						var taskSeCd = task.TASK_SE_CD;
 						var taskSeNm = task.TASK_SE_NM;
 
-						var tabButtonTemplate = document.getElementById("taskTabButtonTemplate--${pageName}").innerHTML;
-						var tabContentsTemplate = document.getElementById("taskTabContentsTemplate--${pageName}").innerHTML;
+						var tabButtonTemplate = $P.find("taskTabButtonTemplate").innerHTML;
+						var tabContentsTemplate = $P.find("taskTabContentsTemplate").innerHTML;
 
 						tabButtonTemplate = tabButtonTemplate.replace(/{task}/gi, taskSeCd);
 						tabButtonTemplate = tabButtonTemplate.replace(/{taskNm}/gi, taskSeNm);
@@ -337,8 +341,8 @@ $(document).ready(function(){
 						contents.push(tabContentsTemplate);
 					}
 
-					$("#tabButtonContainer--${pageName}").html(tabs.join(""));
-					$("#tabContentContainer--${pageName}").html(contents.join(""));
+					$P.$find("tabButtonContainer").html(tabs.join(""));
+					$P.$find("tabContentContainer").html(contents.join(""));
 
 					if(MY_INFO.institute != "ADMIN00"){
 						$(".superadmin").attr("hidden","hidden");
@@ -348,17 +352,19 @@ $(document).ready(function(){
 						var task = $P.taskList[i];
 						var taskSeCd = task.TASK_SE_CD;
 						var taskSeNm = task.TASK_SE_NM;
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='taskSeNm']").val(taskSeNm);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='advntceDayCnt']").val(task.ADVNTCE_DAY_CNT);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='advntceRdcrt']").val(task.ADVNTCE_RDCRT);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='wksnRdcrt']").val(task.WKSN_RDCRT);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='ffnlgAdtnYmd']").val(task.FFNLG_ADTN_YMD);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='ffnlgAdtnRt']").val(task.FFNLG_ADTN_RT);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='ffnlgInadtnRt']").val(task.FFNLG_INADTN_RT);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='ffnlgInadtnMaxCnt']").val(task.FFNLG_INADTN_MAX_CNT);
-
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='nxrpLinkSeCd']").val(task.NXRP_LINK_SE_CD);
-						$("#"+taskSeCd+"Form--${pageName}").find("[name='nxrpLinkSeDtlSn']").val(task.NXRP_LINK_SE_DTL_SN);
+						let formName = taskSeCd+"Form";
+						
+						$P.$find(formName).find("[name='taskSeNm']").val(taskSeNm);
+						$P.$find(formName).find("[name='advntceDayCnt']").val(task.ADVNTCE_DAY_CNT);
+						$P.$find(formName).find("[name='advntceRdcrt']").val(task.ADVNTCE_RDCRT);
+						$P.$find(formName).find("[name='wksnRdcrt']").val(task.WKSN_RDCRT);
+						$P.$find(formName).find("[name='ffnlgAdtnYmd']").val(task.FFNLG_ADTN_YMD);
+						$P.$find(formName).find("[name='ffnlgAdtnRt']").val(task.FFNLG_ADTN_RT);
+						$P.$find(formName).find("[name='ffnlgInadtnRt']").val(task.FFNLG_INADTN_RT);
+						$P.$find(formName).find("[name='ffnlgInadtnMaxCnt']").val(task.FFNLG_INADTN_MAX_CNT);
+
+						$P.$find(formName).find("[name='nxrpLinkSeCd']").val(task.NXRP_LINK_SE_CD);
+						$P.$find(formName).find("[name='nxrpLinkSeDtlSn']").val(task.NXRP_LINK_SE_DTL_SN);
 					}
 
 					resolve({resp, textStatus, jqXHR});
@@ -387,10 +393,10 @@ $(document).ready(function(){
 
 					for(var i=0; i < datasetNames.length; i++){
 						var taskSeCd = datasetNames[i].substr(0,3);
-						var template = document.getElementById("taskTbodyTemplate--${pageName}").innerHTML;
+						var template = $P.find("taskTbodyTemplate").innerHTML;
 						var taskDataset = $P.taskDatasets[taskSeCd+"Dataset"];
 						var trs = taskDataset.empty ? [""] : taskDataset.inStrings(template);
-						$("#"+taskSeCd+"tbody--${pageName}").html(trs.join());
+						$P.$find(taskSeCd+"tbody").html(trs.join());
 					}
 
 					resolve({resp, textStatus, jqXHR});
@@ -402,14 +408,14 @@ $(document).ready(function(){
 	};
 
 	//이미지 뷰어
-	fnMakeSingleImageViewer($("#offcsImage--${pageName}")[0] , $("#offcs--${pageName}")[0], "orgn-path", "orgn-name");
-	fnMakeSingleImageViewer($("#symbolImage--${pageName}")[0] , $("#symbol--${pageName}")[0], "orgn-path", "orgn-name");
-	fnMakeSingleImageViewer($("#logoImage--${pageName}")[0] , $("#logo--${pageName}")[0], "orgn-path", "orgn-name");
+	fnMakeSingleImageViewer($P.find("offcsImage"), $P.find("offcs"), "orgn-path", "orgn-name");
+	fnMakeSingleImageViewer($P.find("symbolImage"), $P.find("symbol"), "orgn-path", "orgn-name");
+	fnMakeSingleImageViewer($P.find("logoImage"), $P.find("logo"), "orgn-path", "orgn-name");
 
 	//시군구 기본 설정 저장 버튼
-	$("#btnSaveSgg--${pageName}").on("click", function(){
+	$P.$find("btnSaveSgg").on("click", function(){
 
-		var formData = new FormData($("#mainForm--${pageName}")[0]);
+		var formData = new FormData($P.find("mainForm"));
 
 		ajax.post({
 			url: wctx.url("/ogdp/updateSggStng.do"),
@@ -431,14 +437,14 @@ $(document).ready(function(){
 	});
 
 	//업무 추가 버튼
-	$("#btnOpenSelectTaskDialog--${pageName}").on("click", function(){
+	$P.$find("btnOpenSelectTaskDialog").on("click", function(){
 		$("#selectTaskButtons").html("");
 
 		var keys = Object.keys(ALL_TASK);
 		var ableKeys = [];
 
 		for(var i=0; i < keys.length; i++){
-			if($("#tabContentContainer--${pageName}").find("#tab"+keys[i]+"--${pageName}").length < 1){
+			if($P.$find("tabContentContainer").find("[name='tab"+keys[i]+"']").length < 1){
 				ableKeys.push(keys[i]);
 			}
 		}
@@ -471,7 +477,7 @@ $(document).ready(function(){
 		ajax.post({
 			url: wctx.url("/ogdp/createTaskStng.do"),
 			data: {
-				sggCd : $("#mainForm--${pageName}").find("[name='sggID']").val(),
+				sggCd : $P.$find("mainForm").find("[name='sggID']").val(),
 				taskSeCd : taskSeCd
 			},
 			success: (resp) => {
@@ -491,13 +497,13 @@ $(document).ready(function(){
 
 	$P.fnSaveForTask = (el) => {
 		var taskSeCd = el.dataset.task;
-		var sggCd = $("#mainForm--${pageName}").find("[name='sggID']").val();
+		var sggCd = $P.$find("mainForm").find("[name='sggID']").val();
 
-		var formData = new FormData($("#"+taskSeCd+"Form--${pageName}")[0]);
+		var formData = new FormData($P.find(taskSeCd+"Form"));
 		formData.append("taskSeCd",taskSeCd);
 		formData.append("sggCd", sggCd);
 
-		var rowArr = $P.getRowData(taskSeCd+"tbody--${pageName}", formData);
+		var rowArr = $P.getRowData(taskSeCd+"tbody", formData);
 
 		var vltnStngList = fnJsonArrayToFormData(rowArr,"vltnStngList");
 		var keys = Object.keys(vltnStngList);
@@ -525,9 +531,9 @@ $(document).ready(function(){
 	};
 
 
-	$P.getRowData = (tbodyId, formData) => {
+	$P.getRowData = (tbodyName, formData) => {
 		var rowArr = [];
-		$("#"+tbodyId+" tr").each(function(){
+		$P.$find(tbodyName).find("tr").each(function(){
 			var row = {};
 
 			row.vltnId = this.dataset.key;
diff --git a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp
index c194c613..672042fa 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp
@@ -1,7 +1,7 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">부서관리</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 		<div class="card wrapper-list">
 
@@ -139,7 +139,7 @@
 /**************************************************************************
  * Global Variable
  **************************************************************************/
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 
 
 $(document).ready(function(){
diff --git a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp
index 36b9ddee..f0e86917 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp
@@ -1,7 +1,7 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">부서 정보</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 	
 		<div class="card">
@@ -260,7 +260,7 @@
 </div>
 
 <script>
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 pageObject["${pageName}"].provided = {};
 
 pageObject.childReq = [];