.

src/assets/css/custom.css

@@ -404,7 +404,6 @@ h1.logo span{display:block;color:#f4f4f4;font-weight:bold;letter-spacing:2px;fon
 	.search-list-cont .list-input + .list-input{margin-top:10px;}
 }
 .tooltip-test{position:absolute;left:500px;top:500px;}
-
 .tooltip-box{background:#283046;padding:10px;border-radius:6px;position:relative;max-width:150px;word-break: break-all;}
 /* .tooltip-box div{text-align:left;font-size:13px;} */
 .tooltip-ti{border-bottom:1px solid #bbb;padding-bottom:4px;}
@@ -415,13 +414,16 @@ h1.logo span{display:block;color:#f4f4f4;font-weight:bold;letter-spacing:2px;fon
 .tooltip-txt-list .ti:before{content:'/';margin:0 2px;}
 .tooltip-txt-list .ti:first-child::before{display:none;}
 /* 데이터블록 */
-.dblock-box{background:#283046;padding:10px;border-radius:6px;position:relative;}
-.dblock-box div{text-align:left;font-size:13px;color:#bbb;}
-.dblock-ti{border-bottom:1px solid #bbb;padding-bottom:4px;}
+.dblock-box{background:#283046;padding:6px 8px;border-radius:6px;max-width:150px;word-break: break-all;}
+.dblock-box div{text-align:left;font-size:11px;color:#bbb;}
+/* .dblock-ti{border-bottom:1px solid #bbb;padding-bottom:4px;} */
 .dblock-ti span, .dblock-txt .ti{color:#f4f4f4;font-weight:500;display:block;}
-.dblock-txt{padding-top:4px;}
+.dblock-txt{    line-height: 1.2;}
 .dblock-txt-list + .dblock-txt-list{margin-top:4px;}
-.dblock-box .arrow {position:absolute;bottom:-10px;left:50%;transform: translateX(-50%);display:block;width: 0px;height: 0px;border-top:10px solid #283046;border-bottom:10px solid none;border-right: 10px solid transparent;border-left: 10px solid  transparent;}
+/* .dblock-box .arrow {position:absolute;bottom:-10px;left:50%;transform: translateX(-50%);display:block;width: 0px;height: 0px;border-top:10px solid #283046;border-bottom:10px solid none;border-right: 10px solid transparent;border-left: 10px solid  transparent;} */
+.dblock-txt-list span{font-size:10px;}
+.dblock-txt-list span::before{content:'/';margin:0 2px;}
+.dblock-txt-list span:first-child::before{display:none;}
 
 /*회원가입*/
 .pal-register .auth-wrapper.auth-v1 .auth-inner{max-width:1200px;}

src/views/design/DesignMain.js

@@ -1111,21 +1111,33 @@ const DesignMain = () => {
         <span className='line-test04'>         
         </span>     
         <div className='tooltip-test'>
-          <div className='tooltip-box'>
-            {/* <div className='tooltip-ti'><span>로봇타워로봇타워로봇타워로봇타워로봇타워로봇타워로봇타워</span></div> */}
+          <div className='dblock-box'>
+            <div class="dblock-ti">
+            <span>KAL1154</span>
+            </div>
+            <div className='dblock-txt'>
+              <div class="dblock-txt-list">
+                  <span>2667.4M(고도)</span>
+                  <span>450km(속도)</span>
+                  <span>123.121.123123(좌표)</span>
+              </div>
+            </div>
+          </div>
+          {/* <div className='tooltip-box'>
+            <div className='tooltip-ti'><span>로봇타워로봇타워로봇타워로봇타워로봇타워로봇타워로봇타워</span></div>
             <div className='tooltip-txt'>
               <div className='tooltip-txt-list'>
                 <span className='ti'>KAL1154</span>
                 <span className='ti'>2667.4M37.123456123.121.123123</span>
                 <span className='ti'>123.121.123123</span>
               </div>
-              {/* <div className='tooltip-txt-list'>
+              <div className='tooltip-txt-list'>
                 <span className='ti'>좌표정보</span>
                 <span>35.232600, 127.650225</span>
-              </div> */}
+              </div> 
             </div>
-            {/* <span class="arrow"></span> */}
-          </div>
+             <span class="arrow"></span> 
+          </div> */}
         </div>
       </div>