From 1ed0e8ad67d067562c3e5e932eb9678ddbc821b2 Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Mon, 5 Aug 2024 11:06:35 +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  | 10 +--
 .../WEB-INF/jsp/fims/crdn/crdn02010-main.jsp  |  9 ++-
 .../WEB-INF/jsp/fims/crdn/crdn02050-info.jsp  |  8 +-
 .../WEB-INF/jsp/fims/crdn/crdn03010-main.jsp  |  4 +-
 .../WEB-INF/jsp/fims/crdn/crdn05010-main.jsp  | 12 +--
 .../WEB-INF/jsp/fims/crdn/crdn05020-info.jsp  | 24 +++---
 .../WEB-INF/jsp/fims/crdn/crdn05030-info.jsp  | 18 +++--
 .../WEB-INF/jsp/fims/crdn/crdn06010-main.jsp  | 22 +++---
 .../WEB-INF/jsp/fims/crdn/crdn06020-info.jsp  |  9 ++-
 .../WEB-INF/jsp/fims/crdn/crdn06030-info.jsp  |  4 +-
 .../WEB-INF/jsp/fims/crdn/crdn07010-main.jsp  | 12 +--
 .../WEB-INF/jsp/fims/crdn/crdn08010-main.jsp  | 26 +++----
 .../WEB-INF/jsp/fims/crdn/crdn08020-info.jsp  |  4 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp  | 65 ++++++++--------
 .../WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp  | 72 ++++++++---------
 .../WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp  | 12 +--
 .../WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp  | 37 ++++-----
 .../WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp  | 16 ++--
 .../WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp  | 11 +--
 .../WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp  | 78 ++++++++++---------
 .../WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp  | 65 ++++++++--------
 .../WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp  |  4 +-
 22 files changed, 266 insertions(+), 256 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 50a6a07f..2f747cdf 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
@@ -234,8 +234,8 @@
 			<div class="row m-3">
 				<div class="col-md-12">
 					<span class="float-end">
-						<button type="button" id="btnSave--${pageName}" class="btn btn-primary">저장</button>
-						<button type="button" id="btnDelete--${pageName}" class="btn btn-primary">삭제</button>
+						<button type="button" name="btnSave" class="btn btn-primary">저장</button>
+						<button type="button" name="btnDelete" class="btn btn-primary">삭제</button>
 					</span>
 				</div>
 			</div>
@@ -350,8 +350,8 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$("#btnSave--${pageName}").on('click', () => $P.fnSave());
-	$("#btnDelete--${pageName}").on('click', () => $P.fnRemove());
+	$P.$find("btnSave").on('click', () => $P.fnSave());
+	$P.$find("btnDelete").on('click', () => $P.fnRemove());
 	
 	/**************************************************************************
 	 * 초기화
@@ -365,7 +365,7 @@ $(document).ready(function(){
 		$("#instCd--${pageName}").val(MY_INFO.info.instCd);
 		$("#deptCd--${pageName}").val(MY_INFO.info.deptCd);
 		$("#taskSeCd--${pageName}").val("${taskSeCd}");
-		$("#btnDelete--${pageName}").attr("hidden","hidden");
+		$P.$find("btnDelete").attr("hidden","hidden");
 	}
 	
 });
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
index 898b5747..5e0821f4 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
@@ -152,7 +152,8 @@
 							</select>
 							<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 							<input type="text" class="form-control w-px-160" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-							<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">검색</button>
+							<button type="button" class="btn btn-sm btn-outline-dark" 
+							name="btnFindUser" title="사용자 검색">검색</button>
 						</div>
 			        </div>
 		        </div>
@@ -174,7 +175,7 @@
 	                 </ul>
 				</div>
 	            <span class="container-window-btn-right">
-					<button type="button" id="btnInstLevyExcl--${pageName}" class="btn btn-primary"
+					<button type="button" name="btnInstLevyExcl" class="btn btn-primary"
 					title="비부과 등록">비부과 등록</button>
 					<span slot="button">
 						<template class="pvs">
@@ -1036,8 +1037,8 @@ $(document).ready(function(){
 	$("#term--${pageName}").onEnterPress($P.searchInspectionList);
 
 	$P.$find("btnExcel").on('click', () => $P.fnExcelDown());
-	$("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser());		// 사용자 검색
-	$("#btnInstLevyExcl--${pageName}").on("click", () => $P.openLevyExclPop("1"));
+	$P.$find("btnFindUser").on("click", () => $P.fnGetFindUser());		// 사용자 검색
+	$P.$find("btnInstLevyExcl").on("click", () => $P.openLevyExclPop("1"));
 
 	fnMakeResizableTable($P.find("photoInspection-responsive"));
 	fnMakeResizableTable($P.find("sameVehicleInspectionMain-responsive"));
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 7b04e388..593215e6 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
@@ -26,8 +26,8 @@
 	<div>
 		<span class="container-page-btn">
 			<span class="container-window-btn-right">
-				<button type="button" class="btn btn-primary" id="btnSave--${pageName}" title="금액 수정">금액 수정</button>
-				<button type="button" class="btn btn-primary" id="btnRestore--${pageName}" title="원금 복원">원금 복원</button>
+				<button type="button" class="btn btn-primary" name="btnSave" title="금액 수정">금액 수정</button>
+				<button type="button" class="btn btn-primary" name="btnRestore" title="원금 복원">원금 복원</button>
 			</span>
 		</span>
 	</div>
@@ -165,8 +165,8 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$("#btnSave--${pageName}").on("click", () => $P.fnSave() );
-	$("#btnRestore--${pageName}").on("click", () => $P.fnRestore() );
+	$P.$find("btnSave").on("click", () => $P.fnSave() );
+	$P.$find("btnRestore").on("click", () => $P.fnRestore() );
 	/**************************************************************************
 	 * 초기화
 	 **************************************************************************/
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 a73cf61b..c3c44848 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
@@ -52,7 +52,7 @@
 		                 </ul>
 					</div>
 		            <span class="container-window-btn-right">
-		                <button type="button" id="btnUpdateToConfirmData--${pageName}"
+		                <button type="button" name="btnUpdateToConfirmData"
 		                class="btn btn-primary" title="개별 확인 자료로 수정">개별 확인 자료로 수정</button>
 		            </span>
 		        </span>
@@ -371,7 +371,7 @@ $(document).ready(function(){
 	fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
     fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
 
-    $('#btnUpdateToConfirmData--${pageName}').on('click', () => $P.save());
+    $P.$find("btnUpdateToConfirmData").on('click', () => $P.save());
 
     /**************************************************************************
 	 * 초기화
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 f0af5121..7205ebb3 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
@@ -48,9 +48,9 @@
 		                 </ul>
 					</div>
 					<span class="container-window-btn-right">
-						<button type="button" id="btnInsertByFile--${pageName}" class="btn btn-primary"
+						<button type="button" name="btnInsertByFile" class="btn btn-primary"
 						title="단속 파일 등록">단속 파일 등록</button>
-			         	<button type="button" id="btnInsertByHand--${pageName}" class="btn btn-primary"
+			         	<button type="button" name="btnInsertByHand" class="btn btn-primary"
 			         	title="단속 수기 등록">단속 수기 등록</button>
 					</span>
 			     </span>
@@ -175,11 +175,11 @@ $(document).ready(function(){
 			case "DPV" :
 			case "ECA" :
 			case "DVS" :
-				$("#btnInsertByFile--${pageName}").show();
+				$P.$find("btnInsertByFile").show();
 				break;
 			case "PES" :
 			default :
-				$("#btnInsertByFile--${pageName}").hide();
+				$P.$find("btnInsertByFile").hide();
 				break;
 		}
 	}
@@ -278,8 +278,8 @@ $(document).ready(function(){
 	 **************************************************************************/
 	$P.$find("btnReset").on('click', () => $P.fnReset());
 	$P.$find("btnSearch").on("click", () => $P.searchCrdnList());
-	$("#btnInsertByFile--${pageName}").on('click', () => { $P.newInfo("file"); });
-	$("#btnInsertByHand--${pageName}").on('click', () => { $P.newInfo("hand"); });
+	$P.$find("btnInsertByFile").on('click', () => { $P.newInfo("file"); });
+	$P.$find("btnInsertByHand").on('click', () => { $P.newInfo("hand"); });
 
 	fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
 	fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
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 67e47c0a..bcac9776 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
@@ -31,9 +31,9 @@
 							multiple="multiple" class="form-control"/>
 						</span>
 						<span class="d-flex justify-content-end float-start ms-4">
-							<button type="button" id="btnSearch--${pageName}" 
+							<button type="button" name="btnSearch"
 							class="btn btn-primary">조회</button>
-							<button type="button" id="btnFileUpload--${pageName}" 
+							<button type="button" name="btnFileUpload"
 							class="btn btn-primary" hidden>업로드</button>
 						</span>
 					</div>
@@ -152,8 +152,8 @@
 		
 		<div class="card my-4 px-2 w-px-120 h-px-600">
 			<div class="d-flex my-2 flex-column">
-				<button type="button" id="btnInsertCrdn--${pageName}" class="btn btn-primary my-2">단속등록</button>
-				<button type="button" id="btnDelete--${pageName}" class="btn btn-primary my-2">삭제</button>
+				<button type="button" name="btnInsertCrdn" class="btn btn-primary my-2">단속등록</button>
+				<button type="button" name="btnDelete" class="btn btn-primary my-2">삭제</button>
 			</div>
 		</div>
 	</div>
@@ -473,11 +473,11 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$("#btnSearch--${pageName}").on("click", function(){ $P.checkFTP(); });
+	$P.$find("btnSearch").on("click", function(){ $P.checkFTP(); });
 
-	$("#btnFileUpload--${pageName}").on("click", function(){ $P.uploadLocalFile(); });
+	$P.$find("btnFileUpload").on("click", function(){ $P.uploadLocalFile(); });
 	
-	$("#btnInsertCrdn--${pageName}").on("click", function(){
+	$P.$find("btnInsertCrdn").on("click", function(){
 		$P.tempGroup = Object.groupBy($P.ctrl.dataset.getDataset(), ({ TEMP_GROUP_ID }) => "temp"+TEMP_GROUP_ID);
 		
 		if($.isEmptyObject($P.tempGroup)){
@@ -488,17 +488,17 @@ $(document).ready(function(){
 		$P.createCrdn();
 	});
 	
-	$("#btnDelete--${pageName}").on("click", function(){ $P.deleteFile(); });
+	$P.$find("btnDelete").on("click", function(){ $P.deleteFile(); });
 	
 	$("#direct--${pageName}").on("click", function(){
 		if($(this).is(":checked")){
 			$("#uploadFilesArea").removeAttr("hidden");
-			$("#btnFileUpload--${pageName}").removeAttr("hidden");
-			$("#btnSearch--${pageName}").attr("hidden","hidden");
+			$P.$find("btnFileUpload").removeAttr("hidden");
+			$P.$find("btnSearch").attr("hidden","hidden");
 		} else {
 			$("#uploadFilesArea").attr("hidden","hidden");
-			$("#btnFileUpload--${pageName}").attr("hidden","hidden");
-			$("#btnSearch--${pageName}").removeAttr("hidden");
+			$P.$find("btnFileUpload").attr("hidden","hidden");
+			$P.$find("btnSearch").removeAttr("hidden");
 			$("#uploadFiles--${pageName}").val("");
 		}
 	});
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 65df5999..c3b2a90f 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
@@ -331,7 +331,7 @@
 				<div class="col-md-6">
 					<div class="row justify-content-end">
 						<div class="col-sm-3">
-							<button type="button" id="btnInst--${pageName}" class="btn btn-primary">등록</button>
+							<button type="button" name="btnInst" class="btn btn-primary">등록</button>
 						</div>
 					</div>
 				</div>
@@ -350,9 +350,9 @@
 			multiple accept="image/*" hidden />
 		</form>
 		<div class="col-md-12">
-			<button type="button" id="btnAddFile--${pageName}" class="btn btn-primary">이미지 추가</button>
-			<button type="button" id="btnOpenVideoCapture--${pageName}" class="btn btn-primary">동영상 캡쳐</button>
-			<button type="button" id="btnCancelAddFile--${pageName}" class="btn btn-primary">선택 사진 삭제</button>
+			<button type="button" name="btnAddFile" class="btn btn-primary">이미지 추가</button>
+			<button type="button" name="btnOpenVideoCapture" class="btn btn-primary">동영상 캡쳐</button>
+			<button type="button" name="btnCancelAddFile" class="btn btn-primary">선택 사진 삭제</button>
 		</div>
 		<div id="display--${pageName}" class="oy-scroll h-px-600 border-default">
 
@@ -529,11 +529,13 @@ $(document).ready(function(){
 	 * element.on
 	 **************************************************************************/
 
-	$("#btnInst--${pageName}").on('click', () => $P.fnSave());
+	$P.$find("btnInst").on('click', () => $P.fnSave());
 
-	$("#btnAddFile--${pageName}").on('click', () => { $("#inputUploadSet--${pageName}").trigger("click"); });
+	$P.$find("btnAddFile").on('click', () => { 
+		$("#inputUploadSet--${pageName}").trigger("click"); 
+	});
 
-	$("#btnOpenVideoCapture--${pageName}").on('click', () => {
+	$P.$find("btnOpenVideoCapture").on('click', () => {
 		var popupWidth = 1800;
 		var popupHeight = 950;
 		var popupX = (window.screen.width / 2) - (popupWidth / 2);
@@ -551,7 +553,7 @@ $(document).ready(function(){
 		};
 	});
 
-	$("#btnCancelAddFile--${pageName}").on('click', () => {
+	$P.$find("btnCancelAddFile").on('click', () => {
 		var checked = $("#display--${pageName}").find("[name='newPhoto']:checked");
 		if(checked.length < 1){
 			alert("선택된 사진이 없습니다.");
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 d77a0e7e..eb9d1bf9 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
@@ -73,7 +73,8 @@
 							<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" />
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
-								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
+								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
+								data-bs-target="#searchDetail--${pageName}">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -147,7 +148,7 @@
 							</select>
 							<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 							<input type="text" class="form-control w-px-160" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-							<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">검색</button>
+							<button type="button" class="btn btn-sm btn-outline-dark" name="btnFindUser" title="사용자 검색">검색</button>
 						</div>
 			        </div>
 		        </div>
@@ -165,8 +166,7 @@
 						<span slot="button">
 							<template class="pvs bpv">
 								<slot>
-									<button type="button" class="btn btn-primary w-px-120"
-									id="btnSendCrdn--${pageName}" title="세외수입 전송">
+									<button type="button" class="btn btn-primary w-px-120" name="btnSendCrdn" title="세외수입 전송">
 										&#x2611; 세외수입 전송
 									</button>
 								</slot>
@@ -342,7 +342,7 @@ $(document).ready(function(){
 
 	$P.ctrl.dataset.onSelectionChange = (selectedArr) => {
 		Apply.fromDataset.gridCheckbox($P.ctrl.dataset, document.getElementById("crdnTbody--${pageName}"), 1, selectedArr);
-		Apply.fromDataset.gridButton($P.ctrl.dataset, $("#btnSendCrdn--${pageName}")[0], selectedArr);
+		Apply.fromDataset.gridButton($P.ctrl.dataset, $P.find("btnSendCrdn"), selectedArr);
 	};
 
 	/**************************************************************************
@@ -375,8 +375,8 @@ $(document).ready(function(){
 		//업무별 버튼
 		renderForTask("gridbuttonArea--${pageName}", clsForTask);
 		//버튼 이벤트 재매핑
-		$("#btnSendCrdn--${pageName}").off("click");
-		$("#btnSendCrdn--${pageName}").on("click", () => $P.fnSendCrdn());
+		$P.$find("btnSendCrdn").off("click");
+		$P.$find("btnSendCrdn").on("click", () => $P.fnSendCrdn());
 
 		//업무별 그리드
 		var colsContent = document.getElementById("crdnCols--${pageName}").content;
@@ -388,10 +388,10 @@ $(document).ready(function(){
 		$("#table-responsive--${pageName}")[0].changeColumn(colsStr);
 
 		if(SYS_LINK_INFO = null || SYS_LINK_INFO.NXRP_LINK_YN != 'Y'){
-			$("#btnSendCrdn--${pageName}").attr("hidden","hidden");
+			$P.$find("btnSendCrdn").attr("hidden","hidden");
 			$("#searchForNxrp--${pageName}").attr("hidden","hidden");
 		} else {
-			$("#btnSendCrdn--${pageName}").prop("disabled", true);
+			$P.$find("btnSendCrdn").prop("disabled", true);
 		}
 	}
 
@@ -441,7 +441,7 @@ $(document).ready(function(){
 		GRID.checkbox.sync(element, bool);
 
 		var atLeastOne = GRID.checkbox.countChecked(element) > 0;
-		$("#btnSendCrdn--${pageName}").prop("disabled", !atLeastOne);
+		$P.$find("btnSendCrdn").prop("disabled", !atLeastOne);
 
 		Apply.toDataset.selection($P.ctrl.dataset, element, bool);
 	}
@@ -585,7 +585,7 @@ $(document).ready(function(){
 	$P.$find("btnExcel").on('click', () => $P.fnExcelDown(false));
 	$P.$find("btnExcelForApproval").on('click', () => $P.fnExcelDown(true));
 	
-	$("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser());		// 사용자 검색
+	$P.$find("btnFindUser").on("click", () => $P.fnGetFindUser());		// 사용자 검색
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
 	
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 c95933d4..bfdfae87 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
@@ -39,7 +39,8 @@
 					<div class="col-md-6">
 						<label for="vhrno--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량번호</label>
 						<input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control w-30" data-map="VHRNO" />
-						<button type="button" id="btnVehicle--${pageName}" class="btn btn-sm btn-outline-dark" title="차량 검색">조회</button>
+						<button type="button" name="btnVehicle"
+						class="btn btn-sm btn-outline-dark" title="차량 검색">조회</button>
 					</div>
 					<!-- 위반 내용 -->
 					<div class="col-md-6">
@@ -199,7 +200,7 @@
 				<span class="container-page-btn">
 					<!-- 업무 버튼 -->
 					<span class="container-window-btn-right">
-						<button type="button" id="btnSave--${pageName}" class="btn btn-primary w-px-80" title="저장">
+						<button type="button" name="btnSave" class="btn btn-primary w-px-80" title="저장">
 							저장
 						</button>
 					</span>
@@ -459,8 +460,8 @@
 			});
 
 			// 버튼 이벤트
-			$("#btnVehicle--${pageName}").on("click", () => $P.fnVehicle());	// 차량번호 조회
-			$("#btnSave--${pageName}").on("click", () => $P.fnSave());			// 저장
+			$P.$find("btnVehicle").on("click", () => $P.fnVehicle());	// 차량번호 조회
+			$P.$find("btnSave").on("click", () => $P.fnSave());			// 저장
 		}
 
 		// 초기 화면 설정
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 571d3a98..9586947b 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
@@ -42,7 +42,7 @@
 				<span class="container-page-btn">
 					<!-- 업무 버튼 -->
 					<span class="container-window-btn-right">
-						<button type="button" id="btnSave--${pageName}" class="btn btn-primary w-px-80" title="저장">
+						<button type="button" name="btnSave" class="btn btn-primary w-px-80" title="저장">
 							저장
 						</button>
 					</span>
@@ -158,7 +158,7 @@
 		// 이벤트 설정
 		$P.setEvent = () => {
 			// 버튼 이벤트
-			$("#btnSave--${pageName}").on("click", () => $P.fnSave());			// 저장
+			$P.$find("btnSave").on("click", () => $P.fnSave());			// 저장
 		}
 
 		// 초기 화면 설정
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 eaa9b897..8b486a12 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
@@ -157,8 +157,8 @@
 						<div class="col-md-6">
 							<div class="row justify-content-end">
 								<div class="col-sm-3">
-									<button type="button" id="btnSave--${pageName}" class="btn btn-primary">저장</button>
-									<button type="button" id="btnRemove--${pageName}" class="btn btn-primary">삭제</button>
+									<button type="button" name="btnSave" class="btn btn-primary">저장</button>
+									<button type="button" name="btnRemove" class="btn btn-primary">삭제</button>
 								</div>
 							</div>
 						</div>
@@ -177,7 +177,7 @@
 						<span class="form-search-linebox">
 							<input type="text" id="deletedTeamNm--${pageName}" name="deletedTeamNm"
 							class="form-control" />
-							<button type="button" id="btnShowDeleted--${pageName}" class="btn btn-search">
+							<button type="button" name="btnShowDeleted" class="btn btn-search">
 								비사용 단속조 조회
 							</button>
 						</span>
@@ -472,9 +472,9 @@ $(document).ready(function(){
 	$P.$find("btnReset").on('click', () => $P.fnReset());
 	$P.$find("btnSearch").on("click", () => $P.searchUseTeamList());
 
-	$("#btnSave--${pageName}").on('click', () => { $P.fnSave(); });
-	$("#btnRemove--${pageName}").on('click', () => { $P.fnRemove(); });
-	$("#btnShowDeleted--${pageName}").on('click', () => { $P.fnShowDeleted(); });
+	$P.$find("btnSave").on('click', () => { $P.fnSave(); });
+	$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]);
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 c5e39962..e5af8a43 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
@@ -49,11 +49,11 @@
 		                 </ul>
 					</div>
 					<span class="container-window-btn-right">
-						<button type="button" id="btnCreate--${pageName}"
+						<button type="button" name="btnCreate"
 						class="btn btn-primary" title="면제차량 등록">면제차량 등록</button>
-			         	<button type="button" id="btnOpenDelRsn--${pageName}"
+			         	<button type="button" name="btnOpenDelRsn"
 			         	class="btn btn-primary" title="면제차량 삭제">면제차량 삭제</button>
-			         	<button type="button" id="btnHistory--${pageName}"
+			         	<button type="button" name="btnHistory"
 			         	class="btn btn-primary" title="면제차량 수정이력">면제차량 수정이력</button>
 					</span>
 			     </span>
@@ -134,7 +134,7 @@
 		<div>
 			<span class="container-page-btn">
 				<span class="container-window-btn-right">
-					<button type="button" id="btnRemove--${pageName}" class="btn btn-primary" title="확인">확인</button>
+					<button type="button" name="btnRemove" class="btn btn-primary" title="확인">확인</button>
 				</span>
 			</span>
 		</div>
@@ -269,17 +269,17 @@ $(document).ready(function(){
 
 	$P.clickExmptnVhclList = (dataKey) => {
 		if(dataKey == ""){
-			$("#btnOpenDelRsn--${pageName}").prop("disabled", true);
-			$("#btnHistory--${pageName}").prop("disabled", true);
+			$P.$find("btnOpenDelRsn").prop("disabled", true);
+			$P.$find("btnHistory").prop("disabled", true);
 			return;
 		}
 
 		if($P.ctrl.dataset.getData(dataKey)["DEL_YN"] == "N"){
-			$("#btnOpenDelRsn--${pageName}").prop("disabled", false);
+			$P.$find("btnOpenDelRsn").prop("disabled", false);
 		} else {
-			$("#btnOpenDelRsn--${pageName}").prop("disabled", true);
+			$P.$find("btnOpenDelRsn").prop("disabled", true);
 		}
-		$("#btnHistory--${pageName}").prop("disabled", false);
+		$P.$find("btnHistory").prop("disabled", false);
 
 		$("#exmptnVhclTbody--${pageName}").setCurrentRow(dataKey);
 
@@ -369,7 +369,7 @@ $(document).ready(function(){
 			size : "xl",
 			init : () => {
 				$("#delRsnDialog--${pageName} .modal-content").addClass("min-w-px-700");
-				$('#btnRemove--${pageName}').on("click", () => $P.fnRemove());
+				$P.$find("btnRemove").on("click", () => $P.fnRemove());
 			},
 			onClose : () => {}
 		});
@@ -427,9 +427,9 @@ $(document).ready(function(){
 	$P.$find("btnSearch").on("click", () => $P.searchExmptnVhclList());
 	$P.$find("btnExcel").on('click', () => $P.fnExcelDown());
 
-	$("#btnCreate--${pageName}").on('click', () => { $P.newInfo(); });
-	$("#btnOpenDelRsn--${pageName}").on('click', () => { $P.fnOpenDelRsnDialog(); });
-	$("#btnHistory--${pageName}").on('click', () => { $P.fnOpenHistory(); });
+	$P.$find("btnCreate").on('click', () => { $P.newInfo(); });
+	$P.$find("btnOpenDelRsn").on('click', () => { $P.fnOpenDelRsnDialog(); });
+	$P.$find("btnHistory").on('click', () => { $P.fnOpenHistory(); });
 
 	fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollExmptnVhclList);
 	fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
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 8401c56d..a4a1b313 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
@@ -54,7 +54,7 @@
 			<div class="col-md-6">
 				<div class="row justify-content-end">
 					<div class="col-sm-3">
-						<button type="button" id="btnSave--${pageName}" class="btn btn-primary">저장</button>
+						<button type="button" name="btnSave" class="btn btn-primary">저장</button>
 					</div>
 				</div>
 			</div>
@@ -157,7 +157,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$("#btnSave--${pageName}").on('click', () => $P.fnSave());
+	 $P.$find("btnSave").on('click', () => $P.fnSave());
 	
 	/**************************************************************************
 	 * 초기화
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 f4ada487..0677d4f4 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
@@ -78,7 +78,8 @@
 							<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" />
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
-								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
+								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
+								data-bs-target="#searchDetail--${pageName}">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -116,11 +117,11 @@
 		                 </ul>
 					</div>
 		            <span class="container-window-btn-right">
-		            	<button type="button" id="btnOpenCvlcptOrgnl--${pageName}" class="btn btn-primary"
+		            	<button type="button" name="btnOpenCvlcptOrgnl" class="btn btn-primary"
 		            	title="민원원본보기">
 		            	민원원본보기
 		            	</button>
-		            	<button type="button" id="btnHold--${pageName}" class="btn btn-primary" title="처리 잠시 보류">
+		            	<button type="button" name="btnHold" class="btn btn-primary" title="처리 잠시 보류">
 		            	처리 잠시 보류
 		            	</button>
 		            </span>
@@ -195,10 +196,10 @@
 		    </div>
 		    <div class="mt-2">
 		    	단속장소 <input id="bottomCrdnPlc--${pageName}" type="text" class="form-control" size="100" readonly />
-		    	<button type="button" id="btnDelete--${pageName}" class="btn btn-primary" title="선택자료 삭제">
+		    	<button type="button" name="btnDelete" class="btn btn-primary" title="선택자료 삭제">
 		    	선택자료 삭제
 		    	</button>
-		    	<button type="button" id="btnDeleteSameRcptYmd--${pageName}" class="btn btn-primary" title="접수일 전체 삭제">
+		    	<button type="button" name="btnDeleteSameRcptYmd" class="btn btn-primary" title="접수일 전체 삭제">
 		    	접수일 전체 삭제
 		    	</button>
 			</div>
@@ -277,21 +278,21 @@ $(document).ready(function(){
 		if(!dataItem){
 			$("#bottomCrdnPlc--${pageName}").val("");
 
-			$("#btnOpenCvlcptOrgnl--${pageName}").hide();
-			$("#btnDelete--${pageName}").hide();
-	    	$("#btnDeleteSameRcptYmd--${pageName}").hide();
+			$P.$find("btnOpenCvlcptOrgnl").hide();
+			$P.$find("btnDelete").hide();
+			$P.$find("btnDeleteSameRcptYmd").hide();
 		} else {
 
 			$("#bottomCrdnPlc--${pageName}").val(dataItem.data["CRDN_PLC"]);
 
 			if($P.holdList.includes(dataItem.data["CRDN_ID"])){
-				$("#btnOpenCvlcptOrgnl--${pageName}").hide();
-				$("#btnDelete--${pageName}").hide();
-		    	$("#btnDeleteSameRcptYmd--${pageName}").hide();
+				$P.$find("btnOpenCvlcptOrgnl").hide();
+				$P.$find("btnDelete").hide();
+				$P.$find("btnDeleteSameRcptYmd").hide();
 			} else {
-				$("#btnOpenCvlcptOrgnl--${pageName}").show();
-				$("#btnDelete--${pageName}").show();
-		    	$("#btnDeleteSameRcptYmd--${pageName}").show();
+				$P.$find("btnOpenCvlcptOrgnl").show();
+				$P.$find("btnDelete").show();
+				$P.$find("btnDeleteSameRcptYmd").show();
 			}
 		}
 	}
@@ -301,9 +302,9 @@ $(document).ready(function(){
 	 **************************************************************************/
 	$P.fnReset = () => {
 		$P.holdList = [];
-		$("#btnOpenCvlcptOrgnl--${pageName}").show();
-		$("#btnDelete--${pageName}").show();
-    	$("#btnDeleteSameRcptYmd--${pageName}").show();
+		$P.$find("btnOpenCvlcptOrgnl").show();
+		$P.$find("btnDelete").show();
+		$P.$find("btnDeleteSameRcptYmd").show();
 
     	var searchForm = $P.$find("frmSearch");
 		searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
@@ -338,8 +339,8 @@ $(document).ready(function(){
 	$P.searchCrdnList = () => {
 		$P.holdList = [];
 
-		$("#btnDelete--${pageName}").show();
-    	$("#btnDeleteSameRcptYmd--${pageName}").show();
+		$P.$find("btnDelete").show();
+		$P.$find("btnDeleteSameRcptYmd").show();
 
 		$P.ctrl.query = $P.getParams();
 	    $P.ctrl.load(1);
@@ -445,13 +446,13 @@ $(document).ready(function(){
 		$("#bottomCrdnPlc--${pageName}").val($P.ctrl.dataset.getData(dataKey)["CRDN_PLC"]);
 
 		if($P.holdList.includes(dataKey)){
-			$("#btnOpenCvlcptOrgnl--${pageName}").hide();
-			$("#btnDelete--${pageName}").hide();
-	    	$("#btnDeleteSameRcptYmd--${pageName}").hide();
+			$P.$find("btnOpenCvlcptOrgnl").hide();
+			$P.$find("btnDelete").hide();
+			$P.$find("btnDeleteSameRcptYmd").hide();
 		} else {
-			$("#btnOpenCvlcptOrgnl--${pageName}").show();
-			$("#btnDelete--${pageName}").show();
-	    	$("#btnDeleteSameRcptYmd--${pageName}").show();
+			$P.$find("btnOpenCvlcptOrgnl").show();
+			$P.$find("btnDelete").show();
+			$P.$find("btnDeleteSameRcptYmd").show();
 		}
 
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
@@ -507,9 +508,9 @@ $(document).ready(function(){
 		$P.holdList.push(curKey);
 		$("#crdnTbody--${pageName}").find("tr[data-key='"+curKey+"']").addClass("bg-dark");
 
-		$("#btnOpenCvlcptOrgnl--${pageName}").hide();
-		$("#btnDelete--${pageName}").hide();
-    	$("#btnDeleteSameRcptYmd--${pageName}").hide();
+		$P.$find("btnOpenCvlcptOrgnl").hide();
+		$P.$find("btnDelete").hide();
+		$P.$find("btnDeleteSameRcptYmd").hide();
 	}
 
 	$P.fnRemove = (rcptYmd) => {
@@ -681,10 +682,10 @@ $(document).ready(function(){
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
 	
-    $("#btnHold--${pageName}").on("click", () => $P.fnHold());
-    $("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
-    $("#btnDeleteSameRcptYmd--${pageName}").on("click", () => $P.fnRemoveSameRcptYmd());
-    $("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
+	$P.$find("btnHold").on("click", () => $P.fnHold());
+	$P.$find("btnDelete").on("click", () => $P.fnRemove());
+	$P.$find("btnDeleteSameRcptYmd").on("click", () => $P.fnRemoveSameRcptYmd());
+	$P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl());
 
     fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
     fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
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 8af47f17..f925937a 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
@@ -12,14 +12,14 @@
 
 			<div class="row mt-4 justify-content-end mb-3">
 				<div class="col-md-12 ps-4 pe-4">
-					<button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120">
+					<button type="button" name="btnReset" class="btn btn-outline-dark w-px-120">
 					초기화
 					</button>
 					<span class="float-end">
 						<input type="text" id="countStauts--${pageName}"
 						class="form-control w-px-150 text-center fw-bold" readonly />
-						<button type="button" id="btnPrev--${pageName}" class="w-px-50 btn-PageUp">◀</button>
-						<button type="button" id="btnNext--${pageName}" class="w-px-50 btn-PageDown">▶</button>
+						<button type="button" name="btnPrev" class="w-px-50 btn-PageUp">◀</button>
+						<button type="button" name="btnNext" class="w-px-50 btn-PageDown">▶</button>
 					</span>
 				</div>
 			</div>
@@ -68,10 +68,10 @@
 				</div>
 				<div class="col-md-12">
 					<span class="float-end">
-						<button type="button" id="btnViewCrdnList--${pageName}" class="btn btn-outline-dark mx-2">
+						<button type="button" name="btnViewCrdnList" class="btn btn-outline-dark mx-2">
 						동일번호&nbsp;<span id="outputCrdnCount--${pageName}"></span>건
 						</button>
-						<button type="button" id="btnViewCvlcptDscsnList--${pageName}" class="btn btn-outline-dark mx-2">
+						<button type="button" name="btnViewCvlcptDscsnList" class="btn btn-outline-dark mx-2">
 						차량민원&nbsp;<span id="outputCvlcptDscsnCount--${pageName}"></span>건
 						</button>
 					</span>
@@ -190,10 +190,10 @@
 			<div class="row my-1 mx-4 g-1 border-card rounded-3">
 				<div class="col-md-12">
 					<div class="float-end">
-						<button type="button" class="btn btn-primary" id="btnDeletePayer--${pageName}">
+						<button type="button" class="btn btn-primary" name="btnDeletePayer">
 							납부자 초기화
 						</button>
-						<button type="button" class="btn btn-primary" id="btnPopPayer--${pageName}">
+						<button type="button" class="btn btn-primary" name="btnPopPayer">
 							납부자 수정
 						</button>
 					</div>
@@ -352,25 +352,25 @@
 			<div class="row mt-4 justify-content-end mb-3">
 				<div class="col-md-12">
 					<div class="float-end pe-4">
-						<button type="button" id="btnInstLevyExcl1--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnInstLevyExcl1" class="btn btn-primary">
 						저장(서손처리)
 						</button>
-						<button type="button" id="btnInstLevyExcl2--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnInstLevyExcl2" class="btn btn-primary">
 						저장(계고처리)
 						</button>
-						<button type="button" id="btnAccept--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnAccept" class="btn btn-primary">
 						저장(수용)
 						</button>
-						<button type="button" id="btnSendBack--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnSendBack" class="btn btn-primary">
 						반송
 						</button>
-						<button type="button" id="btnDataCopy--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnDataCopy" class="btn btn-primary">
 						자료복사
 						</button>
-						<button type="button" id="btnHold--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnHold" class="btn btn-primary">
 						처리보류
 						</button>
-						<button type="button" id="btnOpenCvlcptOrgnl--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnOpenCvlcptOrgnl" class="btn btn-primary">
 						원본보기
 						</button>
 					</div>
@@ -591,8 +591,8 @@ $(document).ready(function(){
 				crdnInfo.CVLCPT_APLY_CN = escapeHTMLEntity(crdnInfo.CVLCPT_APLY_CN);
 				$P.ctrl.dataset.setData([crdnInfo]);
 
-				$("#btnViewCrdnList--${pageName}").attr("hidden","hidden");
-				$("#btnViewCvlcptDscsnList--${pageName}").attr("hidden","hidden");
+				$P.$find("btnViewCrdnList").attr("hidden","hidden");
+				$P.$find("btnViewCvlcptDscsnList").attr("hidden","hidden");
 
 				//보안모드
 			    fn_securityModeToggle($("#securityMode--top").is(":checked"));
@@ -867,23 +867,23 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$("#btnReset--${pageName}").on("click", () => $P.fnReset() );
-	$("#btnPrev--${pageName}").on("click", () => $P.fnPrev() );
-	$("#btnNext--${pageName}").on("click", () => $P.fnNext() );
+	$P.$find("btnReset").on("click", () => $P.fnReset() );
+	$P.$find("btnPrev").on("click", () => $P.fnPrev() );
+	$P.$find("btnNext").on("click", () => $P.fnNext() );
 
 	//업무처리 버튼
-	$("#btnSendBack--${pageName}").on('click', () => { $P.fnSendBack(); });
-	$("#btnInstLevyExcl1--${pageName}").on("click", () => $P.openLevyExclPop("1"));
-	$("#btnInstLevyExcl2--${pageName}").on("click", () => $P.openLevyExclPop("2"));
-	$("#btnDataCopy--${pageName}").on("click", () => $P.fnCopy());
-	$("#btnAccept--${pageName}").on('click', () => $P.fnAccept());
-	$("#btnHold--${pageName}").on("click", () => $P.fnHold());
-	$("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
+	$P.$find("btnSendBack").on('click', () => { $P.fnSendBack(); });
+	$P.$find("btnInstLevyExcl1").on("click", () => $P.openLevyExclPop("1"));
+	$P.$find("btnInstLevyExcl2").on("click", () => $P.openLevyExclPop("2"));
+	$P.$find("btnDataCopy").on("click", () => $P.fnCopy());
+	$P.$find("btnAccept").on('click', () => $P.fnAccept());
+	$P.$find("btnHold").on("click", () => $P.fnHold());
+	$P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl());
 
 	//납부자 삭제
-	$("#btnDeletePayer--${pageName}").on("click", () => $P.fnDeletePayer());
+	$P.$find("btnDeletePayer").on("click", () => $P.fnDeletePayer());
 	//납부자 등록, 수정
-	$("#btnPopPayer--${pageName}").on("click", () => $P.fnPopPayer());
+	$P.$find("btnPopPayer").on("click", () => $P.fnPopPayer());
 
 	$("#vhrno--${pageName}").onEnterPress(function(){
 		$P.getVehicleTotalInfo(event.target);
@@ -943,18 +943,18 @@ $(document).ready(function(){
 		resp = await countCrdnByVhrno(vhrno, taskSeCd, sggCd);
 		if(resp.crdnCount > 0){
 			$("#outputCrdnCount--${pageName}").html(resp.crdnCount);
-			$("#btnViewCrdnList--${pageName}").removeAttr("hidden");
+			$P.$find("btnViewCrdnList").removeAttr("hidden");
 		} else {
-			$("#btnViewCrdnList--${pageName}").attr("hidden","hidden");
+			$P.$find("btnViewCrdnList").attr("hidden","hidden");
 		}
 
 		//
 		resp = await countCvlcptDscsnByVhrno(vhrno, taskSeCd, sggCd);
 		if(resp.cvlcptDscsnNocs.NOCS > 0){
 			$("#outputCvlcptDscsnCount--${pageName}").html(resp.cvlcptDscsnNocs.NOCS);
-			$("#btnViewCvlcptDscsnList--${pageName}").removeAttr("hidden");
+			$P.$find("btnViewCvlcptDscsnList").removeAttr("hidden");
 		} else {
-			$("#btnViewCvlcptDscsnList--${pageName}").attr("hidden","hidden");
+			$P.$find("btnViewCvlcptDscsnList").attr("hidden","hidden");
 		}
 
 		//
@@ -1065,7 +1065,7 @@ $(document).ready(function(){
 	};
 
 	//단속내역 보기
-	$("#btnViewCrdnList--${pageName}").on("click", function(){
+	$P.$find("btnViewCrdnList").on("click", function(){
 		ajax.get({
             url: wctx.url("/crdn/crdn06/010/main.do"),
             data: {
@@ -1095,7 +1095,7 @@ $(document).ready(function(){
 	});
 
 	//민원내역 보기
-	$("#btnViewCvlcptDscsnList--${pageName}").on("click", function(){
+	$P.$find("btnViewCvlcptDscsnList").on("click", function(){
 		ajax.get({
             url: wctx.url("/sprt/sprt04/010/main.do"),
             data: {
@@ -1169,8 +1169,8 @@ $(document).ready(function(){
 		});
 	});
 
-	$("#btnViewCrdnList--${pageName}").attr("hidden","hidden");
-	$("#btnViewCvlcptDscsnList--${pageName}").attr("hidden","hidden");
+	$P.$find("btnViewCrdnList").attr("hidden","hidden");
+	$P.$find("btnViewCvlcptDscsnList").attr("hidden","hidden");
 
 	var crdnInfo = ${crdnInfo};
 	crdnInfo.CVLCPT_APLY_CN = escapeHTMLEntity(crdnInfo.CVLCPT_APLY_CN);
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 daa64d0c..be49f16c 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
@@ -53,7 +53,7 @@
 						민원 내용
 					</label>
 					<span class="float-end pe-4">
-						<button type="button" class="btn btn-blue" id="btnMakeHwp--${pageName}" title="한글파일 다운">
+						<button type="button" class="btn btn-blue" name="btnMakeHwp" title="한글파일 다운">
 						한글파일 다운
 						</button>
 						<div id="tempArea--${pageName}"></div>
@@ -83,8 +83,8 @@
 				<div class="col-md-6" id="pageNavArea--${pageName}">
 					<input type="text" id="countStauts--${pageName}" 
 					class="form-control w-px-150 text-center fw-bold" readonly />
-					<button type="button" id="btnPrev--${pageName}" class="w-px-50 btn-PageUp">◀</button>
-					<button type="button" id="btnNext--${pageName}" class="w-px-50 btn-PageDown">▶</button>
+					<button type="button" iname="btnPrev" class="w-px-50 btn-PageUp">◀</button>
+					<button type="button" name="btnNext" class="w-px-50 btn-PageDown">▶</button>
 				</div>
 			</div>
 		</form>
@@ -185,9 +185,9 @@ $(document).ready(function() {
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$("#btnPrev--${pageName}").on("click", () => $P.fnPrev() );
-	$("#btnNext--${pageName}").on("click", () => $P.fnNext() );
-	$("#btnMakeHwp--${pageName}").on("click", () => $P.fnMakeHwp() );
+	$P.$find("btnPrev").on("click", () => $P.fnPrev() );
+	$P.$find("btnNext").on("click", () => $P.fnNext() );
+	$P.$find("btnMakeHwp").on("click", () => $P.fnMakeHwp() );
 	
 	/**************************************************************************
 	 * 초기화
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 a9284419..127611b2 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
@@ -85,7 +85,8 @@
 							<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" />
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
-								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
+								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
+								data-bs-target="#searchDetail--${pageName}">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -126,18 +127,18 @@
 		                 </ul>
 					</div>
 		            <span id="gridbuttonArea--${pageName}" class="container-window-btn-right">
-		            	<button type="button" id="btnOpenCvlcptOrgnl--${pageName}"
+		            	<button type="button" name="btnOpenCvlcptOrgnl"
 		            	class="btn btn-primary" title="민원원본보기">민원원본보기</button>
-		            	<button type="button" id="btnOpenAnswerPreview--${pageName}"
+		            	<button type="button" name="btnOpenAnswerPreview"
 		            	class="btn btn-primary" title="답변미리보기">답변미리보기</button>
-		            	<button type="button" id="btnExecuteAnswer--${pageName}"
+		            	<button type="button" name="btnExecuteAnswer"
 		            	class="btn btn-primary" title="답변등록 실행">&#x2611; 답변등록 실행</button>
-		            	<button type="button" id="btnAnswerComplete--${pageName}"
+		            	<button type="button" name="btnAnswerComplete"
 		            	class="btn btn-primary" title="답변완료로 수정">&#x2611; 답변완료로 수정</button>
 		            	<span slot="button">
 							<template class="dpv">
 								<slot>
-									<button type="button" id="btnExecuteDisabledTagInfoInquire--${pageName}"
+									<button type="button" name="btnExecuteDisabledTagInfoInquire"
 		            				class="btn btn-primary" title="표지정보 조회">&#x2611; 표지정보 조회</button>
 								</slot>
 							</template>
@@ -284,9 +285,9 @@ $(document).ready(function(){
 
 	$P.ctrl.dataset.onSelectionChange = (selectedArr) => {
 		Apply.fromDataset.gridCheckbox($P.ctrl.dataset, document.getElementById("crdnTbody--${pageName}"), 1, selectedArr);
-		Apply.fromDataset.gridButton($P.ctrl.dataset, $("#btnExecuteAnswer--${pageName}")[0], selectedArr);
-		Apply.fromDataset.gridButton($P.ctrl.dataset, $("#btnAnswerComplete--${pageName}")[0], selectedArr);
-		Apply.fromDataset.gridButton($P.ctrl.dataset, $("#btnExecuteDisabledTagInfoInquire--${pageName}")[0], 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);
 	};
 
 	/**************************************************************************
@@ -312,8 +313,8 @@ $(document).ready(function(){
 		//업무별 버튼
 		renderForTask("gridbuttonArea--${pageName}", clsForTask);
 		//버튼 이벤트 재매핑
-		$("#btnExecuteDisabledTagInfoInquire--${pageName}").off("click");
-		$("#btnExecuteDisabledTagInfoInquire--${pageName}").on("click", () => $P.fnExecuteDisabledTagInfoInquire());
+		$P.$find("btnExecuteDisabledTagInfoInquire").off("click");
+		$P.$find("btnExecuteDisabledTagInfoInquire").on("click", () => $P.fnExecuteDisabledTagInfoInquire());
 
 		$P.fnReset();
 		$P.ctrl.urls.load = wctx.url("/"+taskSeCd+"/cvlc/cvlc02/030/list.do");
@@ -413,9 +414,9 @@ $(document).ready(function(){
 		GRID.checkbox.sync(element, bool);
 
 		var atLeastOne = GRID.checkbox.countChecked(element) > 0;
-		$("#btnExecuteAnswer--${pageName}").prop("disabled", !atLeastOne);
-		$("#btnAnswerComplete--${pageName}").prop("disabled", !atLeastOne);
-		$("#btnExecuteDisabledTagInfoInquire--${pageName}").prop("disabled", !atLeastOne);
+		$P.$find("btnExecuteAnswer").prop("disabled", !atLeastOne);
+		$P.$find("btnAnswerComplete").prop("disabled", !atLeastOne);
+		$P.$find("btnExecuteDisabledTagInfoInquire").prop("disabled", !atLeastOne);
 
 		Apply.toDataset.selection($P.ctrl.dataset, element, bool);
 	}
@@ -679,10 +680,10 @@ $(document).ready(function(){
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
     
 	
-    $("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
-    $("#btnOpenAnswerPreview--${pageName}").on("click", () => $P.fnOpenAnswerPreview());
-    $("#btnExecuteAnswer--${pageName}").on("click", () => $P.fnExecuteAnswer());
-	$("#btnAnswerComplete--${pageName}").on("click", () => $P.fnAnswerComplete());
+	$P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl());
+	$P.$find("btnOpenAnswerPreview").on("click", () => $P.fnOpenAnswerPreview());
+	$P.$find("btnExecuteAnswer").on("click", () => $P.fnExecuteAnswer());
+	$P.$find("btnAnswerComplete").on("click", () => $P.fnAnswerComplete());
 
 	fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
 	fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
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 73689873..ec562592 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
@@ -18,8 +18,8 @@
 				<div class="col-md-6 text-end">
 					<input type="text" id="countStauts--${pageName}" 
 					class="form-control w-px-150 text-center fw-bold" readonly />
-					<button type="button" id="btnPrev--${pageName}" class="w-px-50 btn-PageUp">◀</button>
-					<button type="button" id="btnNext--${pageName}" class="w-px-50 btn-PageDown">▶</button>
+					<button type="button" name="btnPrev" class="w-px-50 btn-PageUp">◀</button>
+					<button type="button" name="btnNext" class="w-px-50 btn-PageDown">▶</button>
 				</div>
 				<div class="col-md-12">
 					<div class="px-2">
@@ -48,7 +48,7 @@
 					변경할내용이있으면 수정하시오.
 				</div>
 				<div class="col-md-6 text-end">
-					<button type="button" id="btnSave--${pageName}" class="btn btn-primary">
+					<button type="button" name="btnSave" class="btn btn-primary">
 					변경 내용 저장
 					</button>
 				</div>
@@ -181,10 +181,10 @@ $(document).ready(function() {
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$("#btnPrev--${pageName}").on("click", () => $P.fnPrev() );
-	$("#btnNext--${pageName}").on("click", () => $P.fnNext() );
+	$P.$find("btnPrev").on("click", () => $P.fnPrev() );
+	$P.$find("btnNext").on("click", () => $P.fnNext() );
 
-	$("#btnSave--${pageName}").on("click", () => $P.fnSave() );
+	$P.$find("btnSave").on("click", () => $P.fnSave() );
 
 	/**************************************************************************
 	 * 초기화
@@ -198,9 +198,9 @@ $(document).ready(function() {
 	let openerPageName = "${openerPageName}";
 
 	if (openerPageName == "sprt02020") {
-		$("#btnSave--${pageName}").hide();
+		$P.$find("btnSave").hide();
 	} else {
-		$("#btnSave--${pageName}").show();
+		$P.$find("btnSave").show();
 	}
 });
 
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 7bfa7907..bcdebc05 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
@@ -78,7 +78,8 @@
 							<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" />
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
-								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
+								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
+								data-bs-target="#searchDetail--${pageName}">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -116,9 +117,9 @@
 		                 </ul>
 					</div>
 		            <span class="container-window-btn-right">
-		            	<button type="button" id="btnOpenCvlcptOrgnl--${pageName}"
+		            	<button type="button" name="btnOpenCvlcptOrgnl"
 		            	class="btn btn-primary" title="민원원본보기">민원원본보기</button>
-		            	<button type="button" id="btnDelete--${pageName}"
+		            	<button type="button" name="btnDelete"
 		            	class="btn btn-primary" title="선택자료 삭제">선택자료 삭제</button>
 		            </span>
 		        </span>
@@ -551,8 +552,8 @@ $(document).ready(function(){
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
 	
-    $("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
-    $("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
+	$P.$find("btnDelete").on("click", () => $P.fnRemove());
+	$P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl());
 
     fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
     fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
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 28477248..23de7243 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
@@ -59,11 +59,11 @@
 		                 </ul>
 					</div>
 		            <span class="container-window-btn-right">
-		            	<button type="button" id="btnOpenDmndPop--${pageName}"
+		            	<button type="button" name="btnOpenDmndPop"
 		            		class="btn btn-primary" title="요청 등록">요청 등록</button>
-		            	<button type="button" id="btnDelete--${pageName}"
+		            	<button type="button" name="btnDelete"
 		            		class="btn btn-primary" title="한 건 삭제">한 건 삭제</button>
-		            	<button type="button" id="btnDeleteAllCompleteData--${pageName}"
+		            	<button type="button" name="btnDeleteAllCompleteData"
 		            		class="btn btn-primary" title="요청 완료자료 전체 삭제">요청 완료자료 전체 삭제</button>
 		            </span>
 		        </span>
@@ -121,38 +121,40 @@
 	</div>
 
   	<div class="content-backdrop fade"></div>
-</div>
-
-<template id="seallDmndDialogTemplate--${pageName}">
-	<form id="frmEdit--${pageName}">
-		<div class="card">
-			<div class="row g-1">
-				<div class="col-md-12">
-					<label for="rcptYmd--${pageName}"
-						class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수일자</label>
-					<input type="text" id="rcptYmd--${pageName}" name="rcptYmd"
-						class="form-control form-date" required data-fmt-type="day" />
-					<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-				</div>
-				<div class="col-md-12">
-					<label for="pstNo--${pageName}"
-							class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">목록번호</label>
-					<input type="text" id="pstNo--${pageName}" name="pstNo" class="form-control"
-						required maxlength="6" data-maxlengthb="6" data-fmt-type="zeroLpadNumber" />
+  	
+  	<template name="seallDmndDialogTemplate">
+		<form id="frmEdit--${pageName}" name="frmEdit">
+			<div class="card">
+				<div class="row g-1">
+					<div class="col-md-12">
+						<label for="rcptYmd--${pageName}"
+							class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수일자</label>
+						<input type="text" id="rcptYmd--${pageName}" name="rcptYmd"
+							class="form-control form-date" required data-fmt-type="day" />
+						<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+					</div>
+					<div class="col-md-12">
+						<label for="pstNo--${pageName}"
+								class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">목록번호</label>
+						<input type="text" id="pstNo--${pageName}" name="pstNo" class="form-control"
+							required maxlength="6" data-maxlengthb="6" data-fmt-type="zeroLpadNumber" />
+					</div>
 				</div>
 			</div>
-		</div>
-		<div>
-			<span class="container-page-btn">
-				<span class="container-window-btn-right">
-					<button type="button" class="btn btn-primary" id="btnCreate--${pageName}" title="확인">
-					확인
-					</button>
+			<div>
+				<span class="container-page-btn">
+					<span class="container-window-btn-right">
+						<button type="button" class="btn btn-primary" name="btnCreate" title="확인">
+						확인
+						</button>
+					</span>
 				</span>
-			</span>
-		</div>
-	</form>
-</template>
+			</div>
+		</form>
+	</template>
+</div>
+
+
 
 <script>
 
@@ -396,12 +398,12 @@ $(document).ready(function(){
 		dialog.open({
 			id : "seallDmndDialog--${pageName}",
 			title : "새올 접수 요청",
-			content : document.getElementById("seallDmndDialogTemplate--${pageName}").innerHTML,
+			content : $P.find("seallDmndDialogTemplate").innerHTML,
 			size : "lg",
 			init : () => {
 				initDatepicker("seallDmndDialog--${pageName}");
-				$('#rcptYmd--${pageName}').datepicker('setDate', TODAY());
-				$('#btnCreate--${pageName}').on("click", () => $P.fnCreateDmnd());
+				$("#seallDmndDialog--${pageName}").find("[name='rcptYmd']").datepicker('setDate', TODAY());
+				$("#seallDmndDialog--${pageName}").find("[name='btnCreate']").on("click", () => $P.fnCreateDmnd());
 			},
 			onClose : () => {}
 		});
@@ -439,9 +441,9 @@ $(document).ready(function(){
 	$P.$find("btnReset").on('click', () => $P.fnReset());
 	$P.$find("btnSearch").on('click', () => $P.searchDmndList());
 	
-    $("#btnOpenDmndPop--${pageName}").on("click", () => $P.fnOpenDmndPop());
-    $("#btnDelete--${pageName}").on("click", () => $P.fnRemove(null));
-    $("#btnDeleteAllCompleteData--${pageName}").on("click", () => $P.fnRemoveAllCompleteData());
+	$P.$find("btnOpenDmndPop").on("click", () => $P.fnOpenDmndPop());
+	$P.$find("btnDelete").on("click", () => $P.fnRemove(null));
+	$P.$find("btnDeleteAllCompleteData").on("click", () => $P.fnRemoveAllCompleteData());
 
     fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
     fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDmndList);
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 2119ee2a..1e0c762d 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
@@ -36,25 +36,25 @@
 			    <div class="nav-align-top mb-1 w-px-1300">
 					<ul class="nav nav-tabs" role="tablist">
 						<li class="nav-item">
-							<button type="button" id="btnAnsBasicTab--${pageName}" class="nav-link active"
+							<button type="button" name="btnAnsBasicTab" class="nav-link active"
 							role="tab" data-bs-toggle="tab">
 								머리말/꼬리말
 							</button>
 						</li>
 						<li class="nav-item">
-							<button type="button" id="btnLevyAnsBodyTab--${pageName}" class="nav-link"
+							<button type="button" name="btnLevyAnsBodyTab" class="nav-link"
 							role="tab" data-bs-toggle="tab">
 								부과건 답변내용
 							</button>
 						</li>
 						<li class="nav-item">
-							<button type="button" id="btnWarningAnsBodyTab--${pageName}" class="nav-link"
+							<button type="button" name="btnWarningAnsBodyTab" class="nav-link"
 							role="tab" data-bs-toggle="tab">
 								계도건 답변내용
 							</button>
 						</li>
 						<li class="nav-item">
-							<button type="button" id="btnNonlevyAnsBodyTab--${pageName}" class="nav-link"
+							<button type="button" name="btnNonlevyAnsBodyTab" class="nav-link"
 							role="tab" data-bs-toggle="tab">
 								미부과처리건 답변내용
 							</button>
@@ -95,7 +95,7 @@
 									</div>
 									<div class="row justify-content-end">
 										<div class="col-12">
-											<button type="button" id="btnSaveAnsBasic--${pageName}"
+											<button type="button" name="btnSaveAnsBasic"
 								        	class="btn btn-primary float-end" title="적용">적용</button>
 										</div>
 									</div>
@@ -233,14 +233,14 @@
 							    	<div class="row g-1 py-2">
 							    		<div class="col-12">
 							    			<div class="btns float-start">
-							    				<button type="button" id="btnRemove--${pageName}"
+							    				<button type="button" name="btnRemove"
 								            		class="btn btn-primary area-answerbody area-nonlevy"
 								            		title="답변대상 제외">답변대상 제외</button>
 							    			</div>
 							    			<div class="btns float-end">
-							    				<button type="button" id="btnOpenPreviewPop--${pageName}"
+							    				<button type="button" name="btnOpenPreviewPop"
 								            		class="btn btn-primary" title="미리보기">미리보기</button>
-								            	<button type="button" id="btnSaveAnsBody--${pageName}"
+								            	<button type="button" name="btnSaveAnsBody"
 								            		class="btn btn-primary" title="적용">적용</button>
 							    			</div>
 						    			</div>
@@ -260,11 +260,11 @@
 							<strong>[매크로 문자 삽입]</strong>
 							<label id="macroTarget--${pageName}" for="" hidden></label>
 
-							<button type="button" id="btnInsertMacro1--${pageName}"
+							<button type="button" name="btnInsertMacro1"
 			            		class="btn btn-primary" title="일련번호 삽입">일련번호</button>
-			            	<button type="button" id="btnInsertMacro2--${pageName}"
+			            	<button type="button" name="btnInsertMacro2"
 			            		class="btn btn-primary" title="사용자 전화번호 삽입">사용자 전화번호</button>
-			            	<button type="button" id="btnInsertMacro3--${pageName}"
+			            	<button type="button" name="btnInsertMacro3"
 			            		class="btn btn-primary" title="사용자 성명 삽입">사용자 성명</button>
 						</div>
 	            	</div>
@@ -283,16 +283,16 @@
   	<div class="content-backdrop fade"></div>
 </div>
 
-<template id="previewDialogTemplate--${pageName}">
-	<form id="frmView--${pageName}">
+<template name="previewDialogTemplate">
+	<form name="frmView">
 		<div class="card">
-			<textarea id="preview--${pageName}" rows="15"
+			<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" id="btnClose--${pageName}" title="닫기">닫기</button>
+					<button type="button" class="btn btn-primary" name="btnClose" title="닫기">닫기</button>
 				</span>
 			</span>
 		</div>
@@ -334,7 +334,7 @@ $(document).ready(function(){
 	}
 
 	$P.fnReset = () => {
-		$('#btnAnsBasicTab--${pageName}').trigger("click");
+		$P.$find("btnAnsBasicTab").trigger("click");
 		$P.ctrl.levy.setData([]);
 		$P.ctrl.warning.setData([]);
 		$P.ctrl.nonlevy.setData([]);
@@ -520,9 +520,9 @@ $(document).ready(function(){
 			rnsRsnCd = curData["LEVY_EXCL_RSN_CD"]
 
 			if(curData["ANS_WORDS_ID"] == null){
-				$("#btnRemove--${pageName}").prop("disabled",true);
+				$P.$find("btnRemove").prop("disabled",true);
 			} else {
-				$("#btnRemove--${pageName}").prop("disabled",false);
+				$P.$find("btnRemove").prop("disabled",false);
 			}
 		}
 
@@ -655,11 +655,12 @@ $(document).ready(function(){
 		dialog.open({
 			id : "previewDialog--${pageName}",
 			title : "답변 내용 미리보기",
-			content : document.getElementById("previewDialogTemplate--${pageName}").innerHTML,
+			content : $P.find("previewDialogTemplate").innerHTML,
 			size : "lg",
 			init : () => {
-				$("#preview--${pageName}").val(result);
-				$("#btnClose--${pageName}").on("click", () => dialog.close("previewDialog--${pageName}"));
+				$("#previewDialog--${pageName}").find("[name='preview']").val(result);
+				$("#previewDialog--${pageName}").find("[name='btnClose']").on("click", 
+						() => dialog.close("previewDialog--${pageName}"));
 			},
 			onOk : () => {},
 			onClose : () => {}
@@ -672,7 +673,7 @@ $(document).ready(function(){
 	$P.$find("btnReset").on('click', () => $P.fnReset());
 
 	//탭 버튼
-    $('#btnAnsBasicTab--${pageName}').on('click', (event) => {
+    $P.$find("btnAnsBasicTab").on('click', (event) => {
 
     	$("#wrapper--${pageName}").find(".area-answerbasic").show();
     	$("#wrapper--${pageName}").find(".area-answerbody").hide();
@@ -682,7 +683,7 @@ $(document).ready(function(){
     	$("#macroTarget--${pageName}").attr("for","");
     });
 
-	$('#btnLevyAnsBodyTab--${pageName}').on('click', (event) => {
+    $P.$find("btnLevyAnsBodyTab").on('click', (event) => {
 
 		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
 		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
@@ -701,7 +702,7 @@ $(document).ready(function(){
 
 		$("#macroTarget--${pageName}").attr("for","");
 	});
-	$('#btnWarningAnsBodyTab--${pageName}').on('click', (event) => {
+    $P.$find("btnWarningAnsBodyTab").on('click', (event) => {
 
 		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
 		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
@@ -720,7 +721,7 @@ $(document).ready(function(){
 
 		$("#macroTarget--${pageName}").attr("for","");
 	});
-	$('#btnNonlevyAnsBodyTab--${pageName}').on('click', (event) => {
+    $P.$find("btnNonlevyAnsBodyTab").on('click', (event) => {
 
 		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
 		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
@@ -741,26 +742,26 @@ $(document).ready(function(){
 	});
 
 	//업무처리 버튼
-    $("#btnSaveAnsBasic--${pageName}").on("click", () => $P.fnSave(true));
-    $("#btnSaveAnsBody--${pageName}").on("click", () => $P.fnSave(false));
-    $("#btnRemove--${pageName}").on("click", () => $P.fnRemove());
-    $("#btnOpenPreviewPop--${pageName}").on("click", () => $P.fnOpenPreviewPop());
+    $P.$find("btnSaveAnsBasic").on("click", () => $P.fnSave(true));
+    $P.$find("btnSaveAnsBody").on("click", () => $P.fnSave(false));
+    $P.$find("btnRemove").on("click", () => $P.fnRemove());
+    $P.$find("btnOpenPreviewPop").on("click", () => $P.fnOpenPreviewPop());
 
     $("#headerCn--${pageName},#footerCn--${pageName},#prcsRsltCn--${pageName}").on("focus", (event) => {
     	$("#macroTarget--${pageName}").attr("for", event.target.id);
     });
 
-    $("#btnInsertMacro1--${pageName}").on("click", () => {
+    $P.$find("btnInsertMacro1").on("click", () => {
 		var macroTarget = $("#macroTarget--${pageName}").attr("for");
 		if(macroTarget == ""){ return; }
 		fnMacroStringInsert(macroTarget, MACRO_STRING.MACRO_SEQ);
     });
-    $("#btnInsertMacro2--${pageName}").on("click", () => {
+    $P.$find("btnInsertMacro2").on("click", () => {
 		var macroTarget = $("#macroTarget--${pageName}").attr("for");
 		if(macroTarget == ""){ return; }
 		fnMacroStringInsert(macroTarget, MACRO_STRING.MACRO_TELNO);
     });
-    $("#btnInsertMacro3--${pageName}").on("click", () => {
+    $P.$find("btnInsertMacro3").on("click", () => {
 		var macroTarget = $("#macroTarget--${pageName}").attr("for");
 		if(macroTarget == ""){ return; }
 		fnMacroStringInsert(macroTarget, MACRO_STRING.MACRO_PIC_NM);
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 c9e35f18..d6dda1bb 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
@@ -93,7 +93,7 @@
 						    	<div class="row g-1 py-2">
 						    		<div class="col-12">
 						    			<div class="btns float-end">
-							            	<button type="button" id="btnSave--${pageName}"
+							            	<button type="button" name="btnSave"
 							            		class="btn btn-primary" title="적용">적용</button>
 						    			</div>
 					    			</div>
@@ -299,7 +299,7 @@ $(document).ready(function(){
 	$P.$find("btnReset").on('click', () => $P.fnReset());
 
 	//업무처리 버튼
-    $("#btnSave--${pageName}").on("click", () => $P.fnSave());
+    $P.$find("btnSave").on("click", () => $P.fnSave());
 
 	/**************************************************************************
 	 * 초기화