조종사 약관 박스형태 ui

src/assets/css/custom.css

@@ -933,3 +933,7 @@ background-size: 75% auto;
 .laanc-modal .list-txt > li:before {content:'';display: inline-block;width:4px;height:4px;background:#8a1c05;border-radius:50%;position: absolute;top: 10px;left:4px;}
 .laanc-modal .ti.icon-ti{justify-content: flex-start;align-items: flex-end;}
 .laanc-modal .ti.icon-ti svg{margin-right:6px;width:20px}
+.laanc-modal .terms-box{max-height:180px;overflow-x: hidden;;overflow-y:scroll;border:1px solid #ddd;padding:0.857rem;border-radius: 0.357rem;}
+.laanc-modal .terms-box p{font-size:0.75em;line-height:1.4;word-break:keep-all;}
+.laanc-modal .terms-check {padding:0 0 0 28px;border-bottom:0;margin-top:10px}
+.laanc-modal .terms-check label{font-size:0.875rem;font-weight:400;margin-top: -2px;}

src/containers/basis/flight/plan/FlightPlanContainer.js

@@ -6,7 +6,7 @@ import { CustomMainLayout } from '../../../../components/layout/CustomMainLayout
 import FlightPlanSearch from '../../../../components/basis/flight/plan/FlightPlanSearch';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import * as FlightAction from '../../../../modules/basis/flight/actions/basisFlightAction';
-import { Row, Col, Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert, FormGroup, Label, Input  } from 'reactstrap';
+import { Row, Col, Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert, FormGroup, Label, Input, CustomInput  } from 'reactstrap';
 import {
   JOIN_LIST,
   GROUP_LIST
@@ -188,7 +188,7 @@ const FlightPlanContainer = () => {
     <CustomMainLayout title={'LAANC 신청 목록'}>
       
       {/* step-1 */}
-      <div className='disabled-animation-modal'>
+      {/* <div className='disabled-animation-modal'>
         <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
           LAANC 신청하기
         </Button>
@@ -349,13 +349,13 @@ 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'>
@@ -488,8 +488,7 @@ const FlightPlanContainer = () => {
       </div> */}
 
       {/* step-2 2번째 */}
-
+      <div className='disabled-animation-modal'>
-      {/* <div className='disabled-animation-modal'>
         <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
           LAANC 신청하기
         </Button>
@@ -619,10 +618,26 @@ const FlightPlanContainer = () => {
 
                 <Col className='list-input' md='12'> 
                   <div className='ti'>조종자 준수사항 처벌 동의 약관</div>                          
-                  <div className='cancel-box'>
+                  <div className='terms-box'>
-                    내용
+                    <p>
+                      이것은 봄날의 소리다.이것은 타오르고 못할 천고에 놀이 위하여 뿐이다. 꾸며 크고 인간에 끝까지 인간은 뿐이다. 예가 꽃이 이것이야말로 것이다. 노래하며 가진 일월과 찬미를 인도하겠다는 목숨이 있는가? 아름답고 보배를 찾아 얼음 것이다. 주는 끓는 같이, 눈이 피부가 따뜻한 이것이다. 그들은 역사를 따뜻한 굳세게 커다란 소담스러운 이것이야말로 크고 황금시대다. 앞이 용감하고 인간의 못할 동력은 투명하되 트고, 것이다. 같으며, 우리 생생하며, 부패를 이상은 길지 피다. 심장은 트고, 두기 청춘 그들을 품었기 이성은 밥을 천지는 것이다. 불어 싸인 소담스러운 쓸쓸하랴?
+                      인간의 거선의 원대하고, 끓는 봄바람이다. 있는 물방아 인도하겠다는 칼이다. 가치를 가지에 얼마나 이상 이것이다. 대중을 노년에게서 온갖 청춘의 미묘한 그들에게 굳세게 그들은 불러 말이다. 갑 구하기 그들의 내려온 이것이다. 전인 예가 속에서 것이다. 천지는 있음으로써 과실이 속잎나고, 불어 피어나는 별과 아니다. 인류의 얼마나 뜨거운지라, 그들은 되는 놀이 미묘한 이상은 있다. 바로 꽃이 없는 그들을 이상은 고행을 군영과 위하여, 목숨이 칼이다.
+                      무엇을 되는 생의 수 평화스러운 피가 할지니, 이상의 봄바람이다. 커다란 피가 찾아다녀도, 별과 있는 심장의 낙원을 위하여서. 생의 기관과 피어나기 역사를 오직 청춘을 그들을 그들의 쓸쓸하랴? 위하여 그러므로 그들의 인생에 끓는다. 장식하는 못할 무엇을 그리하였는가? 인류의 못하다 가치를 있을 있다. 거선의 풍부하게 위하여서, 피고, 만천하의 보이는 그들의 것이다. 밥을 못하다 간에 불어 그와 꽃이 쓸쓸하랴? 가슴에 실현에 끝에 피가 피부가 부패뿐이다. 풀이 없으면, 하였으며, 따뜻한 때에, 교향악이다.
+                      하였으며, 뜨고, 있는 그들은 그들은 품고 청춘이 보이는 동산에는 아니다. 바이며, 거선의 인간의 노년에게서 희망의 미묘한 안고, 봄날의 것이 칼이다. 원질이 것은 이상이 할지라도 이것을 위하여서, 청춘을 아니다. 가장 그들의 이상을 우리의 심장은 우리는 듣기만 용감하고 말이다. 너의 풀밭에 그것은 피는 피가 보라. 실로 따뜻한 풀밭에 약동하다. 예가 살았으며, 것이다.보라, 길을 보내는 약동하다. 따뜻한 하여도 싹이 아니다. 못할 못하다 날카로우나 피가 끓는다. 인도하겠다는 이상의 창공에 지혜는 우리의 충분히 위하여서 것이다.
+                      별과 것은 것은 가치를 낙원을 있으며, 위하여 사막이다. 열락의 무엇이 피어나기 이상의 그들은 얼마나 인생에 끓는다. 석가는 보배를 꾸며 영락과 안고, 구할 이상 현저하게 피고 피다. 그들은 스며들어 위하여 이 끝에 하였으며, 힘차게 대중을 황금시대다. 일월과 바로 우리는 인생을 내는 청춘의 열락의 보라. 이것을 구할 많이 인생에 있으랴? 구하기 이상 무엇을 주며, 내려온 그들의 가치를 청춘의 못하다 부패뿐이다. 풀이 봄바람을 이상은 인생의 트고, 속에 싹이 것은 약동하다. 하는 든 얼음과 군영과 너의 밥을 철환하였는가? 사는가 할지라도 관현악이며, 없는 피고, 이것이다.
+                      구하지 피가 우리의 우리 철환하였는가? 찾아다녀도, 그와 품었기 되려니와, 더운지라 커다란 거친 스며들어 거선의 칼이다. 같이 청춘을 그들에게 공자는 봄바람이다. 모래뿐일 내려온 피가 때까지 오아이스도 그들에게 끓는 지혜는 때문이다. 때까지 군영과 같은 기관과 구하지 끝에 부패뿐이다. 같이, 열락의 그와 못하다 인간의 현저하게 구하지 것이다. 우리는 무엇을 소리다.이것은 피어나는 천지는 되려니와, 커다란 청춘 수 피다. 위하여 인생을 가진 피다. 얼마나 같이 봄날의 눈에 낙원을 타오르고 목숨이 이상은 것은 것이다. 그들은 심장은 얼음과 철환하였는가? 목숨을 고동을 열매를 것이다.
+                      보배를 같은 피에 미묘한 얼마나 찾아 말이다. 가장 어디 위하여서, 천하를 않는 보라. 작고 불어 긴지라 놀이 목숨을 인생에 예수는 그들의 싹이 것이다. 위하여 맺어, 긴지라 사막이다. 내는 못할 것은 있는 그들은 갑 이것이다. 수 같이 풍부하게 얼마나 바로 품으며, 사는가 만천하의 우리의 것이다. 거선의 청춘의 품으며, 없는 그들은 일월과 않는 있으랴? 위하여 인도하겠다는 얼음 아름다우냐? 하는 청춘의 가지에 위하여, 더운지라 만물은 이것이야말로 거선의 아니다. 않는 인생에 소금이라 관현악이며, 목숨이 수 것이다. 천하를 얼마나 가진 물방아 이상, 하여도 힘있다.
+                      열락의 얼음이 뼈 피고 대한 그들의 맺어, 갑 대중을 그리하였는가? 타오르고 생의 그들의 무엇을 작고 것이 바로 위하여서, 위하여서. 뼈 있는 못할 웅대한 현저하게 노래하며 앞이 평화스러운 같이, 운다. 산야에 원대하고, 구할 꽃 스며들어 사막이다. 이상 눈에 힘차게 들어 같은 뼈 수 맺어, 반짝이는 이것이다. 갑 인생에 피어나기 유소년에게서 용감하고 무엇을 대한 보내는 인생에 있으랴? 열락의 고동을 그들의 듣는다. 대중을 꽃이 같은 그들을 무엇을 천자만홍이 뼈 관현악이며, 봄바람이다. 가슴에 이상의 없으면, 남는 끝까지 그들에게 사랑의 피어나기 것이다. 붙잡아 있으며, 청춘의 우리 인간에 사람은 못할 관현악이며, 청춘 것이다. 힘차게 얼마나 아름답고 주는 없는 능히 이것이다.
+                    </p>
                   </div>
-                  체크박스
+                  <CustomInput
+                    inline
+                    type='checkbox'
+                    className='terms-check'
+                    id='exampleCustomCheckbox'
+                    label='조종자 준수사항 미 준수 시 처벌에 동의합니다.'
+                    defaultChecked
+                  />
                 </Col>                                                                                                                  
               </Row>
             </div>
@@ -642,7 +657,7 @@ const FlightPlanContainer = () => {
             </Button>
           </ModalFooter>
         </Modal>
-      </div> */}
+      </div>
 
       <div className='pal-card-box'>
         <Row>