diff --git a/src/components/basis/flight/aprv/FlightPlanAprvGrid.js b/src/components/basis/flight/aprv/FlightPlanAprvGrid.js
index 1ea4aca..fa15416 100644
--- a/src/components/basis/flight/aprv/FlightPlanAprvGrid.js
+++ b/src/components/basis/flight/aprv/FlightPlanAprvGrid.js
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Button, Card, Col, Row } from 'reactstrap';
 import { GridDatabase } from '../../../crud/grid/GridDatatable';
+import { Link } from 'react-router-dom';
 
 const FlightPlanAprvGrid = ({
   data,
@@ -9,7 +10,8 @@ const FlightPlanAprvGrid = ({
   handleChangeSelected,
   handleClickAprv,
   joinList,
-  selectGroup
+  selectGroup,
+
 }) => {
   const [aprvAuth, setAprvAuth] = useState('');
 
@@ -57,15 +59,14 @@ const FlightPlanAprvGrid = ({
       name: '상세보기',
       cell: row => {
         return (
-          <Button.Ripple
-            color='primary'
+          <Link to={`/basis/flight/plan/detail/${row.planSno}`}
             size='sm'
             onClick={() => {
               handleMoveDetail(row.planSno);
             }}
           >
             상세
-          </Button.Ripple>
+          </Link>
         );
       }
     }
diff --git a/src/components/basis/flight/plan/FlightPlanGrid.js b/src/components/basis/flight/plan/FlightPlanGrid.js
index fb26593..133f0e7 100644
--- a/src/components/basis/flight/plan/FlightPlanGrid.js
+++ b/src/components/basis/flight/plan/FlightPlanGrid.js
@@ -2,6 +2,7 @@ import React from 'react';
 import {Button, Card, Col, Row} from 'reactstrap';
 import {GridDatabase} from '../../../crud/grid/GridDatatable';
 import {Redirect} from 'react-router-dom';
+import { Link, useHistory } from 'react-router-dom';
 
 
 const FlightPlanGrid = ({movePage, planListData, handleMoveDetail}) => {
@@ -19,9 +20,11 @@ const FlightPlanGrid = ({movePage, planListData, handleMoveDetail}) => {
         {id: 'aprvlYn', name: '승인여부', cell: row => (<div>{row.aprvlYn}</div>)},
         {
             id: 'moveDetail', name: '상세보기', cell: row => {
-                return <Button.Ripple color='primary' size='sm' onClick={() => {
+                return <Link
+                to={`/basis/flight/plan/detail/${row.planSno}`}
+                 size='sm' onClick={() => {
                     handleMoveDetail(row.planSno)}
-                }>상세</Button.Ripple>;
+                }>상세</Link>;
             }
         }
     ];
diff --git a/src/containers/basis/dron/BasisDronContainer.js b/src/containers/basis/dron/BasisDronContainer.js
index ad8ee65..4c1c943 100644
--- a/src/containers/basis/dron/BasisDronContainer.js
+++ b/src/containers/basis/dron/BasisDronContainer.js
@@ -1,7 +1,7 @@
 import moment from 'moment';
 import { useEffect, useState } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
-import { useHistory } from 'react-router-dom';
+import { useHistory,Link } from 'react-router-dom';
 import { Button, Col, Row } from 'reactstrap';
 import { BasisDronGrid } from '../../../components/basis/dron/BasisDronGrid';
 import { BasisGroupDronGrid } from '../../../components/basis/dron/BasisGroupDronGrid';
@@ -127,13 +127,12 @@ export const BasisDronContainer = props => {
       sortable: true,
       cell: row => {
         return (
-          <Button.Ripple
-            color='primary'
-            className='badge badge-primary'
+          <Link
+          to={`/basis/dron/detail/${row.arcrftSno}`}
             onClick={() => handlerDetailpage(row.arcrftSno)}
           >
             상세보기
-          </Button.Ripple>
+          </Link>
         );
       }
     }