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 6816367a..e67444d1 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,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"
-						style="overflow-x: scroll;height:500px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:500px;">
 						<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 2b1a348a..aa8984b3 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,8 @@
 
 			<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"
-						style="overflow-x: scroll;height:200px;overflow-y: scroll;">
+					<div id="photoInspection-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:200px;">
 						<table id="photoInspection_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@@ -246,16 +246,16 @@
 			<div style="height:200px;" class="area-photoinspection">
 				선택자료
 				<strong id="curDataVhrno--${pageName}"></strong>
-				<div id="curDataFiles--${pageName}"
-				style="width: 100%;height: 180px;overflow-x: scroll;background-color:#D9DEE3;display:flex;">
+				<div id="curDataFiles--${pageName}" class="ox-scroll d-flex"
+				style="width: 100%;height: 180px;background-color:#D9DEE3;">
 
 				</div>
 			</div>
 			<div style="height:200px;" class="area-photoinspection">
 				비교자료(선택자료의 다음 자료가 보여집니다.)
 				<strong id="nextDataVhrno--${pageName}"></strong>
-				<div id="nextDataFiles--${pageName}"
-				style="width: 100%;height: 180px;overflow-x: scroll;background-color:#D9DEE3;display:flex;">
+				<div id="nextDataFiles--${pageName}" class="ox-scroll d-flex"
+				style="width: 100%;height: 180px;background-color:#D9DEE3;">
 
 				</div>
 			</div>
@@ -264,8 +264,9 @@
 				<div class="card-datatable text-nowrap" style="display: inline-flex;">
 			        <div id="sameVehicleInspectionMain_Table_0_wrapper--${pageName}"
 			        class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div id="sameVehicleInspectionMain-responsive--${pageName}" class="table-responsive"
-							style="overflow-x: scroll;height:400px;width:350px;overflow-y: scroll;">
+						<div id="sameVehicleInspectionMain-responsive--${pageName}" 
+							class="table-responsive ox-scroll oy-scroll"
+							style="height:400px;width:350px;">
 							<table id="sameVehicleInspectionMain_Table_0--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
@@ -303,8 +304,9 @@
 
 			    <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"
-							style="overflow-x: scroll;height:400px;width:1000px;overflow-y: scroll;">
+						<div id="sameVehicleInspectionSub-responsive--${pageName}" 
+							class="table-responsive ox-scroll oy-scroll"
+							style="height:400px;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 6f7745e1..8b191ba4 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,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"
-						style="overflow-x: scroll;height:600px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:600px;">
 						<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 bf821796..0ca7bda1 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,9 @@
 			</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"
-						style="overflow-x: scroll;height:600px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" 
+						class="table-responsive ox-scroll oy-scroll"
+						style="height:600px;">
 						<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 b27726e6..8b7780a0 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,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"
-							style="overflow-x: scroll;height:540px;overflow-y: scroll;">
+						<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+							style="height:540px;">
 							<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 fc0043dc..24828d62 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}" style="overflow-y: scroll;height: 600px;border-style: solid;">
+		<div id="display--${pageName}" class="oy-scroll" style="height: 600px;border-style: solid;">
 			
 		</div>
 	</div>
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 ecc100a6..bd4b65ef 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
@@ -159,8 +159,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"
-						style="overflow-x: scroll;height:500px;overflow-y: scroll;">
+					<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/crdn07010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
index d47e02ab..72aeeb6c 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,8 @@
 			</div>
 			<div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_0--${pageName}" class="table-responsive"
-						style="overflow-x: scroll;height:300px;overflow-y: scroll;">
+					<div id="table-responsive_0--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:300px;">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@@ -187,8 +187,8 @@
 			</div>
 		    <div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_1--${pageName}" class="table-responsive"
-						style="overflow-x: scroll;height:300px;overflow-y: scroll;">
+					<div id="table-responsive_1--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:300px;">
 						<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 e608b684..4bdb2ee2 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,8 @@
 			</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"
-						style="overflow-x: scroll;height:600px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:600px;">
 						<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 6c842dcc..a0e45036 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,8 @@
 <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"
-				style="overflow-x: scroll;height:550px;overflow-y: scroll;">
+			<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+				style="height:550px;">
 				<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 d0be874a..759af96d 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,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"
-						style="overflow-x: scroll;height:550px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:550px;">
 						<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 f105330d..0b398d30 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,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"
-						style="overflow-x: scroll;height:550px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:550px;">
 						<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 d12524cd..25fbb8c4 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,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"
-						style="overflow-x: scroll;height:550px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:550px;">
 						<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 bfbe5f0d..20f6d939 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,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"
-						style="overflow-x: scroll;height:600px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:600px;">
 						<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/epst/epst02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
index 531838f7..451792f5 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
@@ -140,7 +140,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/epst/epst02030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp
index e665ae24..ae0cb99a 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp
@@ -229,7 +229,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap" id="datatable--${pageName}">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/epst/epst02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
index be15bd7a..66fc8501 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
@@ -37,7 +37,7 @@
 			<!-- DataTables(그리드) -->
 			<div class="card-datatable text-nowrap" id="datatable--${pageName}">
 				<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-					<div class="table-responsive" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+					<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 						<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/epst/epst02050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
index 232d3854..df3993d7 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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;">
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;">
 							<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}"
@@ -193,7 +193,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" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:160px; overflow-y:scroll;">
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-1--${pageName}" style="height:160px;">
 							<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">
 									<tr id="theadTrSumAmt--${pageName}">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
index d98445c4..ff628248 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
@@ -171,7 +171,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:460px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
 							<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/excl/excl02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
index f7bcfaa5..e80b3ebb 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
@@ -200,7 +200,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:420px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:420px;" >
 							<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/excl/excl03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
index 21069173..3ea4f99d 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
@@ -155,7 +155,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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 fe12564b..c42b78cb 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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
 							<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 bd98169e..a81cb21d 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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
 							<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/levy02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
index f7db13c2..9f498bd1 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
@@ -141,7 +141,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:460px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
 							<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 2484ebd9..c6c33754 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,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"
-						style="overflow-x: scroll;height:500px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:500px;">
 						<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 3443ee2b..40e0331c 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,8 @@
 		
 		<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"
-					style="overflow-x: scroll;height:300px;overflow-y: scroll;">
+				<div id="{task}table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+					style="height:300px;">
 					<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 f7e7060c..e33cc67b 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,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"
-						style="overflow-x: scroll;height:500px;overflow-y: scroll;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
+						style="height:500px;">
 						<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/photo-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp
index 7e4b3c20..54d71fb9 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp
@@ -28,8 +28,8 @@
 
 	<div id="displayForExist--${pageName}"
 	style="border-style: solid;">
-		<ul id="dragAndDrop--${pageName}"
-		style="display:flex;flex-wrap:wrap;overflow-y: scroll;min-height: 40px;max-height: 650px;">
+		<ul id="dragAndDrop--${pageName}" class="oy-scroll"
+		style="display:flex;flex-wrap:wrap;min-height: 40px;max-height: 650px;">
 		</ul>
 	</div>
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/rcvm/rcvm01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/rcvm/rcvm01010-main.jsp
index c4aeb5e2..42ef94f4 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/rcvm/rcvm01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/rcvm/rcvm01010-main.jsp
@@ -169,7 +169,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/rdca/rdca01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
index 0a7fbd42..c2119c3f 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
@@ -184,7 +184,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:460px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
 							<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/sndb01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
index 477a2b36..09670ee0 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
@@ -174,7 +174,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/sndb01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
index 2c95df73..8cee51c2 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
@@ -73,7 +73,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:280px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:280px;" >
 							<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/sndb01030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp
index bca1ab9d..889eb961 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp
@@ -135,7 +135,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/sndb01040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp
index 6e3ad1ad..66e1050f 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp
@@ -39,7 +39,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:460px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
 							<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/sndb01050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01050-main.jsp
index 5abcfd31..92a2ee30 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01050-main.jsp
@@ -162,7 +162,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/sndb01060-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01060-info.jsp
index 7e7a1bd2..43a3a169 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01060-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01060-info.jsp
@@ -67,7 +67,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:280px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:280px;" >
 							<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/sndb01070-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01070-main.jsp
index 30cc1ecb..889deb42 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01070-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01070-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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/sndb01080-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01080-info.jsp
index 8c763088..f8f2ee94 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01080-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01080-info.jsp
@@ -58,7 +58,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:460px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
 							<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/sndb01090-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01090-main.jsp
index b2ea31ef..b961f859 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01090-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01090-main.jsp
@@ -139,7 +139,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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/sndb01100-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01100-info.jsp
index 412edb29..faa58b73 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01100-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01100-info.jsp
@@ -49,7 +49,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:460px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
 							<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/sndb01210-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01210-main.jsp
index fc38c172..643e1369 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01210-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01210-main.jsp
@@ -143,7 +143,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 								<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/sndb01220-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01220-main.jsp
index f94870b4..042f3192 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01220-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01220-main.jsp
@@ -196,7 +196,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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:460px; overflow-y:scroll;" >
+							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
 								<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/sndb01240-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
index b41426ac..7d2cdac5 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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
 							<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 a3aee0d2..7e44da36 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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
 							<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 7dd288d6..13f64045 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,8 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive" id="table-responsive-up--${pageName}"
-			style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+			<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-up--${pageName}"
+			style="height:300px;" >
 				<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 693b0769..e4e7a6a9 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,8 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive" id="table-responsive-down--${pageName}"
-			style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+			<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-down--${pageName}"
+			style="height:300px;" >
 				<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 0002a342..8920e9f8 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,8 @@
 
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<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 f964991d..8bb6b0bd 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,8 @@
 		
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<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 b4043d8b..a8fdb190 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,8 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<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 0557f372..17b83750 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,8 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<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 f54a7922..b8382f2c 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,8 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<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 bbefdcec..97508922 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
@@ -31,7 +31,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" id="table-responsive-sndngDtl--${pageName}" style="overflow-x:scroll; height:320px; overflow-y:scroll;" >
+							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-sndngDtl--${pageName}" style="height:320px;" >
 								<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">
@@ -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" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:200px; overflow-y:scroll;" >
+							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-1--${pageName}" style="height:200px;" >
 								<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/sprt02050-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp
index d79853ac..4bdd6c59 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp
@@ -151,7 +151,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" id="table-responsive-crdnSttsHstry--${pageName}" style="overflow-x:scroll; height:320px; overflow-y:scroll;" >
+							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-crdnSttsHstry--${pageName}" style="height:320px;" >
 								<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">
@@ -200,7 +200,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" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:320px; overflow-y:scroll;" >
+							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-1--${pageName}" style="height:320px;" >
 								<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 f00f9e1e..39ca14cc 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" style="overflow-x:scroll; height:400px; overflow-y:scroll;" >
+							<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll" style="height:400px;" >
 								<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/sprt02080-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp
index bf1c8f1e..21da22b5 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp
@@ -33,7 +33,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" style="overflow-x:scroll; height:336px; overflow-y:scroll;" >
+								<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll" style="height:336px;" >
 									<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/sprt04010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp
index 7a1e3216..44841220 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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:480px; overflow-y:scroll;" >
+						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
 							<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 ff74e5ac..99985126 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,8 @@
 			<span id="masterArea--${pageName}">
 				<div class="card-datatable text-nowrap">
 			        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div class="table-responsive"
-							style="overflow-x: scroll;height:350px;overflow-y: scroll;">
+						<div class="table-responsive ox-scroll oy-scroll"
+							style="height:350px;">
 							<table id="masterTable--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
@@ -149,8 +149,8 @@
 				<h2 class="mt-4">상세목록</h2>
 				<div class="card-datatable text-nowrap">
 			        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div class="table-responsive"
-							style="overflow-x: scroll;height:350px;overflow-y: scroll;">
+						<div class="table-responsive ox-scroll oy-scroll"
+							style="height:350px;">
 							<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 063e592f..fcf5e454 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
@@ -59,7 +59,7 @@
 					<strong>단일 출력 항목</strong>
 					<button type="button" id="btnUniqueAdd--${pageName}" 
 						class="btn btn-info dropdown-toggle" data-bs-toggle="dropdown">추가</button>
-					<ul id="dropdownUniqueAdd--${pageName}" class="dropdown-menu" style="overflow-y: scroll;max-height: 250px">
+					<ul id="dropdownUniqueAdd--${pageName}" class="dropdown-menu oy-scroll" style="max-height: 250px">
 					</ul>
 					<button type="button" id="btnUniqueDel--${pageName}" class="btn btn-info">&#x2611; 삭제</button>
 				</div>
@@ -67,8 +67,8 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollUnique--${pageName}" class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div id="scrollUnique--${pageName}" class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tableUnique--${pageName}" aria-describedby="DataTables_Table_0_info">
@@ -92,8 +92,8 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollMultiple--${pageName}" class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div id="scrollMultiple--${pageName}" class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<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 af589003..ff92b93e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
@@ -60,7 +60,7 @@
 					<strong>기초 항목</strong>
 					<button type="button" id="btnPredefinedAdd--${pageName}" 
 						class="btn btn-info dropdown-toggle" data-bs-toggle="dropdown">추가</button>
-					<ul id="dropdownPredefinedAdd--${pageName}" class="dropdown-menu" style="overflow-y: scroll;max-height: 250px">
+					<ul id="dropdownPredefinedAdd--${pageName}" class="dropdown-menu oy-scroll" style="max-height: 250px">
 					</ul>
 					<button type="button" id="btnPredefinedDel--${pageName}" class="btn btn-info">&#x2611; 삭제</button>
 				</div>
@@ -68,8 +68,8 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollPredefined--${pageName}" class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div id="scrollPredefined--${pageName}" class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tablePredefined--${pageName}" aria-describedby="DataTables_Table_0_info">
@@ -93,8 +93,8 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollCustom--${pageName}" class="table-responsive"
-				style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
+				<div id="scrollCustom--${pageName}" class="table-responsive ox-scroll oy-scroll"
+				style="height:300px;" >
 					<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 572b44c7..f6aeaf76 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,8 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scroll--${pageName}" class="table-responsive"
-				style="overflow-x:scroll; height:600px; overflow-y:scroll;" >
+				<div id="scroll--${pageName}" class="table-responsive ox-scroll oy-scroll"
+				style="height:600px;" >
 					<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 cd9a0a69..403852e6 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" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;">
+							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;">
 								<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 53195c2e..b9901ac2 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
@@ -642,6 +642,14 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 	overflow-y: auto;
 }
 
+.ox-scroll {
+	overflow-x: scroll;
+}
+
+.oy-scroll {
+	overflow-y: scroll;
+}
+
 .mh-px-800 {
 	max-height: 800px;
 }
diff --git a/src/main/webapp/resources/html/searchAddr.html b/src/main/webapp/resources/html/searchAddr.html
index 01dfa58a..897e9e36 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" style="height:400px;overflow-x: scroll;overflow-y: scroll;">
+				<div id="table-responsive" class="table-responsive ox-scroll oy-scroll" style="height:400px;">
 					<table id="DataTables_Table_0" class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 						<thead>
 							<tr>