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 c3c44848..ffe09f91 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
@@ -60,7 +60,7 @@
 
 		    <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-600">
+					<div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer" >
 							<thead class="sticky-thead">
@@ -281,7 +281,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"));
@@ -368,8 +368,8 @@ $(document).ready(function(){
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
 	$P.$find("btnExcel").on('click', () => $P.fnExcelDown());
 
-	fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
-    fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
+	fnMakeResizableTable($P.find("table-responsive"));
+    fnMakeScrollableTable($P.find("table-responsive"), $P.scrollCrdnList);
 
     $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 7205ebb3..e87e9240 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
@@ -57,8 +57,7 @@
 			</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-600">
+					<div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@@ -227,7 +226,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"));
@@ -281,8 +280,8 @@ $(document).ready(function(){
 	$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);
+	fnMakeResizableTable($P.find("table-responsive"));
+	fnMakeScrollableTable($P.find("table-responsive"), $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 bcac9776..a959de25 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
@@ -59,7 +59,7 @@
 				<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-550">
+						<div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-550">
 							<span>
 								<table
 									class="datatables-ajax table table-bordered dataTable no-footer">
@@ -204,7 +204,7 @@ $(document).ready(function(){
 		if(dataItem && dataItem.data){
 			var dataKey = dataItem.data.FILE_NAME;
 			
-			$("#table-responsive--${pageName}").find("tbody").setCurrentRow(dataKey);
+			$P.$find("table-responsive").find("tbody").setCurrentRow(dataKey);
 			
 			if(dataItem.data.FILE_GROUP_TYPE == "BIN"){
 				var srcArr = [];
@@ -310,8 +310,8 @@ $(document).ready(function(){
 	 }
 	 
 	 $P.getGridTemplate = () => {
-		 var notFound = [$("#table-responsive--${pageName}").find("template.notFound")[0].innerHTML];
-			var found = $("#table-responsive--${pageName}").find("template.found")[0].innerHTML;
+		 var notFound = [$P.$find("table-responsive").find("template.notFound")[0].innerHTML];
+			var found = $P.$find("table-responsive").find("template.found")[0].innerHTML;
 			var replacer = (str, dataItem) => str
 				.replace(/{onclick}/gi, "pageObject['${pageName}'].clickParsedInfoList('" + dataItem.getValue("FILE_NAME") + "');");
 
@@ -324,10 +324,10 @@ $(document).ready(function(){
 	 //테이블 렌더링
 	 $P.renderParsedInfoList = (total, listLength, trs) => {
 
-		$("#table-responsive--${pageName}").find("tbody").html(trs);
+		 $P.$find("table-responsive").find("tbody").html(trs);
 		
 		if(listLength != 0){
-			fnDownsizeCheck($("#table-responsive--${pageName}").find("table")[0]);
+			fnDownsizeCheck($P.$find("table-responsive").find("table")[0]);
 		}
 		
 	}
@@ -452,7 +452,7 @@ $(document).ready(function(){
 	
 	$P.removeTableRow = (removedFileName) => {
 		
-		var fileListTable = $("#table-responsive--${pageName}").find("table")[0];
+		var fileListTable = $P.$find("table-responsive").find("table")[0];
 
 		var targetArr = [];
 		if(Array.isArray(removedFileName)){
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 eb9d1bf9..115b3c2a 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
@@ -74,7 +74,7 @@
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
 								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
-								data-bs-target="#searchDetail--${pageName}">
+								data-bs-target="[data-doctx='${pageName}'] [name='searchDetail']">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -82,7 +82,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 slot="search" class="col-6 if-empty-col0">
 			        		<template class="pvs dpv eca">
@@ -178,7 +178,8 @@
 
 		    <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">
+					<div name="table-responsive" 
+					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">
 							<thead class="sticky-thead">
@@ -385,7 +386,7 @@ $(document).ready(function(){
 		cols.each(function(){
 			colsStr += this.outerHTML;
 		});
-		$("#table-responsive--${pageName}")[0].changeColumn(colsStr);
+		$P.find("table-responsive").changeColumn(colsStr);
 
 		if(SYS_LINK_INFO = null || SYS_LINK_INFO.NXRP_LINK_YN != 'Y'){
 			$P.$find("btnSendCrdn").attr("hidden","hidden");
@@ -476,7 +477,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")); //보안모드
 
@@ -589,8 +590,8 @@ $(document).ready(function(){
 	// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 	$("#term--${pageName}").onEnterPress($P.searchCrdnList);
 	
-    fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
-    fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
+    fnMakeResizableTable($P.find("table-responsive"));
+    fnMakeScrollableTable($P.find("table-responsive"), $P.scrollCrdnList);
 
 	/**************************************************************************
 	 * 초기화
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 e5af8a43..048691d2 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
@@ -60,7 +60,7 @@
 			</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-600">
+					<div class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@@ -261,7 +261,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"));
@@ -431,8 +431,8 @@ $(document).ready(function(){
 	$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]);
+	fnMakeScrollableTable($P.find("table-responsive"), $P.scrollExmptnVhclList);
+	fnMakeResizableTable($P.find("table-responsive"));
 
     /**************************************************************************
 	 * 초기화
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
index 492afda6..de127685 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
@@ -5,7 +5,8 @@
 <div class="card" data-doctx="${pageName}">
 	<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-550">
+			<div name="table-responsive" 
+			class="table-responsive ox-scroll oy-scroll h-px-550">
 				<table id="DataTables_Table_0--${pageName}"
 					class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 					<thead class="sticky-thead">
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 0677d4f4..2777e727 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
@@ -79,7 +79,7 @@
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
 								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
-								data-bs-target="#searchDetail--${pageName}">
+								data-bs-target="[data-doctx='${pageName}'] [name='searchDetail']">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -87,7 +87,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-6">
 							<select class="form-select w-px-120 text-center" id="schRegDateOpt--${pageName}" name="schRegDateOpt">
@@ -130,7 +130,8 @@
 
 		    <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">
+					<div id="table-responsive--${pageName}" name="table-responsive" 
+					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">
 							<thead id="crdnThead--${pageName}" class="sticky-thead">
@@ -424,7 +425,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"));
@@ -687,8 +688,8 @@ $(document).ready(function(){
 	$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);
+    fnMakeResizableTable($P.find("table-responsive"));
+    fnMakeScrollableTable($P.find("table-responsive"), $P.scrollCrdnList);
 
 
 	/**************************************************************************
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 127611b2..370252bc 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
@@ -86,7 +86,7 @@
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
 								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
-								data-bs-target="#searchDetail--${pageName}">
+								data-bs-target="[data-doctx='${pageName}'] [name='searchDetail']">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -94,7 +94,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-6">
 							<select class="form-select w-px-120 text-center" id="schRegDateOpt--${pageName}" name="schRegDateOpt">
@@ -149,7 +149,8 @@
 
 		    <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">
+					<div name="table-responsive" 
+					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">
 							<thead id="crdnThead--${pageName}" class="sticky-thead">
@@ -389,7 +390,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"));
@@ -685,8 +686,8 @@ $(document).ready(function(){
 	$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);
+	fnMakeResizableTable($P.find("table-responsive"));
+	fnMakeScrollableTable($P.find("table-responsive"), $P.scrollCrdnList);
 
 	/**************************************************************************
 	 * 초기화
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 bcdebc05..9ef946c0 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
@@ -79,7 +79,7 @@
 							<!-- 상세 검색조건 버튼 -->
 							<span class="flr">
 								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
-								data-bs-target="#searchDetail--${pageName}">
+								data-bs-target="[data-doctx='${pageName}'] [name='searchDetail']">
 									<i class="bx bx-chevron-down"></i>
 									상세검색
 								</button>
@@ -87,7 +87,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-6">
 							<select class="form-select w-px-120 text-center" id="schRegDateOpt--${pageName}" name="schRegDateOpt">
@@ -127,7 +127,8 @@
 
 		    <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">
+					<div id="table-responsive--${pageName}" name="table-responsive" 
+					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">
 							<thead id="crdnThead--${pageName}" class="sticky-thead">
@@ -392,7 +393,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"));
@@ -555,8 +556,8 @@ $(document).ready(function(){
 	$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);
+    fnMakeResizableTable($P.find("table-responsive"));
+    fnMakeScrollableTable($P.find("table-responsive"), $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 23de7243..e4a2becc 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
@@ -71,7 +71,8 @@
 
 		    <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-600">
+					<div name="table-responsive" 
+					class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead id="dmndThead--${pageName}" class="sticky-thead">
@@ -304,7 +305,7 @@ $(document).ready(function(){
 			initScroll = false;
 		}
 		
-		$("#table-responsive--${pageName}")[0].changeContent(trs, initScroll, noMore);
+		$P.find("table-responsive").changeContent(trs, initScroll, noMore);
 	}
 
 	$P.clickDmndList = (dataKey) => {
@@ -445,8 +446,8 @@ $(document).ready(function(){
 	$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);
+    fnMakeResizableTable($P.find("table-responsive"));
+    fnMakeScrollableTable($P.find("table-responsive"), $P.scrollDmndList);
 
 	/**************************************************************************
 	 * 초기화