높이 관련 인라인css 제거

8 months ago · ccf3b9efcb
parent dc5c7cc2a6
commit ccf3b9efcb
43 changed files with 75 additions and 89 deletions
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
@ -71,8 +71,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:500px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-500">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
@ -179,8 +179,7 @@

 			<div class="card-datatable text-nowrap area-photoinspection">
 		        <div id="photoInspection_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="photoInspection-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:200px;">
+					<div id="photoInspection-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-200">
 						<table id="photoInspection_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@ -243,7 +242,7 @@
 				</div>
 		    </div>

-			<div style="height:200px;" class="area-photoinspection">
+			<div class="area-photoinspection h-px-200">
 				선택자료
 				<strong id="curDataVhrno--${pageName}"></strong>
 				<div id="curDataFiles--${pageName}" class="ox-scroll d-flex"
@ -251,7 +250,7 @@

 				</div>
 			</div>
-			<div style="height:200px;" class="area-photoinspection">
+			<div class="area-photoinspection h-px-200">
 				비교자료(선택자료의 다음 자료가 보여집니다.)
 				<strong id="nextDataVhrno--${pageName}"></strong>
 				<div id="nextDataFiles--${pageName}" class="ox-scroll d-flex"
@ -265,8 +264,8 @@
 			        <div id="sameVehicleInspectionMain_Table_0_wrapper--${pageName}"
 			        class="dataTables_wrapper dt-bootstrap5 no-footer">
 						<div id="sameVehicleInspectionMain-responsive--${pageName}" 
-							class="table-responsive ox-scroll oy-scroll"
-							style="height:400px;width:350px;">
+							class="table-responsive ox-scroll oy-scroll h-px-400"
+							style="width:350px;">
 							<table id="sameVehicleInspectionMain_Table_0--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
@ -305,8 +304,8 @@
 			    <div class="card-datatable text-nowrap" style="display: inline-flex;margin-left:10px;">
 			        <div id="sameVehicleInspectionSub_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
 						<div id="sameVehicleInspectionSub-responsive--${pageName}" 
-							class="table-responsive ox-scroll oy-scroll"
-							style="height:400px;width:1000px;">
+							class="table-responsive ox-scroll oy-scroll h-px-400"
+							style="width:1000px;">
 							<table id="sameVehicleInspectionSub_Table_0--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp
@ -60,8 +60,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:600px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer" >
 							<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
@ -58,8 +58,7 @@
 			<div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
 					<div id="table-responsive--${pageName}" 
-						class="table-responsive ox-scroll oy-scroll"
-						style="height:600px;">
+						class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
@ -59,8 +59,7 @@
 				<div class="card-datatable text-nowrap">
 			        <div id="DataTables_Table_0_wrapper--${pageName}" 
 			        class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-							style="height:540px;">
+						<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-550">
 							<span>
 								<table
 									class="datatables-ajax table table-bordered dataTable no-footer">
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
@ -353,7 +353,7 @@
 			<button type="button" id="btnOpenVideoCapture--${pageName}" class="btn btn-primary">동영상 캡쳐</button>
 			<button type="button" id="btnCancelAddFile--${pageName}" class="btn btn-primary">선택 사진 삭제</button>
 		</div>
-		<div id="display--${pageName}" class="oy-scroll" style="height: 600px;border-style: solid;">
+		<div id="display--${pageName}" class="oy-scroll h-px-600" style="border-style: solid;">
 			
 		</div>
 	</div>
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
@ -51,8 +51,7 @@
 			</div>
 			<div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_0--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:300px;">
+					<div id="table-responsive_0--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
@ -187,8 +186,7 @@
 			</div>
 		    <div class="card-datatable text-nowrap">
 		        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive_1--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:300px;">
+					<div id="table-responsive_1--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 						<table id="DataTables_Table_1--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
@ -60,8 +60,7 @@
 			</div>
 			<div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:600px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
@ -5,8 +5,7 @@
 <div class="card">
 	<div class="card-datatable text-nowrap">
        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:550px;">
+			<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-550">
 				<table id="DataTables_Table_0--${pageName}"
 					class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 					<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp
@ -118,8 +118,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:550px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-550">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead id="crdnThead--${pageName}" class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
@ -136,8 +136,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:550px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-550">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead id="crdnThead--${pageName}" class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp
@ -115,8 +115,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:550px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-550">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead id="crdnThead--${pageName}" class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
@ -71,8 +71,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:600px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-600">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead id="dmndThead--${pageName}" class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
@ -116,8 +116,8 @@
 									<!-- 부과건 그리드 -->
 									<span class="area-answerbody area-levy">
 										<div id="table-responsive-levy--${pageName}"
-											class="table-responsive"
-											style="height:100%;width:470px;overflow-y: auto;">
+											class="table-responsive oy-auto h-100"
+											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
 													<tr>
@ -147,8 +147,8 @@
 									<!-- 계도건 그리드 -->
 									<span class="area-answerbody area-warning">
 										<div id="table-responsive-warning--${pageName}"
-											class="table-responsive"
-											style="height:100%;width:470px;overflow-y: auto;">
+											class="table-responsive oy-auto h-100"
+											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
 													<tr>
@ -178,8 +178,8 @@
 									<!-- 미부과처리건 그리드 -->
 									<span class="area-answerbody area-nonlevy">
 										<div id="table-responsive-nonlevy--${pageName}"
-											class="table-responsive"
-											style="height:100%;width:470px;overflow-y: auto;">
+											class="table-responsive oy-auto h-100"
+											style="width:470px;">
 											<table class="datatables-ajax table table-bordered dataTable no-footer">
 												<thead class="sticky-thead">
 													<tr>
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
@ -39,8 +39,8 @@
 						<div class="card-datatable text-nowrap d-inline-flex" 
 							style="border: #D9DEE3 1px solid;">
 							<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-								<div class="table-responsive"
-									style="height:100%;width:470px;overflow-y: auto;">
+								<div class="table-responsive oy-auto h-100"
+									style="width:470px;">
 									<table class="datatables-ajax table table-bordered dataTable no-footer">
 										<thead class="sticky-thead">
 											<tr>
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
@ -136,7 +136,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;">
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
@ -191,7 +191,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="dataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
@ -195,7 +195,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
@ -52,8 +52,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:500px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-500">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt03010-main.jsp
@ -159,8 +159,7 @@
 		
 		<div class="card-datatable text-nowrap area-photoinspection mx-2 mt-2 mb-3">
 	        <div id="{task}Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="{task}table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-					style="height:300px;">
+				<div id="{task}table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table id="{task}Table_0--${pageName}"
 						class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 						<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt04010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/mngt/mngt04010-main.jsp
@ -78,8 +78,7 @@

 		    <div class="card-datatable text-nowrap">
 		        <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll"
-						style="height:500px;">
+					<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-500">
 						<table id="DataTables_Table_0--${pageName}"
 							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 							<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
@ -158,7 +158,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
@ -42,7 +42,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
@ -124,8 +124,7 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-up--${pageName}"
-			style="height:300px;" >
+			<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-up--${pageName}">
 				<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 				id="upTable--${pageName}" aria-describedby="DataTables_Table_0_info">
 					<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
@ -118,8 +118,7 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-down--${pageName}"
-			style="height:300px;" >
+			<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-down--${pageName}">
 				<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 				id="downTable--${pageName}" aria-describedby="DataTables_Table_0_info">
 					<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
@ -8,8 +8,7 @@

 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
@ -21,8 +21,7 @@
 		
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
@ -16,8 +16,7 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
@ -18,8 +18,7 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
@ -18,8 +18,7 @@
 		
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
 						<thead class="sticky-thead" >
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
@ -148,7 +148,7 @@
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
 						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
-							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive-1--${pageName}" style="height:200px;" >
+							<div class="table-responsive ox-scroll oy-scroll h-px-200" id="table-responsive-1--${pageName}">
 								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
 										id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
@ -29,7 +29,7 @@
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
 						<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
-							<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll" style="height:400px;" >
+							<div id="table-responsive--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-400">
 								<table class="dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead>
 										<tr id="theadTr--${pageName}">
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
@ -45,13 +45,13 @@

 	<h2 class="text-white modal-title">동영상 캡쳐</h2>
 	<span class="container-window-btn-right">
-    	<button id="btnLoad" class="btn p-0 d-block w-px-100" style="height:70px;">
+    	<button id="btnLoad" class="btn p-0 d-block w-px-100 h-px-70">
    		<i class='bx bx-lg bx-folder-open' ></i><br/><span class="text-black">동영상 오픈</span>
    	</button>
-    	<button id="btnCapture" class="btn p-0 d-block w-px-100" style="height:70px;">
+    	<button id="btnCapture" class="btn p-0 d-block w-px-100 h-px-70">
 			<i class='bx bx-lg bxs-camera'></i><br/><span class="text-black">캡처</span>
 		</button>
-		<button id="btnSave" class="btn p-0 d-block w-px-100" style="height:70px;">
+		<button id="btnSave" class="btn p-0 d-block w-px-100 h-px-70">
 			<i class='bx bx-lg bxs-save'></i><br/><span class="text-black">캡처 이미지 저장</span>
 		</button>
    </span>
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp
@ -158,7 +158,7 @@
 				<!-- DataTables(그리드) -->
 				<div class="card-datatable text-nowrap">
 					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:480px;" >
+						<div class="table-responsive ox-scroll oy-scroll h-px-500" id="table-responsive--${pageName}">
 							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 								<thead class="sticky-thead">
 									<tr id="theadTr--${pageName}"
--- a/src/main/webapp/WEB-INF/jsp/fims/stat/stat-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stat/stat-main.jsp
@ -129,8 +129,7 @@
 			<span id="masterArea--${pageName}">
 				<div class="card-datatable text-nowrap">
 			        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div class="table-responsive ox-scroll oy-scroll"
-							style="height:350px;">
+						<div class="table-responsive ox-scroll oy-scroll h-px-350">
 							<table id="masterTable--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
@ -149,8 +148,7 @@
 				<h2 class="mt-4">상세목록</h2>
 				<div class="card-datatable text-nowrap">
 			        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-						<div class="table-responsive ox-scroll oy-scroll"
-							style="height:350px;">
+						<div class="table-responsive ox-scroll oy-scroll h-px-350">
 							<table id="detailTable--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01010-main.jsp
@ -67,8 +67,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollUnique--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollUnique--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tableUnique--${pageName}" aria-describedby="DataTables_Table_0_info">
@ -92,8 +91,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollMultiple--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollMultiple--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tableMultiple--${pageName}" aria-describedby="DataTables_Table_0_info">
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01020-main.jsp
@ -68,8 +68,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollPredefined--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollPredefined--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tablePredefined--${pageName}" aria-describedby="DataTables_Table_0_info">
@ -93,8 +92,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scrollCustom--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:300px;" >
+				<div id="scrollCustom--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-300">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="tableCustom--${pageName}" aria-describedby="DataTables_Table_0_info">
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
@ -56,8 +56,7 @@
 		</div>
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="scroll--${pageName}" class="table-responsive ox-scroll oy-scroll"
-				style="height:600px;" >
+				<div id="scroll--${pageName}" class="table-responsive ox-scroll oy-scroll h-px-600">
 					<table 
 					class="table-layout-fixed compress-cell dataTable table table-bordered" 
 					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
--- a/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
@ -70,7 +70,7 @@
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
 						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-							<div class="table-responsive ox-scroll oy-scroll" id="table-responsive--${pageName}" style="height:400px;">
+							<div class="table-responsive ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
 								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead class="sticky-thead">
 										<tr id="theadTr--${pageName}"
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
@ -638,6 +638,10 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 	min-width:30%;
 }

+.ox-auto {
+	overflow-x: auto;
+}
+
 .oy-auto {
 	overflow-y: auto;
 }
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core.css
@ -11157,6 +11157,10 @@ button.list-group-item-gray.active {
    height: 500px !important;
 }

+.h-px-550 {
+    height: 550px !important;
+}
+
 .h-px-600 {
    height: 600px !important;
 }
@ -11169,6 +11173,14 @@ button.list-group-item-gray.active {
    height: 800px !important;
 }

+.h-px-900 {
+    height: 900px !important;
+}
+
+.h-px-950 {
+    height: 950px !important;
+}
+
 .h-auto {
    height: auto !important;
 }
--- a/src/main/webapp/resources/html/pdf.html
+++ b/src/main/webapp/resources/html/pdf.html
@ -30,7 +30,7 @@
 </head>
 <body>

-<div id="example" style="height:950px;">
+<div id="example" class="h-px-950">
 </div>

 <!-- Core JS -->
--- a/src/main/webapp/resources/html/searchAddr.html
+++ b/src/main/webapp/resources/html/searchAddr.html
@ -21,7 +21,7 @@
 	<div id="list" class="mt-4">
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-				<div id="table-responsive" class="table-responsive ox-scroll oy-scroll" style="height:400px;">
+				<div id="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-400">
 					<table id="DataTables_Table_0" class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 						<thead>
 							<tr>