.

src/assets/css/custom.css

@@ -1165,9 +1165,10 @@ 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-approval-row-click{border:3px solid #000 !important;margin-top:-1px}
-.flight-approval-row-click *{font-weight:500;} */
+
+.flight-approval-row-click{border:2px solid #000 !important;cursor: pointer;}
+.flight-approval-row-click + .flight-approval-row-click{border-top:0;}
+/* .flight-approval-row-click *{font-weight:500;} */
 
 /* .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol{padding:0;text-align:center;}
 .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;min-height:60px;}
@@ -1210,3 +1211,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .search-case-list ul .approval{background-color:rgba(63, 172, 225, 0.4);color:rgb(23, 90, 124);border-top-left-radius:4px;border-bottom-left-radius:4px;}
 .search-case-list ul .not-approved{background-color: rgba(252, 3, 3, 0.4);color:rgb(124, 30, 30)}
 .search-case-list ul .non-target{background-color:#f4f4f4;color:#777;border-top-right-radius:4px;border-bottom-right-radius:4px;}
+
+.sc-AxhCb.sc-AxmLO {
+    display: none;
+  }
+
+  .bg-color div{background:#eeeeee}

src/components/flight/FlightApprovalsTable.js

@@ -215,7 +215,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.zoneNo,
       center: true,
       sortable: true,
-      width: '80px',
+      width: '110px',
       cell: row => {
         return row.zoneNo + '번';
       }
@@ -223,6 +223,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.lat,
       center: true,
+      width: '180px',
       sortable: true,
       cell: row => {
         return `${row.lat.toFixed(5)}/${row.lon.toFixed(5)}`;
@@ -258,6 +259,7 @@ export default function FlightApprovalsTable(props) {
     },
     {
       selector: row => row.approvalCd,
+      center: true,
       cell: row => {
         return (
           <Button
@@ -270,6 +272,14 @@ export default function FlightApprovalsTable(props) {
           </Button>
         );
       }
+    },
+    {
+      selector: row => row.approvalCd,
+      center: true,
+      width: '120px',
+      cell: row => {
+        return '-';
+      }
     }
   ];
 
@@ -286,6 +296,7 @@ export default function FlightApprovalsTable(props) {
       <>
         <div>
           <DataTable
+            className='bg-color'
             noTableHead={true}
             data={data.areaList.slice(1)}
             columns={nestedColumns}