diff --git a/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp b/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
index 0b7ef8eb..3c66521d 100644
--- a/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
@@ -14,7 +14,7 @@
 	                        class="btn btn-md btn-secondary dropdown-toggle"
 	                        data-bs-toggle="dropdown"
 	                        >선택</button>
-	                        <ul class="dropdown-menu" style="max-height: 300px;overflow-y:auto;">
+	                        <ul class="dropdown-menu oy-auto mh-px-300">
 	                        	<c:forEach items="${ableFactionList}" var="item">
 	                        		<li>
 	                        			<a class="dropdown-item" 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp
index 1bff914f..73a08547 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp
@@ -27,7 +27,7 @@
 					<div class="doc-example-content fs-big" data-label="파일 현황">
 						<div class="card-datatable text-nowrap">
 					        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
-								<div class="d-flex flex-row justify-content-evenly" style="max-height:400px;">
+								<div class="d-flex flex-row justify-content-evenly mh-px-400">
 									<div style="width:49%;overflow-y:auto">
 										<h5 class="mt-3">파일트리</h5>
 										<div id="menu-tree" class="main-left d-flex flex-column flex-grow-1">
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 60fb892f..593e46a5 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
@@ -245,16 +245,16 @@
 			<div class="area-photoinspection h-px-200">
 				선택자료
 				<strong id="curDataVhrno--${pageName}"></strong>
-				<div id="curDataFiles--${pageName}" class="ox-scroll d-flex"
-				style="width: 100%;height: 180px;background-color:#D9DEE3;">
+				<div id="curDataFiles--${pageName}" class="ox-scroll d-flex w-100 h-px-175"
+				style="background-color:#D9DEE3;">
 
 				</div>
 			</div>
 			<div class="area-photoinspection h-px-200">
 				비교자료(선택자료의 다음 자료가 보여집니다.)
 				<strong id="nextDataVhrno--${pageName}"></strong>
-				<div id="nextDataFiles--${pageName}" class="ox-scroll d-flex"
-				style="width: 100%;height: 180px;background-color:#D9DEE3;">
+				<div id="nextDataFiles--${pageName}" class="ox-scroll d-flex w-100 h-px-175"
+				style="background-color:#D9DEE3;">
 
 				</div>
 			</div>
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 cbafbc91..475a0a0a 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
@@ -3,7 +3,7 @@
 <c:set var="pageKorName" scope="request">단속 파일 등록</c:set>
 <div class="d-flex flex-column">
 	<div class="d-flex flex-row justify-content-evenly">
-		<div class="card" style="min-width:1400px;width:1400px;height:80px;">
+		<div class="card h-px-80 w-px-1400">
 			<form id="frmFirst--${pageName}" method="post" enctype="multipart/form-data">
 				<div class="row g-1">
 					<div class="col-md-12">
@@ -42,7 +42,7 @@
 		</div>
 	</div>
 	<div class="d-flex flex-row justify-content-evenly">
-		<div class="card my-4 px-4" style="min-width:700px;max-width:700px;height:600px;">
+		<div class="card my-4 px-4 h-px-600 w-px-700">
 			<form id="frmGrid--${pageName}">
 				<div>
 					<span class="container-page-btn">
@@ -147,11 +147,10 @@
 			    </div>
 			</form>
 		</div>
-		<div id="imageArea--${pageName}" class="card my-4 px-4 justify-content-center" 
-		style="min-width:600px;width:600px;height:600px;">
+		<div id="imageArea--${pageName}" class="card my-4 px-4 w-px-600 h-px-600 justify-content-center">
 		</div>
 		
-		<div class="card my-4 px-2" style="width:120px;height:600px;min-width:120px;">
+		<div class="card my-4 px-2 w-px-120 h-px-600">
 			<div class="d-flex my-2" style="flex-flow:column">
 				<button type="button" id="btnInsertCrdn--${pageName}" class="btn btn-primary my-2">단속등록</button>
 				<button type="button" id="btnDelete--${pageName}" class="btn btn-primary my-2">삭제</button>
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 6137d7da..151bc075 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 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/epst/epst02030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp
index bd54e14b..38351588 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 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/epst/epst02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
index 66fc8501..98258868 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 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/epst/epst02050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
index fd3fcf77..3edcf8f0 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
@@ -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 ox-scroll oy-scroll" id="table-responsive-1--${pageName}" style="height:160px;">
+						<div class="table-responsive ox-scroll oy-scroll h-px-150" 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">
 									<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 77c7d541..fdc4d22f 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
+						<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/excl/excl02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
index d3321db8..1a0693af 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:420px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-450" 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/excl/excl03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
index 3ea4f99d..fc8085c4 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 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/levy/levy02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
index 74710135..e66eb36b 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
+						<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/photo-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp
index 54d71fb9..4847738f 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,7 @@
 
 	<div id="displayForExist--${pageName}"
 	style="border-style: solid;">
-		<ul id="dragAndDrop--${pageName}" class="oy-scroll"
-		style="display:flex;flex-wrap:wrap;min-height: 40px;max-height: 650px;">
+		<ul id="dragAndDrop--${pageName}" class="oy-scroll d-flex flex-wrap mh-px-650">
 		</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 7b05ea10..a83fbea6 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 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/rdca/rdca01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
index 2ff0451c..c13e97d3 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
+						<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/sndb/sndb01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
index 560545be..1fb85cf5 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 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/sndb/sndb01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
index 8cee51c2..64118e17 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:280px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-300" 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/sndb01030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp
index ebee6df9..49ab94ac 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 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/sndb/sndb01040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp
index 66e1050f..a80edcb4 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
+						<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/sndb/sndb01050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01050-main.jsp
index fc10285a..cf4d4707 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 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/sndb/sndb01060-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01060-info.jsp
index 43a3a169..6771c957 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:280px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-300" 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/sndb01070-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01070-main.jsp
index 023d056e..bfd23c13 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 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/sndb/sndb01080-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01080-info.jsp
index f8f2ee94..73f2a9fe 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
+						<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/sndb/sndb01090-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01090-main.jsp
index 42240b3d..7df772c2 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 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/sndb/sndb01100-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01100-info.jsp
index faa58b73..b4a006cf 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
+						<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/sndb/sndb01210-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01210-main.jsp
index ce173ad6..da851a2f 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 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/sndb/sndb01220-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01220-main.jsp
index 042f3192..6a546821 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 ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:460px;" >
+							<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/sprt/sprt02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
index 94f7dc62..2d2b6b6c 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 ox-scroll oy-scroll" id="table-responsive-sndngDtl--${pageName}" style="height:320px;" >
+							<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-sndngDtl--${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">
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 4bdd6c59..68b2adbc 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 ox-scroll oy-scroll" id="table-responsive-crdnSttsHstry--${pageName}" style="height:320px;" >
+							<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-crdnSttsHstry--${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">
@@ -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 ox-scroll oy-scroll" id="table-responsive-1--${pageName}" style="height:320px;" >
+							<div class="table-responsive ox-scroll oy-scroll h-px-300" 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/sprt02080-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp
index 21da22b5..c9450045 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 ox-scroll oy-scroll" style="height:336px;" >
+								<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-350">
 									<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 2f7604b5..8d140da2 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
@@ -41,7 +41,7 @@
 <c:set var="pageKorName" scope="request">동영상 재생</c:set>
 <input type="file" id="file" name="file" hidden accept="video/*" />
 
-<div class="container-page-btn px-5 bg-program-title green cleanparking" style="width:100%;height:75px;">
+<div class="container-page-btn px-5 bg-program-title green cleanparking w-100 h-px-75">
 
 	<h2 class="text-white modal-title">동영상 캡쳐</h2>
 	<span class="container-window-btn-right">
@@ -59,14 +59,14 @@
 </div>
 
 <div class="d-flex justify-content-center">
-	<div class="card d-inline-flex" 
-	style="width:1400px;height:850px;padding: 10px;background-color: #E2E6E9;border: solid 1px #ccc;">
+	<div class="card d-inline-flex w-px-1400 h-px-850 p-2" 
+	style="background-color: #E2E6E9;border: solid 1px #ccc;">
 		<div class="d-flex justify-content-center align-items-center" style="border-style: solid;width:100%;height: 100%">
-			<video id="video" style="max-width:1200px;max-height:700px;" controls="true" hidden>
+			<video id="video" class="mh-px-700 mw-px-1200" controls="true" hidden>
 			</video>
 		</div>
 	</div>
-	<div class="card d-inline-flex ms-1" style="width:290px;height:850px;padding: 10px;">
+	<div class="card d-inline-flex align-items-center ms-1 w-px-300 h-px-850 p-2">
 		<div class="card m-1 bg-program-popup cleanparking capture-output" style="width:261px;height:144px;">
 			
 		</div>
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 4fdae9ed..dea16e95 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
@@ -39,7 +39,7 @@
 		</div>
 		
 		<div class="d-flex justify-content-between">
-			<span id="currentOtpt--${pageName}" class="bg-lighter h3" style="min-height:30px;">
+			<span id="currentOtpt--${pageName}" class="bg-lighter h3 h-px-30">
 			</span>
 			<form id="frmEdit--${pageName}">
 				<input type="hidden" name="sggCd" />
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 8056a250..f07daa56 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
@@ -35,7 +35,7 @@
 		</div>
 		
 		<div class="d-flex justify-content-between">
-			<span id="currentTmplat--${pageName}" class="bg-lighter h3" style="min-height:30px;">
+			<span id="currentTmplat--${pageName}" class="bg-lighter h3 h-px-30">
 			</span>
 			<form id="frmEdit--${pageName}">
 				<input type="hidden" name="sggCd" />
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 c3666279..dd2eb52c 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
@@ -31,7 +31,7 @@
 		</div>
 		
 		<div class="d-flex justify-content-between">
-			<span id="currentOtpt--${pageName}" class="bg-lighter h3" style="min-height:30px;">
+			<span id="currentOtpt--${pageName}" class="bg-lighter h3 h-px-30">
 			</span>
 			<form id="frmEdit--${pageName}">
 				<input type="hidden" name="sggCd" />
diff --git a/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp
index 48b511dd..a1e0b156 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp
@@ -47,7 +47,7 @@
 					class="btn btn-md btn-secondary dropdown-toggle"
 					data-bs-toggle="dropdown"
 					>선택</button>
-						<ul class="dropdown-menu" style="max-height: 300px;overflow-y:auto;">
+						<ul class="dropdown-menu oy-auto mh-px-300">
 							<c:forEach items="${ableFactionList}" var="item">
 								<li>
 									<a class="dropdown-item" 
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 a4b289fa..5dc72a74 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
@@ -654,10 +654,51 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 	overflow-y: scroll;
 }
 
-.mh-px-800 {
-	max-height: 800px;
+.mw-px-1200 {
+	max-width: 1200px;
 }
 
 .mh-px-300 {
 	max-height: 300px;
-}
\ No newline at end of file
+}
+
+.mh-px-350 {
+	max-height: 350px;
+}
+
+.mh-px-400 {
+	max-height: 400px;
+}
+
+.mh-px-450 {
+	max-height: 450px;
+}
+
+.mh-px-500 {
+	max-height: 500px;
+}
+
+.mh-px-550 {
+	max-height: 550px;
+}
+
+.mh-px-600 {
+	max-height: 600px;
+}
+
+.mh-px-650 {
+	max-height: 650px;
+}
+
+.mh-px-700 {
+	max-height: 700px;
+}
+
+.mh-px-750 {
+	max-height: 750px;
+}
+
+.mh-px-800 {
+	max-height: 800px;
+}
+
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 8b093fe5..3257f99a 100644
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core.css
@@ -10989,6 +10989,10 @@ button.list-group-item-gray.active {
     width: 1300px !important;
 }
 
+.w-px-1400 {
+    width: 1400px !important;
+}
+
 .w-auto {
     width: auto !important;
 }
@@ -11125,14 +11129,26 @@ button.list-group-item-gray.active {
     height: 75px !important;
 }
 
+.h-px-80 {
+    height: 80px !important;
+}
+
 .h-px-100 {
     height: 100px !important;
 }
 
+.h-px-125 {
+    height: 125px !important;
+}
+
 .h-px-150 {
     height: 150px !important;
 }
 
+.h-px-175 {
+    height: 175px !important;
+}
+
 .h-px-200 {
     height: 200px !important;
 }
@@ -11153,6 +11169,10 @@ button.list-group-item-gray.active {
     height: 400px !important;
 }
 
+.h-px-450 {
+    height: 450px !important;
+}
+
 .h-px-500 {
     height: 500px !important;
 }
@@ -11165,14 +11185,26 @@ button.list-group-item-gray.active {
     height: 600px !important;
 }
 
+.h-px-650 {
+    height: 650px !important;
+}
+
 .h-px-700 {
     height: 700px !important;
 }
 
+.h-px-750 {
+    height: 750px !important;
+}
+
 .h-px-800 {
     height: 800px !important;
 }
 
+.h-px-850 {
+    height: 850px !important;
+}
+
 .h-px-900 {
     height: 900px !important;
 }