Popover

src/assets/css/custom.css

@@ -1074,4 +1074,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .pal-form .custom-file-control:hover{cursor: pointer;}
 .pal-form .pal-form-btn{margin:1rem 0;text-align: right;}
 .pal-form .pal-form-btn button{min-width:120px}
-.pal-form .pal-form-btn button + button{margin-left:20px}
+.pal-form .pal-form-btn button + button{margin-left:20px}
+
+.pal-popover-body{font-size:0.75rem;padding:0.8rem;}
+.pal-popover-icon{margin-left:4px;margin-top:-2px}

src/views/laanc/LaancStep1.js

@@ -179,21 +179,20 @@ export default function LaancStep1({
             <Col className='list-input' md='6'>
               <FormGroup>
                 <div className='ti'>비행 유형</div>
-                <Label for='test'>
+                <Label for='test' className='pal-popover'>
                   <span className='necessary'>*</span>승인 유형
                   <Info
                     id='commercial'
                     onMouseEnter={() => setPopoverCommercial(true)}
                     onMouseLeave={() => setPopoverCommercial(false)}
                     size={16}
-                    style={{ marginLeft: '2px', cursor: 'pointer' }}
+                    className='pal-popover-icon'
                   />
                   <UncontrolledPopover
-                    isOpen={popoverCommercial}
                     target='commercial'
                     toggle={() => toggle('commercial')}
                   >
-                    <PopoverBody>
+                    <PopoverBody className='pal-popover-body'>
                       항공기대여업, 항공레저스포츠사업, 초경량비행장치
                       사용사업에 해당되는 경우 "사업"으로 체크하여 주시기
                       바랍니다.