701 화면 수정

app/Views/pages/v2/m701/lists.php

@@ -45,6 +45,78 @@
     background-color: #ff0000 !important;
     color: #fff !important;
   }
+
+  /* 검색 폼 row 구분 */
+  #frm_srch_info .row.g-3 {
+    padding: 12px 0;
+    border-bottom: 1px solid #e9ecef;
+  }
+
+  #frm_srch_info .row.g-3:last-of-type {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+
+  #frm_srch_info .row.g-3:first-of-type {
+    padding-top: 0;
+  }
+
+  /* 검색창 공간 최소화 */
+  #frm_srch_info .card-body {
+    padding: 15px !important;
+  }
+
+  #frm_srch_info .row.g-3 {
+    padding: 8px 0;
+    row-gap: 8px !important;
+  }
+
+  #frm_srch_info .form-label {
+    margin-bottom: 4px !important;
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #212529;
+  }
+
+  #frm_srch_info .form-control,
+  #frm_srch_info .form-select {
+    padding: 4px 8px !important;
+    font-size: 0.85rem;
+    border-color: #bbb !important;
+  }
+
+  #frm_srch_info .form-control:focus,
+  #frm_srch_info .form-select:focus {
+    border-color: #888 !important;
+  }
+
+  #frm_srch_info .input-group-text {
+    padding: 4px 8px !important;
+    font-size: 0.85rem;
+  }
+
+  #frm_srch_info .alert {
+    padding: 8px 12px !important;
+    margin-bottom: 12px !important;
+  }
+
+  #frm_srch_info .btn {
+    padding: 4px 12px !important;
+    font-size: 0.85rem;
+  }
+
+  /* 툴팁 스타일 */
+  .info-tooltip {
+    display: inline-block;
+    margin-left: 5px;
+    color: #17a2b8;
+    cursor: help;
+    font-size: 0.9rem;
+  }
+
+  .info-tooltip:hover {
+    color: #138496;
+  }
 </style>
 
 <h1>확인매물 현황</h1>
@@ -57,20 +129,18 @@
         <input type="hidden" name="todo" id="todo" value="inq" />
         <input type="hidden" name="usr_id" value="" />
 
-        <!-- 안내 -->
-        <div class="alert alert-warning py-2 mb-3">
-          <small class="mb-0">
-            매물번호를 입력하면 <b>다른 조건은 무시</b>됩니다.
-          </small>
-        </div>
-
         <!-- 검색 폼 -->
         <div class="row g-3">
 
           <!-- 매물번호 -->
           <div class="col-md-1">
-            <label class="form-label mb-1">매물번호</label>
+            <label class="form-label mb-1">
+              매물번호
+              <i class="pe-7s-info info-tooltip" data-bs-toggle="tooltip" data-bs-placement="top" 
+                 title="매물번호를 입력하면 다른 조건은 무시됩니다"></i>
+            </label>
             <input type="text" name="atcl_no" class="form-control form-control-sm" placeholder="매물번호" maxlength="10"
+              data-bs-toggle="tooltip" data-bs-placement="top" title="매물번호를 입력하면 다른 조건은 무시됩니다" 
               onkeypress="atcl_no_enter(event)">
           </div>
 
@@ -307,6 +377,14 @@
 
   $(function () {
 
+    // Bootstrap Tooltip 초기화 (빠른 표시)
+    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+      return new bootstrap.Tooltip(tooltipTriggerEl, {
+        delay: { "show": 100, "hide": 100 }
+      })
+    })
+
     $("#bonbu").on("change", function (e) {
 
       const value = e.target.value