.

src/assets/css/custom.css

@@ -1165,9 +1165,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .fsm-ti h5{font-weight:500}
 .fsm-ti .btn-wrap button + button{margin-left:0.5rem}
 .fsm-box .list-input label{font-size:0.875rem}
-.flight-not-approval-row {background-color: rgba(252, 90, 3,0.1); }
-.flight-approval-row{background-color:rgba(3, 44, 252,0.1);}
-.flight-approval-row-click{border:2px solid rgba(252, 90, 3) !important; margin-top: -1px}
+.flight-not-approval-row {background-color: rgba(252, 3, 3, 0.795); }
+.flight-approval-row{background-color:rgba(0, 42, 255, 0.884);}
+.flight-approval-row-click{border:2px solid #000 !important; margin-top: -1px}
 
 .invoice-list-dataTable .react-dataTable .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol{padding:0;text-align:center;}
 .invoice-list-dataTable .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;min-height:60px;}

src/components/flight/FlightApprovalsReport.js

@@ -15,7 +15,7 @@ export default function FlightApprovalsReport(props) {
   };
 
   return (
-    <div>
+    <div className='layer-content'>
       <div className='layer-ti'>
         <h4>비행승인 신청 결과 현황</h4>
       </div>

src/components/flight/FlightApprovalsTable.js

@@ -198,33 +198,13 @@ export default function FlightApprovalsTable(props) {
   };
 
   return (
-    <div className='layer-content drone-list'>
-      <Row>
-        <Col>
-          <div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
-            <div
-              style={{
-                display: 'flex',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-                width: '100%'
-              }}
-            >
-              <div
-                style={{
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'space-between',
-                  width: '100%'
-                }}
-              >
-                <h4>비행승인 신청 결과 목록</h4>
-                <span className='search-case'>
-                  {dayjs().format('YYYY년 MM월 DD일')} 총 {results?.length} 건
-                  결과
-                </span>
-              </div>
-            </div>
+     <div className='layer-content'>
+        <div className='layer-ti d-flex justify-content-between align-items-center'>
+         <h4>비행승인 신청 결과 목록</h4>
+          <span className='search-case'>
+            {dayjs().format('YYYY년 MM월 DD일')} 총 {results?.length} 건
+            결과
+          </span>
           </div>
           <div className='invoice-list-wrapper'>
             <Card>
@@ -245,8 +225,6 @@ export default function FlightApprovalsTable(props) {
               </div>
             </Card>
           </div>
-        </Col>
-      </Row>
     </div>
   );
 }