fix : 상세조회조건 버튼 css 추가

src/main/webapp/WEB-INF/jsp/fims/biz/rt/rtCrackdownMgtMainForm.jsp

@@ -31,6 +31,7 @@ Date       Author       Description
                 <button id="2" type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabContent2">답변처리</button>
             </li>
         </ul>
+    </div>
 
     <!-- tab 공통 -->
     <form id="frmSearch" name="frmSearch">
@@ -83,12 +84,19 @@ Date       Author       Description
                     </select>
                     <input type="text" id="sch_word" name="sch_word" class="form-control" value="" />
                     <span class="flr">
-                            <button type="button" class="btn btn-blue" id="btnSearch" title="검색">검색</button>
+                        <button type="button" class="btn btn-search" id="btnSearch" title="검색">검색</button>
                         <button type="button" class="btn btn-darkgray" id="btnExtrRegist" title="연계파일등록">연계파일처리</button>
+                        <button type="button" class="btn btn-open-detail btn-sm" data-bs-toggle="collapse" data-bs-target="#searchDetail">
+                            <i class="bx bx-chevron-down"></i>
+                            상세조회조건
+                        </button>
                     </span>
                 </div>
             </div>
         </div>
+        <div id="searchDetail" class="search-detail collapse">
+            상세조회조건
+        </div>
     </form>
     <!-- //검색 -->
 
@@ -129,7 +137,6 @@ Date       Author       Description
         </div>
     </div>
 </div>
-</div>
 
 <script defer type="text/javascript" src="${pageContext.request.contextPath}/resources/biz/common/js/popupPageNavigation.js"></script>
 <script type="text/javaScript">

src/main/webapp/WEB-INF/jsp/framework/biz/cmm/anonymous/api/XitAdresSearchApi.jsp

@@ -10,6 +10,7 @@
 	// ※ 행정망 내에서 운영되는 시스템도 이용 가능합니다. 행정망 서비스를 위한 API 요청URL은 별도로 문의 주시기 바랍니다.(1588-0061)
 	String resultType = "4"; // 검색결과 화면 출력유(1 : 도로명, 2 : 도로명+지번, 3 : 도로명+상세건물명, 4 : 도로명+지번+상세건물명)
 %>
+<script src="${ctx}/resources/3rd-party/sneat/libs/jquery/jquery.js"></script>
 <script type="text/javascript" src="${ctx}/resources/3rd-party/juso/js/addrlink.js"></script>
 <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/juso/css/addrlink.css"></link>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

src/main/webapp/resources/biz/common/css/index.css

@@ -68,6 +68,8 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
   text-align: center;
 }
 
+
+
 /*---- 아이콘 ----*/
 .ico em {
   font-size: 0; }
@@ -270,30 +272,8 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
   .search .selectBox {
     width: 93px; }
 
-  .search .btnOpen {
+
-    position: relative;
+
-    display: inline-block;
-    height: 24px;
-    margin-left: 10px;
-    margin-top: -5px;
-    border: 0;
-    background: transparent;
-    line-height: 24px;
-    font-size: 11px; }
-    .search .btnOpen span {
-      position: absolute;
-      top: 50%;
-      right: -10px;
-      display: inline-block;
-      width: 5px;
-      height: 5px;
-      border: solid #7f7f7f;
-      border-width: 1px 1px 0 0;
-      -webkit-transform: translateY(-50%) rotate(135deg);
-      transform: translateY(-50%) rotate(135deg); }
-    .search .btnOpen.open span {
-      -webkit-transform: translateY(-50%) rotate(-45deg);
-      transform: translateY(-50%) rotate(-45deg); }
   .search .detail_02 {
     /*position: relative;*/
     text-align: left;
@@ -347,30 +327,7 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
   .search_02 .selectBox {
     width: 93px; }
 
-  .search_02 .btnOpen {
+
-    position: relative;
-    display: inline-block;
-    height: 24px;
-    margin-left: 10px;
-    margin-top: -5px;
-    border: 0;
-    background: transparent;
-    line-height: 24px;
-    font-size: 11px; }
-    .search_02 .btnOpen span {
-      position: absolute;
-      top: 50%;
-      right: -10px;
-      display: inline-block;
-      width: 5px;
-      height: 5px;
-      border: solid #7f7f7f;
-      border-width: 1px 1px 0 0;
-      -webkit-transform: translateY(-50%) rotate(135deg);
-      transform: translateY(-50%) rotate(135deg); }
-    .search_02 .btnOpen.open span {
-      -webkit-transform: translateY(-50%) rotate(-45deg);
-      transform: translateY(-50%) rotate(-45deg); }
   .search_02 .detail_02 {
     position: relative;
     text-align: left;
@@ -429,30 +386,7 @@ input[data-fmt-type=time], input[data-fmt-type=day] {
   .search .selectBox {
     width: 100%; }
 
-  .search .btnOpen {
+
-    position: relative;
-    display: inline-block;
-    height: 24px;
-    margin-left: 10px;
-    margin-top: -5px;
-    border: 0;
-    background: transparent;
-    line-height: 24px;
-    font-size: 11px; }
-  .search .btnOpen span {
-    position: absolute;
-    top: 50%;
-    right: -10px;
-    display: inline-block;
-    width: 5px;
-    height: 5px;
-    border: solid #222;
-    border-width: 1px 1px 0 0;
-    -webkit-transform: translateY(-50%) rotate(135deg);
-    transform: translateY(-50%) rotate(135deg); }
-  .search .btnOpen.open span {
-    -webkit-transform: translateY(-50%) rotate(-45deg);
-    transform: translateY(-50%) rotate(-45deg); }
 
   .search .detail {
     position: relative;

src/main/webapp/resources/biz/common/js/defaultUI.js

@@ -15,26 +15,10 @@ $(document).ready(function(){
         }
     });
 
-
     /*---------------------  검색영역 상세검색 제어  ---------------------*/
-    $( "body" ).on( "click", ".search .btnOpen", function() {
+    $( "body" ).on( "click", ".btn-open-detail", function() {
-        var e=$(this);
+        $(this).find('i').toggleClass('bx-chevron-down');
-        var eHasClass=e.hasClass('open');
+        $(this).find('i').toggleClass('bx-chevron-up');
-        if(eHasClass==true){
-            e.removeClass('open');
-            e.parent().parent().parent().parent().find('div.detail').hide();
-        }else{
-            e.addClass('open');
-            e.parent().parent().parent().parent().find('div.detail').show();
-        }
-        
-    });
-    
-    /*---------------------  탭 제어  ---------------------*/
-    $( "body" ).on( "click", ".detailList  > dt > button", function() {
-        var e=$(this).parent().parent();
-        $( ".detailList").removeClass('sel');
-        e.addClass('sel');
     });
 
     /*---------------------  달력 제어  ---------------------*/

src/main/webapp/resources/framework/css/common/xit-core-extend.css

@@ -95,3 +95,13 @@
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg:#44539e;
 }
+
+.btn-open-detail {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #44539e;
+
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg:#44539e;
+
+    float:right;
+}