701 화면 수정

app/Views/layouts/header.php

@@ -54,4 +54,5 @@
 <script src="https://cdn.jsdelivr.net/npm/xlsx-js-style@1.2.0/dist/xlsx.full.min.js"></script>
 
 <link href="/architectui/assets/styles/vendors.98288b227c064e6a107f.css" rel="stylesheet">
-<link href="/architectui/assets/styles/main.98288b227c064e6a107f.css" rel="stylesheet">
+<link href="/architectui/assets/styles/main.98288b227c064e6a107f.css" rel="stylesheet">
+<link href="/architectui/assets/styles/custom.css" rel="stylesheet">

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

@@ -74,6 +74,13 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
     .table-scroll {
         max-height: 300px;
         overflow-y: scroll;
+        min-height: 100px;
+    }
+
+    /* 정보변경 이력 테이블 깜박임 방지 */
+    .apt-info-table {
+        table-layout: fixed;
+        width: 100%;
     }
 
     .swal2-cancel {
@@ -93,14 +100,6 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
     }
 </style>
 
-<div class="app-page-title">
-    <div class="page-title-wrapper">
-        <div class="page-title-heading">
-            <div>확인매물 상세 내용</div>
-        </div>
-    </div>
-</div>
-
 <form name="rcptFrm" id="rcptFrm" method="post" action="" enctype="multipart/form-data" autocomplete="off"
     onsubmit="return false;">
     <input type="hidden" name="address_code" id="address_code" value="<?= $data['address_code'] ?>" />
@@ -114,29 +113,26 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
     <div class="col-md-12 col-xl-12">
         <div class="col-lg-12">
             <div class="main-card mb-3 card">
-                <div class="card-header" style="width:100%; max-width:100%; min-width:600px; padding:0; border:0;">
+                <div class="card-header bg-white border-bottom shadow-sm">
-                    <p class="left">
+                    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
-                    </p>
+                        <div>
-                    <table style="width:100%; min-width:600px; padding:0; border:0;" cellpadding="0" cellspacing="0"
+                            <h5 class="mb-0 fw-bold">확인매물 상세 내용</h5>
-                        border="0" width="100%">
+                        </div>
-                        <tbody>
+                        <div class="d-flex flex-wrap align-items-center gap-3">
-                            <tr>
+                            <div style="white-space: nowrap;">
-                                <td style="width: 50%;padding-left: 20px"><span class="tit">매물ID :</span> <span
+                                <span class="text-muted me-2">매물ID:</span>
-                                        class="num"><?= $data['atcl_no'] ?></span>
+                                <span class="fw-bold text-primary fs-6"><?= $data['atcl_no'] ?></span>
-                                </td>
+                            </div>
-                                <td style="width: 20%;"><span class="tit">CP ID :</span> <span
+                            <div style="white-space: nowrap;">
-                                        class="num"><?= $data['cpid'] ?></span></td>
+                                <span class="text-muted me-2">CP ID:</span>
-                                <td style="width: 30%; text-align: right;padding-right: 20px"><span class="tit">현재 상태
+                                <span class="fw-bold text-primary fs-6"><?= $data['cpid'] ?></span>
-                                        :</span> <span class="num"><?= $data['pre_stat'] ?></span></td>
+                            </div>
-                            </tr>
+                            <div style="white-space: nowrap;">
-                            <tr>
+                                <span class="text-muted me-2">현재 상태:</span>
-                                <td height="15"></td>
+                                <span class="fw-bold text-danger fs-6"><?= $data['pre_stat'] ?></span>
-                                <td></td>
+                            </div>
-                                <td></td>
+                        </div>
-                            </tr>
+                    </div>
-                        </tbody>
-                    </table>
-                    <p></p>
                 </div>
                 <div class="card-body">
                     <h5 class="card-title">공인 중개사 정보</h5>
@@ -554,7 +550,7 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
             <?php
             $apt_rlet_type_cd = ['A01', 'A02', 'A03', 'A04', 'B01', 'B02', 'B03'];
             $villa_rlet_type_cd = ['A05', 'A06'];
-            if (in_array($detail_hscp['aptType'], $apt_rlet_type_cd)):
+            if (isset($detail_hscp['aptType']) && in_array($detail_hscp['aptType'], $apt_rlet_type_cd)):
                 ?>
                 <div class="main-card mb-3 card">
                     <div class="card-body ">
@@ -578,7 +574,7 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
             <?php endif; ?>
 
             <?php
-            if (in_array($detail_hscp['aptType'], $villa_rlet_type_cd)):
+            if (isset($detail_hscp['aptType']) && in_array($detail_hscp['aptType'], $villa_rlet_type_cd)):
                 ?>
                 <div class="main-card mb-3 card">
                     <div class="card-body ">
@@ -650,7 +646,7 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
 
                                             if (strtolower($ext) == '.pdf'):
                                                 ?>
-                                                <iframe src="<?= $server_addr ?><?= $img_path ?>" frameborder="0"
+                                                <iframe src="<?= $server_addr ?><?= $img_path ?>" frameborder="0" loading="lazy"
                                                     style="padding: 10px 0;width:100%; height:800px;"></iframe><br>
                                             <?php elseif (!in_array($ext, ['.zip', '.ZIP', '.pdf', '.PDF'])): ?>
                                                 <?php foreach ($arrRecord as $row):
@@ -671,18 +667,18 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
                                     
                                             if (strtolower($ext) == '.pdf'):
                                                 ?>
-                                                <iframe src="<?= $img_path ?>" frameborder="0"
+                                                <iframe src="<?= $img_path ?>" frameborder="0" loading="lazy"
                                                     style="padding: 10px 0;width:100%; height:800px;"></iframe>
                                             <?php else: ?>
 
                                             <?php endif; ?>
-                                            <img id="photo-display" src="<?= $img_path ?>" alt="Image"
+                                            <img id="photo-display" src="<?= $img_path ?>" alt="Image" loading="lazy"
                                                 style="width:100%;max-width:945px;min-width:100%;border:0;" />
                                         <?php endif; ?>
                                     <?php else: ?>
 
                                         <a href="#" rel="lightbox[gallery]">
-                                            <img id="photo-display" src="/plugin/img/photo.gif" alt="Image"
+                                            <img id="photo-display" src="/plugin/img/photo.gif" alt="Image" loading="lazy"
                                                 style="width:100%; max-width:945px; border:0;">
                                         </a>
 
@@ -1103,12 +1099,12 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
                                 <?php if (!empty($data['cert_register'])): ?>
                                     <?php if ($data['cert_register_save_yn'] == 'Y'): ?>
                                         <?php if (strtolower($file_pdf) == 'pdf') { ?>
-                                            <iframe src="<?= $server_addr ?><?= $regi_pdf_path ?>" frameborder="0"
+                                            <iframe src="<?= $server_addr ?><?= $regi_pdf_path ?>" frameborder="0" loading="lazy"
                                                 style="padding: 10px 0;width:100%; height:800px;"></iframe><br />
                                         <?php } else { ?>
                                             <div id="regi_file_dis" style="padding: 10px 0px; height: 730px; overflow-y: auto;">
                                                 <?php if (empty($arrRegist)) { ?>
-                                                    <img id="photo-display2" src="/img/photo.gif" alt="Image"
+                                                    <img id="photo-display2" src="/img/photo.gif" alt="Image" loading="lazy"
                                                         style="width:100%;max-width:945px;min-width:100%;border:0;" />
                                                 <?php } else {
                                                     foreach ($arrRegist as $row) {
@@ -1124,12 +1120,12 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
                                         <?php } ?>
                                     <?php else: ?>
                                         <?php if (strtolower($file_pdf) == 'pdf') { ?>
-                                            <iframe src="<?= $regi_pdf_path ?>" frameborder="0"
+                                            <iframe src="<?= $regi_pdf_path ?>" frameborder="0" loading="lazy"
                                                 style="padding: 10px 0;width:100%; height:800px;"></iframe><br>
                                         <?php } else { ?>
                                             <div id="regi_file_dis" style="padding: 10px 0px; height: 730px; overflow-y: auto;">
                                                 <?php if (empty($arr_cert_register)) { ?>
-                                                    <img id="photo-display2" src="/plugin/img/photo.gif" alt="Image"
+                                                    <img id="photo-display2" src="/plugin/img/photo.gif" alt="Image" loading="lazy"
                                                         style="width:100%;max-width:945px;min-width:100%;border:0;" />
                                                 <?php } else {
                                                     foreach ($arr_cert_register as $img_path) { ?>
@@ -1162,7 +1158,7 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
                                     ?>
 
                                     <div id="regi_file_dis" style="padding: 10px 0;">
-                                        <img id="photo-display2" src="<?= $regi_img_path ?>" alt="Image"
+                                        <img id="photo-display2" src="<?= $regi_img_path ?>" alt="Image" loading="lazy"
                                             style="width:100%;max-width:945px;min-width:100%;border:0;" />
                                     </div>
                                     <div id="regi_file_pdf" style="padding: 10px 0; display:none;">
@@ -1354,7 +1350,7 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
                 <div class="table-scroll">
                     <table class="table table-bordered table-sm tbl_basic2 apt-info-table">
                         <tr>
-                            <th width="90" style="text-align: center;">진행상태</th>
+                            <th width="120" style="text-align: center;">진행상태</th>
                             <th width="150" style="text-align: center;">변경내용</th>
                             <th width="90" style="text-align: center;">처리자(ID)</th>
                             <th width="120" style="text-align: center;">처리일시</th>
@@ -1599,6 +1595,26 @@ if (!empty($data['cert_register']) && $data['cert_register_save_yn'] != 'Y') {	/
 
     $(function () {
 
+        // DOM Ready 시 즉시 blockUI 해제
+        if (typeof blockUI !== 'undefined') {
+            blockUI.unblockPage();
+        }
+        $('.blockUI').remove();
+        $('body').css('overflow', '');
+        
+        // 페이지 완전 로드 후에도 다시 한번 해제
+        $(window).on('load', function() {
+            setTimeout(function() {
+                if (typeof blockUI !== 'undefined') {
+                    blockUI.unblockPage();
+                }
+                $('.blockUI').remove();
+                $('.blockOverlay').remove();
+                $('body').css('overflow', '');
+                $('body').removeClass('modal-open');
+            }, 100);
+        });
+
         if (failChk == "20040") {
             $("#fail_chk1").attr("checked", true);
         } else if (failChk == "20041") {

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

public/architectui/assets/styles/custom.css

@@ -0,0 +1,48 @@
+/* Custom Overrides - 전역 폰트 크기 조정 */
+
+/* 폰트 크기 변수 정의 */
+:root {
+    --base-font-size: 14px;
+    --body-font-size: 0.9rem;
+    --component-font-size: 0.8rem;
+}
+
+/* 기본 폰트 크기 설정 */
+html {
+    font-size: var(--base-font-size);
+}
+
+body {
+    font-size: var(--body-font-size);
+}
+
+/* 주요 컴포넌트 폰트 크기 조정 */
+.card-body,
+.table,
+.form-control,
+.btn {
+    font-size: var(--component-font-size);
+}
+
+/* Select Box 폰트 크기 */
+select,
+select.form-control,
+select.form-select {
+    font-size: var(--component-font-size);
+}
+
+select option {
+    font-size: var(--component-font-size);
+}
+
+/* 테이블 셀 폰트 크기 */
+.table td,
+.table th {
+    font-size: var(--component-font-size);
+}
+
+/* 모달 및 경고창 폰트 크기 */
+.modal-body,
+.alert {
+    font-size: var(--component-font-size);
+}