.

src/assets/css/custom.css

@@ -817,3 +817,7 @@ background-size: 75% auto;
 /*그리드 로딩*/
 .grid-loading{width:100%;height:100%;position: absolute;background:rgba(35, 41, 58, 0.7);z-index:999;display:flex;align-items:center;justify-content: center;text-align:center;}
 .grid-loading span{display:block;font-weight:500;margin-top:4px;}
+
+.pa-input-box{display:flex;}
+.pa-input-box input + input {margin-left:8px;}
+.pa-input{width:48px;}

src/components/basis/dron/BasisIdntform.js

@@ -34,27 +34,27 @@ export const BasisIdntfForm = props => {
                   <div className='search-info-box count-box'>
                     <CardBody className='pd-0'>
                       <Row>
-                        <Col xs={3} md={3} xl={2}>
+                        <Col xs={2} md={2}>
                           <span className='sm-ti'>
                             <span className='necessary'>*</span>식별번호
                           </span>
                         </Col>
-                        <Col xs={3} md={3} xl={2}>
+                        <Col xs={2} md={2}>
                           <span className='sm-ti'>
                             <span className='necessary'>*</span>장비타입
                           </span>
                         </Col>
-                        <Col xs={3} md={3} xl={2}>
+                        <Col xs={2} md={2}>
                           <span className='sm-ti'>
                             <span className='necessary'>*</span>수정일자
                           </span>
                         </Col>
-                        <Col xs={3} md={3} xl={2}>
+                        <Col xs={2} md={2}>
                           <span className='sm-ti'>
                             <span className='necessary'>*</span>소유자명
                           </span>
                         </Col>
-                        <Col xs={3} md={3} xl={2}>
+                        <Col xs={2} md={2}>
                           <span className='sm-ti'>
                             <span className='necessary'>*</span>연락처
                           </span>
@@ -64,10 +64,11 @@ export const BasisIdntfForm = props => {
                         {i => (
                           <Form key={i}>
                             <Row className='justify-content-between align-items-center'>
-                              <Col xs={3} md={2} xl={1}>
-                                <FormGroup className='form-label-group'>
+                              <Col xs={2} md={2}>
+                                <FormGroup className='form-label-group pa-input-box'>
                                   <Label for={`idntfNum.${i}`}>식별번호</Label>
                                   <Input
+                                    className='pa-input'
                                     type='text'
                                     value='PA'
                                     readOnly
@@ -85,7 +86,7 @@ export const BasisIdntfForm = props => {
                                   ></Input>
                                 </FormGroup>
                               </Col>
-                              <Col xs={3} md={3} xl={2}>
+                              <Col xs={2} md={2}>
                                 <FormGroup className='form-label-group'>
                                   <Label for={'idntfTypeCd'}>장비타입</Label>
                                   <Input
@@ -99,7 +100,7 @@ export const BasisIdntfForm = props => {
                                   ></Input>
                                 </FormGroup>
                               </Col>
-                              <Col xs={3} md={3} xl={2}>
+                              <Col xs={2} md={2}>
                                 <FormGroup className='form-label-group'>
                                   <Label for={'updateDt'}>수정일자</Label>
                                   <Input
@@ -112,7 +113,7 @@ export const BasisIdntfForm = props => {
                                   ></Input>
                                 </FormGroup>
                               </Col>
-                              <Col xs={3} md={3} xl={2}>
+                              <Col xs={2} md={2}>
                                 <FormGroup className='form-label-group'>
                                   <Label for={`userName`}>소유자명</Label>
                                   <Input
@@ -128,7 +129,7 @@ export const BasisIdntfForm = props => {
                                   ></Input>
                                 </FormGroup>
                               </Col>
-                              <Col xs={3} md={3} xl={2}>
+                              <Col xs={2} md={2}>
                                 <FormGroup className='form-label-group'>
                                   <Label for={`phoneNumber`}>연락처</Label>
                                   <Input
@@ -144,12 +145,7 @@ export const BasisIdntfForm = props => {
                                   ></Input>
                                 </FormGroup>
                               </Col>
-                              <Col
-                                xs={12}
-                                md={2}
-                                xl={2}
-                                className='count-del-btn'
-                              >
+                              <Col xs={2} md={2} className='count-del-btn'>
                                 <Button.Ripple
                                   color='danger'
                                   className='text-nowrap px-1'