diff --git a/src/components/basis/flight/aprv/FlightPlanAprvGrid.js b/src/components/basis/flight/aprv/FlightPlanAprvGrid.js
index 2ef5152e..a69ff1af 100644
--- a/src/components/basis/flight/aprv/FlightPlanAprvGrid.js
+++ b/src/components/basis/flight/aprv/FlightPlanAprvGrid.js
@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { Button, Card, Col, Row, CustomInput } from 'reactstrap';
+import { Button, Card, Col, Row, Spinner } from 'reactstrap';
 import { GridDatabase } from '../../../crud/grid/GridDatatable';
 import { Link } from 'react-router-dom';
 import { selectableRowsComponent } from '../../../crud/grid/selectableRowsComponent';
+import { useSelector } from 'react-redux';
 
 const FlightPlanAprvGrid = ({
   data,
@@ -17,6 +18,7 @@ const FlightPlanAprvGrid = ({
   paginationRowsPerPageOptions
 }) => {
   const [aprvAuth, setAprvAuth] = useState('');
+  const { loading } = useSelector(state => state.loadingReducer);
 
   useEffect(() => {
     joinList.forEach(c => {
@@ -126,6 +128,14 @@ const FlightPlanAprvGrid = ({
           <div className='invoice-list-wrapper'>
             <Card>
               <div className='invoice-list-dataTable'>
+                {loading ? (
+                  <div className='grid-loading'>
+                    <div>
+                      <Spinner color='primary' />
+                      <span>Loading...</span>
+                    </div>
+                  </div>
+                ) : null}
                 <GridDatabase
                   title={'비행이력'}
                   data={data}
diff --git a/src/components/basis/flight/plan/FlightPlanGrid.js b/src/components/basis/flight/plan/FlightPlanGrid.js
index 6fbfb37f..0418c36b 100644
--- a/src/components/basis/flight/plan/FlightPlanGrid.js
+++ b/src/components/basis/flight/plan/FlightPlanGrid.js
@@ -1,10 +1,12 @@
 import React from 'react';
-import { Button, Card, Col, Row } from 'reactstrap';
+import { Button, Card, Col, Row, Spinner } from 'reactstrap';
 import { GridDatabase } from '../../../crud/grid/GridDatatable';
 import { Redirect } from 'react-router-dom';
 import { Link, useHistory } from 'react-router-dom';
+import { useSelector } from 'react-redux';
 
 const FlightPlanGrid = ({ movePage, planListData, pagination, paginationPerPage, paginationRowsPerPageOptions }) => {
+  const { loading } = useSelector(state => state.loadingReducer);
   const columns = [
     { id: 'planSno', name: '번호', cell: (row, i) => <div>{i + 1}</div> },
     {
@@ -64,6 +66,14 @@ const FlightPlanGrid = ({ movePage, planListData, pagination, paginationPerPage,
           <div className='invoice-list-wrapper'>
             <Card>
               <div className='invoice-list-dataTable'>
+                {loading ? (
+                  <div className='grid-loading'>
+                    <div>
+                      <Spinner color='primary' />
+                      <span>Loading...</span>
+                    </div>
+                  </div>
+                ) : null}
                 <GridDatabase
                   title={'비행이력'}
                   data={planListData}
diff --git a/src/containers/basis/flight/plan/FlightPlanContainer.js b/src/containers/basis/flight/plan/FlightPlanContainer.js
index d9e87cbb..96e150db 100644
--- a/src/containers/basis/flight/plan/FlightPlanContainer.js
+++ b/src/containers/basis/flight/plan/FlightPlanContainer.js
@@ -173,6 +173,7 @@ const FlightPlanContainer = () => {
                   pagination={true}
                   paginationPerPage={10}
                   paginationRowsPerPageOptions={[10, 20, 30, 40]}
+                // handlerPageChange={handlerPageChange}
                 // columns={columns}
                 />
               </>