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 e67444d1..0ab4f075 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
@@ -71,8 +71,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"
-						style="height:500px;">
+					<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">
 							<thead class="sticky-thead">
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 aa8984b3..60fb892f 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
@@ -179,8 +179,7 @@
 
 			<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"
-						style="height:200px;">
+					<div id="photoInspection-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-200">
 						<table id="photoInspection_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@@ -243,7 +242,7 @@
 				</div>
 		    </div>
 
-			<div style="height:200px;" class="area-photoinspection">
+			<div class="area-photoinspection h-px-200">
 				선택자료
 				<strong id="curDataVhrno--${pageName}"></strong>
 				<div id="curDataFiles--${pageName}" class="ox-scroll d-flex"
@@ -251,7 +250,7 @@
 
 				</div>
 			</div>
-			<div style="height:200px;" class="area-photoinspection">
+			<div class="area-photoinspection h-px-200">
 				비교자료(선택자료의 다음 자료가 보여집니다.)
 				<strong id="nextDataVhrno--${pageName}"></strong>
 				<div id="nextDataFiles--${pageName}" class="ox-scroll d-flex"
@@ -265,8 +264,8 @@
 			        <div id="sameVehicleInspectionMain_Table_0_wrapper--${pageName}"
 			        class="dataTables_wrapper dt-bootstrap5 no-footer">
 						<div id="sameVehicleInspectionMain-responsive--${pageName}" 
-							class="table-responsive ox-scroll oy-scroll"
-							style="height:400px;width:350px;">
+							class="table-responsive ox-scroll oy-scroll h-px-400"
+							style="width:350px;">
 							<table id="sameVehicleInspectionMain_Table_0--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
@@ -305,8 +304,8 @@
 			    <div class="card-datatable text-nowrap" style="display: inline-flex;margin-left:10px;">
 			        <div id="sameVehicleInspectionSub_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
 						<div id="sameVehicleInspectionSub-responsive--${pageName}" 
-							class="table-responsive ox-scroll oy-scroll"
-							style="height:400px;width:1000px;">
+							class="table-responsive ox-scroll oy-scroll h-px-400"
+							style="width:1000px;">
 							<table id="sameVehicleInspectionSub_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/crdn/crdn03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp
index 8b191ba4..b281c793 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,8 +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"
-						style="height:600px;">
+					<div id="table-responsive--${pageName}" 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">
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 0ca7bda1..d187681d 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
@@ -58,8 +58,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"
-						style="height:600px;">
+						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">
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 8b7780a0..cbafbc91 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,8 +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"
-							style="height:540px;">
+						<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-550">
 							<span>
 								<table
 									class="datatables-ajax table table-bordered dataTable no-footer">
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 24828d62..ff1fd38b 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
@@ -353,7 +353,7 @@
 			<button type="button" id="btnOpenVideoCapture--${pageName}" class="btn btn-primary">동영상 캡쳐</button>
 			<button type="button" id="btnCancelAddFile--${pageName}" class="btn btn-primary">선택 사진 삭제</button>
 		</div>
-		<div id="display--${pageName}" class="oy-scroll" style="height: 600px;border-style: solid;">
+		<div id="display--${pageName}" class="oy-scroll h-px-600" style="border-style: solid;">
 			
 		</div>
 	</div>
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 72aeeb6c..b6719b40 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
@@ -51,8 +51,7 @@
 			</div>
 			<div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_0--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:300px;">
+					<div id="table-responsive_0--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@@ -187,8 +186,7 @@
 			</div>
 		    <div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_1--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:300px;">
+					<div id="table-responsive_1--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 						<table id="DataTables_Table_1--${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/crdn/crdn08010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
index 4bdb2ee2..c7c13445 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,8 +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"
-						style="height:600px;">
+					<div id="table-responsive--${pageName}" 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">
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 a0e45036..bb068d6a 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,8 +5,7 @@
 <div class="card">
 	<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"
-				style="height:550px;">
+			<div id="table-responsive--${pageName}" 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 759af96d..b056b0b4 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
@@ -118,8 +118,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"
-						style="height:550px;">
+					<div id="table-responsive--${pageName}" 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 id="crdnThead--${pageName}" class="sticky-thead">
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 52c8fb42..67c01e54 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
@@ -136,8 +136,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"
-						style="height:550px;">
+					<div id="table-responsive--${pageName}" 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 id="crdnThead--${pageName}" class="sticky-thead">
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 25fbb8c4..56d49a41 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
@@ -115,8 +115,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"
-						style="height:550px;">
+					<div id="table-responsive--${pageName}" 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 id="crdnThead--${pageName}" class="sticky-thead">
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 20f6d939..22a05073 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,8 +71,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"
-						style="height:600px;">
+					<div id="table-responsive--${pageName}" 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">
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 9c8c070a..c183fa04 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
@@ -116,8 +116,8 @@
 									<!-- 부과건 그리드 -->
 									<span class="area-answerbody area-levy">
 										<div id="table-responsive-levy--${pageName}"
-											class="table-responsive"
-											style="height:100%;width:470px;overflow-y: auto;">
+											class="table-responsive oy-auto h-100"
+											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
 													<tr>
@@ -147,8 +147,8 @@
 									<!-- 계도건 그리드 -->
 									<span class="area-answerbody area-warning">
 										<div id="table-responsive-warning--${pageName}"
-											class="table-responsive"
-											style="height:100%;width:470px;overflow-y: auto;">
+											class="table-responsive oy-auto h-100"
+											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
 													<tr>
@@ -178,8 +178,8 @@
 									<!-- 미부과처리건 그리드 -->
 									<span class="area-answerbody area-nonlevy">
 										<div id="table-responsive-nonlevy--${pageName}"
-											class="table-responsive"
-											style="height:100%;width:470px;overflow-y: auto;">
+											class="table-responsive oy-auto h-100"
+											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
 													<tr>
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 46f65420..4408f6b8 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
@@ -39,8 +39,8 @@
 						<div class="card-datatable text-nowrap d-inline-flex" 
 							style="border: #D9DEE3 1px solid;">
 							<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-								<div class="table-responsive"
-									style="height:100%;width:470px;overflow-y: auto;">
+								<div class="table-responsive oy-auto h-100"
+									style="width:470px;">
 									<table class="datatables-ajax table table-bordered dataTable no-footer">
 										<thead class="sticky-thead">
 											<tr>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
index df3993d7..fd3fcf77 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
@@ -136,7 +136,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;">
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
index 36681578..d81b94b1 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
@@ -191,7 +191,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="dataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
index 6219dbba..3cb2b7fd 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
@@ -195,7 +195,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
diff --git a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
index c6c33754..2375931d 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
@@ -52,8 +52,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"
-						style="height:500px;">
+					<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">
 							<thead class="sticky-thead">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt03010-main.jsp
index 40e0331c..e9d03296 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt03010-main.jsp
@@ -159,8 +159,7 @@
 		
 		<div class="card-datatable text-nowrap area-photoinspection mx-2 mt-2 mb-3">
 	        <div id="{task}Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="{task}table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-					style="height:300px;">
+				<div id="{task}table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table id="{task}Table_0--${pageName}"
 						class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 						<thead class="sticky-thead">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt04010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt04010-main.jsp
index e33cc67b..da35f745 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt04010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt04010-main.jsp
@@ -78,8 +78,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"
-						style="height:500px;">
+					<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">
 							<thead class="sticky-thead">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
index 05ad12e1..72d15366 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
@@ -158,7 +158,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
index 7e44da36..d5be23e6 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
@@ -42,7 +42,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
index 13f64045..bb358c02 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
@@ -124,8 +124,7 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-up--${pageName}"
-			style="height:300px;" >
+			<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-up--${pageName}">
 				<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 				id="upTable--${pageName}" aria-describedby="DataTables_Table_0_info">
 					<thead class="sticky-thead">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
index e4e7a6a9..99ecf6d0 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
@@ -118,8 +118,7 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-down--${pageName}"
-			style="height:300px;" >
+			<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-down--${pageName}">
 				<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 				id="downTable--${pageName}" aria-describedby="DataTables_Table_0_info">
 					<thead class="sticky-thead">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
index 8920e9f8..2b03c90d 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
@@ -8,8 +8,7 @@
 
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
index 8bb6b0bd..73ce7e5e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
@@ -21,8 +21,7 @@
 		
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
index a8fdb190..9d9a3764 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
@@ -16,8 +16,7 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
index 580a5778..5c0d20f8 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
@@ -18,8 +18,7 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
index b795e445..1cf28f78 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
@@ -18,8 +18,7 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
index 97508922..94f7dc62 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
@@ -148,7 +148,7 @@
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
 						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
-							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-1--${pageName}" style="height:200px;" >
+							<div class="table-responsive ox-scroll oy-scroll h-px-200" id="table-responsive-1--${pageName}">
 								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
 										id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead class="sticky-thead">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
index 39ca14cc..6ded55a9 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
@@ -29,7 +29,7 @@
 					<!-- DataTables(그리드) -->
 					<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" style="height:400px;" >
+							<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-400">
 								<table class="dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead>
 										<tr id="theadTr--${pageName}">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
index 8b8ba65d..2f7604b5 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
@@ -45,13 +45,13 @@
 
 	<h2 class="text-white modal-title">동영상 캡쳐</h2>
 	<span class="container-window-btn-right">
-    	<button id="btnLoad" class="btn p-0 d-block w-px-100" style="height:70px;">
+    	<button id="btnLoad" class="btn p-0 d-block w-px-100 h-px-70">
     		<i class='bx bx-lg bx-folder-open' ></i><br/><span class="text-black">동영상 오픈</span>
     	</button>
-    	<button id="btnCapture" class="btn p-0 d-block w-px-100" style="height:70px;">
+    	<button id="btnCapture" class="btn p-0 d-block w-px-100 h-px-70">
 			<i class='bx bx-lg bxs-camera'></i><br/><span class="text-black">캡처</span>
 		</button>
-		<button id="btnSave" class="btn p-0 d-block w-px-100" style="height:70px;">
+		<button id="btnSave" class="btn p-0 d-block w-px-100 h-px-70">
 			<i class='bx bx-lg bxs-save'></i><br/><span class="text-black">캡처 이미지 저장</span>
 		</button>
     </span>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp
index 5e102508..61ef39e1 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp
@@ -158,7 +158,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-500" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
diff --git a/src/main/webapp/WEB-INF/jsp/fims/stat/stat-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/stat/stat-main.jsp
index 99985126..01d1a571 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stat/stat-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stat/stat-main.jsp
@@ -129,8 +129,7 @@
 			<span id="masterArea--${pageName}">
 				<div class="card-datatable text-nowrap">
 			        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div class="table-responsive ox-scroll oy-scroll"
-							style="height:350px;">
+						<div class="table-responsive ox-scroll oy-scroll h-px-350">
 							<table id="masterTable--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
@@ -149,8 +148,7 @@
 				<h2 class="mt-4">상세목록</h2>
 				<div class="card-datatable text-nowrap">
 			        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div class="table-responsive ox-scroll oy-scroll"
-							style="height:350px;">
+						<div class="table-responsive ox-scroll oy-scroll h-px-350">
 							<table id="detailTable--${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/stng01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
index fcf5e454..4fdae9ed 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
@@ -67,8 +67,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollUnique--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollUnique--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tableUnique--${pageName}" aria-describedby="DataTables_Table_0_info">
@@ -92,8 +91,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollMultiple--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollMultiple--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tableMultiple--${pageName}" aria-describedby="DataTables_Table_0_info">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
index ff92b93e..8056a250 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
@@ -68,8 +68,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollPredefined--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollPredefined--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tablePredefined--${pageName}" aria-describedby="DataTables_Table_0_info">
@@ -93,8 +92,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollCustom--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollCustom--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tableCustom--${pageName}" aria-describedby="DataTables_Table_0_info">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
index f6aeaf76..c3666279 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
@@ -56,8 +56,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scroll--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:600px;" >
+				<div id="scroll--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-600">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
index 403852e6..3fbecdda 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
@@ -70,7 +70,7 @@
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
 						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;">
+							<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead class="sticky-thead">
 										<tr id="theadTr--${pageName}"
diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
index b9901ac2..a4b289fa 100644
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
@@ -638,6 +638,10 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 	min-width:30%;
 }
 
+.ox-auto {
+	overflow-x: auto;
+}
+
 .oy-auto {
 	overflow-y: auto;
 }
diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core.css b/src/main/webapp/resources/css/fims/cmmn/xit-core.css
index 1abc9aa5..8b093fe5 100644
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core.css
@@ -11157,6 +11157,10 @@ button.list-group-item-gray.active {
     height: 500px !important;
 }
 
+.h-px-550 {
+    height: 550px !important;
+}
+
 .h-px-600 {
     height: 600px !important;
 }
@@ -11169,6 +11173,14 @@ button.list-group-item-gray.active {
     height: 800px !important;
 }
 
+.h-px-900 {
+    height: 900px !important;
+}
+
+.h-px-950 {
+    height: 950px !important;
+}
+
 .h-auto {
     height: auto !important;
 }
diff --git a/src/main/webapp/resources/html/pdf.html b/src/main/webapp/resources/html/pdf.html
index 34d4ff2e..a4ba0ae0 100644
--- a/src/main/webapp/resources/html/pdf.html
+++ b/src/main/webapp/resources/html/pdf.html
@@ -30,7 +30,7 @@
 </head>
 <body>
 
-<div id="example" style="height:950px;">
+<div id="example" class="h-px-950">
 </div>
 
 <!-- Core JS -->
diff --git a/src/main/webapp/resources/html/searchAddr.html b/src/main/webapp/resources/html/searchAddr.html
index 897e9e36..86a031f5 100644
--- a/src/main/webapp/resources/html/searchAddr.html
+++ b/src/main/webapp/resources/html/searchAddr.html
@@ -21,7 +21,7 @@
 	<div id="list" class="mt-4">
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="table-responsive" class="table-responsive ox-scroll oy-scroll" style="height:400px;">
+				<div id="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-400">
 					<table id="DataTables_Table_0" class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 						<thead>
 							<tr>