From 323096ac45db446b43ddd8ce02bc489a25f90328 Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Mon, 5 Aug 2024 13:16:49 +0900
Subject: [PATCH] =?UTF-8?q?=EC=86=8C=EC=8A=A4=EC=A0=95=EB=A6=AC(html?=
 =?UTF-8?q?=EC=97=98=EB=A6=AC=EB=A8=BC=ED=8A=B8=20id=EC=A0=9C=EA=B1=B0=20?=
 =?UTF-8?q?=EB=B0=8F=20name=EC=B6=94=EA=B0=80)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/crdn/crdn01020-info.jsp  |   6 +-
 .../WEB-INF/jsp/fims/crdn/crdn02050-info.jsp  |   4 +-
 .../WEB-INF/jsp/fims/crdn/crdn03010-main.jsp  |  16 +-
 .../WEB-INF/jsp/fims/crdn/crdn05010-main.jsp  |  14 +-
 .../WEB-INF/jsp/fims/crdn/crdn05020-info.jsp  |  11 +-
 .../WEB-INF/jsp/fims/crdn/crdn05030-info.jsp  |  20 +--
 .../WEB-INF/jsp/fims/crdn/crdn06010-main.jsp  |  26 ++-
 .../WEB-INF/jsp/fims/crdn/crdn06020-info.jsp  |  14 +-
 .../WEB-INF/jsp/fims/crdn/crdn06030-info.jsp  |   6 +-
 .../WEB-INF/jsp/fims/crdn/crdn07010-main.jsp  |  46 +++---
 .../WEB-INF/jsp/fims/crdn/crdn08010-main.jsp  |  62 +++----
 .../WEB-INF/jsp/fims/crdn/crdn08020-info.jsp  |  10 +-
 .../WEB-INF/jsp/fims/crdn/crdn08030-info.jsp  |  12 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp  |  24 +--
 .../WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp  |  12 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp  |   4 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp  |  24 +--
 .../WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp  |   6 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp  |  20 +--
 .../WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp  |  20 +--
 .../WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp  | 155 +++++++++---------
 .../WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp  |  30 ++--
 .../WEB-INF/jsp/fims/sprt/sprt02020-info.jsp  |   2 +-
 23 files changed, 271 insertions(+), 273 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
index 2f747cdf..85c2d376 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
@@ -4,7 +4,7 @@
 
 <div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
-		<form id="frmEdit--${pageName}" name="frmEdit">
+		<form name="frmEdit">
 		
 			<div class="card my-2">
 				<div class="card-header">
@@ -266,7 +266,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
-	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 	$P.ctrl = new DatasetControl({
 	    dataGetter : obj => obj["List"], appendData : true,
@@ -296,7 +296,7 @@ $(document).ready(function(){
 	 **************************************************************************/
 	$P.fnSave = () => {
 
-		if(!customValidate($("#frmEdit--${pageName}").find("input,select,textarea"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input,select,textarea"))) return;
 		
 		var info = $P.formFields.get();
 		
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp
index 593215e6..9012d8ff 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp
@@ -3,7 +3,7 @@
 
 <span data-doctx="${pageName}">
 	<div class="card">
-		<form id="frmEdit--${pageName}" name="frmEdit">
+		<form name="frmEdit">
 	
 			<input type="hidden" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
 	
@@ -48,7 +48,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
-	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 	$P.ctrl = new DatasetControl({
 		dataGetter : obj => obj.crdnInfo,
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp
index 63946595..d30f87cb 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp
@@ -85,9 +85,9 @@
 									<th class="dummy-th"></th>
 								</tr>
 		                    </thead>
-		                    <tbody id="crdnTbody--${pageName}">
+		                    <tbody name="crdnTbody">
 							</tbody>
-							<template id="crdnRow--${pageName}">
+							<template name="crdnRow">
 								<tr data-key="{CRDN_ID}">
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
 		                    		<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_NM}</td>
@@ -100,7 +100,7 @@
 		                    		<td class="dummy-td"></td>
 								</tr>
 							</template>
-							<template id="crdnNotFound--${pageName}">
+							<template name="crdnNotFound">
 								<tr>
 	                    			<td valign="top" colspan="9" class="dataTables_empty text-center">
 	                    			단속 정보를 찾지 못했습니다.
@@ -168,7 +168,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#crdnTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("crdnTbody"));
 	};
 
 	/**************************************************************************
@@ -251,7 +251,7 @@ $(document).ready(function(){
     	}
 
 		var cellDefs = getCellDefs($("#crdnTheadTr--${pageName} th").not(".dummy-th").not(":eq(0)"),
-    			$($("#crdnRow--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+    			$($P.find("crdnRow").content).find("td").not(".dummy-td").not(":eq(0)"));
 		$P.ctrl.query.cellDefs = cellDefs;
 
     	$P.ctrl.download();
@@ -259,8 +259,8 @@ $(document).ready(function(){
 
 	$P.getGridTemplate = () => {
 
-		var notFound = [document.getElementById("crdnNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("crdnRow--${pageName}").innerHTML;
+		var notFound = [$P.find("crdnNotFound").innerHTML];
+		var found = $P.find("crdnRow").innerHTML;
 		var replacer = (str, dataItem) => str
         	.replace(/{onclick}/gi, "pageObject['${pageName}'].clickCrdnList('" + dataItem.getValue("CRDN_ID") + "');")
     		.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickCrdnList('" + dataItem.getValue("CRDN_ID") + "');");
@@ -291,7 +291,7 @@ $(document).ready(function(){
 			return;
 		}
 
-		$("#crdnTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("crdnTbody").setCurrentRow(dataKey);
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
 
 	}
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
index d2767c27..adabcda2 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
@@ -71,8 +71,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 		                    </thead>
-		                    <tbody id="crdnTbody--${pageName}"></tbody>
-							<template id="crdnRow--${pageName}">
+		                    <tbody name="crdnTbody"></tbody>
+							<template name="crdnRow">
 	                    		<tr data-key="{CRDN_ID}">
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_REG_SE_NM}</td>
@@ -84,7 +84,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 	                    	</template>
-	                    	<template id="crdnNotFound--${pageName}">
+	                    	<template name="crdnNotFound">
 	                    		<tr>
 	                    			<td valign="top" colspan="8" class="dataTables_empty text-center">
 	                    			단속 정보를 찾지 못했습니다.
@@ -150,7 +150,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#crdnTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("crdnTbody"));
 	}
 
 	/**************************************************************************
@@ -204,8 +204,8 @@ $(document).ready(function(){
 
 
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("crdnNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("crdnRow--${pageName}").innerHTML;
+		var notFound = [$P.find("crdnNotFound").innerHTML];
+		var found = $P.find("crdnRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickCrdnList('" + dataItem.getValue("CRDN_ID") + "');")
         	.replace(/{ondblclick}/gi, "");
@@ -236,7 +236,7 @@ $(document).ready(function(){
 		if(dataKey == ""){
 			return;
 		}
-		$("#crdnTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("crdnTbody").setCurrentRow(dataKey);
 
 		
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
index 4e8b7c4b..77e1c6c1 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
@@ -4,7 +4,7 @@
 <div class="d-flex flex-column" data-doctx="${pageName}">
 	<div class="d-flex flex-row justify-content-evenly">
 		<div class="card h-px-80 w-px-1400">
-			<form id="frmFirst--${pageName}" method="post" enctype="multipart/form-data">
+			<form name="frmFirst" method="post" enctype="multipart/form-data">
 				<div class="row g-1">
 					<div class="col-md-12">
 						<div class="form-check form-switch">
@@ -43,7 +43,7 @@
 	</div>
 	<div class="d-flex flex-row justify-content-evenly">
 		<div class="card my-4 px-4 h-px-600 w-px-700">
-			<form id="frmGrid--${pageName}">
+			<form name="frmGrid">
 				<div>
 					<span class="container-page-btn">
 						<div class="d-flex flex-row justify-content-between">
@@ -157,9 +157,10 @@
 		</div>
 	</div>
 	
+	<form name="frmMultipart" method="post" enctype="multipart/form-data"></form>
 </div>
 
-<form id="frmMultipart--${pageName}" method="post" enctype="multipart/form-data"></form>
+
 
 <script>
 pageObject["${pageName}"] = newDoctxFinder("${pageName}");
@@ -266,7 +267,7 @@ $(document).ready(function(){
 			return;
 		}
 		
-		var formData = new FormData(document.getElementById("frmFirst--${pageName}"));
+		var formData = new FormData($P.find("frmFirst"));
 		formData.append("taskSeCd", "${taskSeCd}");
 		
 		ajax.post({
@@ -384,7 +385,7 @@ $(document).ready(function(){
 		}
 		
 		var firstGroupKey = Object.keys($P.tempGroup)[0];
-		var formData = new FormData(document.getElementById("frmMultipart--${pageName}"));
+		var formData = new FormData($P.find("frmMultipart"));
 		formData.append("taskSeCd", "${taskSeCd}");
 		formData.append("fileGroupType", $P.tempGroup[firstGroupKey][0].FILE_GROUP_TYPE);
 		formData.append("fileLayoutId", $P.tempGroup[firstGroupKey][0].FILE_LAYOUT_ID);
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
index c3b2a90f..3762502a 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
@@ -3,7 +3,7 @@
 <c:set var="pageKorName" scope="request">단속자료 수기 등록</c:set>
 <div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card mw-px-1000">
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input type="hidden" id="crdnId-${pageName}" name="crdnId" data-map="CRDN_ID" />
 			<input type="hidden" id="rtpyrId--${pageName}" name="rtpyrId" data-map="RTPYR_ID"/>
 			<input type="hidden" id="addrSn--${pageName}" name="addrSn" data-map="ADDR_SN"/>
@@ -340,12 +340,12 @@
 		</form>
 	</div>
 	<div class="card w-px-400 min-w-px-400">
-		<form id="frmFile--${pageName}" method="post" enctype="multipart/form-data">
+		<form name="frmFile" method="post" enctype="multipart/form-data">
 			<input type="file" id="newFileList--${pageName}" name="newFileList"
 			multiple accept="image/*" hidden />
 		</form>
 
-		<form id="frmUploadSet--${pageName}" method="post" enctype="multipart/form-data">
+		<form name="frmUploadSet" method="post" enctype="multipart/form-data">
 			<input type="file" id="inputUploadSet--${pageName}" name="inputUploadSet"
 			multiple accept="image/*" hidden />
 		</form>
@@ -378,7 +378,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
-	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 	$P.uploadSet = uploadSupport("#inputUploadSet--${pageName}");
 
@@ -437,7 +437,7 @@ $(document).ready(function(){
 
 	$P.fnSave = async() => {
 
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 
 		if($("#doWarning--${pageName}").is(":checked")){
 
@@ -462,7 +462,7 @@ $(document).ready(function(){
 				return;
 			}
 
-			var formData = new FormData(document.getElementById("frmFile--${pageName}"));
+			var formData = new FormData($P.find("frmFile"));
 			for(var key in info) {
 			    var value = info[key];
 			    formData.append(key,value);
@@ -523,7 +523,7 @@ $(document).ready(function(){
 	 **************************************************************************/
 	var clsForTask = $("#taskSeCd--${pageName}").val().toLowerCase();
 	//업무별 입력 항목
-	renderForTask('frmEdit--${pageName}', clsForTask);
+	renderForTask($P.find("frmEdit"), clsForTask);
 
 	/**************************************************************************
 	 * element.on
@@ -707,9 +707,9 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * 초기화
 	 **************************************************************************/
-	initDatepicker("frmEdit--${pageName}"); //달력 초기화
+	initDatepicker($P.find("frmEdit")); //달력 초기화
 
-	$("#frmEdit--${pageName}").find(".form-date").each(function(){
+	$P.$find("frmEdit").find(".form-date").each(function(){
 		$(this).on("input",function(){
 			var value = this.value.replaceAll("-","");
 
@@ -721,7 +721,7 @@ $(document).ready(function(){
 
 		});
 	});
-	$("#frmEdit--${pageName}").find(".form-time").each(function(){
+	$P.$find("frmEdit").find(".form-time").each(function(){
 		$(this).on("input",function(){
 			var value = this.value.replaceAll(":","");
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
index 2eb9aaf4..8a01ebae 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
@@ -182,15 +182,13 @@
 					class="table-responsive ox-scroll oy-scroll h-px-500">
 						<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
-								<tr id="crdnThead--${pageName}"
+								<tr name="crdnThead"
 								data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
 								data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
 								</tr>
 							</thead>
-		                    <tbody id="crdnTbody--${pageName}">
-		                    </tbody>
-
-		                    <template id="crdnCols--${pageName}">
+		                    <tbody name="crdnTbody"></tbody>
+		                    <template id="crdnCols--${pageName}" name="crdnCols">
 								<th style="width: 80px;" class="cmn">No.</th>
 								<th class="cmn" style="width: 56px;">
 									<input type="checkbox" class="form-check-input" id="gridAllCheckbox--${pageName}"
@@ -220,7 +218,7 @@
 								style="width: 250px;" class="cmn">제외내역</th>
 								<th class="cmn dummy-th"></th>
 		                    </template>
-							<template id="crdnRow--${pageName}">
+							<template name="crdnRow">
 								<tr data-key="{CRDN_ID}">
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end cmn">{ROW_NUM}</td>
 									<td class="cmn text-center">
@@ -241,7 +239,7 @@
 		                    		<td class="dummy-td cmn"></td>
 	                    		</tr>
 							</template>
-							<template id="crdnNotFound--${pageName}">
+							<template name="crdnNotFound">
 								<tr class="dpv">
 									<td valign="top" colspan="14" class="dataTables_empty text-center">
 									단속 정보를 찾지 못했습니다.
@@ -337,11 +335,11 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#crdnTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("crdnTbody"));
 	}
 
 	$P.ctrl.dataset.onSelectionChange = (selectedArr) => {
-		Apply.fromDataset.gridCheckbox($P.ctrl.dataset, document.getElementById("crdnTbody--${pageName}"), 1, selectedArr);
+		Apply.fromDataset.gridCheckbox($P.ctrl.dataset, $P.find("crdnTbody"), 1, selectedArr);
 		Apply.fromDataset.gridButton($P.ctrl.dataset, $P.find("btnSendCrdn"), selectedArr);
 	};
 
@@ -422,8 +420,8 @@ $(document).ready(function(){
     		return;
     	}
 
-    	var cellDefs = getCellDefs($("#crdnThead--${pageName} th").not(".dummy-th").not(":eq(0)").not(":eq(0)"),
-    			$($("#crdnRow--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)").not(":eq(0)"));
+    	var cellDefs = getCellDefs($P.$find("crdnThead").find("th").not(".dummy-th").not(":eq(0)").not(":eq(0)"),
+    			$($P.find("crdnRow").content).find("td").not(".dummy-td").not(":eq(0)").not(":eq(0)"));
 		$P.ctrl.query.cellDefs = cellDefs;
 
 		if(forApproval){
@@ -448,8 +446,8 @@ $(document).ready(function(){
 
 	$P.getGridTemplate = () => {
 		var clsForTask = $P.$find("frmSearch").find("[name='taskSeCd']:checked").val().toLowerCase();
-		var notFound = [document.getElementById("crdnNotFound--${pageName}").content.querySelector("."+clsForTask+",.cmn").outerHTML];
-		var foundContent = document.getElementById("crdnRow--${pageName}").content;
+		var notFound = [$P.find("crdnNotFound").content.querySelector("."+clsForTask+",.cmn").outerHTML];
+		var foundContent = $P.find("crdnRow").content;
 		var foundTr = $(foundContent).find("tr")[0].cloneNode(false);
 		var foundTds = $(foundContent).find("."+clsForTask+",.cmn");
 		foundTds.each(function(){
@@ -487,7 +485,7 @@ $(document).ready(function(){
 			return;
 		}
 
-		$("#crdnTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("crdnTbody").setCurrentRow(dataKey);
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
 	}
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
index bfdfae87..f5f0beec 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
@@ -11,7 +11,7 @@
 		<!-- Page Body -->
 		<div class="card">
 			<!-- 입력 영역 -->
-			<form id="frmEdit--${pageName}" name="frmEdit">
+			<form name="frmEdit">
 				<!-- hidden -->
 				<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
 				<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" data-map="TASK_SE_CD" />
@@ -230,7 +230,7 @@
 	 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
 		$P.callPurpose = "${callPurpose}";
 		// FormFields
-	 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	 	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 		/**************************************************************************
 		 * DatasetControl
@@ -296,7 +296,7 @@
 				taskSeCd = $("#taskSeCd--${pageName}").val();
 			}
 
-			renderForTask("frmEdit--${pageName}", taskSeCd.toLowerCase());
+			renderForTask($P.find("frmEdit"), taskSeCd.toLowerCase());
 		}
 
 		// 업무구분에 따른 URL 설정
@@ -406,7 +406,7 @@
 		// 저장
 		$P.fnSave = () => {
 			// validate 확인
-			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
+			if (!customValidate($P.$find("frmEdit").find("input, select, textarea"))) return;
 
 			// 단속 ID
 			let crdnId = $P.control.dataset.getValue("CRDN_ID");
@@ -430,7 +430,7 @@
 		// 이벤트 설정
 		$P.setEvent = () => {
 			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-			$("#frmEdit--${pageName}").find(".form-date").each(function() {
+			$P.$find("frmEdit").find(".form-date").each(function() {
 				$(this).on("input",function() {
 					let value = this.value.replaceAll("-", "");
 
@@ -441,7 +441,7 @@
 					}
 				});
 			});
-			$("#frmEdit--${pageName}").find(".form-time").each(function() {
+			$P.$find("frmEdit").find(".form-time").each(function() {
 				$(this).on("input",function() {
 					let value = this.value.replaceAll(":", "");
 
@@ -467,7 +467,7 @@
 		// 초기 화면 설정
 		$P.initForm = () => {
 			// 달력 초기화
-		    initDatepicker("frmEdit--${pageName}");
+		    initDatepicker($P.find("frmEdit"));
 		    $("#crdnYmd--${pageName}").datepicker("setDate", TODAY());
 		}
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
index 9586947b..a5581b6d 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
@@ -11,7 +11,7 @@
 		<!-- Page Body -->
 		<div class="card">
 			<!-- 입력 영역 -->
-			<form id="frmEdit--${pageName}" name="frmEdit">
+			<form name="frmEdit">
 				<!-- hidden -->
 				<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
 				<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" data-map="TASK_SE_CD" />
@@ -72,7 +72,7 @@
 	 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
 		$P.callPurpose = "${callPurpose}";
 		// FormFields
-	 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	 	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 		/**************************************************************************
 		 * DatasetControl
@@ -141,7 +141,7 @@
 		// 저장 버튼 클릭 이벤트
 		$P.fnSave = (title) => {
 			// validate 확인
-			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
+			if (!customValidate($P.$find("frmEdit").find("input, select, textarea"))) return;
 
 			dialog.alert({
 				  content: "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
index 39920403..12f420a0 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
@@ -51,10 +51,10 @@
 			</div>
 			<div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_0--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
+					<div name="table-responsive_0" class="table-responsive ox-scroll oy-scroll h-px-300">
 						<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
-								<tr id="useTeamTheadTr--${pageName}">
+								<tr name="useTeamTheadTr">
 									<th style="width: 160px;">단속조</th>
 									<th style="width: 160px;">단속구분</th>
 									<th style="width: 160px;">단속원1</th>
@@ -66,8 +66,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 		                    </thead>
-		                    <tbody id="useTeamTbody--${pageName}"></tbody>
-							<template id="useTeamRow--${pageName}">
+		                    <tbody name="useTeamTbody"></tbody>
+							<template name="useTeamRow">
 	                    		<tr data-key="{TEAM_ID}">
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{TEAM_NM}</td>
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{CRDN_SE_NM}</td>
@@ -80,7 +80,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 	                    	</template>
-	                    	<template id="useTeamNotFound--${pageName}">
+	                    	<template name="useTeamNotFound">
 	                    		<tr>
 	                    			<td valign="top" colspan="9" class="dataTables_empty text-center">
 	                    			단속팀 정보를 찾지 못했습니다.
@@ -94,7 +94,7 @@
 
 		    <!-- 입력, 수정 -->
 		    <div class="card">
-				<form id="frmEdit--${pageName}">
+				<form name="frmEdit">
 
 					<div class="row g-1">
 						<div class="col-md-3">
@@ -185,11 +185,11 @@
 			</div>
 		    <div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_1--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
-						<table id="DataTables_Table_1--${pageName}"
+					<div name="table-responsive_1" class="table-responsive ox-scroll oy-scroll h-px-300">
+						<table name="DataTables_Table_1"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
-								<tr id="delTeamTheadTr--${pageName}">
+								<tr name="delTeamTheadTr">
 									<th style="width: 200px;">단속조</th>
 									<th style="width: 200px;">단속구분</th>
 									<th style="width: 200px;">단속원1</th>
@@ -202,8 +202,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 		                    </thead>
-		                    <tbody id="delTeamTbody--${pageName}"></tbody>
-							<template id="delTeamRow--${pageName}">
+		                    <tbody name="delTeamTbody"></tbody>
+							<template name="delTeamRow">
 	                    		<tr data-key="{TEAM_ID}">
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{TEAM_NM}</td>
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{CRDN_SE_NM}</td>
@@ -217,7 +217,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 	                    	</template>
-	                    	<template id="delTeamNotFound--${pageName}">
+	                    	<template name="delTeamNotFound">
 	                    		<tr>
 	                    			<td valign="top" colspan="10" class="dataTables_empty text-center">
 	                    			조회된 정보가 없습니다.
@@ -313,7 +313,7 @@ $(document).ready(function(){
 			return;
 		}
 
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#useTeamTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("useTeamTbody"));
 
 		$("#teamNm--${pageName}").val(dataItem.data.TEAM_NM);
 		$("#crdnSeCd--${pageName}").val(dataItem.data.CRDN_SE_CD);
@@ -338,7 +338,7 @@ $(document).ready(function(){
 
 		$P.ctrl.dataset.setData([]);
 
-		var editForm = $("#frmEdit--${pageName}");
+		var editForm = $P.$find("frmEdit");
 		editForm.find("input[type='text']").val("");
 		editForm.find("input[type='hidden']").val("");
 
@@ -380,14 +380,14 @@ $(document).ready(function(){
 		var replacer;
 
 		if(gridType == "useTeam"){
-			notFound = [document.getElementById("useTeamNotFound--${pageName}").innerHTML];
-			found = document.getElementById("useTeamRow--${pageName}").innerHTML;
+			notFound = [$P.find("useTeamNotFound").innerHTML];
+			found = $P.find("useTeamRow").innerHTML;
 			replacer = (str, dataItem) => str
 				.replace(/{onclick}/gi, "pageObject['${pageName}'].clickUseTeamList('" + dataItem.getValue("TEAM_ID") + "');")
 	        	.replace(/{ondblclick}/gi, "");
 		} else {
-			notFound = [document.getElementById("delTeamNotFound--${pageName}").innerHTML];
-			found = document.getElementById("delTeamRow--${pageName}").innerHTML;
+			notFound = [$P.find("delTeamNotFound").innerHTML];
+			found = $P.find("delTeamRow").innerHTML;
 			replacer = (str, dataItem) => str
 				.replace(/{onclick}/gi, "")
 	        	.replace(/{ondblclick}/gi, "");
@@ -401,11 +401,11 @@ $(document).ready(function(){
 	}
 
 	$P.renderUseTeamList = (total, listLength, trs) => {
-		$("#useTeamTbody--${pageName}").html(trs);
+		$P.$find("useTeamTbody").html(trs);
 	}
 
 	$P.renderDelTeamList = (total, listLength, trs) => {
-		$("#delTeamTbody--${pageName}").html(trs);
+		$P.$find("delTeamTbody").html(trs);
 	}
 
 	$P.clickUseTeamList = (dataKey) => {
@@ -413,7 +413,7 @@ $(document).ready(function(){
 	}
 
 	$P.fnSave = () => {
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		var data = formFields.get();
 
 		data.taskSeCd = $P.$find("frmSearch").find("input[name='taskSeCd']:checked").val();
@@ -475,8 +475,8 @@ $(document).ready(function(){
 	$P.$find("btnRemove").on('click', () => { $P.fnRemove(); });
 	$P.$find("btnShowDeleted").on('click', () => { $P.fnShowDeleted(); });
 
-	fnMakeResizableTable($("#table-responsive_0--${pageName}")[0]);
-	fnMakeResizableTable($("#table-responsive_1--${pageName}")[0]);
+	fnMakeResizableTable($P.find("table-responsive_0"));
+	fnMakeResizableTable($P.find("table-responsive_1"));
 
     /**************************************************************************
 	 * 초기화
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
index f61c03bb..2ddd1e26 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
@@ -81,8 +81,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 		                    </thead>
-		                    <tbody id="exmptnVhclTbody--${pageName}"></tbody>
-							<template id="exmptnVhclRow--${pageName}">
+		                    <tbody name="exmptnVhclTbody"></tbody>
+							<template name="exmptnVhclRow">
 	                    		<tr data-key="{EXMPTN_VHCL_ID}">
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
 	                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
@@ -101,7 +101,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 	                    	</template>
-	                    	<template id="exmptnVhclNotFound--${pageName}">
+	                    	<template name="exmptnVhclNotFound">
 	                    		<tr>
 	                    			<td valign="top" colspan="15" class="dataTables_empty text-center">
 	                    			면제차량 정보를 찾지 못했습니다.
@@ -116,29 +116,31 @@
 	</div>
 
   	<div class="content-backdrop fade"></div>
-</div>
-
-<template id="delRsnDialogTemplate--${pageName}">
-	<form id="frmEdit--${pageName}">
-		<div class="card">
-			<div class="row g-1">
-				<div class="col-md-12">
-					<label for="delRsn--${pageName}"
-							class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">삭제사유</label>
-					<input type="text" id="delRsn--${pageName}" name="delRsn"
-						class="form-control w-80" type="text" maxlength="1000" data-maxlengthb="1000" />
+  	
+  	<template name="delRsnDialogTemplate">
+		<form name="frmEdit">
+			<div class="card">
+				<div class="row g-1">
+					<div class="col-md-12">
+						<label for="delRsn--${pageName}"
+								class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">삭제사유</label>
+						<input type="text" id="delRsn--${pageName}" name="delRsn"
+							class="form-control w-80" type="text" maxlength="1000" data-maxlengthb="1000" />
+					</div>
 				</div>
 			</div>
-		</div>
-		<div>
-			<span class="container-page-btn">
-				<span class="container-window-btn-right">
-					<button type="button" name="btnRemove" class="btn btn-primary" title="확인">확인</button>
+			<div>
+				<span class="container-page-btn">
+					<span class="container-window-btn-right">
+						<button type="button" name="btnRemove" class="btn btn-primary" title="확인">확인</button>
+					</span>
 				</span>
-			</span>
-		</div>
-	</form>
-</template>
+			</div>
+		</form>
+	</template>
+</div>
+
+
 
 <script>
 /**************************************************************************
@@ -187,7 +189,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#exmptnVhclTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("exmptnVhclTbody"));
 	}
 
 	/**************************************************************************
@@ -232,15 +234,15 @@ $(document).ready(function(){
     	}
 
 		var cellDefs = getCellDefs($("#exmptnVhclTheadTr--${pageName} th").not(".dummy-th").not(":eq(0)"),
-    			$($("#exmptnVhclRow--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+    			$($P.find("exmptnVhclRow").content).find("td").not(".dummy-td").not(":eq(0)"));
 		$P.ctrl.query.cellDefs = cellDefs;
 
     	$P.ctrl.download();
 	}
 
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("exmptnVhclNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("exmptnVhclRow--${pageName}").innerHTML;
+		var notFound = [$P.find("exmptnVhclNotFound").innerHTML];
+		var found = $P.find("exmptnVhclRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickExmptnVhclList('" + dataItem.getValue("EXMPTN_VHCL_ID") + "');")
         	.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickExmptnVhclList('" + dataItem.getValue("EXMPTN_VHCL_ID") + "');");
@@ -280,7 +282,7 @@ $(document).ready(function(){
 		}
 		$P.$find("btnHistory").prop("disabled", false);
 
-		$("#exmptnVhclTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("exmptnVhclTbody").setCurrentRow(dataKey);
 
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
 	}
@@ -364,11 +366,11 @@ $(document).ready(function(){
 		dialog.open({
 			id : "delRsnDialog--${pageName}",
 			title : "삭제사유입력다이얼로그",
-			content : document.getElementById("delRsnDialogTemplate--${pageName}").innerHTML,
+			content : $P.find("delRsnDialogTemplate").innerHTML,
 			size : "xl",
 			init : () => {
 				$("#delRsnDialog--${pageName} .modal-content").addClass("min-w-px-700");
-				$P.$find("btnRemove").on("click", () => $P.fnRemove());
+				$("#delRsnDialog--${pageName}").find("[name='btnRemove']").on("click", () => $P.fnRemove());
 			},
 			onClose : () => {}
 		});
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp
index a4a1b313..e5ff462f 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp
@@ -3,7 +3,7 @@
 <c:set var="pageKorName" scope="request">면제차량 상세 조회</c:set>
 
 <div class="card" data-doctx="${pageName}">
-	<form id="frmEdit--${pageName}">
+	<form name="frmEdit">
 		<input type="hidden" id="exmptnVhclId--${pageName}" name="exmptnVhclId" data-map="EXMPTN_VHCL_ID" />
 		<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
 		
@@ -92,7 +92,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
-	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 	$P.ctrl = new DatasetControl({
 	    dataGetter : obj => obj.exmptnVhclInfo,
@@ -118,7 +118,7 @@ $(document).ready(function(){
 	
 	$P.fnSave = async() => {
 
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 		
 		if(await confirm2("면제 차량 정보를 저장하시겠습니까?")){
 			var info = $P.formFields.get();
@@ -162,9 +162,9 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * 초기화
 	 **************************************************************************/
-	initDatepicker("frmEdit--${pageName}"); //달력 초기화
+	initDatepicker($P.find("frmEdit")); //달력 초기화
 
-	$("#frmEdit--${pageName}").find(".form-date").each(function(){
+	$P.$find("frmEdit").find(".form-date").each(function(){
 		$(this).on("input",function(){
 			var value = this.value.replaceAll("-","");
 			
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
index 15320865..896a4bd8 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
@@ -28,8 +28,8 @@
 							<th class="dummy-th"></th>
 						</tr>
                     </thead>
-                    <tbody id="exmptnVhclTbody--${pageName}"></tbody>
-					<template id="exmptnVhclRow--${pageName}">
+                    <tbody name="exmptnVhclTbody"></tbody>
+					<template name="exmptnVhclRow">
                    		<tr data-key="{HSTRY_SN}">
                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{HSTRY_SN}</td>
                    			<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
@@ -49,7 +49,7 @@
                     		<td class="dummy-td"></td>
                     	</tr>
                    	</template>
-                   	<template id="exmptnVhclNotFound--${pageName}">
+                   	<template name="exmptnVhclNotFound">
                    		<tr>
                    			<td valign="top" colspan="15" class="dataTables_empty text-center">
                    			면제차량 이력 정보를 찾지 못했습니다.
@@ -104,8 +104,8 @@ $(document).ready(function(){
 	 **************************************************************************/
 	
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("exmptnVhclNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("exmptnVhclRow--${pageName}").innerHTML;
+		var notFound = [$P.find("exmptnVhclNotFound").innerHTML];
+		var found = $P.find("exmptnVhclRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "")
         	.replace(/{ondblclick}/gi, "");
@@ -118,7 +118,7 @@ $(document).ready(function(){
 	}
 	
 	$P.renderExmptnVhclList = (total, listLength, trs) => {
-		$("#exmptnVhclTbody--${pageName}").html(trs);
+		$P.$find("exmptnVhclTbody").html(trs);
 		
 		//보안모드
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp
index a6b7e14c..99ece59b 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp
@@ -133,7 +133,7 @@
 					<div id="table-responsive--${pageName}" name="table-responsive" 
 					class="table-responsive ox-scroll oy-scroll h-px-500">
 						<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
-							<thead id="crdnThead--${pageName}" class="sticky-thead">
+							<thead name="crdnThead" class="sticky-thead">
 								<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
 									data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
 									<th style="width: 80px;">No.</th>
@@ -164,8 +164,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 							</thead>
-		                    <tbody id="crdnTbody--${pageName}"></tbody>
-							<template id="crdnRow--${pageName}">
+		                    <tbody name="crdnTbody"></tbody>
+							<template name="crdnRow">
 								<tr data-key="{CRDN_ID}">
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CVLCPT_RCPT_NO}</td>
@@ -183,7 +183,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 							</template>
-							<template id="crdnNotFound--${pageName}">
+							<template name="crdnNotFound">
 								<tr>
 									<td valign="top" colspan="14" class="dataTables_empty text-center">
 									민원 정보를 찾지 못했습니다.
@@ -274,7 +274,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#crdnTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("crdnTbody"));
 		if(!dataItem){
 			$("#bottomCrdnPlc--${pageName}").val("");
 
@@ -395,16 +395,16 @@ $(document).ready(function(){
     		return;
     	}
 
-		var cellDefs = getCellDefs($("#crdnThead--${pageName} th").not(".dummy-th").not(":eq(0)"),
-    			$($("#crdnRow--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+		var cellDefs = getCellDefs($P.$find("crdnThead").find("th").not(".dummy-th").not(":eq(0)"),
+    			$($P.find("crdnRow").content).find("td").not(".dummy-td").not(":eq(0)"));
 		$P.ctrl.query.cellDefs = cellDefs;
 
     	$P.ctrl.download();
 	}
 
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("crdnNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("crdnRow--${pageName}").innerHTML;
+		var notFound = [$P.find("crdnNotFound").innerHTML];
+		var found = $P.find("crdnRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickCrdnList('" + dataItem.getValue("CRDN_ID") + "');")
 			.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickCrdnList('" + dataItem.getValue("CRDN_ID") + "');");
@@ -430,7 +430,7 @@ $(document).ready(function(){
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 
 	    $P.holdList.forEach(function(item){
-	    	$("#crdnTbody--${pageName}").find("tr[data-key='"+item+"']").addClass("bg-dark");
+	    	$P.$find("crdnTbody").find("tr[data-key='"+item+"']").addClass("bg-dark");
 	    });
 
 	}
@@ -441,7 +441,7 @@ $(document).ready(function(){
 			return;
 		}
 
-		$("#crdnTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("crdnTbody").setCurrentRow(dataKey);
 
 		$("#bottomCrdnPlc--${pageName}").val($P.ctrl.dataset.getData(dataKey)["CRDN_PLC"]);
 
@@ -506,7 +506,7 @@ $(document).ready(function(){
 			return;
 		}
 		$P.holdList.push(curKey);
-		$("#crdnTbody--${pageName}").find("tr[data-key='"+curKey+"']").addClass("bg-dark");
+		$P.$find("crdnTbody").find("tr[data-key='"+curKey+"']").addClass("bg-dark");
 
 		$P.$find("btnOpenCvlcptOrgnl").hide();
 		$P.$find("btnDelete").hide();
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
index aa4fd4b1..fdb0a3dc 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
@@ -3,7 +3,7 @@
 
 <div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card mw-px-1000">
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input type="text" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" hidden />
 			<input type="text" id="rtpyrId--${pageName}" name="rtpyrId" data-map="RTPYR_ID" hidden />
 			<input type="text" id="addrSn--${pageName}" name="addrSn" data-map="ADDR_SN" hidden />
@@ -420,7 +420,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
-	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 	$P.ctrl = new DatasetControl({
 		dataGetter:obj => obj.crdnInfo,
@@ -774,7 +774,7 @@ $(document).ready(function(){
 
 	$P.fnAccept = async() => {
 
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 
 		var vhrno = document.getElementById("vhrno--${pageName}");
 		var rtpyrNm = document.getElementById("rtpyrNm--${pageName}");
@@ -862,7 +862,7 @@ $(document).ready(function(){
 	var clsForTask = "${taskSeCd}".toLowerCase();
 
 	//업무별 입력 항목
-	renderForTask('frmEdit--${pageName}', clsForTask);
+	renderForTask($P.find("frmEdit"), clsForTask);
 
 	/**************************************************************************
 	 * element.on
@@ -1154,9 +1154,9 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * 초기화
 	 **************************************************************************/
-	initDatepicker("frmEdit--${pageName}"); //달력 초기화
+	initDatepicker($P.find("frmEdit")); //달력 초기화
 
-	$("#frmEdit--${pageName}").find(".form-time").each(function(){
+	$P.$find("frmEdit").find(".form-time").each(function(){
 		$(this).on("input",function(){
 			var value = this.value.replaceAll(":","");
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp
index be49f16c..65c0d539 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp
@@ -4,7 +4,7 @@
 
 <div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card">
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input id="crdnId--${pageName}" name="crdnId" type="hidden" data-map="CRDN_ID" />
 			
 			<div class="row g-1">
@@ -117,7 +117,7 @@ $(document).ready(function() {
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
-	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 	$P.ctrl = new DatasetControl({
 		dataGetter:obj => obj.cvlcptInfo,
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
index 944b5c4b..7d9b9ae9 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
@@ -152,7 +152,7 @@
 					<div name="table-responsive" 
 					class="table-responsive ox-scroll oy-scroll h-px-500">
 						<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
-							<thead id="crdnThead--${pageName}" class="sticky-thead">
+							<thead name="crdnThead" class="sticky-thead">
 								<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
 									data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
 									<th style="width: 80px;">No.</th>
@@ -187,8 +187,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 							</thead>
-		                    <tbody id="crdnTbody--${pageName}"></tbody>
-							<template id="crdnRow--${pageName}">
+		                    <tbody name="crdnTbody"></tbody>
+							<template name="crdnRow">
 								<tr data-key="{CRDN_ID}">
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
 									<td class="text-center">
@@ -210,7 +210,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 							</template>
-							<template id="crdnNotFound--${pageName}">
+							<template name="crdnNotFound">
 								<tr>
 									<td valign="top" colspan="15" class="dataTables_empty text-center">
 									민원 정보를 찾지 못했습니다.
@@ -280,11 +280,11 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#crdnTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("crdnTbody"));
 	}
 
 	$P.ctrl.dataset.onSelectionChange = (selectedArr) => {
-		Apply.fromDataset.gridCheckbox($P.ctrl.dataset, document.getElementById("crdnTbody--${pageName}"), 1, selectedArr);
+		Apply.fromDataset.gridCheckbox($P.ctrl.dataset, $P.find("crdnTbody"), 1, selectedArr);
 		Apply.fromDataset.gridButton($P.ctrl.dataset, $P.find("btnExecuteAnswer"), selectedArr);
 		Apply.fromDataset.gridButton($P.ctrl.dataset, $P.find("btnAnswerComplete"), selectedArr);
 		Apply.fromDataset.gridButton($P.ctrl.dataset, $P.find("btnExecuteDisabledTagInfoInquire"), selectedArr);
@@ -351,8 +351,8 @@ $(document).ready(function(){
     		return;
     	}
 
-		var cellDefs = getCellDefs($("#crdnThead--${pageName} th").not(".dummy-th").not(":eq(0)").not(":eq(0)"),
-    			$($("#crdnRow--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)").not(":eq(0)"));
+		var cellDefs = getCellDefs($P.$find("crdnThead").find("th").not(".dummy-th").not(":eq(0)").not(":eq(0)"),
+    			$($P.find("crdnRow").content).find("td").not(".dummy-td").not(":eq(0)").not(":eq(0)"));
 		$P.ctrl.query.cellDefs = cellDefs;
 
 		if(forApproval){
@@ -368,8 +368,8 @@ $(document).ready(function(){
 
 
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("crdnNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("crdnRow--${pageName}").innerHTML;
+		var notFound = [$P.find("crdnNotFound").innerHTML];
+		var found = $P.find("crdnRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickCrdnList('" + dataItem.getValue("CRDN_ID") + "');")
 			.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickCrdnList('" + dataItem.getValue("CRDN_ID") + "');");
@@ -395,7 +395,7 @@ $(document).ready(function(){
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 
 
-	    $("#crdnTbody--${pageName}").find("tr[data-key]").each(function(item){
+	    $P.$find("crdnTbody").find("tr[data-key]").each(function(item){
 	    	var crdnId = this.dataset.key;
 
 	    	var data = $P.ctrl.dataset.getData(crdnId);
@@ -425,7 +425,7 @@ $(document).ready(function(){
 		if(dataKey == ""){
 			return;
 		}
-		$("#crdnTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("crdnTbody").setCurrentRow(dataKey);
 
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
 	}
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp
index ec562592..58f0e457 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp
@@ -4,7 +4,7 @@
 
 <div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card">
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input id="crdnId--${pageName}" name="crdnId" type="hidden" data-map="CRDN_ID" />
 			<input id="cvlcptLinkId--${pageName}" name="cvlcptLinkId" type="hidden" data-map="CVLCPT_LINK_ID" />
 
@@ -84,7 +84,7 @@ $(document).ready(function() {
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
-	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	$P.formFields = new FimsFormFields($P.selector("frmEdit"));
 
 	$P.ctrl = new DatasetControl({
 		dataGetter:obj => obj.cvlcptInfo,
@@ -146,7 +146,7 @@ $(document).ready(function() {
 
 	$P.fnSave = async() => {
 
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 
 		if(await confirm2("현재 답변 내용을 저장하시겠습니까?")){
 			var info = $P.formFields.get();
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp
index 47861744..bfe78faf 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp
@@ -130,7 +130,7 @@
 					<div id="table-responsive--${pageName}" name="table-responsive" 
 					class="table-responsive ox-scroll oy-scroll h-px-500">
 						<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
-							<thead id="crdnThead--${pageName}" class="sticky-thead">
+							<thead name="crdnThead" class="sticky-thead">
 								<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
 									data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
 									<th style="width: 80px;">No.</th>
@@ -165,8 +165,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 							</thead>
-		                    <tbody id="crdnTbody--${pageName}"></tbody>
-							<template id="crdnRow--${pageName}">
+		                    <tbody name="crdnTbody"></tbody>
+							<template name="crdnRow">
 								<tr data-key="{CRDN_ID}">
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CVLCPT_RCPT_NO}</td>
@@ -186,7 +186,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 							</template>
-							<template id="crdnNotFound--${pageName}">
+							<template name="crdnNotFound">
 								<tr>
 									<td valign="top" colspan="16" class="dataTables_empty text-center">
 									민원 정보를 찾지 못했습니다.
@@ -271,7 +271,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#crdnTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("crdnTbody"));
 	}
 
 
@@ -362,16 +362,16 @@ $(document).ready(function(){
     		return;
     	}
 
-		var cellDefs = getCellDefs($("#crdnThead--${pageName} th").not(".dummy-th").not(":eq(0)"),
-    			$($("#crdnRow--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+		var cellDefs = getCellDefs($P.$find("crdnThead").find("th").not(".dummy-th").not(":eq(0)"),
+    			$($P.find("crdnRow").content).find("td").not(".dummy-td").not(":eq(0)"));
 		$P.ctrl.query.cellDefs = cellDefs;
 
     	$P.ctrl.download();
 	}
 
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("crdnNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("crdnRow--${pageName}").innerHTML;
+		var notFound = [$P.find("crdnNotFound").innerHTML];
+		var found = $P.find("crdnRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickCrdnList('" + dataItem.getValue("CRDN_ID") + "');")
 			.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickCrdnList('" + dataItem.getValue("CRDN_ID") + "');");
@@ -404,7 +404,7 @@ $(document).ready(function(){
 			return;
 		}
 
-		$("#crdnTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("crdnTbody").setCurrentRow(dataKey);
 
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
 	}
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
index 265baf02..0fb59246 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
@@ -87,8 +87,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 							</thead>
-		                    <tbody id="dmndTbody--${pageName}"></tbody>
-							<template id="dmndRow--${pageName}">
+		                    <tbody name="dmndTbody"></tbody>
+							<template name="dmndRow">
 								<tr data-key="{INDIV_ID}">
 									<td onclick="{onclick}" class="text-end">{ROW_NUM}</td>
 									<td onclick="{onclick}" class="text-center">{DMND_YMD}</td>
@@ -100,7 +100,7 @@
 		                    		<td class="dummy-td"></td>
 		                    	</tr>
 							</template>
-							<template id="dmndNotFound--${pageName}">
+							<template name="dmndNotFound">
 								<tr>
 									<td valign="top" colspan="8" class="dataTables_empty text-center">
 									요청 정보를 찾지 못했습니다.
@@ -123,7 +123,7 @@
   	<div class="content-backdrop fade"></div>
   	
   	<template name="seallDmndDialogTemplate">
-		<form id="frmEdit--${pageName}" name="frmEdit">
+		<form name="frmEdit">
 			<div class="card">
 				<div class="row g-1">
 					<div class="col-md-12">
@@ -207,7 +207,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#dmndTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("dmndTbody"));
 	}
 
 	/**************************************************************************
@@ -284,8 +284,8 @@ $(document).ready(function(){
 	}
 
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("dmndNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("dmndRow--${pageName}").innerHTML;
+		var notFound = [$P.find("dmndNotFound").innerHTML];
+		var found = $P.find("dmndRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickDmndList('" + dataItem.getValue("INDIV_ID") + "');");
 
@@ -312,7 +312,7 @@ $(document).ready(function(){
 			return;
 		}
 
-		$("#dmndTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("dmndTbody").setCurrentRow(dataKey);
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
 	}
 
@@ -412,9 +412,9 @@ $(document).ready(function(){
 	//요청 등록
 	$P.fnCreateDmnd = () => {
 
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 
-		var info = (new FimsFormFields("#frmEdit--${pageName}")).get();
+		var info = (new FimsFormFields($P.selector("frmEdit"))).get();
 		info.taskSeCd = $P.$find("frmSearch").find("input[name='taskSeCd']:checked").val();
 
 		ajax.get({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
index 1e0c762d..5c804ff7 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
@@ -1,8 +1,8 @@
 <%@ 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" id="wrapper--${pageName}" data-doctx="${pageName}">
-	<div class="container-xxl flex-grow-1 px-0">
+<div class="content-wrapper" data-doctx="${pageName}">
+	<div class="container-xxl flex-grow-1 px-0" name="wrapper">
 		<div class="card wrapper-list">
 
 		    <form name="frmSearch">
@@ -69,7 +69,7 @@
 		    	<span class="area-answerbasic">
 		    		<div class="d-flex flex-row justify-content-center h-100">
 						<div class="card p-4 justify-content-center align-items-center w-px-1300">
-							<form id="frmEditAnsBasic--${pageName}">
+							<form name="frmEditAnsBasic">
 								<div class="w-px-900">
 									<div class="row">
 										<div class="col-12">
@@ -114,8 +114,7 @@
 								<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 									<!-- 부과건 그리드 -->
 									<span class="area-answerbody area-levy">
-										<div id="table-responsive-levy--${pageName}"
-											class="table-responsive oy-auto h-100"
+										<div class="table-responsive oy-auto h-100"
 											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
@@ -124,8 +123,8 @@
 														<th style="min-width: 300px;">위반내용</th>
 													</tr>
 												</thead>
-							                    <tbody id="vltnTbody--${pageName}"></tbody>
-												<template id="vltnRow--${pageName}">
+							                    <tbody name="vltnTbody"></tbody>
+												<template name="vltnRow">
 													<tr data-key="{VLTN_CASE_ID}">
 														<td class="text-center min-w-px-50 mw-px-50">
 															<input type="radio" name="levyRadio" value="{VLTN_CASE_ID}"
@@ -134,7 +133,7 @@
 							                    		<td onclick="{onclick}" class="text-center">{VLTN_CASE_NM}</td>
 							                    	</tr>
 												</template>
-												<template id="vltnNotFound--${pageName}">
+												<template name="vltnNotFound">
 													<tr>
 														<td valign="top" colspan="2"
 														class="dataTables_empty text-center">정보를 찾지 못했습니다.</td>
@@ -145,8 +144,7 @@
 									</span>
 									<!-- 계도건 그리드 -->
 									<span class="area-answerbody area-warning">
-										<div id="table-responsive-warning--${pageName}"
-											class="table-responsive oy-auto h-100"
+										<div class="table-responsive oy-auto h-100"
 											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
@@ -155,8 +153,8 @@
 														<th style="min-width: 300px;">계도내용</th>
 													</tr>
 												</thead>
-							                    <tbody id="warningTbody--${pageName}"></tbody>
-												<template id="warningRow--${pageName}">
+							                    <tbody name="warningTbody"></tbody>
+												<template name="warningRow">
 													<tr data-key="{LEVY_EXCL_RSN_CD}">
 														<td class="text-center min-w-px-50 mw-px-50">
 															<input type="radio" name="warningRadio" value="{LEVY_EXCL_RSN_CD}"
@@ -165,7 +163,7 @@
 							                    		<td onclick="{onclick}" class="text-center">{LEVY_EXCL_RSN_NM}</td>
 							                    	</tr>
 												</template>
-												<template id="warningNotFound--${pageName}">
+												<template name="warningNotFound">
 													<tr>
 														<td valign="top" colspan="2"
 														class="dataTables_empty text-center">정보를 찾지 못했습니다.</td>
@@ -176,8 +174,7 @@
 									</span>
 									<!-- 미부과처리건 그리드 -->
 									<span class="area-answerbody area-nonlevy">
-										<div id="table-responsive-nonlevy--${pageName}"
-											class="table-responsive oy-auto h-100"
+										<div class="table-responsive oy-auto h-100"
 											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
@@ -187,8 +184,8 @@
 														<th style="min-width: 100px;">답변여부</th>
 													</tr>
 												</thead>
-							                    <tbody id="nonlevyTbody--${pageName}"></tbody>
-												<template id="nonlevyRow--${pageName}">
+							                    <tbody name="nonlevyTbody"></tbody>
+												<template name="nonlevyRow">
 													<tr data-key="{LEVY_EXCL_RSN_CD}">
 														<td class="text-center min-w-px-50 mw-px-50">
 															<input type="radio" name="nonlevyRadio" value="{LEVY_EXCL_RSN_CD}"
@@ -198,7 +195,7 @@
 							                    		<td onclick="{onclick}" class="text-center">{USE_YN}</td>
 							                    	</tr>
 												</template>
-												<template id="nonlevyNotFound--${pageName}">
+												<template name="nonlevyNotFound">
 													<tr>
 														<td valign="top" colspan="3"
 														class="dataTables_empty text-center">정보를 찾지 못했습니다.</td>
@@ -215,7 +212,7 @@
 					    		<div class="container-md d-flex justify-content-between flex-column">
 							    	<div class="row g-1 h-px-400 oy-auto border-separator-b">
 								    	<div class="col-12">
-								    		<form id="frmEditAnsBody--${pageName}">
+								    		<form name="frmEditAnsBody">
 								    			<input type="hidden" id="ansRsnCd--${pageName}" name="ansRsnCd" />
 								    			<input type="hidden" id="dstrbncYn--${pageName}" name="dstrbncYn" />
 								    			<input type="hidden" id="ansWordsId--${pageName}" name="ansWordsId" />
@@ -281,23 +278,23 @@
 	</div>
 
   	<div class="content-backdrop fade"></div>
-</div>
-
-<template name="previewDialogTemplate">
-	<form name="frmView">
-		<div class="card">
-			<textarea name="preview" rows="15"
-			></textarea>
-		</div>
-		<div>
-			<span class="container-page-btn">
-				<span class="container-window-btn-right">
-					<button type="button" class="btn btn-primary" name="btnClose" title="닫기">닫기</button>
+  	
+  	<template name="previewDialogTemplate">
+		<form name="frmView">
+			<div class="card">
+				<textarea name="preview" rows="15"
+				></textarea>
+			</div>
+			<div>
+				<span class="container-page-btn">
+					<span class="container-window-btn-right">
+						<button type="button" class="btn btn-primary" name="btnClose" title="닫기">닫기</button>
+					</span>
 				</span>
-			</span>
-		</div>
-	</form>
-</template>
+			</div>
+		</form>
+	</template>
+</div>
 
 <script>
 LoadScript("cvlc05010Script","/resources/js/fims/cvlc/cvlc05010.js?ver=${ver}");
@@ -343,8 +340,8 @@ $(document).ready(function(){
 	    $P.renderAnsBodyList(0,'warning');
 	    $P.renderAnsBodyList(0,'nonlevy');
 
-	    $("#frmEditAnsBasic--${pageName}").find("input, textarea").val("");
-	    $("#frmEditAnsBody--${pageName}").find("input, textarea").val("");
+	    $P.$find("frmEditAnsBasic").find("input, textarea").val("");
+	    $P.$find("frmEditAnsBody").find("input, textarea").val("");
 
 	    $P.searchWordsStng();
 	}
@@ -392,29 +389,29 @@ $(document).ready(function(){
 
 	$P.renderAnsBodyList = (total, renderDataType) => {
 
-		var notFoundId = "";
-		var foundId = "";
-		var tbodyId = "";
+		var notFoundName = "";
+		var foundName = "";
+		var tbodyName = "";
 		if(renderDataType == "levy"){
-			notFoundId = "vltnNotFound--${pageName}";
-			foundId = "vltnRow--${pageName}";
-			tbodyId = "vltnTbody--${pageName}";
+			notFoundName = "vltnNotFound";
+			foundName = "vltnRow";
+			tbodyName = "vltnTbody";
 		} else if(renderDataType == "warning"){
-			notFoundId = "warningNotFound--${pageName}";
-			foundId = "warningRow--${pageName}";
-			tbodyId = "warningTbody--${pageName}";
+			notFoundName = "warningNotFound";
+			foundName = "warningRow";
+			tbodyName = "warningTbody";
 		} else if(renderDataType == "nonlevy"){
-			notFoundId = "nonlevyNotFound--${pageName}";
-			foundId = "nonlevyRow--${pageName}";
-			tbodyId = "nonlevyTbody--${pageName}";
+			notFoundName = "nonlevyNotFound";
+			foundName = "nonlevyRow";
+			tbodyName = "nonlevyTbody";
 		} else {
 			return;
 		}
 
 		var ansBodyDS = $P.ctrl[renderDataType].dataset;
 		var empty = ansBodyDS.empty;
-		var notFound = [document.getElementById(notFoundId).innerHTML];
-		var found = document.getElementById(foundId).innerHTML;
+		var notFound = [$P.find(notFoundName).innerHTML];
+		var found = $P.find(foundName).innerHTML;
 
 		var replacer = () => {};
 		if(renderDataType == "levy"){
@@ -432,24 +429,24 @@ $(document).ready(function(){
 		}
 
 		var trs = empty ? notFound : ansBodyDS.inStrings(found, replacer);
-		$("#"+tbodyId).html(trs.join());
+		$P.$find(tbodyName).html(trs.join());
 	}
 
 	$P.radioClickAnsBodyList = (dataKey, gridType) => {
 
 		$P.ctrl[gridType].setCurrent(dataKey);
 
-		var tbodyId = "";
+		var tbodyName = "";
 		if(gridType == "levy"){
-			tbodyId = "vltnTbody--${pageName}";
+			tbodyName = "vltnTbody";
 		} else if(gridType == "warning"){
-			tbodyId = "warningTbody--${pageName}";
+			tbodyName = "warningTbody";
 		} else if(gridType == "nonlevy"){
-			tbodyId = "nonlevyTbody--${pageName}";
+			tbodyName = "nonlevyTbody";
 		} else {
 			return;
 		}
-		$("#"+tbodyId).setCurrentRow(dataKey);
+		$P.$find(tbodyName).setCurrentRow(dataKey);
 
 		if(gridType == "levy" && $P.currentDisplay == "levyAnsBody"){
 			$P.changeAnsBodyText();
@@ -472,14 +469,14 @@ $(document).ready(function(){
 			return;
 		}
 
-		$("#wrapper--${pageName}").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").prop("checked",true);
+		$P.$find("wrapper").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").prop("checked",true);
 
 		if(gridType == "levy" && $P.currentDisplay == "levyAnsBody"){
-			$("#wrapper--${pageName}").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").focus();
+			$P.$find("wrapper").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").focus();
 		} else if(gridType == "warning" && $P.currentDisplay == "warningAnsBody"){
-			$("#wrapper--${pageName}").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").focus();
+			$P.$find("wrapper").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").focus();
 		} else if(gridType == "nonlevy" && $P.currentDisplay == "nonlevyAnsBody"){
-			$("#wrapper--${pageName}").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").focus();
+			$P.$find("wrapper").find(":radio[name='"+radioName+"'][value='"+dataKey+"']").focus();
 		}
 
 		$P.radioClickAnsBodyList(dataKey, gridType);
@@ -577,20 +574,20 @@ $(document).ready(function(){
 	//적용
 	$P.fnSave = (isBasicWords) => {
 
-		var formId = "";
+		var formName = "";
 		var confirmMessage = "";
 
 		if(isBasicWords){
 			confirmMessage = "머리말/꼬리말 내용을 저장하시겠습니까?";
-			formId = "frmEditAnsBasic--${pageName}";
+			formName = "frmEditAnsBasic";
 		} else {
 			confirmMessage = "본문내용을 저장하시겠습니까?"
-			formId = "frmEditAnsBody--${pageName}";
+			formName = "frmEditAnsBody";
 		}
 
 
-		if(!customValidate($("#"+formId).find("input, select, textarea"))) return;
-		var info = (new FimsFormFields("#"+formId)).get();
+		if(!customValidate($P.$find(formName).find("input, select, textarea"))) return;
+		var info = (new FimsFormFields($P.selector(formName))).get();
 		if(isBasicWords){
 			info.saveData = "basic";
 		} else {
@@ -620,8 +617,8 @@ $(document).ready(function(){
 	//답변대상 제외
 	$P.fnRemove = () => {
 
-		if(!customValidate($("#frmEditAnsBody--${pageName}").find("input, select, textarea"))) return;
-		var info = (new FimsFormFields("#frmEditAnsBody--${pageName}")).get();
+		if(!customValidate($P.$find("frmEditAnsBody").find("input, select, textarea"))) return;
+		var info = (new FimsFormFields($P.selector("frmEditAnsBody"))).get();
 
 		dialog.alert({
 			content : "해당 미부과사유를 답변대상에서 제외하시겠습니까?",
@@ -675,8 +672,8 @@ $(document).ready(function(){
 	//탭 버튼
     $P.$find("btnAnsBasicTab").on('click', (event) => {
 
-    	$("#wrapper--${pageName}").find(".area-answerbasic").show();
-    	$("#wrapper--${pageName}").find(".area-answerbody").hide();
+    	$P.$find("wrapper").find(".area-answerbasic").show();
+    	$P.$find("wrapper").find(".area-answerbody").hide();
 
     	$P.currentDisplay = "ansBasic";
 
@@ -685,8 +682,8 @@ $(document).ready(function(){
 
     $P.$find("btnLevyAnsBodyTab").on('click', (event) => {
 
-		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
-		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
+    	$P.$find("wrapper").find(".area-answerbasic").hide();
+    	$P.$find("wrapper").find(".area-answerbody").each(function(){
 			if($(this).hasClass("area-answerbody-common") || $(this).hasClass("area-levy")){
 				$(this).show();
 			} else {
@@ -696,7 +693,7 @@ $(document).ready(function(){
 
 		$P.currentDisplay = "levyAnsBody";
 
-		$("#wrapper--${pageName}").find(":radio[name='levyRadio']:checked").focus();
+		$P.$find("wrapper").find(":radio[name='levyRadio']:checked").focus();
 
 		$P.changeAnsBodyText();
 
@@ -704,8 +701,8 @@ $(document).ready(function(){
 	});
     $P.$find("btnWarningAnsBodyTab").on('click', (event) => {
 
-		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
-		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
+    	$P.$find("wrapper").find(".area-answerbasic").hide();
+    	$P.$find("wrapper").find(".area-answerbody").each(function(){
 			if($(this).hasClass("area-answerbody-common") || $(this).hasClass("area-warning")){
 				$(this).show();
 			} else {
@@ -715,7 +712,7 @@ $(document).ready(function(){
 
 		$P.currentDisplay = "warningAnsBody";
 
-		$("#wrapper--${pageName}").find(":radio[name='warningRadio']:checked").focus();
+		$P.$find("wrapper").find(":radio[name='warningRadio']:checked").focus();
 
 		$P.changeAnsBodyText();
 
@@ -723,8 +720,8 @@ $(document).ready(function(){
 	});
     $P.$find("btnNonlevyAnsBodyTab").on('click', (event) => {
 
-		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
-		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
+    	$P.$find("wrapper").find(".area-answerbasic").hide();
+    	$P.$find("wrapper").find(".area-answerbody").each(function(){
 			if($(this).hasClass("area-answerbody-common") || $(this).hasClass("area-nonlevy")){
 				$(this).show();
 			} else {
@@ -734,7 +731,7 @@ $(document).ready(function(){
 
 		$P.currentDisplay = "nonlevyAnsBody";
 
-		$("#wrapper--${pageName}").find(":radio[name='nonlevyRadio']:checked").focus();
+		$P.$find("wrapper").find(":radio[name='nonlevyRadio']:checked").focus();
 
 		$P.changeAnsBodyText();
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
index d6dda1bb..0cae335b 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
@@ -1,8 +1,8 @@
 <%@ 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" id="wrapper--${pageName}" data-doctx="${pageName}">
-	<div class="container-xxl flex-grow-1 px-0">
+<div class="content-wrapper" data-doctx="${pageName}">
+	<div class="container-xxl flex-grow-1 px-0" name="wrapper">
 		<div class="card wrapper-list">
 		    <form name="frmSearch">
 		        <div class="container-search">
@@ -46,8 +46,8 @@
 												<th style="min-width: 300px;">계도사유</th>
 											</tr>
 										</thead>
-					                    <tbody id="warningWordsTbody--${pageName}"></tbody>
-										<template id="warningWordsRow--${pageName}">
+					                    <tbody name="warningWordsTbody"></tbody>
+										<template name="warningWordsRow">
 											<tr data-key="{LEVY_EXCL_RSN_CD}">
 												<td class="text-center min-w-px-50 mw-px-50">
 													<input type="radio" name="gridRadio" value="{LEVY_EXCL_RSN_CD}"
@@ -56,7 +56,7 @@
 					                    		<td onclick="{onclick}" class="text-center">{LEVY_EXCL_RSN_NM}</td>
 					                    	</tr>
 										</template>
-										<template id="warningWordsNotFound--${pageName}">
+										<template name="warningWordsNotFound">
 											<tr>
 												<td valign="top" colspan="2"
 												class="dataTables_empty text-center">정보를 찾지 못했습니다.</td>
@@ -72,7 +72,7 @@
 				    		<div class="container-md d-flex justify-content-between flex-column">
 						    	<div class="row g-1 h-px-400 border-separator-b oy-auto">
 							    	<div class="col-12">
-							    		<form id="frmEditWarningWords--${pageName}">
+							    		<form name="frmEditWarningWords">
 							    			<input type="hidden" id="ansRsnCd--${pageName}" name="ansRsnCd" />
 							    			<input type="hidden" id="ansWordsId--${pageName}" name="ansWordsId" />
 							    			<label for="mailTtlNm--${pageName}"
@@ -158,7 +158,7 @@ $(document).ready(function(){
 
 		$P.ctrl.dataset.setData([]);
 		$P.renderWarningWordsList(0);
-	    $("#frmEditWarningWords--${pageName}").find("input, textarea").val("");
+		$P.$find("frmEditWarningWords").find("input, textarea").val("");
 
 	    $P.searchWordsStng();
 	}
@@ -193,30 +193,30 @@ $(document).ready(function(){
 
 		var warningWordsDS = $P.ctrl.dataset;
 		var empty = warningWordsDS.empty;
-		var notFound = [document.getElementById("warningWordsNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("warningWordsRow--${pageName}").innerHTML;
+		var notFound = [$P.find("warningWordsNotFound").innerHTML];
+		var found = $P.find("warningWordsRow").innerHTML;
 
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickWarningWordsList('" + dataItem.getValue("LEVY_EXCL_RSN_CD") + "');")
 			.replace(/{onchange}/gi, "pageObject['${pageName}'].radioClickWarningWordsList('" + dataItem.getValue("LEVY_EXCL_RSN_CD") + "');");
 
 		var trs = empty ? notFound : warningWordsDS.inStrings(found, replacer);
-		$("#warningWordsTbody--${pageName}").html(trs.join());
+		$P.$find("warningWordsTbody").html(trs.join());
 	}
 
 	$P.radioClickWarningWordsList = (dataKey, gridType) => {
 
 		$P.ctrl.dataset.setCurrent(dataKey);
 
-		$("#warningWordsTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("warningWordsTbody").setCurrentRow(dataKey);
 
 		$P.changeTextarea();
 	}
 
 	$P.clickWarningWordsList = (dataKey, gridType) => {
 
-		$("#wrapper--${pageName}").find(":radio[name='gridRadio'][value='"+dataKey+"']").prop("checked",true);
-		$("#wrapper--${pageName}").find(":radio[name='gridRadio'][value='"+dataKey+"']").focus();
+		$P.$find("wrapper").find(":radio[name='gridRadio'][value='"+dataKey+"']").prop("checked",true);
+		$P.$find("wrapper").find(":radio[name='gridRadio'][value='"+dataKey+"']").focus();
 
 
 		$P.radioClickWarningWordsList(dataKey, gridType);
@@ -266,9 +266,9 @@ $(document).ready(function(){
 	//적용
 	$P.fnSave = () => {
 
-		if(!customValidate($("#frmEditWarningWords--${pageName}").find("input, select, textarea"))) return;
+		if(!customValidate($P.$find("frmEditWarningWords").find("input, select, textarea"))) return;
 
-		var info = (new FimsFormFields("#frmEditWarningWords--${pageName}")).get();
+		var info = (new FimsFormFields($P.selector("frmEditWarningWords"))).get();
 
 		info.taskSeCd = $P.$find("frmSearch").find("input[name='taskSeCd']:checked").val();
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
index 2fb3c59d..c1eb19e6 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
@@ -992,7 +992,7 @@
 			let taskSeCd = pageObject["${pageNameMain}"].mainControl.dataset.getValue("TASK_SE_CD");
 
 			// 업무 구분에 따른 화면 설정
-			renderForTask("frmEdit--${pageName}", taskSeCd.toLowerCase());
+			renderForTask($P.find("frmEdit"), taskSeCd.toLowerCase());
 		}
 
 		/**************************************************************************