Merge pull request 'feat : TotalInfo 작업중.' (#10) from kurt/kurt into dev

Reviewed-on: http://211.119.124.110:3000/cjm/clean-parking/pulls/10

src/main/java/egovframework/config/EgovConfigInterceptor.java

@@ -2,6 +2,8 @@ package egovframework.config;
 
 import egovframework.configProperties.InterceptorProperties;
 import egovframework.interceptor.AuthInterceptor;
+import go.kr.project.domain.entity.CpSetinfo;
+import go.kr.project.domain.repo.cp.CpSetinfoRepository;
 import go.kr.project.system.login.service.LoginService;
 import lombok.RequiredArgsConstructor;
 import org.springframework.context.annotation.Bean;
@@ -17,6 +19,7 @@ import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
 public class EgovConfigInterceptor implements WebMvcConfigurer {
 
     private final LoginService loginService;
+    private final CpSetinfoRepository cpSetinfoRepository;
     private final InterceptorProperties interceptorProperties;
 
 
@@ -27,8 +30,8 @@ public class EgovConfigInterceptor implements WebMvcConfigurer {
     @Override
     public void addInterceptors(InterceptorRegistry registry) {
         registry.addInterceptor(authInterceptor())
-//                .addPathPatterns("/**") // 모든 경로에 적용
-                .addPathPatterns("/__disabled__/**") // 인터셉터 미적용 임시 우회
+                .addPathPatterns("/**") // 모든 경로에 적용
+//                .addPathPatterns("/__disabled__/**") // 인터셉터 미적용 임시 우회
                 .excludePathPatterns(interceptorProperties.getInterceptorExclude()); // 접근 제어 예외 URL 패턴 제외
     }
 
@@ -38,6 +41,6 @@ public class EgovConfigInterceptor implements WebMvcConfigurer {
      */
     @Bean
     public AuthInterceptor authInterceptor() {
-        return new AuthInterceptor(loginService);
+        return new AuthInterceptor(loginService, cpSetinfoRepository);
     }
 }

src/main/java/egovframework/config/JPAConf/JPAConfig.java

@@ -3,10 +3,12 @@ package egovframework.config.JPAConf;
 import com.querydsl.jpa.impl.JPAQueryFactory;
 import org.springframework.context.annotation.Bean;
 import org.springframework.context.annotation.Configuration;
+import org.springframework.orm.jpa.JpaTransactionManager;
 import org.springframework.orm.jpa.JpaVendorAdapter;
 import org.springframework.orm.jpa.vendor.HibernateJpaVendorAdapter;
 
 import javax.persistence.EntityManager;
+import javax.persistence.EntityManagerFactory;
 import javax.persistence.PersistenceContext;
 
 @Configuration
@@ -20,6 +22,11 @@ public class JPAConfig {
         return new JPAQueryFactory(em);
     }
 
+    @Bean(name = "transactionManager")
+    public JpaTransactionManager transactionManager(EntityManagerFactory emf) {
+        return new JpaTransactionManager(emf);
+    }
+
 //    @Bean
 //    public JpaVendorAdapter jpaVendorAdapter() {
 //        HibernateJpaVendorAdapter adapter = new HibernateJpaVendorAdapter();

src/main/java/egovframework/interceptor/AuthInterceptor.java

@@ -8,6 +8,8 @@ import egovframework.filter.XssUtil;
 import egovframework.util.ApiResponseEntity;
 import egovframework.util.HttpServletUtil;
 import egovframework.constant.SessionConstants;
+import go.kr.project.domain.entity.CpSetinfoId;
+import go.kr.project.domain.repo.cp.CpSetinfoRepository;
 import go.kr.project.system.login.mapper.LoginMapper;
 import go.kr.project.system.login.model.SessionVO;
 import go.kr.project.system.login.model.UserSessionVO;
@@ -47,6 +49,9 @@ public class AuthInterceptor implements HandlerInterceptor {
 
     private final LoginService loginService;
 
+    // 세션에 업로드 경로를 담아놓기 위한 setinfo 인젝션
+    private final CpSetinfoRepository cpSetinfoRepository;
+
     // URL 패턴 매칭을 위한 AntPathMatcher
     private final AntPathMatcher pathMatcher = new AntPathMatcher();
 
@@ -137,6 +142,8 @@ public class AuthInterceptor implements HandlerInterceptor {
                         userSessionVO.setLastAccessDttm(LocalDateTime.now());
                         loginMapper.updateUserSession(userSessionVO);
                         log.debug("세션 정보 업데이트 (동시 접속 제한): {}", sessionId);
+
+
                     }
                 }
             }
@@ -187,6 +194,10 @@ public class AuthInterceptor implements HandlerInterceptor {
 
             // 로그인 상태인 경우 접근 권한 확인
             if (hasAccess(sessionVO, requestURI)) {
+                //여기서 사진 업로드 패스를 세션에 저장하면 좋을듯.
+                cpSetinfoRepository.findById(new CpSetinfoId("WORKER", "INFO", "LOCAL"))
+                        .ifPresent(info -> sessionVO.setImgPath(info.getStrValue5()));
+                log.info(sessionVO.getImgPath());
                 return true;
             }
 

src/main/java/go/kr/project/biz/minwon/init/controller/MinwonInitController.java

@@ -42,7 +42,7 @@ public class MinwonInitController {
         dto.setTotalCount(totalCount);
 
         // 페이징 처리를 위한 설정
-        dto.setPagingYn("Y");
+        dto.setPagingYn("N");
 
         // 리스트 조회
         List<MinwonInitDto.Response.InitAnswers> result = minwonInitService.findInitAnswers(dto);

src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java

@@ -1,14 +1,26 @@
 package go.kr.project.biz.totalInfo.controller;
 
+import egovframework.constant.SessionConstants;
 import egovframework.constant.TilesConstants;
 import egovframework.util.ApiResponseUtil;
 import go.kr.project.biz.totalInfo.model.TotalInfoDto;
 import go.kr.project.biz.totalInfo.service.TotalInfoService;
+import go.kr.project.system.login.model.SessionVO;
 import lombok.RequiredArgsConstructor;
+import org.springframework.core.io.Resource;
+import org.springframework.core.io.UrlResource;
+import org.springframework.http.MediaType;
 import org.springframework.http.ResponseEntity;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.*;
 
+import javax.mail.Session;
+import javax.servlet.http.HttpSession;
+import java.io.IOException;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+
 @Controller
 @RequiredArgsConstructor
 public class TotalInfoController {
@@ -16,8 +28,7 @@ public class TotalInfoController {
     private final TotalInfoService totalInfoService;
 
     @GetMapping("/total/info.do")
-    public String totalInfoViewPopup(){
-
+    public String totalInfoViewPopup(HttpSession session){
         return "biz/totalInfo/totalInfo_popup" + TilesConstants.POPUP;
     }
 
@@ -31,5 +42,24 @@ public class TotalInfoController {
 
     }
 
+    @GetMapping("/images/{fileName}")
+    public ResponseEntity<Resource> getImage(@PathVariable String fileName, HttpSession session) throws IOException {
+
+        SessionVO sessionVO = (SessionVO) session.getAttribute(SessionConstants.SESSION_KEY);
+        String basePath = sessionVO.getImgPath();
+        String ssgCode = fileName.substring(0, 5);
+        String year = fileName.substring(5, 9);
+        Path path = Paths.get(basePath, ssgCode, year, fileName);
+        if (!Files.exists(path)) return ResponseEntity.notFound().build();
+
+        Resource resource = new UrlResource(path.toUri());
+        String contentType = Files.probeContentType(path);
+        if (contentType == null) contentType = MediaType.APPLICATION_OCTET_STREAM_VALUE;
+
+        return ResponseEntity.ok()
+                .contentType(MediaType.parseMediaType(contentType))
+                .body(resource);
+    }
+
 
 }

src/main/java/go/kr/project/system/common/model/PagingVO.java

@@ -35,7 +35,7 @@ public class PagingVO extends DefaultVO {
     private Integer totalPages;
 
     /** 기본 페이지당 항목 수 */
-    private static final int DEFAULT_PER_PAGE = 10;
+    private static final int DEFAULT_PER_PAGE = 30;
 
     /**
      * 페이징 처리를 위한 시작 인덱스와 끝 인덱스를 계산합니다.

src/main/java/go/kr/project/system/login/model/SessionVO.java

@@ -58,4 +58,7 @@ public class SessionVO implements Serializable {
 
     // 마지막 접근 시간
     private long lastAccessedTime;
+
+    //이미지 경로
+    private String imgPath;
 }

src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp

@@ -11,7 +11,6 @@
             </section>
         </div>
     </section>
-    <input type="text" id="bbs_no">
     <div class="contants_body">
         <div class="gs_b_top">
             <ul class="lef">
@@ -49,8 +48,8 @@
                 <li>
                     <select id="perPageSelect" class="input">
                         <option value="10" <c:if test="${param.perPage eq '10'}">selected</c:if>>페이지당 10</option>
-                        <option value="20" <c:if test="${param.perPage eq '20'}">selected</c:if>>페이지당 20</option>
-                        <option value="30" <c:if test="${param.perPage eq '30'}">selected</c:if>>페이지당 30</option>
+                        <option value="30" <c:if test="${empty param.perPage or param.perPage eq '30'}">selected</c:if>>페이지당 30</option>
+                        <option value="100" <c:if test="${param.perPage eq '100'}">selected</c:if>>페이지당 100</option>
                     </select>
                     <span class="page_number"><span id="currentPage"></span><span class="bar">/</span><sapn id="totalPages"></sapn> Pages</span>
                 </li>
@@ -123,7 +122,7 @@
                     // 그리드 설정 객체 생성
                     var gridConfig = new XitTuiGridConfig();
 
-                    // 기본 설정
+                    // 기본 설정w
                     gridConfig.setOptDataSource(dataSource);            // 데이터소스 연결
                     gridConfig.setOptGridId('grid');                    // 그리드를 출력할 Element ID
                     gridConfig.setOptGridHeight(390);                   // 그리드 높이(단위: px)
@@ -132,34 +131,38 @@
 
                     // 페이징 옵션 설정
                     gridConfig.setOptPageOptions({
-                        useClient: false,                               // 클라이언트 페이징 여부(false: 서버 페이징)
+                        useClient: true,                               // 클라이언트 페이징 여부(false: 서버 페이징)
                         perPage: perPage                                // 페이지당 표시 건수
                     });
-                    gridConfig.setOptUseClientSort(false);              // 서버사이드 정렬 false
+                    gridConfig.setOptUseClientSort(true);              // 서버사이드 정렬 false
 
                     // 컬럼 정보 설정
                     gridConfig.setOptColumns([
                         {
                             header: '등록구분',
                             name: 'mmIngb',
+                            sortable: true,
                             width: 50,
                             align: 'center'
                         },
                         {
                             header: '목록번호',
                             name: 'asBbsNo',
+                            sortable: true,
                             width: 70,
                             align: 'center'
                         },
                         {
                             header: '신고자',
                             name: 'mmSgnm',
+                            sortable: true,
                             width: 100,
                             align: 'center'
                         },
                         {
                             header: '담당자',
                             name: 'mmSgtel',
+                            sortable: true,
                             width: 100,
                             align: 'center'
                         },
@@ -172,18 +175,21 @@
                         {
                             header: '접수일자',
                             name: 'asJsdate',
+                            sortable: true,
                             width: 70,
                             align: 'center'
                         },
                         {
                             header: '처리기한',
                             name: 'asLimitDt',
+                            sortable: true,
                             width: 70,
                             align: 'center'
                         },
                         {
                             header: '위반일자',
                             name: 'mmDate',
+                            sortable: true,
                             width: 150,
                             align: 'center'
                         },
@@ -208,18 +214,21 @@
                         {
                             header: '접수번호',
                             name: 'asJsno',
+                            sortable: true,
                             width: 150,
                             align: 'center'
                         },
                         {
                             header: '차량번호',
                             name: 'mmCarno',
+                            sortable: true,
                             width: 150,
                             align: 'center'
                         },
                         {
                             header: 'mmCode',
                             name: 'mmCode',
+                            sortable: true,
                             width: 150,
                             align: 'center',
                             hidden: false
@@ -279,8 +288,8 @@
                     this.instance.on('successResponse', function(ev) {
                         var responseObj = JSON.parse(ev.xhr.response);
                         //$('.totCnt').text(responseObj.data.pagination.totalCount);
-                        $("#currentPage").text(responseObj.data.pagination.page);
-                        $("#totalPages").text(responseObj.data.pagination.totalPages);
+                        // $("#currentPage").text(responseObj.data.pagination.page);
+                        // $("#totalPages").text(responseObj.data.pagination.totalPages);
                     });
 
                     // 행 더블클릭 이벤트 - 게시물 상세 페이지로 이동
@@ -290,9 +299,13 @@
                         var popOption = "width=1400px, height=900px, resizable=yes, scrollbars=yes, location=no, top=100px, left=100px";
 
                         // 팝업 띄우기
-                        const mmCode = this.instance.getValue(ev.rowKey, 'mmCode'); // tuiGrid의 해당 행 컬럼값
+                        let cursor = this.instance.getValue(ev.rowKey, 'mmCode'); // 선택한 mmCode
+                        let mmCodes = this.instance.getData().map(row => row.mmCode); // 리스트업 된 자료 mmCode 리스트
                         const $openPop = window.open(popUrl, popTitle, popOption);
-                        $($openPop).prop('mmCode', mmCode);
+                        $($openPop).prop('cursor', cursor);
+                        $($openPop).prop('mmCodes', mmCodes);
+
+
 
 
                     });

src/main/webapp/WEB-INF/views/biz/totalInfo/totalInfo_popup.jsp

@@ -5,11 +5,11 @@
   Time: 오후 5:34
   To change this template use File | Settings | File Templates.
 --%>
-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%--<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">--%>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+
 
 <div class="main_body">
-    요거슨 개별 총 정보
     <div id="tabs" class="main_body">
         <ul>
             <li><a href="#tabs-a">위반정보</a></li>
@@ -33,10 +33,13 @@
                 <div class="card-toolbar">
                     <%-- 부모창에서 받아오는 리스트 배열 --%>
                     <input type="hidden" id="mmCodes" />
+                    <%-- 부모창에서 받아오는 리스크 커서 --%>
+                    <input type="hidden" id="cursor" />
+
 
                     <div class="page-indicator"><span id="pageNow">2</span> of <span id="pageTotal">4</span></div>
                     <div class="nav-group">
-                        <button type="button" class="nav-btn" data-act="first">◀◀</button>
+                        <button type="button" class="nav-btn" data-act="first" id="first">◀◀</button>
                         <button type="button" class="nav-btn" data-act="prev">◀</button>
                         <button type="button" class="nav-btn" data-act="next">▶</button>
                         <button type="button" class="nav-btn" data-act="last">▶▶</button>
@@ -170,15 +173,7 @@
                     <div class="right">
                         <div class="section-title">사진</div>
                         <div class="thumbs" id="photoThumbs">
-                            <div class="thumb" data-src="${pageContext.request.contextPath}/static/img/sample-1.jpg">
-                                <img src="${pageContext.request.contextPath}/static/img/sample-1.jpg" alt="사진 1">
-                            </div>
-                            <div class="thumb" data-src="${pageContext.request.contextPath}/static/img/sample-2.jpg">
-                                <img src="${pageContext.request.contextPath}/static/img/sample-2.jpg" alt="사진 2">
-                            </div>
-                            <div class="thumb" data-src="${pageContext.request.contextPath}/static/img/sample-map.jpg">
-                                <img src="${pageContext.request.contextPath}/static/img/sample-map.jpg" alt="지도 썸네일">
-                            </div>
+                            <%-- IMG area --%>
                         </div>
 
                         <div class="mapbox">
@@ -192,7 +187,7 @@
                 </div>
 
                 <div class="statusbar">
-                    <div class="status-left">2025-00000037</div>
+                    <div class="status-left" id="mmCode"></div>
                     <div class="status-right">
                         <span><span class="count-dot" id="photoCount">3</span> 사진</span>
                         <label><input type="checkbox" id="hidePhoto"> 사진 안보이기</label>
@@ -230,7 +225,7 @@
         search: () => {
             console.log("search!!!!")
 
-            let mmCode = $("#mmCodes").val();
+            let mmCode = $("#cursor").val();
             console.log('mmcode check', mmCode)
             $.ajax({
                 // PathVariable 형태로 url를 동적으로 쓰는방식이다.
@@ -260,7 +255,26 @@
                     $("#mmSgtel").val(response.data.mmSgtel);
                     $("#mmDate").val(response.data.mmDate);
 
+                    $("#mmCode").text(response.data.mmCode.substring(5).replace(/^(\d{4})(.*)$/, '$1-$2'))
+
+                    // 이미지 태그 동적 추가
+
+                    const mmCode = response.data.mmCode;
+                    const imgPath = "${sessionScope.sessionVO.imgPath}";
+                    console.log(imgPath)
+                    const thumbContainer = $("#photoThumbs");
+
+                    const imgList = ['A','B','C']; // 필요한 개수만큼
+                    thumbContainer.empty(); // 기존 내용 제거
 
+                    imgList.forEach(num => {
+                        const img = `
+                            <div class="thumb">
+                                <img src="/images/\${mmCode}\${num}.jpg" alt="사진 ${num}" onerror="this.style.display='none'">
+                            </div>`
+                        ;
+                        thumbContainer.append(img);
+                    });
                 },
                 error: function(xhr, status, error) {
                     $("#result").text("조회 실패");
@@ -282,13 +296,15 @@
         $("#tabs").tabs();
 
         //mmcode 리스트 가져오기
-        $("#mmCodes").val(window.mmCode);
+        $("#cursor").val(window.cursor);
+        $("#mmCodes").val(window.mmCodes);
         console.log($('#mmCodes').val());
 
         // mmCodes 값이 세팅되면 search() 호출
         const checkMmCode = setInterval(() => {
-            const val = $("#mmCodes").val();
-            if (val) {
+            const cursor = $("#mmCodes").val();
+            const mmCodes = $("#mmCodes").val();
+            if (cursor && mmCodes) {
                 clearInterval(checkMmCode);
                 fnBiz.search(); // 값이 들어온 시점에 호출
             }

src/main/webapp/WEB-INF/views/layouts/popup/default.jsp

@@ -41,6 +41,7 @@
     <link rel="stylesheet" href="<c:url value='/css/bootstrap-datepicker.min.css' />">
     <link rel="stylesheet" href="<c:url value='/css/style_new.css' />">
     <link rel="stylesheet" href="<c:url value='/css/jquery-ui.css' />">
+    <link rel="stylesheet" href="<c:url value='/css/cc.css' />">
 
 
     <%--================== Main Scripts ======================--%>

src/main/webapp/resources/css/cc.css

@@ -0,0 +1,359 @@
+
+/** totalInfo Start */
+/* 팝업 기본 스타일 */
+.popup_wrap {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1000;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding-top: 20px;
+    overflow-y: auto;
+}
+
+.popup_inner {
+    position: relative;
+    width: 97%;
+    max-width: 1200px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    z-index: 1001;
+    margin-bottom: 20px;
+}
+
+/* 팝업 헤더 */
+.popup_tit {
+    display: flex;
+    border-bottom: 1px solid #ddd;
+    background-color: #0d1342;
+    color: rgba(255, 255, 255, .9);
+    font-size: 15px;
+    padding: 15px 20px;
+    line-height: 1em;
+    position: relative;
+    font-weight: 300;
+}
+
+.popup_tit .tit {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 500;
+    color: rgba(255, 255, 255, .9);
+    line-height: 1.4;
+}
+
+/* 팝업 컨텐츠 */
+.popup_con {
+    padding: 15px;
+    font-size: 13px;
+}
+
+/* 팝업 내 테이블 셀 */
+.popup_con td,
+.popup_con th {
+    font-size: 13px;
+}
+
+/* 팝업 내 힌트 메시지 */
+.popup_con .hint-message {
+    font-size: 12px;
+    color: #666;
+    margin-top: 5px;
+}
+
+/* 팝업 푸터 */
+.popup_foot {
+    padding: 12px 15px;
+    text-align: center;
+    border-top: 1px solid #e5e5e5;
+    background: #f9f9f9;
+    border-radius: 0 0 4px 4px;
+}
+
+.popup_foot .newbtn,
+.popup_foot .newbtns {
+    min-width: 80px;
+    margin: 0 4px;
+    font-size: 13px;
+}
+
+/* 팝업 컨테이너 */
+.auth-container {
+    display: flex;
+    gap: 15px;
+    height: calc(100vh - 180px);
+    min-height: 450px;
+    max-height: 600px;
+}
+
+/* 섹션 영역 공통 스타일 */
+.group-selection-area,
+.role-list-area,
+.menu-tree-area {
+    flex: 1;
+    background: #fff;
+    border: 1px solid #e5e5e5;
+    border-radius: 4px;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    height: 100%;
+}
+
+.section-title {
+    padding: 10px 12px;
+    font-size: 13px;
+    font-weight: 500;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+    background: #f9f9f9;
+    border-radius: 4px 4px 0 0;
+    line-height: 1.4;
+}
+
+/* 검색 영역 */
+.search-box {
+    padding: 10px 12px;
+    display: flex;
+    gap: 8px;
+}
+
+.search-box .input {
+    flex: 1;
+    height: 32px;
+    padding: 0 10px;
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    font-size: 13px;
+}
+
+/* 테이블 영역 */
+.table_area {
+    flex: 1;
+    padding: 0 12px 12px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+/* 메뉴 트리 영역 */
+.menu-tree-container {
+    flex: 1;
+    padding: 0 12px 12px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+.menu-tree-wrapper {
+    flex: 1;
+    overflow-y: auto;
+    border: none;
+    border-radius: 0;
+    padding: 0;
+    background: #fff;
+    min-height: 0;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar {
+    width: 5px;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 3px;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar-thumb {
+    background: #ccc;
+    border-radius: 3px;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar-thumb:hover {
+    background: #999;
+}
+
+/* 선택된 항목 스타일 */
+#selectedGroupName,
+#selectedRoleName {
+    color: #327fc8;
+    margin-left: 6px;
+    font-size: 12px;
+}
+
+/* DataTables 커스텀 스타일 */
+.dataTables_wrapper {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+.dataTables_wrapper .dataTables_scroll {
+    flex: 1;
+    overflow: hidden;
+    min-height: 0;
+}
+
+.dataTables_wrapper .dataTables_scrollBody {
+    overflow-y: auto !important;
+}
+
+.dataTables_wrapper table.dataTable {
+    width: 100% !important;
+    margin: 0 !important;
+    font-size: 13px;
+}
+
+.dataTables_wrapper table.dataTable thead th {
+    background: #f9f9f9;
+    padding: 8px 10px;
+    font-weight: 500;
+    border-bottom: 1px solid #e5e5e5;
+    font-size: 13px;
+    line-height: 1.4;
+}
+
+.dataTables_wrapper table.dataTable tbody td {
+    padding: 6px 10px;
+    border-bottom: 1px solid #f0f0f0;
+    line-height: 1.4;
+}
+
+.dataTables_wrapper table.dataTable tbody tr {
+    cursor: pointer;
+}
+
+.dataTables_wrapper table.dataTable tbody tr:hover,
+.dataTables_wrapper table.dataTable tbody tr.selected {
+    background-color: #ddedfd !important;
+}
+
+/* 메시지 스타일 */
+.no-data-message {
+    padding: 15px;
+    text-align: center;
+    color: #666;
+    background: #f9f9f9;
+    border-radius: 3px;
+    margin: 8px 0;
+    font-size: 13px;
+    line-height: 1.4;
+}
+
+
+:root{
+    --green:#8bc34a; --border:#d9d9d9; --muted:#6b7280; --text:#111827;
+    --panel:#f7f7f7; --focus:rgba(37,99,235,.35); --warn:#fff3cd; --ok:#10b981;
+}
+
+/* 카드/헤더 */
+.detail-card{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff;}
+.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:var(--green); color:#fff; padding:10px 12px;}
+.card-header .title{font-weight:700}
+.card-header .actions{display:flex; gap:6px; align-items:center}
+.pill{font-size:12px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px}
+.btn,.nav-btn,.close-btn{border:1px solid rgba(0,0,0,.15); background:#fff; color:#333; padding:3px 8px; border-radius:6px; cursor:pointer; font-size:12px}
+.btn:focus,.nav-btn:focus,.close-btn:focus{outline:none; box-shadow:0 0 0 3px var(--focus)}
+
+/* 본문 레이아웃 */
+.detail-body{display:grid; grid-template-columns: 3fr 1fr; gap:16px; padding:16px; background:var(--panel)}
+.left,.right{background:#fff; border:1px solid var(--border); border-radius:8px; padding:12px}
+.section-title{font-weight:700; margin-bottom:8px}
+.subnote{font-size:12px; color:#888; text-align:right; margin-top:-4px; margin-bottom:8px}
+
+/* 폼 그리드 */
+.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px}
+.lbl{align-self:center; color:#444; font-size:13px}
+.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff}
+.fld input[readonly],.fld textarea[readonly]{background:#fafafa}
+.fld textarea{height:80px; resize:vertical}
+.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px}
+.hl{background:var(--warn)}
+.block{grid-column: 1 / -1}
+.bar{height:1px; background:var(--border); margin:8px 0}
+
+
+/* 하단 상태바 */
+.statusbar{display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-top:1px solid var(--border); background:#fff}
+.status-left{color:#0a7f2e; font-weight:700}
+.status-right{display:flex; gap:14px; align-items:center; color:#333}
+.count-dot{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:var(--ok); color:#fff; font-size:12px}
+
+
+/* 우측 썸네일/지도/미리보기 */
+.right .thumbs {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    max-height: 600px;
+    overflow-y: auto;
+    padding-right: 8px;
+    margin-bottom: 10px;
+}
+
+/* 개별 썸네일 박스 */
+.thumbs .thumb {
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    width: 100%;
+    height: 200px;
+    overflow: hidden;
+    background: #f8f8f8;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+}
+
+/* 이미지 스타일 */
+.thumbs .thumb img {
+    width: 100%;
+    height: 400%;
+    object-fit: cover;      /* 비율 유지하며 꽉 채움 */
+    object-position: center;/* 중앙 기준 크롭 */
+    display: block;
+}
+
+
+.mapbox {
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    overflow: hidden;
+    margin-top: 8px
+}
+
+.mapbox img {
+    display: block;
+    width: 100%;
+    height: auto
+}
+
+.preview {
+    border: 1px dashed var(--border);
+    border-radius: 6px;
+    height: 220px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 10px;
+    background: #fafafa
+}
+
+.preview img {
+    max-width: 100%;
+    max-height: 100%;
+    display: block
+}
+
+
+
+
+/** totalInfo End */

src/main/webapp/resources/xit/xit-popup.css

@@ -1,296 +0,0 @@
-/* 팝업 기본 스타일 */
-.popup_wrap {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1000;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    padding-top: 20px;
-    overflow-y: auto;
-}
-
-.popup_inner {
-    position: relative;
-    width: 97%;
-    max-width: 1200px;
-    background: #fff;
-    border-radius: 4px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-    z-index: 1001;
-    margin-bottom: 20px;
-}
-
-/* 팝업 헤더 */
-.popup_tit {
-    display: flex;
-    border-bottom: 1px solid #ddd;
-    background-color: #0d1342;
-    color: rgba(255, 255, 255, .9);
-    font-size: 15px;
-    padding: 15px 20px;
-    line-height: 1em;
-    position: relative;
-    font-weight: 300;
-}
-
-.popup_tit .tit {
-    margin: 0;
-    font-size: 14px;
-    font-weight: 500;
-    color: rgba(255, 255, 255, .9);
-    line-height: 1.4;
-}
-
-/* 팝업 컨텐츠 */
-.popup_con {
-    padding: 15px;
-    font-size: 13px;
-}
-
-/* 팝업 내 테이블 셀 */
-.popup_con td,
-.popup_con th {
-    font-size: 13px;
-}
-
-/* 팝업 내 힌트 메시지 */
-.popup_con .hint-message {
-    font-size: 12px;
-    color: #666;
-    margin-top: 5px;
-}
-
-/* 팝업 푸터 */
-.popup_foot {
-    padding: 12px 15px;
-    text-align: center;
-    border-top: 1px solid #e5e5e5;
-    background: #f9f9f9;
-    border-radius: 0 0 4px 4px;
-}
-
-.popup_foot .newbtn,
-.popup_foot .newbtns {
-    min-width: 80px;
-    margin: 0 4px;
-    font-size: 13px;
-}
-
-/* 팝업 컨테이너 */
-.auth-container {
-    display: flex;
-    gap: 15px;
-    height: calc(100vh - 180px);
-    min-height: 450px;
-    max-height: 600px;
-}
-
-/* 섹션 영역 공통 스타일 */
-.group-selection-area,
-.role-list-area,
-.menu-tree-area {
-    flex: 1;
-    background: #fff;
-    border: 1px solid #e5e5e5;
-    border-radius: 4px;
-    display: flex;
-    flex-direction: column;
-    min-width: 0;
-    height: 100%;
-}
-
-.section-title {
-    padding: 10px 12px;
-    font-size: 13px;
-    font-weight: 500;
-    color: #333;
-    border-bottom: 1px solid #e5e5e5;
-    background: #f9f9f9;
-    border-radius: 4px 4px 0 0;
-    line-height: 1.4;
-}
-
-/* 검색 영역 */
-.search-box {
-    padding: 10px 12px;
-    display: flex;
-    gap: 8px;
-}
-
-.search-box .input {
-    flex: 1;
-    height: 32px;
-    padding: 0 10px;
-    border: 1px solid #ddd;
-    border-radius: 3px;
-    font-size: 13px;
-}
-
-/* 테이블 영역 */
-.table_area {
-    flex: 1;
-    padding: 0 12px 12px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-}
-
-/* 메뉴 트리 영역 */
-.menu-tree-container {
-    flex: 1;
-    padding: 0 12px 12px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-}
-
-.menu-tree-wrapper {
-    flex: 1;
-    overflow-y: auto;
-    border: none;
-    border-radius: 0;
-    padding: 0;
-    background: #fff;
-    min-height: 0;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar {
-    width: 5px;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar-track {
-    background: #f1f1f1;
-    border-radius: 3px;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar-thumb {
-    background: #ccc;
-    border-radius: 3px;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar-thumb:hover {
-    background: #999;
-}
-
-/* 선택된 항목 스타일 */
-#selectedGroupName,
-#selectedRoleName {
-    color: #327fc8;
-    margin-left: 6px;
-    font-size: 12px;
-}
-
-/* DataTables 커스텀 스타일 */
-.dataTables_wrapper {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-}
-
-.dataTables_wrapper .dataTables_scroll {
-    flex: 1;
-    overflow: hidden;
-    min-height: 0;
-}
-
-.dataTables_wrapper .dataTables_scrollBody {
-    overflow-y: auto !important;
-}
-
-.dataTables_wrapper table.dataTable {
-    width: 100% !important;
-    margin: 0 !important;
-    font-size: 13px;
-}
-
-.dataTables_wrapper table.dataTable thead th {
-    background: #f9f9f9;
-    padding: 8px 10px;
-    font-weight: 500;
-    border-bottom: 1px solid #e5e5e5;
-    font-size: 13px;
-    line-height: 1.4;
-}
-
-.dataTables_wrapper table.dataTable tbody td {
-    padding: 6px 10px;
-    border-bottom: 1px solid #f0f0f0;
-    line-height: 1.4;
-}
-
-.dataTables_wrapper table.dataTable tbody tr {
-    cursor: pointer;
-}
-
-.dataTables_wrapper table.dataTable tbody tr:hover,
-.dataTables_wrapper table.dataTable tbody tr.selected {
-    background-color: #ddedfd !important;
-}
-
-/* 메시지 스타일 */
-.no-data-message {
-    padding: 15px;
-    text-align: center;
-    color: #666;
-    background: #f9f9f9;
-    border-radius: 3px;
-    margin: 8px 0;
-    font-size: 13px;
-    line-height: 1.4;
-}
-
-
-:root{
-    --green:#8bc34a; --border:#d9d9d9; --muted:#6b7280; --text:#111827;
-    --panel:#f7f7f7; --focus:rgba(37,99,235,.35); --warn:#fff3cd; --ok:#10b981;
-}
-
-/* 카드/헤더 */
-.detail-card{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff;}
-.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:var(--green); color:#fff; padding:10px 12px;}
-.card-header .title{font-weight:700}
-.card-header .actions{display:flex; gap:6px; align-items:center}
-.pill{font-size:12px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px}
-.btn,.nav-btn,.close-btn{border:1px solid rgba(0,0,0,.15); background:#fff; color:#333; padding:3px 8px; border-radius:6px; cursor:pointer; font-size:12px}
-.btn:focus,.nav-btn:focus,.close-btn:focus{outline:none; box-shadow:0 0 0 3px var(--focus)}
-
-/* 본문 레이아웃 */
-.detail-body{display:grid; grid-template-columns: 3fr 1fr; gap:16px; padding:16px; background:var(--panel)}
-.left,.right{background:#fff; border:1px solid var(--border); border-radius:8px; padding:12px}
-.section-title{font-weight:700; margin-bottom:8px}
-.subnote{font-size:12px; color:#888; text-align:right; margin-top:-4px; margin-bottom:8px}
-
-/* 폼 그리드 */
-.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px}
-.lbl{align-self:center; color:#444; font-size:13px}
-.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff}
-.fld input[readonly],.fld textarea[readonly]{background:#fafafa}
-.fld textarea{height:80px; resize:vertical}
-.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px}
-.hl{background:var(--warn)}
-.block{grid-column: 1 / -1}
-.bar{height:1px; background:var(--border); margin:8px 0}
-
-/* 우측 썸네일/지도/미리보기 */
-.right .thumbs{display:flex; flex-direction:column; gap:8px; max-height:260px; overflow:auto; margin-bottom:10px}
-.thumb{border:1px solid var(--border); border-radius:6px; overflow:hidden; cursor:pointer}
-.thumb img{display:block; width:100%; height:auto}
-.mapbox{border:1px solid var(--border); border-radius:6px; overflow:hidden; margin-top:8px}
-.mapbox img{display:block; width:100%; height:auto}
-.preview{border:1px dashed var(--border); border-radius:6px; height:220px; display:flex; align-items:center; justify-content:center; margin-top:10px; background:#fafafa}
-.preview img{max-width:100%; max-height:100%; display:block}
-
-/* 하단 상태바 */
-.statusbar{display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-top:1px solid var(--border); background:#fff}
-.status-left{color:#0a7f2e; font-weight:700}
-.status-right{display:flex; gap:14px; align-items:center; color:#333}
-.count-dot{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:var(--ok); color:#fff; font-size:12px}
-
-