diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 93990bfc..34d9b512 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -921,4 +921,7 @@ background-size: 75% auto;
 .laanc-modal .step span{display:inline-block;width:14px;height:14px;border-radius:100%;background:#ddd}
 .laanc-modal .step span.on{background:#8a1c05}
 .laanc-map-btn{width:100%;display:flex;justify-content: space-between}
-.laanc-point button + button{margin-left:10px;}
\ No newline at end of file
+.laanc-point button + button{margin-left:10px;}
+.laanc-modal .alert .alert-body{text-align:center}
+.laanc-modal .alert span{font-weight:500;}
+.laanc-modal .cancel-box{font-size:0.875rem}
diff --git a/src/containers/basis/flight/plan/FlightPlanContainer.js b/src/containers/basis/flight/plan/FlightPlanContainer.js
index 4a0767b9..ae983d72 100644
--- a/src/containers/basis/flight/plan/FlightPlanContainer.js
+++ b/src/containers/basis/flight/plan/FlightPlanContainer.js
@@ -12,6 +12,7 @@ import {
   GROUP_LIST
 } from '../../../../modules/basis/group/actions/basisGroupAction';
 import FlightPlanGroupGrid from '../../../../components/basis/flight/plan/FlightPlanGroupGrid';
+import { AlertCircle, CheckCircle } from 'react-feather'
 
 const initSearchData = {
   schFltStDt: moment()
@@ -185,6 +186,8 @@ const FlightPlanContainer = () => {
   return (
 
     <CustomMainLayout title={'LAANC 신청 목록'}>
+      
+      {/* step-1 */}
       <div className='disabled-animation-modal'>
         <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
           LAANC 신청하기
@@ -200,14 +203,14 @@ const FlightPlanContainer = () => {
           <ModalBody>
             <div>
               <Row>
-              <Col className='list-input' md='6' sm='12'>                           
+              <Col className='list-input' md='6'>                           
                 <FormGroup>
                   <div className='ti'>조종사 정보</div>
                   <Label for='test'><span className='necessary'>*</span>성명</Label>
                   <Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/>
                 </FormGroup>
               </Col>
-              <Col className='list-input' md='6' sm='12'>                           
+              <Col className='list-input' md='6'>                           
                 <FormGroup>
                 <div className='ti'>비행 유형</div>
                   <Label for='test'><span className='necessary'>*</span>종류</Label>
@@ -242,7 +245,7 @@ const FlightPlanContainer = () => {
                     </Col> 
                   </Row>
                 </Col>
-                <Col className='list-input' md='12' sm='12'> 
+                <Col className='list-input' md='12'> 
                   <div className='ti'>비행 구역 정보<Button size='sm'>적용</Button></div>                          
                   <Row>
                     <Col className='list-input' md='6'>                           
@@ -271,7 +274,7 @@ const FlightPlanContainer = () => {
                     </Col>  
                   </Row>
                 </Col>
-                <Col className='list-input' md='12' sm='12'> 
+                <Col className='list-input' md='12'> 
                   <div className='ti'>기체 정보</div>                          
                   <Row>
                     <Col className='list-input' md='4'>                           
@@ -338,13 +341,301 @@ const FlightPlanContainer = () => {
               <li><span></span></li>
               <li><span></span></li>
             </ul>
-            {/* 유효성 검사 완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기 */}
+             {/* 완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기  */}
             <Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}>
               다음
             </Button>
           </ModalFooter>
         </Modal>
-      </div>
+      </div> 
+
+      {/* step-2 */}
+      {/* <div className='disabled-animation-modal'>
+        <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
+          LAANC 신청하기
+        </Button>
+        <Modal
+          isOpen={disabledAnimation}
+          toggle={() => setDisabledAnimation(!disabledAnimation)}
+          className='modal-dialog-centered laanc-modal'
+          fade={false}
+          backdrop={false}
+        >
+          <ModalHeader>LAANC 승인 요청<Button color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}>취소</Button></ModalHeader>
+          <ModalBody>
+            <div className='mb-1'>
+             <div className='ti'>비행승인 사전결과 확인</div>
+              <div className='laanc-map-sm'>
+                지도영역
+              </div>
+              <div className='mt-1'>
+                <Alert color='danger'>
+                  <div className='alert-body'>
+                    <AlertCircle size={15} />{' '}
+                    <span className='ms-1'>
+                      사전 결과 미 승인 대상입니다.
+                    </span>
+                  </div>
+                </Alert>
+              </div>
+              <div className='vertically-centered-modal'>
+                <Modal isOpen={centeredModal} toggle={() => setCenteredModal(!centeredModal)} className='modal-dialog-centered modal-xl'>
+                  <ModalHeader toggle={() => setCenteredModal(!centeredModal)}>비행 구역 설정</ModalHeader>
+                  <ModalBody>
+                    지도영역 지도 height 정해주기
+                  </ModalBody>
+                  <ModalFooter>
+                    <div className='laanc-map-btn'>
+                        <div className='laanc-point'>
+                          <Button color='primary'>버튼1</Button>
+                          <Button color='primary'>버튼2</Button>
+                          <Button color='primary'>버튼3</Button>
+                          <Button color='primary'>버튼4</Button>
+                        </div>
+                        <div>
+                          <Button color='primary' onClick={() => setCenteredModal(!centeredModal)}>
+                            닫기
+                          </Button>
+                        </div>
+                    </div>  
+                  </ModalFooter>
+                </Modal>
+              </div>
+            </div>
+            <div>
+              <Row>
+              <Col className='list-input' md='6' sm='12'>                           
+                <FormGroup>
+                  <div className='ti'>조종사 정보</div>
+                  <Label for='test'><span className='necessary'>*</span>성명</Label>
+                  <Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/>
+                </FormGroup>
+              </Col>
+              <Col className='list-input' md='6' sm='12'>                           
+                <FormGroup>
+                <div className='ti'>승인 유형</div>
+                  <Label for='test'><span className='necessary'>*</span>종류</Label>
+                  <Input type='select' name='select' size='sm' id='test' disabled>
+                      <option>무인 비행기</option>
+                      <option>무인 헬리콥터</option>
+                      <option>무인 멀티콥터</option> 
+                      <option>무인 비행선</option>                        
+                  </Input>
+                </FormGroup>
+              </Col>
+              <Col className='list-input' md='12'> 
+                <div className='ti'>비행 계획 정보</div>                          
+                  <Row>
+                    <Col className='list-input' md='6'>                           
+                      <FormGroup>
+                        <Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label>
+                        <Input type='text' id='test' size='sm' placeholder='' disabled/>
+                      </FormGroup>
+                    </Col> 
+                    <Col className='list-input' md='6'>                           
+                      <FormGroup>
+                        <Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label>
+                        <Input type='text' id='test' size='sm' placeholder='' disabled/>
+                      </FormGroup>
+                    </Col>  
+                  </Row>
+                </Col>
+
+                <Col className='list-input' md='12'> 
+                  <div className='ti'>기체 정보</div>                          
+                  <Row>
+                    <Col className='list-input' md='12'>                           
+                      <FormGroup>
+                        <Label for='test'><span className='necessary'>*</span>기체 중량</Label>
+                        <Input type='text' id='test' size='sm' placeholder='' disabled/>
+                      </FormGroup>
+                    </Col>                       
+                  </Row>
+                </Col>        
+
+                <Col className='list-input' md='12'> 
+                  <div className='ti'>미 승인 사유</div>                          
+                  <div className='cancel-box'>
+                    내용
+                  </div>
+                </Col>                                                                                                                  
+              </Row>
+            </div>
+
+          </ModalBody>
+          <ModalFooter>
+            <Button outline color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}>
+              이전
+            </Button>
+            <ul className='step'>
+              <li><span></span></li>
+              <li><span className='on'></span></li>
+              <li><span></span></li>
+            </ul>
+            <Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}>
+              다음
+            </Button>
+          </ModalFooter>
+        </Modal>
+      </div> */}
+
+      {/* step-2 2번째 */}
+
+      {/* <div className='disabled-animation-modal'>
+        <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
+          LAANC 신청하기
+        </Button>
+        <Modal
+          isOpen={disabledAnimation}
+          toggle={() => setDisabledAnimation(!disabledAnimation)}
+          className='modal-dialog-centered laanc-modal'
+          fade={false}
+          backdrop={false}
+        >
+          <ModalHeader>LAANC 승인 요청<Button color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}>취소</Button></ModalHeader>
+          <ModalBody>
+           <div>
+             <div className='ti'>유효성 검사 정보</div>
+             <Row>
+              <Col className='list-input' md='6'>  
+                <Alert color='warning'>
+                  <div className='alert-body'>
+                    <AlertCircle size={15} />{' '}
+                    <span className='ms-1'>
+                      조종자 자격 정보
+                    </span>
+                  </div>
+                </Alert> 
+              </Col>
+              <Col className='list-input' md='6'>  
+                <Alert color='success'>
+                  <div className='alert-body'>
+                    <CheckCircle size={15} />{' '}
+                    <span className='ms-1'>
+                      기체보험가입 정보
+                    </span>
+                  </div>
+                </Alert>
+              </Col>
+            </Row>
+            </div>
+            <div className='mb-1'>
+             <div className='ti'>비행승인 사전결과 확인</div>
+              <div className='laanc-map-sm'>
+                지도영역
+              </div>
+              <div className='mt-1'>
+                <Alert color='success'>
+                  <div className='alert-body'>
+                    <AlertCircle size={15} />{' '}
+                    <span className='ms-1'>
+                      사전 결과 승인 대상입니다.
+                    </span>
+                  </div>
+                </Alert>
+              </div>
+              <div className='vertically-centered-modal'>
+                <Modal isOpen={centeredModal} toggle={() => setCenteredModal(!centeredModal)} className='modal-dialog-centered modal-xl'>
+                  <ModalHeader toggle={() => setCenteredModal(!centeredModal)}>비행 구역 설정</ModalHeader>
+                  <ModalBody>
+                    지도영역 지도 height 정해주기
+                  </ModalBody>
+                  <ModalFooter>
+                    <div className='laanc-map-btn'>
+                        <div className='laanc-point'>
+                          <Button color='primary'>버튼1</Button>
+                          <Button color='primary'>버튼2</Button>
+                          <Button color='primary'>버튼3</Button>
+                          <Button color='primary'>버튼4</Button>
+                        </div>
+                        <div>
+                          <Button color='primary' onClick={() => setCenteredModal(!centeredModal)}>
+                            닫기
+                          </Button>
+                        </div>
+                    </div>  
+                  </ModalFooter>
+                </Modal>
+              </div>
+            </div>
+            <div>
+              <Row>
+              <Col className='list-input' md='6'>                           
+                <FormGroup>
+                  <div className='ti'>조종사 정보</div>
+                  <Label for='test'><span className='necessary'>*</span>성명</Label>
+                  <Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/>
+                </FormGroup>
+              </Col>
+              <Col className='list-input' md='6'>                           
+                <FormGroup>
+                <div className='ti'>승인 유형</div>
+                  <Label for='test'><span className='necessary'>*</span>종류</Label>
+                  <Input type='select' name='select' size='sm' id='test' disabled>
+                      <option>무인 비행기</option>
+                      <option>무인 헬리콥터</option>
+                      <option>무인 멀티콥터</option> 
+                      <option>무인 비행선</option>                        
+                  </Input>
+                </FormGroup>
+              </Col>
+              <Col className='list-input' md='12'> 
+                <div className='ti'>비행 계획 정보</div>                          
+                  <Row>
+                    <Col className='list-input' md='6'>                           
+                      <FormGroup>
+                        <Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label>
+                        <Input type='text' id='test' size='sm' placeholder='' disabled/>
+                      </FormGroup>
+                    </Col> 
+                    <Col className='list-input' md='6'>                           
+                      <FormGroup>
+                        <Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label>
+                        <Input type='text' id='test' size='sm' placeholder='' disabled/>
+                      </FormGroup>
+                    </Col>  
+                  </Row>
+                </Col>
+
+                <Col className='list-input' md='12'> 
+                  <div className='ti'>기체 정보</div>                          
+                  <Row>
+                    <Col className='list-input' md='12'>                           
+                      <FormGroup>
+                        <Label for='test'><span className='necessary'>*</span>기체 중량</Label>
+                        <Input type='text' id='test' size='sm' placeholder='' disabled/>
+                      </FormGroup>
+                    </Col>                       
+                  </Row>
+                </Col>        
+
+                <Col className='list-input' md='12'> 
+                  <div className='ti'>조종자 준수사항 처벌 동의 약관</div>                          
+                  <div className='cancel-box'>
+                    내용
+                  </div>
+                  체크박스
+                </Col>                                                                                                                  
+              </Row>
+            </div>
+
+          </ModalBody>
+          <ModalFooter>
+            <Button outline color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}>
+              이전
+            </Button>
+            <ul className='step'>
+              <li><span></span></li>
+              <li><span className='on'></span></li>
+              <li><span></span></li>
+            </ul>
+            <Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}>
+              다음
+            </Button>
+          </ModalFooter>
+        </Modal>
+      </div> */}
+
       <div className='pal-card-box'>
         <Row>
           <Col sm='12' lg='12'>