.

src/assets/css/custom.css

@@ -1077,4 +1077,6 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .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}
+.pal-popover-icon{margin-left:4px;margin-top:-2px}
+
+.coords-wrap{position:absolute;z-index: 99;right:20px;bottom:20px}

src/views/laanc/LaancAreaMap.js

@@ -319,7 +319,7 @@ export default function LaancAreaMap({
         <div style={{ position: 'relative' }}>
           <LaancMapSearch mapObject={mapObject} />
           <div
-            className='d-flex coords-box'
+            className='d-flex coords-wrap'
             // style={{
             //   position: 'relative',
             //   zIndex: 100,
@@ -328,7 +328,7 @@ export default function LaancAreaMap({
           >
             {mapObject ? (
               // <div style={{ width: '400px' }}>
-              <div>
+              <div className='coords-box'>
                 {drawObj.getAll().features.length > 1
                   ? drawObj
                       .getAll()
@@ -346,13 +346,13 @@ export default function LaancAreaMap({
                           //   marginBottom: '10px'
                           // }}
                           >
-                            <div>비행구역 {i + 1}</div>
+                            <h6 className='ti'>비행구역 {i + 1}</h6>
                             {coord?.map(co => {
                               const fCoord = FormattingCoord(co);
                               if (fCoord) {
                                 return (
-                                  <div>
+                                  <div className='coords-box-scroll'>
-                                    {fCoord[0]}, {fCoord[1]}
+                                    <span>{fCoord[0]}, {fCoord[1]}</span>
                                   </div>
                                 );
                               }