From ca450f2a18a42184cccaa627b58784186e5bf9dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junh_eee@naver.com>
Date: Sat, 23 Jul 2022 18:23:00 +0900
Subject: [PATCH] .

---
 .../flight/plan/FlightPlanAreaDetailForm.js   | 299 +++++++++---------
 1 file changed, 156 insertions(+), 143 deletions(-)

diff --git a/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js b/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js
index 3c4cecd..551fcc6 100644
--- a/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js
+++ b/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js
@@ -39,154 +39,167 @@ const FlightPlanAreaDetailForm = (props) => {
     // }
 
     return (
-      <Card className='mb-0'>
-        <CardBody>                
-          <div className='search-cont search-info pd-0'>
-            <div className='cont-ti mb-1 d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
-              <div>
-                <h4>비행 구역 상세 정보</h4>
-              </div>                        
-            </div>
+      // <Card className='mb-0'>
+    <Row>
+      <Col sm='12'>
+        <Card>
+          <CardBody className='pt-2 card-body-tab-cont'>                                        
+            <Row>
+              <Col>
+                <Card>
+                  <CardBody className='pal-card-body'>           
+                    <div className='search-cont search-info pd-0'>
+                      <div className='cont-ti mb-1 d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
+                        <div>
+                          <h4>비행 구역 상세 정보</h4>
+                        </div>                        
+                      </div>
 
-            <dl>
-              <dt>
-                <div className='search-info-ti d-flex justify-content-between'>
-                  <h4>좌표</h4>
-                </div>
+                      <dl>
+                        <dt>
+                          <div className='search-info-ti d-flex justify-content-between'>
+                            <h4>좌표</h4>
+                          </div>
 
-                <div className='search-info-box'>
-                  <Row>
-                    <Col className='list-input' lg={4} md={6} sm={12}>
-                      <FormGroup>
-                        <Label for='test'><span className='necessary'>*</span>좌표1</Label>
-                        <Input
-                          type='text'
-                          id='coord'
-                          name='coord'
-                          bsSize='sm'
-                          placeholdeer=''
-                          readOnly
-                        />
-                      </FormGroup>
-                    </Col>
-                    <Col className='list-input' lg={4} md={6} sm={12}>
-                      <FormGroup>
-                        <Label for='test'><span className='necessary'>*</span>좌표2</Label>
-                        <Input
-                          type='text'
-                          id='coord'
-                          name='coord'
-                          bsSize='sm'
-                          placeholdeer=''
-                          readOnly
-                        />
-                      </FormGroup>
-                    </Col>
-                  </Row>
-                </div>
+                          <div className='search-info-box'>
+                            <Row>
+                              <Col className='list-input' lg={4} md={6} sm={12}>
+                                <FormGroup>
+                                  <Label for='test'><span className='necessary'>*</span>좌표1</Label>
+                                  <Input
+                                    type='text'
+                                    id='coord'
+                                    name='coord'
+                                    bsSize='sm'
+                                    placeholdeer=''
+                                    readOnly
+                                  />
+                                </FormGroup>
+                              </Col>
+                              <Col className='list-input' lg={4} md={6} sm={12}>
+                                <FormGroup>
+                                  <Label for='test'><span className='necessary'>*</span>좌표2</Label>
+                                  <Input
+                                    type='text'
+                                    id='coord'
+                                    name='coord'
+                                    bsSize='sm'
+                                    placeholdeer=''
+                                    readOnly
+                                  />
+                                </FormGroup>
+                              </Col>
+                            </Row>
+                          </div>
 
-                <div className='search-info-box'>
-                  <Row>
-                    <Col className='list-input' lg={4} md={6} sm={12}>
-                      <FormGroup>
-                        <Label for='test'><span className='necessary'>*</span>좌표3</Label>
-                        <Input
-                          type='text'
-                          id='coord'
-                          name='coord'
-                          bsSize='sm'
-                          placeholdeer=''
-                          readOnly
-                        />
-                      </FormGroup>
-                    </Col>
-                    <Col className='list-input' lg={4} md={6} sm={12}>
-                      <FormGroup>
-                        <Label for='test'><span className='necessary'>*</span>좌표4</Label>
-                        <Input
-                          type='text'
-                          id='coord'
-                          name='coord'
-                          bsSize='sm'
-                          placeholdeer=''
-                          readOnly
-                        />
-                      </FormGroup>
-                    </Col>
-                  </Row>
-                </div>
-              </dt>
+                          <div className='search-info-box'>
+                            <Row>
+                              <Col className='list-input' lg={4} md={6} sm={12}>
+                                <FormGroup>
+                                  <Label for='test'><span className='necessary'>*</span>좌표3</Label>
+                                  <Input
+                                    type='text'
+                                    id='coord'
+                                    name='coord'
+                                    bsSize='sm'
+                                    placeholdeer=''
+                                    readOnly
+                                  />
+                                </FormGroup>
+                              </Col>
+                              <Col className='list-input' lg={4} md={6} sm={12}>
+                                <FormGroup>
+                                  <Label for='test'><span className='necessary'>*</span>좌표4</Label>
+                                  <Input
+                                    type='text'
+                                    id='coord'
+                                    name='coord'
+                                    bsSize='sm'
+                                    placeholdeer=''
+                                    readOnly
+                                  />
+                                </FormGroup>
+                              </Col>
+                            </Row>
+                          </div>
+                        </dt>
 
-              <dt>
-                <div className='search-info-ti d-flex justify-content-between'>
-                  <h4>기타정보</h4>
-                </div>
+                        <dt>
+                          <div className='search-info-ti d-flex justify-content-between'>
+                            <h4>기타정보</h4>
+                          </div>
 
-                <div className='search-info-box'>
-                  <Row>
-                    <Col className='list-input' lg={5} md={7} sm={12}>
-                      <FormGroup className='m_ft'>
-                        <div className='m_ft_box'>
-                          <Label for='test'>
-                            <span className='necessary'>*</span> 반경 / 고도
-                          </Label>
-                          <Input
-                            type='text'
-                            id='ownerNm'
-                            name='ownerNm'                                                    
-                            size='sm'
-                            placeholder='반경'    
-                            readOnly                                                      
-                          />
-                        </div>
-                        <div className='m_ft_box'>
-                          <Input
-                            type='text'
-                            id='ownerNm'
-                            name='ownerNm'                                                    
-                            size='sm'
-                            placeholder='고도'   
-                            readOnly                                                
-                          />
-                        </div>
-                      </FormGroup>
-                    </Col>
-                    <Col className='list-input' lg={4} md={6} sm={12}>
-                      <FormGroup>
-                        <Label for='test'><span className='necessary'>*</span>비행방식</Label>
-                        <Input
-                          type='text'
-                          id='ownerNm'
-                          name='ownerNm'                                                    
-                          size='sm'
-                          placeholder=''  
-                          readOnly                                                 
-                        />
-                      </FormGroup>
-                    </Col>
-                  </Row>
-                </div>
-              </dt>
-            </dl>
-          </div>
-            
-          <div className='d-flex align-items-center mt-2'>
-            <Button.Ripple
-              type='submit'
-              className='mr-1'
-              color='primary'
-            >
-                등록
-            </Button.Ripple>
-            <Button.Ripple
-              className='mr-1'
-              color='primary'
-            >
-                닫기
-            </Button.Ripple>
-          </div>
-        </CardBody>
-      </Card>
+                          <div className='search-info-box'>
+                            <Row>
+                              <Col className='list-input' lg={5} md={7} sm={12}>
+                                <FormGroup className='m_ft'>
+                                  <div className='m_ft_box'>
+                                    <Label for='test'>
+                                      <span className='necessary'>*</span> 반경 / 고도
+                                    </Label>
+                                    <Input
+                                      type='text'
+                                      id='ownerNm'
+                                      name='ownerNm'                                                    
+                                      bsSize='sm'
+                                      placeholder='반경'    
+                                      readOnly                                                      
+                                    />
+                                  </div>
+                                  <div className='m_ft_box'>
+                                    <Input
+                                      type='text'
+                                      id='ownerNm'
+                                      name='ownerNm'                                                    
+                                      bsSize='sm'
+                                      placeholder='고도'   
+                                      readOnly                                                
+                                    />
+                                  </div>
+                                </FormGroup>
+                              </Col>
+                              <Col className='list-input' lg={4} md={6} sm={12}>
+                                <FormGroup>
+                                  <Label for='test'><span className='necessary'>*</span>비행방식</Label>
+                                  <Input
+                                    type='text'
+                                    id='ownerNm'
+                                    name='ownerNm'                                                    
+                                    bsSize='sm'
+                                    placeholder=''  
+                                    readOnly                                                 
+                                  />
+                                </FormGroup>
+                              </Col>
+                            </Row>
+                          </div>
+                        </dt>
+                      </dl>
+                    </div>
+                      
+                    <div className='d-flex align-items-center mt-2'>
+                      <Button.Ripple
+                        type='submit'
+                        className='mr-1'
+                        color='primary'
+                      >
+                          등록
+                      </Button.Ripple>
+                      <Button.Ripple
+                        className='mr-1'
+                        color='primary'
+                      >
+                          닫기
+                      </Button.Ripple>
+                    </div>
+                  </CardBody>
+                </Card>
+              </Col>
+            </Row>
+          </CardBody>
+        </Card>
+      </Col>
+    </Row>
     )
 }