From 5c59e41a638f64fcc2c6b1b841173a258007d79a Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Mon, 5 Aug 2024 09:43:12 +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/crdn01010-main.jsp  |  65 +++----
 .../WEB-INF/jsp/fims/crdn/crdn02010-main.jsp  | 160 +++++++++---------
 .../WEB-INF/jsp/fims/crdn/crdn03010-main.jsp  |  12 +-
 .../WEB-INF/jsp/fims/crdn/crdn05010-main.jsp  |   8 +-
 .../WEB-INF/jsp/fims/crdn/crdn06010-main.jsp  |  22 +--
 .../WEB-INF/jsp/fims/crdn/crdn07010-main.jsp  |   8 +-
 .../WEB-INF/jsp/fims/crdn/crdn08010-main.jsp  |  12 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp  |  15 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp  |  20 ++-
 .../WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp  |  14 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp  |   9 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp  |   4 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp  |   4 +-
 13 files changed, 182 insertions(+), 171 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
index 0742503a..91156d05 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
@@ -7,17 +7,17 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-		            <button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+		            <button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 		            검색
 		            </button>
 		        </span>
 		    </div>
 
-		    <form id="frmSearch--${pageName}" name="frmSearch">
+		    <form name="frmSearch">
 		        <div class="container-search">
                     <div class="row g-1">
                         <div class="col-6">
@@ -53,16 +53,18 @@
 		    </form>
 
 		    <div>
-		        <div id="gridbuttonArea--${pageName}" class="container-page-btn">
+		        <div name="gridbuttonArea" class="container-page-btn">
 		            <div class="d-flex flex-row justify-content-between">
-						<span id="layoutPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></span>
-		                 <ul id="layoutPaging--${pageName}" class="pagination pagination-primary">
-		                 </ul>
+						<span id="layoutPaging--${pageName}PagingInfo" 
+							name="layoutPagingPagingInfo" class="dataTables_info" role="status" aria-live="polite"></span>
+		                <ul id="layoutPaging--${pageName}" 
+		                	name="layoutPaging" class="pagination pagination-primary">
+		                </ul>
 					</div>
 					
 					<span class="container-window-btn-right">
 						<button type="button" class="btn btn-primary w-px-120" 
-						id="btnAdd--${pageName}" title="추가">
+						name="btnAdd" title="추가">
 						추가
 						</button>
 					</span>
@@ -70,12 +72,11 @@
 		    </div>
 
 		    <div class="card-datatable text-nowrap">
-		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-500">
-						<table id="DataTables_Table_0--${pageName}"
-							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
+		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
+					<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 class="sticky-thead">
-								<tr id="layoutThead--${pageName}">
+								<tr>
 									<th style="width: 80px;">No.</th>
 									<th style="width: 160px;">업무명</th>
 									<th style="width: 240px;">부서명</th>
@@ -85,9 +86,9 @@
 									<th class="cmn dummy-th"></th>
 								</tr>
 							</thead>
-		                    <tbody id="layoutTbody--${pageName}">
+		                    <tbody name="layoutTbody">
 		                    </tbody>
-							<template id="layoutRow--${pageName}">
+							<template name="layoutRow">
 								<tr data-key="{FILE_LAYOUT_ID}">
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{TASK_SE_NM}</td>
@@ -98,7 +99,7 @@
 		                    		<td class="dummy-td cmn"></td>
 	                    		</tr>
 							</template>
-							<template id="layoutNotFound--${pageName}">
+							<template name="layoutNotFound">
 								<tr>
 									<td valign="top" colspan="7" class="dataTables_empty text-center">
 									레이아웃 정보를 찾지 못했습니다.
@@ -159,7 +160,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#layoutTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("layoutTbody"));
 	}
 	
 	/**************************************************************************
@@ -173,7 +174,7 @@ $(document).ready(function(){
 	}
 	
 	$P.fnReset = () => {
-		var searchForm = $("#frmSearch--${pageName}");
+		var searchForm = $P.$find("frmSearch");
 		searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
 		searchForm.find("input[type='checkbox']").prop("checked", false);
 		searchForm.find("input[type='hidden']").val("");
@@ -183,7 +184,7 @@ $(document).ready(function(){
 	}
 	
 	$P.getParams = () => {
-		var formFields = new FimsFormFields("#frmSearch--${pageName}");
+		var formFields = new FimsFormFields($P.selector(frmSearch));
 		var data = formFields.get();
 		data.fetchSize = $P.ctrl.defaultFetchSize;
 
@@ -208,8 +209,8 @@ $(document).ready(function(){
     }
 	
 	$P.getGridTemplate = () => {
-		var notFound = [document.getElementById("layoutNotFound--${pageName}").innerHTML];
-		var found = document.getElementById("layoutRow--${pageName}").innerHTML;
+		var notFound = [$P.find("layoutNotFound").innerHTML];
+		var found = $P.find("layoutRow").innerHTML;
 		var replacer = (str, dataItem) => str
 			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickLayoutList('" + dataItem.getValue("FILE_LAYOUT_ID") + "');")
 			.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickLayoutList('" + dataItem.getValue("FILE_LAYOUT_ID") + "');");
@@ -229,7 +230,7 @@ $(document).ready(function(){
 			initScroll = false;
 		}
 		
-		$("#table-responsive--${pageName}")[0].changeContent(trs, initScroll, noMore);
+		$P.find("table-responsive").changeContent(trs, initScroll, noMore);
 
 	    fn_securityModeToggle($("#securityMode--top").is(":checked")); //보안모드
 	}
@@ -239,7 +240,7 @@ $(document).ready(function(){
 			return;
 		}
 
-		$("#layoutTbody--${pageName}").setCurrentRow(dataKey);
+		$P.$find("layoutTbody").setCurrentRow(dataKey);
 
 		Apply.toDataset.current($P.ctrl.dataset, dataKey);
 	}
@@ -299,24 +300,24 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$('#btnReset--${pageName}').on('click', () => $P.fnReset());
-    $('#btnSearch--${pageName}').on('click', () => $P.searchLayoutList());
-    $('#btnAdd--${pageName}').on('click', () => $P.createLayout());
-    $('#btnDel--${pageName}').on('click', () => $P.removeLayout());
-    
+	
+	$P.$find("btnReset").on('click', () => $P.fnReset());
+	$P.$find("btnSearch").on('click', () => $P.searchLayoutList());
+	$P.$find("btnAdd").on('click', () => $P.createLayout());
+	
 	/**************************************************************************
 	 * 초기화
 	 **************************************************************************/
-	fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
-	fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollLayoutList);
+	fnMakeResizableTable($P.find("table-responsive"));
+	fnMakeScrollableTable($P.find("table-responsive"), $P.scrollLayoutList);
 	
 	var defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
-	$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
+	$P.$find("frmSearch").find("input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
 	$P.fnResetAndChangeBiz(defaultBizValue);
 	
     fn_securityModeToggle($("#securityMode--top").is(":checked")); //보안모드
     
-    $("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
+    $P.$find("frmSearch").find("input[name='taskSeCd']").each(function(i) {
 		$(this).prop("disabled", "true");
 	});
 });
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 a31b1494..898b5747 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
@@ -6,26 +6,26 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <div class="w-100 d-flex justify-content-center">
 			        <div class="btn-group">
-				        <button type="button" id="btnPhotoInspection--${pageName}"
+				        <button type="button" name="btnPhotoInspection"
 				        class="btn btn-blue btn-outline-some" title="단속사진 비교">단속사진 비교</button>
-				        <button type="button" id="btnSameVehicleInspection--${pageName}"
+				        <button type="button" name="btnSameVehicleInspection"
 				        class="btn btn-blue btn-outline-some" title="동일단속차량 검사">동일단속차량 검사</button>
 			        </div>
 		        </div>
 		        <span class="container-window-btn-right">
-		            <button type="button" id="btnSearch--${pageName}"
+		            <button type="button" name="btnSearch"
 		            class="btn btn-search w-px-120" title="검색">검색</button>
-		            <button type="button" id="btnExcel--${pageName}"
+		            <button type="button" name="btnExcel"
 		            class="btn btn-excel w-px-120" title="엑셀 저장">엑셀</button>
 		        </span>
 		    </div>
 
-		    <form id="frmSearch--${pageName}" name="frmSearch">
+		    <form name="frmSearch">
 		        <div class="container-search">
                     <div class="row g-1">
                         <div class="col-12">
@@ -42,7 +42,7 @@
                             </span>
                         </div>
                         <div class="col-6">
-							<label class="form-label fw-bold form-search-title w-px-120 text-end" for="schCrdnYmdFrom--${pageName}">단속일자</label>
+							<label class="form-label fw-bold form-search-title w-px-120 text-end">단속일자</label>
                         	<span class="form-search-linebox">
                                 <input type="text" id="schCrdnYmdFrom--${pageName}" name="schCrdnYmdFrom"
                                 class="form-control form-date"
@@ -108,7 +108,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="[data-doctx='${pageName}'] [name='searchDetail']">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -116,7 +117,7 @@
 						</div>
                     </div>
 		        </div>
-		        <div id="searchDetail--${pageName}" class="container-search container-search-detail collapse">
+		        <div name="searchDetail" class="container-search container-search-detail collapse">
 		            <div class="row">
 			            <div class="col-4">
 			                <label class="form-label fw-bold form-search-title w-px-120 text-end" for="crdnSttsCd--${pageName}">자료상태</label>
@@ -157,7 +158,7 @@
 		        </div>
 		    </form>
 
-	        <div id="gridbuttonArea--${pageName}" class="container-page-btn">
+	        <div name="gridbuttonArea" class="container-page-btn">
 	        	<div class="d-flex flex-row justify-content-between">
 					<span id="photoInspectionPaging--${pageName}PagingInfo"
 						class="dataTables_info area-photoinspection" role="status" aria-live="polite"></span>
@@ -178,7 +179,7 @@
 					<span slot="button">
 						<template class="pvs">
 							<slot>
-								<button id="btnOpenOverTime--${pageName}"
+								<button name="btnOpenOverTime"
 								class="btn btn-primary area-photoinspection"
 								title="2시간 초과 처리">2시간 초과 처리</button>
 							</slot>
@@ -188,9 +189,9 @@
 	        </div>
 
 			<div class="card-datatable text-nowrap area-photoinspection">
-		        <div id="photoInspection_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="photoInspection-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-200">
-						<table id="photoInspection_Table_0--${pageName}"
+		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
+					<div name="photoInspection-responsive" class="table-responsive ox-scroll oy-scroll h-px-200">
+						<table name="photoInspection_Table_0"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
 								<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
@@ -220,8 +221,8 @@
 									<th class="dummy-th"></th>
 								</tr>
 		                    </thead>
-		                    <tbody id="photoInspectionTbody--${pageName}"></tbody>
-							<template id="photoInspectionRow--${pageName}">
+		                    <tbody name="photoInspectionTbody"></tbody>
+							<template name="photoInspectionRow">
 								<tr data-key="{CRDN_ID}">
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{ROW_NUM}</td>
 									<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_YMD_TM}</td>
@@ -240,7 +241,7 @@
 									<td class="dummy-td"></td>
 								</tr>
 							</template>
-							<template id="photoInspectionNotFound--${pageName}">
+							<template name="photoInspectionNotFound">
 								<tr class="odd">
 									<td valign="top" colspan="14" class="dataTables_empty text-center">
 									단속 정보를 찾지 못했습니다.
@@ -269,11 +270,10 @@
 			<span class="area-samevehicleinspection">
 				<div class="d-flex justify-content-evenly min-w-px-1400">
 					<div class="card-datatable text-nowrap d-inline-flex">
-				        <div id="sameVehicleInspectionMain_Table_0_wrapper--${pageName}"
-				        class="dataTables_wrapper dt-bootstrap5 no-footer">
-							<div id="sameVehicleInspectionMain-responsive--${pageName}"
+				        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
+							<div name="sameVehicleInspectionMain-responsive"
 								class="table-responsive ox-scroll oy-scroll h-px-400 w-px-350">
-								<table id="sameVehicleInspectionMain_Table_0--${pageName}"
+								<table name="sameVehicleInspectionMain_Table_0"
 									class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 									<thead class="sticky-thead">
 										<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
@@ -287,8 +287,8 @@
 											<th class="dummy-th"></th>
 										</tr>
 				                    </thead>
-				                    <tbody id="sameVehicleInspectionMainTbody--${pageName}"></tbody>
-									<template id="sameVehicleInspectionMainRow--${pageName}">
+				                    <tbody name="sameVehicleInspectionMainTbody"></tbody>
+									<template name="sameVehicleInspectionMainRow">
 				                    	<tr data-key="{CRDN_ID_LIST}">
 											<td onclick="{onclick}" class="text-center">{VHRNO}</td>
 					                    	<td onclick="{onclick}" class="text-center">{CRDN_STDG_NM}</td>
@@ -296,7 +296,7 @@
 					                    	<td class="dummy-td"></td>
 					                    </tr>
 									</template>
-									<template id="sameVehicleInspectionMainNotFound--${pageName}">
+									<template name="sameVehicleInspectionMainNotFound">
 										<tr class="odd">
 											<td valign="top" colspan="4" class="dataTables_empty text-center">
 											단속 정보를 찾지 못했습니다.
@@ -309,10 +309,10 @@
 				    </div>
 
 				    <div class="card-datatable text-nowrap d-inline-flex ms-3">
-				        <div id="sameVehicleInspectionSub_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-							<div id="sameVehicleInspectionSub-responsive--${pageName}"
+				        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
+							<div name="sameVehicleInspectionSub-responsive"
 								class="table-responsive ox-scroll oy-scroll h-px-400 w-px-1000">
-								<table id="sameVehicleInspectionSub_Table_0--${pageName}"
+								<table name="sameVehicleInspectionSub_Table_0"
 									class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 									<thead class="sticky-thead">
 										<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
@@ -339,8 +339,9 @@
 											<th class="dummy-th"></th>
 										</tr>
 				                    </thead>
-				                    <tbody id="sameVehicleInspectionSubTbody--${pageName}"></tbody>
-									<template id="sameVehicleInspectionSubRow--${pageName}">
+				                    <tbody name="sameVehicleInspectionSubTbody">
+				                    </tbody>
+									<template name="sameVehicleInspectionSubRow">
 										<tr data-key="{CRDN_ID}">
 											<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_YMD_TM}</td>
 											<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_NM}</td>
@@ -359,7 +360,7 @@
 											<td class="dummy-td"></td>
 										</tr>
 									</template>
-									<template id="sameVehicleInspectionSubNotFound--${pageName}">
+									<template name="sameVehicleInspectionSubNotFound">
 										<tr class="odd">
 											<td valign="top" colspan="10" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
 										</tr>
@@ -433,7 +434,7 @@ $(document).ready(function(){
 	};
 
 	$P.ctrl.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $("#photoInspectionTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.ctrl.dataset, dataItem, $P.find("photoInspectionTbody"));
 
 		var dataKey = "";
 		var curDataVhrno = "";
@@ -460,11 +461,11 @@ $(document).ready(function(){
 	};
 
 	$P.alt.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.alt.dataset, dataItem, $("#sameVehicleInspectionMainTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.alt.dataset, dataItem, $P.find("sameVehicleInspectionMainTbody"));
 		if(dataItem){
 			$P.searchDetailInspectionDataList(dataItem.data["CRDN_ID_LIST"]);
 		} else {
-			$("#sameVehicleInspectionSubTbody--${pageName}").html("");
+			$P.$find("sameVehicleInspectionSubTbody").html("");
 		}
 	}
 
@@ -475,14 +476,14 @@ $(document).ready(function(){
 	};
 
 	$P.shift.dataset.onCurrentChange = (dataItem) => {
-		Apply.fromDataset.currentRow($P.shift.dataset, dataItem, $("#sameVehicleInspectionSubTbody--${pageName}")[0]);
+		Apply.fromDataset.currentRow($P.shift.dataset, dataItem, $P.find("sameVehicleInspectionSubTbody"));
 	};
 
 	/**************************************************************************
 	 * pageObject.function
 	 **************************************************************************/
 	$P.fnReset = () => {
-		var searchForm = $("#frmSearch--${pageName}");
+		var searchForm = $P.$find("frmSearch");
 		searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
 		searchForm.find("input[type='checkbox']").prop("checked", false);
 		searchForm.find("input[type='text']").val("");
@@ -505,18 +506,18 @@ $(document).ready(function(){
 
 		var clsForTask = taskSeCd.toLowerCase();
 		//업무별 조회조건
-		renderForTask("frmSearch--${pageName}", clsForTask);
+		renderForTask($P.find("frmSearch"), clsForTask);
 		//업무별 버튼
-		renderForTask("gridbuttonArea--${pageName}", clsForTask);
+		renderForTask($P.find("gridbuttonArea"), clsForTask);
 		//버튼 이벤트 재매핑
-		$("#btnOpenOverTime--${pageName}").off("click");
-		$("#btnOpenOverTime--${pageName}").on("click", () => $P.openOverTimePop());
+		$P.$find("btnOpenOverTime").off("click");
+		$P.$find("btnOpenOverTime").on("click", () => $P.openOverTimePop());
 
-		$('#btnPhotoInspection--${pageName}').trigger("click");
+		$P.$find('btnPhotoInspection').trigger("click");
 	}
 
 	$P.getParams = () => {
-		var formFields = new FimsFormFields("#frmSearch--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmSearch"));
 		var data = formFields.get();
 
 		if($P.currentDisplay == "photoInspection"){
@@ -651,8 +652,8 @@ $(document).ready(function(){
 	    	}
 
 			var cellDefs = getCellDefs(
-				$("#photoInspection_Table_0--${pageName} thead th").not(".dummy-th").not(":eq(0)"),
-    			$($("#photoInspectionRow--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)")
+				$P.$find("photoInspection_Table_0").find("thead th").not(".dummy-th").not(":eq(0)"),
+    			$($P.find("photoInspectionRow").content).find("td").not(".dummy-td").not(":eq(0)")
 			);
 			$P.ctrl.query.cellDefs = cellDefs;
 
@@ -671,8 +672,8 @@ $(document).ready(function(){
 	    	if(excelTarget == "main"){
 
 				var cellDefs = getCellDefs(
-					$("#sameVehicleInspectionMain_Table_0--${pageName} thead th").not(".dummy-th"),
-		    		$($("#sameVehicleInspectionMainRow--${pageName}")[0].content).find("td").not(".dummy-td")
+					$P.$find("sameVehicleInspectionMain_Table_0").find("thead th").not(".dummy-th"),
+		    		$($P.find("sameVehicleInspectionMainRow").content).find("td").not(".dummy-td")
 		    	);
 				$P.alt.query.cellDefs = cellDefs;
 
@@ -680,8 +681,8 @@ $(document).ready(function(){
 			} else if(excelTarget == "sub"){
 
 				var cellDefs = getCellDefs(
-					$("#sameVehicleInspectionSub_Table_0--${pageName} thead th").not(".dummy-th"),
-	    			$($("#sameVehicleInspectionSubRow--${pageName}")[0].content).find("td").not(".dummy-td"),
+					$P.$find("sameVehicleInspectionSub_Table_0").find("thead th").not(".dummy-th"),
+	    			$($P.find("sameVehicleInspectionSubRow").content).find("td").not(".dummy-td"),
 	    			getCellDefsForPrivacyCell
 		    	);
 				$P.shift.query.cellDefs = cellDefs;
@@ -699,23 +700,23 @@ $(document).ready(function(){
 
 		switch (gridType) {
 			case "photoInspection":
-				notFound = [document.getElementById("photoInspectionNotFound--${pageName}").innerHTML]
-				found = document.getElementById("photoInspectionRow--${pageName}").innerHTML;
+				notFound = [$P.find("photoInspectionNotFound").innerHTML]
+				found = $P.find("photoInspectionRow").innerHTML;
 				replacer = (str, dataItem) => str
 				    .replace(/{onclick}/gi, "pageObject['${pageName}'].clickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','photoInspection');")
 		            .replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','photoInspection');");
 
 				break;
 			case "sameVehicleInspectionMain":
-				notFound = [document.getElementById("sameVehicleInspectionMainNotFound--${pageName}").innerHTML];
-				found = document.getElementById("sameVehicleInspectionMainRow--${pageName}").innerHTML;
+				notFound = [$P.find("sameVehicleInspectionMainNotFound").innerHTML];
+				found = $P.find("sameVehicleInspectionMainRow").innerHTML;
 				replacer = (str, dataItem) => str
 					.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInspectionDataList('" + dataItem.getValue("CRDN_ID_LIST") + "','sameVehicleInspectionMain');");
 
 				break;
 			case "sameVehicleInspectionSub":
-				notFound = [document.getElementById("sameVehicleInspectionSubNotFound--${pageName}").innerHTML]
-				found = document.getElementById("sameVehicleInspectionSubRow--${pageName}").innerHTML;
+				notFound = [$P.find("sameVehicleInspectionSubNotFound").innerHTML]
+				found = $P.find("sameVehicleInspectionSubRow").innerHTML;
 				replacer = (str, dataItem) => str
 					.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInspectionSub');")
 		        	.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInspectionSub');");
@@ -741,7 +742,7 @@ $(document).ready(function(){
 					initScroll = false;
 				}
 
-				$("#photoInspection-responsive--${pageName}")[0].changeContent(trs, initScroll, noMore);
+				$P.find("photoInspection-responsive").changeContent(trs, initScroll, noMore);
 
 				break;
 			case "sameVehicleInspectionMain":
@@ -750,12 +751,12 @@ $(document).ready(function(){
 					initScroll = false;
 				}
 
-				$("#sameVehicleInspectionMain-responsive--${pageName}")[0].changeContent(trs, initScroll, noMore);
+				$P.find("sameVehicleInspectionMain-responsive").changeContent(trs, initScroll, noMore);
 
 				break;
 			case "sameVehicleInspectionSub":
 
-				$("#sameVehicleInspectionSubTbody--${pageName}").html(trs);
+				$P.$find("sameVehicleInspectionSubTbody").html(trs);
 				break;
 			default: break;
 		}
@@ -770,7 +771,7 @@ $(document).ready(function(){
 			case "photoInspection":
 
 				if(dataKey != ""){
-					$("#photoInspectionTbody--${pageName}").setCurrentRow(dataKey);
+					$P.$find("photoInspectionTbody").setCurrentRow(dataKey);
 					Apply.toDataset.current($P.ctrl.dataset, dataKey);
 				}
 
@@ -784,7 +785,7 @@ $(document).ready(function(){
 				if(dataKey == ""){
 					return;
 				}
-				$("#sameVehicleInspectionMainTbody--${pageName}").setCurrentRow(dataKey);
+				$P.$find("sameVehicleInspectionMainTbody").setCurrentRow(dataKey);
 
 				Apply.toDataset.current($P.alt.dataset, dataKey);
 
@@ -795,7 +796,7 @@ $(document).ready(function(){
 				if(dataKey == ""){
 					return;
 				}
-				$("#sameVehicleInspectionSubTbody--${pageName}").setCurrentRow(dataKey);
+				$P.$find("sameVehicleInspectionSubTbody").setCurrentRow(dataKey);
 
 				Apply.toDataset.current($P.shift.dataset, dataKey);
 				break;
@@ -804,7 +805,7 @@ $(document).ready(function(){
 
 	$P.dblclickInspectionDataList = (dataKey) => {
 
-		var taskSeCd = $("#frmSearch--${pageName} input[name='taskSeCd']:checked").val();
+		var taskSeCd = $P.$find("frmSearch").find("input[name='taskSeCd']:checked").val();
 
 		var dialogUrl = wctx.url("/sprt/sprt02/010/main.do");
 
@@ -894,7 +895,7 @@ $(document).ready(function(){
 			"callPurpose" : "create"
 		};
 
-		var taskSeCd = $("#frmSearch--${pageName} [name='taskSeCd']:checked").val();
+		var taskSeCd = $P.$find("frmSearch").find("[name='taskSeCd']:checked").val();
 
 		ajax.get({
 			url : wctx.url(taskSeCd + "/excl/excl01/020/info.do"),
@@ -1010,54 +1011,55 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset()); //초기화버튼
-    $('#btnPhotoInspection--${pageName}').on('click', () => {
+    $P.$find("btnReset").on('click', () => $P.fnReset()); //초기화버튼
+    $P.$find("btnPhotoInspection").on('click', () => {
 
     	$(".area-photoinspection").show();
     	$(".area-samevehicleinspection").hide();
 
-		$('#btnPhotoInspection--${pageName}').addClass("active");
-		$('#btnSameVehicleInspection--${pageName}').removeClass("active");
+		$P.$find('btnPhotoInspection').addClass("active");
+		$P.$find('btnSameVehicleInspection').removeClass("active");
     	$P.currentDisplay = "photoInspection";
     });
-    $('#btnSameVehicleInspection--${pageName}').on('click', () => {
+    $P.$find("btnSameVehicleInspection").on('click', () => {
 
     	$(".area-samevehicleinspection").show();
     	$(".area-photoinspection").hide();
 
-		$('#btnSameVehicleInspection--${pageName}').addClass("active");
-		$('#btnPhotoInspection--${pageName}').removeClass("active");
+    	$P.$find("btnSameVehicleInspection").addClass("active");
+		$P.$find("btnPhotoInspection").removeClass("active");
     	$P.currentDisplay = "sameVehicleInspection";
     });
-    $('#btnSearch--${pageName}').on('click', () => $P.searchInspectionList()); //검색버튼
+    
+    $P.$find('btnSearch').on('click', () => $P.searchInspectionList()); //검색버튼
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchInspectionList);
 
-	$('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown());
+	$P.$find("btnExcel").on('click', () => $P.fnExcelDown());
 	$("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser());		// 사용자 검색
 	$("#btnInstLevyExcl--${pageName}").on("click", () => $P.openLevyExclPop("1"));
 
-	fnMakeResizableTable($("#photoInspection-responsive--${pageName}")[0]);
-	fnMakeResizableTable($("#sameVehicleInspectionMain-responsive--${pageName}")[0]);
-	fnMakeResizableTable($("#sameVehicleInspectionSub-responsive--${pageName}")[0]);
+	fnMakeResizableTable($P.find("photoInspection-responsive"));
+	fnMakeResizableTable($P.find("sameVehicleInspectionMain-responsive"));
+	fnMakeResizableTable($P.find("sameVehicleInspectionSub-responsive"));
 	//스크롤 테이블
-	fnMakeScrollableTable($("#photoInspection-responsive--${pageName}")[0], $P.scrollInspectionDataList);
-	fnMakeScrollableTable($("#sameVehicleInspectionMain-responsive--${pageName}")[0], $P.scrollInspectionDataList);
+	fnMakeScrollableTable($P.find("photoInspection-responsive"), $P.scrollInspectionDataList);
+	fnMakeScrollableTable($P.find("sameVehicleInspectionMain-responsive"), $P.scrollInspectionDataList);
 
 	/**************************************************************************
 	 * 초기화
 	 **************************************************************************/
-    initDatepicker("frmSearch--${pageName}"); //달력 초기화
-    initDetailSearchButton("frmSearch--${pageName}");
+    initDatepicker($P.find("frmSearch")); //달력 초기화
+    initDetailSearchButton($P.find("frmSearch"));
 
     var defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
-	$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
+    $P.$find("frmSearch").find("input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
 	$P.fnResetAndChangeBiz(defaultBizValue);
 
 	//보안모드
     fn_securityModeToggle($("#securityMode--top").is(":checked"));
 
-    $("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
+    $P.$find("frmSearch").find("input[name='taskSeCd']").each(function(i) {
 		$(this).prop("disabled", "true");
 	});
 });
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 a2833750..d02bea8c 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
@@ -6,13 +6,13 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-					<button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120"
+					<button type="button" name="btnSearch" class="btn btn-search w-px-120"
 					title="검색">검색</button>
-					<button type="button" id="btnExcel--${pageName}" class="btn btn-excel w-px-120"
+					<button type="button" name="btnExcel" class="btn btn-excel w-px-120"
 					title="엑셀 저장">엑셀</button>
 		        </span>
 		    </div>
@@ -362,11 +362,11 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-    $('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
+	$P.$find("btnReset").on('click', () => $P.fnReset());
+	$P.$find("btnSearch").on('click', () => $P.searchCrdnList());
  	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
-	$('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown());
+	$P.$find("btnExcel").on('click', () => $P.fnExcelDown());
 
 	fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
     fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
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 6ca1a7f4..43190628 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
@@ -6,10 +6,10 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}"
+		        <button type="button" name="btnReset"
 		        class="btn btn-outline-dark w-px-120" title="초기화">초기화</button>
 		        <span class="container-window-btn-right">
-					<button type="button" id="btnSearch--${pageName}"
+					<button type="button" name="btnSearch"
 					class="btn btn-search w-px-120" title="검색">검색</button>
 		        </span>
 		    </div>
@@ -276,8 +276,8 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-	$("#btnSearch--${pageName}").on("click", () => $P.searchCrdnList());
+	$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"); });
 
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 272d5400..2ab5999e 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
@@ -6,17 +6,17 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-		            <button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+		            <button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 		            검색
 		            </button>
-		            <button type="button" id="btnExcel--${pageName}" class="btn btn-excel w-px-120" title="엑셀 저장">
+		            <button type="button" name="btnExcel" class="btn btn-excel w-px-120" title="엑셀 저장">
 		            엑셀
 		            </button>
-		            <button type="button" id="btnExcelForApproval--${pageName}" class="btn btn-excel w-px-120" title="엑셀 저장">
+		            <button type="button" name="btnExcelForApproval" class="btn btn-excel w-px-120" title="엑셀 저장">
 		            엑셀(사진 포함)
 		            </button>
 		        </span>
@@ -580,13 +580,15 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-	$('#btnReset--${pageName}').on('click', () => $P.fnReset());
-    $('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
- 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
-	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
-    $('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown(false));
-    $('#btnExcelForApproval--${pageName}').on('click', () => $P.fnExcelDown(true));
+	$P.$find("btnReset").on('click', () => $P.fnReset());
+	$P.$find("btnSearch").on('click', () => $P.searchCrdnList());
+	$P.$find("btnExcel").on('click', () => $P.fnExcelDown(false));
+	$P.$find("btnExcelForApproval").on('click', () => $P.fnExcelDown(true));
+	
 	$("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser());		// 사용자 검색
+	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
+	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
+	
     fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
     fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
 
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 cd1da2f4..57be218b 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
@@ -7,11 +7,11 @@
 
 			<!-- 조회조건 -->
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-					<button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+					<button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 					검색
 					</button>
 		        </span>
@@ -469,8 +469,8 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-	$("#btnSearch--${pageName}").on("click", () => $P.searchUseTeamList());
+	$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(); });
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 62884d88..1e88c197 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
@@ -5,14 +5,14 @@
 	<div class="container-xxl flex-grow-1 px-0">
 		<div class="card wrapper-list">
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-					<button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+					<button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 					검색
 					</button>
-					<button type="button" id="btnExcel--${pageName}" class="btn btn-excel w-px-120" title="엑셀 저장">
+					<button type="button" name="btnExcel" class="btn btn-excel w-px-120" title="엑셀 저장">
 					엑셀
 					</button>
 		        </span>
@@ -423,9 +423,9 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-	$("#btnSearch--${pageName}").on("click", () => $P.searchExmptnVhclList());
-	$('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown());
+	$P.$find("btnReset").on('click', () => $P.fnReset());
+	$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(); });
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 a8540e24..c3a2cbc7 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
@@ -6,14 +6,14 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-		            <button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+		            <button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 		            검색
 		            </button>
-		            <button type="button" id="btnExcel--${pageName}" class="btn btn-excel w-px-120" title="엑셀 저장">
+		            <button type="button" name="btnExcel" class="btn btn-excel w-px-120" title="엑셀 저장">
 		            엑셀
 		            </button>
 		        </span>
@@ -674,12 +674,13 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-    $('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
+	$P.$find("btnReset").on('click', () => $P.fnReset());
+	$P.$find("btnSearch").on('click', () => $P.searchCrdnList());
+	$P.$find("btnExcel").on('click', () => $P.fnExcelDown());
+	
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
-	$('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown());
-
+	
     $("#btnHold--${pageName}").on("click", () => $P.fnHold());
     $("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
     $("#btnDeleteSameRcptYmd--${pageName}").on("click", () => $P.fnRemoveSameRcptYmd());
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 ac8375b9..6d4bd887 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
@@ -6,17 +6,17 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-		            <button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+		            <button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 		            검색
 		            </button>
-		        	<button type="button" id="btnExcel--${pageName}" class="btn btn-excel w-px-120" title="엑셀 저장">
+		        	<button type="button" name="btnExcel" class="btn btn-excel w-px-120" title="엑셀 저장">
 		        	엑셀
 		        	</button>
-		        	<button type="button" id="btnExcelForApproval--${pageName}" class="btn btn-excel w-px-120" title="엑셀 저장">
+		        	<button type="button" name="btnExcelForApproval" class="btn btn-excel w-px-120" title="엑셀 저장">
 		            엑셀(사진 포함)
 		            </button>
 		        </span>
@@ -670,13 +670,15 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-    $('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
+	$P.$find("btnReset").on('click', () => $P.fnReset());
+	$P.$find("btnSearch").on('click', () => $P.searchCrdnList());
+	$P.$find("btnExcel").on('click', () => $P.fnExcelDown(false));
+	$P.$find("btnExcelForApproval").on('click', () => $P.fnExcelDown(true));
+	
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
-    $('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown(false));
-    $('#btnExcelForApproval--${pageName}').on('click', () => $P.fnExcelDown(true));
-
+    
+	
     $("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
     $("#btnOpenAnswerPreview--${pageName}").on("click", () => $P.fnOpenAnswerPreview());
     $("#btnExecuteAnswer--${pageName}").on("click", () => $P.fnExecuteAnswer());
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 42482150..c3899866 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
@@ -6,14 +6,14 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-		            <button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+		            <button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 		            검색
 		            </button>
-		        	<button type="button" id="btnExcel--${pageName}" class="btn btn-excel w-px-120" title="엑셀 저장">
+		        	<button type="button" name="btnExcel" class="btn btn-excel w-px-120" title="엑셀 저장">
 		        	엑셀
 		        	</button>
 		        </span>
@@ -544,11 +544,13 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-    $('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
+	$P.$find("btnReset").on('click', () => $P.fnReset());
+	$P.$find("btnSearch").on('click', () => $P.searchCrdnList());
+	$P.$find("btnExcel").on('click', () => $P.fnExcelDown());
+	
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
-	$('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown());
+	
     $("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
     $("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
 
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 d194441c..b00b6ce1 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
@@ -6,11 +6,11 @@
 		<div class="card wrapper-list">
 
 		    <div class="container-page-btn">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right">
-		            <button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+		            <button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 		            검색
 		            </button>
 		        </span>
@@ -436,8 +436,9 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
-    $('#btnSearch--${pageName}').on('click', () => $P.searchDmndList());
+	$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());
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 865e59b4..6d8096bf 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
@@ -26,7 +26,7 @@
 		    </form>
 
 			<div class="container-page-btn mt-3">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		        <span class="container-window-btn-right"></span>
@@ -669,7 +669,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
+	$P.$find("btnReset").on('click', () => $P.fnReset());
 
 	//탭 버튼
     $('#btnAnsBasicTab--${pageName}').on('click', (event) => {
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 28bc3124..0ef1614d 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
@@ -25,7 +25,7 @@
 		    </form>
 
 			<div class="container-page-btn mt-3">
-		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
 		    </div>
@@ -296,7 +296,7 @@ $(document).ready(function(){
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
-    $('#btnReset--${pageName}').on('click', () => $P.fnReset());
+	$P.$find("btnReset").on('click', () => $P.fnReset());
 
 	//업무처리 버튼
     $("#btnSave--${pageName}").on("click", () => $P.fnSave());