From 674b6464e56278fccee6a9a4b44caba1600c6281 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=84=B1=EC=98=81?= <xitpsy@xit.co.kr>
Date: Thu, 25 Sep 2025 18:13:30 +0900
Subject: [PATCH 1/7] =?UTF-8?q?=EB=B6=88=EB=B2=95=ED=96=89=EC=9C=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20-=20=EC=A1=B0=EC=B9=98=EC=97=90=20?=
 =?UTF-8?q?=EB=8C=80=ED=95=9C=20=EB=A1=9C=EC=A7=81=20=EC=9E=AC=EA=B5=AC?=
 =?UTF-8?q?=EC=84=B1=20=EC=A7=84=ED=96=89=20=EC=A4=91...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 DB-DDL/maria/ddl/ibmsdb/tb_actn_info.sql      |   1 +
 DB-DDL/maria/ddl/ibmsdb/tb_crdn_photo.sql     |   2 +-
 .../controller/CrdnActInfoController.java     | 297 +++++++
 .../crdnActInfo/mapper/CrdnActInfoMapper.java |  44 +
 .../crdnActInfo/mapper/CrdnPhotoMapper.java   |  10 +
 .../crdnActInfo/model/CrdnActnInfoVO.java     |  56 ++
 .../crdnActInfo/model/CrdnPhotoVO.java        |   1 +
 .../service/CrdnActInfoService.java           |  57 ++
 .../crdnActInfo/service/CrdnPhotoService.java |  28 +
 .../service/impl/CrdnActInfoServiceImpl.java  | 188 ++++
 .../service/impl/CrdnPhotoServiceImpl.java    | 140 ++-
 .../crdnActInfo/CrdnActInfoMapper_maria.xml   | 151 ++++
 .../crdnActInfo/CrdnPhotoMapper_maria.xml     |  42 +
 .../crdnActInfo/crdnActInfoRegistPopup.jsp    | 618 +++++++++++--
 .../crdnActInfo/crdnActnInfoManage.jsp        | 811 ++++++++++++++++++
 15 files changed, 2376 insertions(+), 70 deletions(-)
 create mode 100644 src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnActnInfoVO.java
 create mode 100644 src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp

diff --git a/DB-DDL/maria/ddl/ibmsdb/tb_actn_info.sql b/DB-DDL/maria/ddl/ibmsdb/tb_actn_info.sql
index 7ea974b..e60faed 100644
--- a/DB-DDL/maria/ddl/ibmsdb/tb_actn_info.sql
+++ b/DB-DDL/maria/ddl/ibmsdb/tb_actn_info.sql
@@ -18,3 +18,4 @@ create table tb_actn_info
     DLTR         varchar(11)    null comment '삭제자'
 )
     comment '조치 정보';
+
diff --git a/DB-DDL/maria/ddl/ibmsdb/tb_crdn_photo.sql b/DB-DDL/maria/ddl/ibmsdb/tb_crdn_photo.sql
index 0f7ecea..ab3ba41 100644
--- a/DB-DDL/maria/ddl/ibmsdb/tb_crdn_photo.sql
+++ b/DB-DDL/maria/ddl/ibmsdb/tb_crdn_photo.sql
@@ -8,13 +8,13 @@ create table tb_crdn_photo
     CRDN_PHOTO_PATH  varchar(100) null comment '단속 사진 경로',
     CRDN_PHOTO_NM    varchar(500) null comment '단속 사진 명',
     CRDN_PHOTO_SE_CD char         not null comment '단속 사진 구분 코드',
-    AACTN_INFO_ID    varchar(10)  null comment '조치 정보 ID';
     ORGNL_PHOTO_NM   varchar(500) null comment '원본 사진 명',
     REG_DT           datetime     null comment '등록 일시',
     RGTR             varchar(11)  null comment '등록자',
     DEL_YN           char         not null comment '삭제 여부',
     DEL_DT           datetime     null comment '삭제 일시',
     DLTR             varchar(11)  null comment '삭제자',
+    ACTN_INFO_ID     varchar(10)  null comment '조치 정보 ID',
     primary key (ACT_INFO_ID, CRDN_PHOTO_SN)
 )
     comment '단속 사진';
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
index 6029d06..a3da42d 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
@@ -29,7 +29,9 @@ import org.springframework.web.servlet.ModelAndView;
 
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
+import java.util.HashMap;
 import java.util.List;
+import java.util.Map;
 
 /**
  * 불법위반행위정보 컨트롤러
@@ -131,6 +133,36 @@ public class CrdnActInfoController {
         return mav;
     }
 
+    /**
+     * 조치정보 관리 팝업 (View)
+     * 중요한 로직 주석: 조치정보를 관리하는 별도 팝업 페이지를 반환한다.
+     * @param actInfoId 행위정보 ID
+     * @param crdnYr 단속연도
+     * @param crdnNo 단속번호
+     * @param mode 화면모드
+     * @param model 뷰에 전달할 데이터 모델
+     * @return 조치정보 관리 JSP 페이지
+     */
+    @Operation(summary = "조치정보 관리 팝업", description = "조치정보 관리 팝업을 반환합니다.")
+    @GetMapping("/crdnActnInfoManage.do")
+    public ModelAndView actnInfoManage(
+            @Parameter(description = "행위정보ID") @RequestParam String actInfoId,
+            @Parameter(description = "단속연도") @RequestParam String crdnYr,
+            @Parameter(description = "단속번호") @RequestParam String crdnNo,
+            @Parameter(description = "화면모드") @RequestParam(required = false, defaultValue = "V") String mode,
+            Model model) {
+
+        log.debug("조치정보 관리 팝업 요청 - actInfoId: {}, crdnYr: {}, crdnNo: {}, mode: {}", actInfoId, crdnYr, crdnNo, mode);
+
+        ModelAndView mav = new ModelAndView("crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage" + TilesConstants.POPUP);
+        mav.addObject("mode", mode);
+        mav.addObject("actInfoId", actInfoId);
+        mav.addObject("crdnYr", crdnYr);
+        mav.addObject("crdnNo", crdnNo);
+
+        return mav;
+    }
+
     /**
      * 전체 위반행위코드 목록 조회 (AJAX)
      * @return 전체 위반행위코드 목록
@@ -433,4 +465,269 @@ public class CrdnActInfoController {
             return ApiResponseUtil.error("사진 삭제에 실패했습니다.");
         }
     }
+
+    /**
+     * 조치정보 목록 조회 (AJAX)
+     * 중요한 로직 주석: 특정 행위정보에 속한 조치정보 목록을 페이징 처리하여 조회한다.
+     * @param vo 조회 조건 (actInfoId 포함)
+     * @return 조치정보 목록과 페이징 정보
+     */
+    @Operation(summary = "조치정보 목록 조회", description = "특정 행위정보에 속한 조치정보 목록을 조회합니다.")
+    @ApiResponses(value = {
+            @ApiResponse(responseCode = "200", description = "조회 성공"),
+            @ApiResponse(responseCode = "500", description = "서버 오류")
+    })
+    @PostMapping("/actnInfoList.ajax")
+    public ResponseEntity<?> actnInfoListAjax(@ModelAttribute CrdnActnInfoVO vo) {
+        log.debug("조치정보 목록 조회 요청: {}", vo);
+
+        // 1. 총 개수 조회
+        int totalCount = service.selectActnInfoListTotalCount(vo);
+        // 2. 응답 데이터 구성
+        vo.setTotalCount(totalCount);
+
+        List<CrdnActnInfoVO> list = service.selectActnInfoList(vo);
+        return ApiResponseUtil.successWithGrid(list, vo);
+    }
+
+    /**
+     * 조치정보 상세 조회 (AJAX)
+     * 중요한 로직 주석: 조치정보 ID로 단건 조회한다.
+     * @param actnInfoId 조치정보 ID
+     * @return 조치정보 상세 데이터
+     */
+    @Operation(summary = "조치정보 상세 조회", description = "조치정보 ID로 상세 정보를 조회합니다.")
+    @ApiResponses(value = {
+            @ApiResponse(responseCode = "200", description = "조회 성공"),
+            @ApiResponse(responseCode = "500", description = "서버 오류")
+    })
+    @PostMapping("/actnInfoDetail.ajax")
+    public ResponseEntity<?> actnInfoDetailAjax(@RequestParam String actnInfoId) {
+        log.debug("조치정보 상세 조회 요청: {}", actnInfoId);
+
+        CrdnActnInfoVO result = service.selectActnInfoByPk(actnInfoId);
+        if (result != null) {
+            return ApiResponseUtil.success(result);
+        } else {
+            return ApiResponseUtil.error("조치정보를 찾을 수 없습니다.");
+        }
+    }
+
+    /**
+     * 조치정보 등록 (AJAX)
+     * 중요한 로직 주석: 조치정보와 조치사진을 함께 등록한다.
+     * @param vo 조치정보 데이터
+     * @param actnPhotoFiles 조치사진 파일 목록 (선택사항)
+     * @return 등록 결과
+     */
+    @Operation(summary = "조치정보 등록", description = "조치정보를 등록합니다. 조치사진도 함께 처리 가능합니다.")
+    @ApiResponses(value = {
+            @ApiResponse(responseCode = "200", description = "등록 성공"),
+            @ApiResponse(responseCode = "500", description = "서버 오류")
+    })
+    @PostMapping("/actnInfoInsert.ajax")
+    public ResponseEntity<?> actnInfoInsertAjax(
+            @ModelAttribute CrdnActnInfoVO vo,
+            @RequestParam(value = "actnPhotoFiles", required = false) List<MultipartFile> actnPhotoFiles) {
+
+        log.debug("조치정보 등록 요청: {}, 조치사진 개수: {}",
+                vo, actnPhotoFiles != null ? actnPhotoFiles.size() : 0);
+
+        // 중요한 로직 주석: 세션에서 사용자 정보 설정
+        String userId = SessionUtil.getUserId();
+        vo.setRgtr(userId);
+        vo.setMdfr(userId);
+
+        int result = service.insertActnInfoWithFiles(vo, actnPhotoFiles);
+
+        if (result > 0) {
+            return ApiResponseUtil.success("조치정보가 성공적으로 등록되었습니다.");
+        } else {
+            return ApiResponseUtil.error("조치정보 등록에 실패했습니다.");
+        }
+    }
+
+    /**
+     * 조치정보 수정 (AJAX)
+     * 중요한 로직 주석: 조치정보와 조치사진을 함께 수정한다.
+     * @param vo 조치정보 데이터
+     * @param actnPhotoFiles 조치사진 파일 목록 (선택사항)
+     * @return 수정 결과
+     */
+    @Operation(summary = "조치정보 수정", description = "조치정보를 수정합니다. 조치사진도 함께 처리 가능합니다.")
+    @ApiResponses(value = {
+            @ApiResponse(responseCode = "200", description = "수정 성공"),
+            @ApiResponse(responseCode = "500", description = "서버 오류")
+    })
+    @PostMapping("/actnInfoUpdate.ajax")
+    public ResponseEntity<?> actnInfoUpdateAjax(
+            @ModelAttribute CrdnActnInfoVO vo,
+            @RequestParam(value = "actnPhotoFiles", required = false) List<MultipartFile> actnPhotoFiles) {
+
+        log.debug("조치정보 수정 요청: {}, 조치사진 개수: {}",
+                vo, actnPhotoFiles != null ? actnPhotoFiles.size() : 0);
+
+        // 중요한 로직 주석: 세션에서 사용자 정보 설정
+        String userId = SessionUtil.getUserId();
+        vo.setMdfr(userId);
+
+        int result = service.updateActnInfoWithFiles(vo, actnPhotoFiles);
+
+        if (result > 0) {
+            return ApiResponseUtil.success("조치정보가 성공적으로 수정되었습니다.");
+        } else {
+            return ApiResponseUtil.error("조치정보 수정에 실패했습니다.");
+        }
+    }
+
+    /**
+     * 조치정보 삭제 (AJAX)
+     * 중요한 로직 주석: 조치정보와 관련 조치사진을 논리삭제한다.
+     * @param actnInfoIds 삭제할 조치정보 ID 목록
+     * @return 삭제 결과
+     */
+    @Operation(summary = "조치정보 삭제", description = "조치정보를 삭제합니다. 관련된 조치사진도 함께 삭제됩니다.")
+    @ApiResponses(value = {
+            @ApiResponse(responseCode = "200", description = "삭제 성공"),
+            @ApiResponse(responseCode = "500", description = "서버 오류")
+    })
+    @PostMapping("/actnInfoDelete.ajax")
+    public ResponseEntity<?> actnInfoDeleteAjax(@RequestParam List<String> actnInfoIds) {
+        log.debug("조치정보 삭제 요청: {}", actnInfoIds);
+
+        int result = service.deleteActnInfos(actnInfoIds);
+
+        if (result > 0) {
+            return ApiResponseUtil.success("조치정보 " + result + "건이 성공적으로 삭제되었습니다.");
+        } else {
+            return ApiResponseUtil.error("조치정보 삭제에 실패했습니다.");
+        }
+    }
+
+    /**
+     * 조치사진 목록 조회 (AJAX)
+     * 중요한 로직 주석: 특정 조치정보에 속한 조치사진 목록을 조회한다.
+     * @param actnInfoId 조치정보 ID
+     * @return 조치사진 목록
+     */
+    @Operation(summary = "조치사진 목록 조회", description = "특정 조치정보에 속한 조치사진 목록을 조회합니다.")
+    @ApiResponses(value = {
+            @ApiResponse(responseCode = "200", description = "조회 성공"),
+            @ApiResponse(responseCode = "500", description = "서버 오류")
+    })
+    @GetMapping("/selectActnPhotos.ajax")
+    public ResponseEntity<?> selectActnPhotosAjax(@RequestParam String actnInfoId) {
+        log.debug("조치사진 목록 조회 요청: {}", actnInfoId);
+
+        try {
+            // 중요한 로직 주석: 조치사진 조회 조건 생성 (CRDN_PHOTO_SE_CD = '2': 조치사진)
+            CrdnPhotoVO photoVO = CrdnPhotoVO.builder()
+                    .actnInfoId(actnInfoId) // 조치정보 ID
+                    .crdnPhotoSeCd("2")     // 조치사진 구분코드
+                    .build();
+
+            List<CrdnPhotoVO> photoList = photoService.selectPhotoList(photoVO);
+
+            return ApiResponseUtil.success(
+                    new HashMap<String, Object>() {{ put("photoList", photoList); }}
+            );
+
+        } catch (Exception e) {
+            log.error("조치사진 목록 조회 중 오류 발생: {}", actnInfoId, e);
+            return ApiResponseUtil.error("조치사진 목록 조회에 실패했습니다: " + e.getMessage());
+        }
+    }
+
+    /**
+     * 조치사진 개별 삭제 (AJAX)
+     * 중요한 로직 주석: 조치사진을 개별적으로 삭제하는 Ajax 엔드포인트로, DB 논리삭제 후 실제 파일도 삭제한다.
+     * @param actnInfoId 조치정보 ID
+     * @param crdnPhotoSn 사진순번
+     * @return 삭제 결과
+     */
+    @Operation(summary = "조치사진 개별 삭제", description = "조치사진을 개별적으로 삭제합니다.")
+    @ApiResponses(value = {
+            @ApiResponse(responseCode = "200", description = "삭제 성공"),
+            @ApiResponse(responseCode = "500", description = "서버 오류")
+    })
+    @PostMapping("/deleteActnPhoto.ajax")
+    public ResponseEntity<?> deleteActnPhotoAjax(
+            @Parameter(description = "조치정보ID") @RequestParam String actnInfoId,
+            @Parameter(description = "사진순번") @RequestParam String crdnPhotoSn) {
+
+        log.debug("조치사진 개별 삭제 요청 - actnInfoId: {}, crdnPhotoSn: {}", actnInfoId, crdnPhotoSn);
+
+        try {
+            // 중요한 로직 주석: 삭제할 조치사진 정보 생성
+            CrdnPhotoVO photoVO = CrdnPhotoVO.builder()
+                    .actnInfoId(actnInfoId) // 조치정보 ID
+                    .crdnPhotoSn(crdnPhotoSn)
+                    .dltr(SessionUtil.getUserId())
+                    .build();
+
+            // 중요한 로직 주석: 조치사진 삭제 (논리삭제 + 파일삭제)
+            int result = photoService.deletePhotoWithFile(photoVO);
+
+            if (result > 0) {
+                return ApiResponseUtil.success("조치사진이 성공적으로 삭제되었습니다.");
+            } else {
+                return ApiResponseUtil.error("조치사진 삭제에 실패했습니다.");
+            }
+
+        } catch (Exception e) {
+            log.error("조치사진 삭제 중 오류 발생: actnInfoId={}, crdnPhotoSn={}", actnInfoId, crdnPhotoSn, e);
+            return ApiResponseUtil.error("조치사진 삭제 중 오류가 발생했습니다: " + e.getMessage());
+        }
+    }
+
+    /**
+     * 조치사진 원본 보기 페이지 (View)
+     * 중요한 로직 주석: 조치사진을 원본 크기로 보여주는 팝업 페이지를 반환한다.
+     * @param actnInfoId 조치정보 ID
+     * @param crdnPhotoSn 사진순번
+     * @param model 뷰에 전달할 데이터 모델
+     * @return 조치사진 보기 JSP 페이지 경로
+     */
+    @Operation(summary = "조치사진 원본 보기", description = "조치사진을 원본 크기로 보여주는 페이지를 반환합니다.")
+    @GetMapping("/actnPhotoView.do")
+    public String actnPhotoView(
+            @Parameter(description = "조치정보ID") @RequestParam String actnInfoId,
+            @Parameter(description = "사진순번") @RequestParam String crdnPhotoSn,
+            Model model) {
+
+        log.debug("조치사진 원본 보기 요청 - actnInfoId: {}, crdnPhotoSn: {}", actnInfoId, crdnPhotoSn);
+
+        try {
+            // 중요한 로직 주석: 조치사진 목록 조회 (같은 조치정보의 다른 사진들도 함께)
+            CrdnPhotoVO searchVO = CrdnPhotoVO.builder()
+                    .actnInfoId(actnInfoId)
+                    .crdnPhotoSeCd("2") // 조치사진
+                    .build();
+
+            List<CrdnPhotoVO> photoList = photoService.selectPhotoList(searchVO);
+
+            // 중요한 로직 주석: 현재 보고 있는 사진의 인덱스 찾기
+            int currentIndex = 0;
+            for (int i = 0; i < photoList.size(); i++) {
+                if (photoList.get(i).getCrdnPhotoSn().equals(crdnPhotoSn)) {
+                    currentIndex = i;
+                    break;
+                }
+            }
+
+            // 중요한 로직 주석: JSP에서 사용할 데이터 전달
+            model.addAttribute("actnInfoId", actnInfoId);
+            model.addAttribute("crdnPhotoSn", crdnPhotoSn);
+            model.addAttribute("photoList", photoList);
+            model.addAttribute("currentIndex", currentIndex);
+            model.addAttribute("totalCount", photoList.size());
+
+            return "crdn/crndRegistAndView/crdnActInfo/actnPhotoView";
+
+        } catch (Exception e) {
+            log.error("조치사진 원본 보기 중 오류 발생: actnInfoId={}, crdnPhotoSn={}", actnInfoId, crdnPhotoSn, e);
+            model.addAttribute("errorMessage", "조치사진을 불러올 수 없습니다.");
+            return "error/500";
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnActInfoMapper.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnActInfoMapper.java
index 05368b9..78b3217 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnActInfoMapper.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnActInfoMapper.java
@@ -90,4 +90,48 @@ public interface CrdnActInfoMapper {
 
     int existsLevyInfoList(List<String> pstnInfoIds);
 
+    // ================================ 조치정보 관련 메서드 ================================
+
+    /**
+     * 조치정보 목록 조회
+     * @param vo 검색조건 (actInfoId 포함)
+     * @return 조치정보 목록
+     */
+    List<CrdnActnInfoVO> selectActnInfoList(CrdnActnInfoVO vo);
+
+    /**
+     * 조치정보 목록 총 개수 조회
+     * @param vo 검색조건 (actInfoId 포함)
+     * @return 총 개수
+     */
+    int selectActnInfoListTotalCount(CrdnActnInfoVO vo);
+
+    /**
+     * 조치정보 상세 조회 (PK 기준)
+     * @param actnInfoId 조치정보 ID
+     * @return 조치정보 상세
+     */
+    CrdnActnInfoVO selectActnInfoByPk(String actnInfoId);
+
+    /**
+     * 조치정보 등록
+     * @param vo 등록할 조치정보
+     * @return 등록 결과
+     */
+    int insertActnInfo(CrdnActnInfoVO vo);
+
+    /**
+     * 조치정보 수정
+     * @param vo 수정할 조치정보
+     * @return 수정 결과
+     */
+    int updateActnInfo(CrdnActnInfoVO vo);
+
+    /**
+     * 조치정보 삭제 (논리삭제)
+     * @param vo 삭제할 조치정보 (actnInfoId, dltr 포함)
+     * @return 삭제 결과
+     */
+    int deleteActnInfo(CrdnActnInfoVO vo);
+
 }
\ No newline at end of file
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnPhotoMapper.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnPhotoMapper.java
index 3b112c5..dc35602 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnPhotoMapper.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/mapper/CrdnPhotoMapper.java
@@ -77,4 +77,14 @@ public interface CrdnPhotoMapper {
      * @return 존재 여부 (1: 존재, 0: 없음)
      */
     int existsPhoto(CrdnPhotoVO photoVO);
+
+    // ================================ 조치사진 관련 메서드 ================================
+
+    /**
+     * 조치정보별 조치사진 목록 조회
+     * 중요한 로직 주석: AACTN_INFO_ID를 기준으로 조치사진을 조회한다.
+     * @param photoVO 조치정보 ID 포함 (actnInfoId)
+     * @return 조치사진 목록
+     */
+    List<CrdnPhotoVO> selectPhotoListByActnInfoId(CrdnPhotoVO photoVO);
 }
\ No newline at end of file
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnActnInfoVO.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnActnInfoVO.java
new file mode 100644
index 0000000..657f8c7
--- /dev/null
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnActnInfoVO.java
@@ -0,0 +1,56 @@
+package go.kr.project.crdn.crndRegistAndView.crdnActInfo.model;
+
+import com.fasterxml.jackson.annotation.JsonFormat;
+import go.kr.project.common.model.PagingVO;
+import lombok.*;
+import org.springframework.format.annotation.DateTimeFormat;
+
+import java.math.BigDecimal;
+import java.time.LocalDateTime;
+
+/**
+ * 조치정보 VO
+ * 중요한 로직 주석: tb_actn_info 테이블과 매핑되며, 불법행위정보에 대한 조치 내역을 관리한다.
+ */
+@EqualsAndHashCode(callSuper = true)
+@Data
+@Builder
+@AllArgsConstructor
+@NoArgsConstructor
+public class CrdnActnInfoVO extends PagingVO {
+
+    // ============ 테이블 컬럼 ============
+    private String actnInfoId;          // 조치 정보 ID (PK)
+    private String sggCd;               // 시군구 코드
+    private String crdnYr;              // 단속 연도
+    private String crdnNo;              // 단속 번호
+    private String actInfoId;           // 행위 정보 ID (FK - tb_act_info)
+    private String actnYmd;             // 조치 일자 (YYYYMMDD)
+    private BigDecimal actnArea;        // 조치 면적
+    private String actnRmrk;            // 조치 비고
+
+    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
+    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "Asia/Seoul")
+    private LocalDateTime regDt;        // 등록 일시
+    private String rgtr;                // 등록자
+
+    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
+    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "Asia/Seoul")
+    private LocalDateTime mdfcnDt;      // 수정 일시
+    private String mdfr;                // 수정자
+
+    private String delYn;               // 삭제 여부
+
+    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
+    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "Asia/Seoul")
+    private LocalDateTime delDt;        // 삭제 일시
+    private String dltr;                // 삭제자
+
+    // ============ 조회용 추가 필드 ============
+    private int rownum;                 // 행 번호 (목록 조회용)
+
+    // ============ 검색 조건 필드 ============
+    private String searchActInfoId;     // 검색용 행위정보 ID
+    private String searchStartYmd;      // 검색 시작일자
+    private String searchEndYmd;        // 검색 종료일자
+}
\ No newline at end of file
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnPhotoVO.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnPhotoVO.java
index 010a50b..6035889 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnPhotoVO.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/model/CrdnPhotoVO.java
@@ -30,6 +30,7 @@ public class CrdnPhotoVO {
     private String crdnPhotoNm;        // 단속 사진 명
     private String crdnPhotoSeCd;      // 단속 사진 구분 코드 (01:단속, 02:조치)
     private String orgnlPhotoNm;       // 원본 사진 명
+    private String actnInfoId;       // 조치정보ID
 
     @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
     @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "Asia/Seoul")
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnActInfoService.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnActInfoService.java
index 93437ed..ee04359 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnActInfoService.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnActInfoService.java
@@ -96,4 +96,61 @@ public interface CrdnActInfoService {
      */
     List<CrdnPstnIdxVO> getAllPstnIdx();
 
+    // ================================ 조치정보 관련 메서드 ================================
+
+    /**
+     * 조치정보 목록 조회
+     * 중요한 로직 주석: 특정 행위정보에 속한 조치정보 목록을 조회한다.
+     * @param vo 검색조건 (actInfoId 포함)
+     * @return 조치정보 목록
+     */
+    List<CrdnActnInfoVO> selectActnInfoList(CrdnActnInfoVO vo);
+
+    /**
+     * 조치정보 목록 총 개수 조회
+     * @param vo 검색조건 (actInfoId 포함)
+     * @return 총 개수
+     */
+    int selectActnInfoListTotalCount(CrdnActnInfoVO vo);
+
+    /**
+     * 조치정보 상세 조회 (PK 기준)
+     * @param actnInfoId 조치정보 ID
+     * @return 조치정보 상세
+     */
+    CrdnActnInfoVO selectActnInfoByPk(String actnInfoId);
+
+    /**
+     * 조치정보 등록 (파일 포함)
+     * 중요한 로직 주석: 조치정보 등록과 함께 조치사진 파일도 처리한다. 모든 로직은 한 트랜잭션으로 처리된다.
+     * @param vo 등록할 조치정보
+     * @param actnPhotoFiles 업로드할 조치사진 파일 목록 (선택사항)
+     * @return 등록 결과
+     */
+    int insertActnInfoWithFiles(CrdnActnInfoVO vo, List<MultipartFile> actnPhotoFiles);
+
+    /**
+     * 조치정보 수정 (파일 포함)
+     * 중요한 로직 주석: 조치정보 수정과 함께 조치사진 파일도 처리한다. 모든 로직은 한 트랜잭션으로 처리된다.
+     * @param vo 수정할 조치정보
+     * @param actnPhotoFiles 업로드할 조치사진 파일 목록 (선택사항)
+     * @return 수정 결과
+     */
+    int updateActnInfoWithFiles(CrdnActnInfoVO vo, List<MultipartFile> actnPhotoFiles);
+
+    /**
+     * 조치정보 삭제 (논리삭제)
+     * 중요한 로직 주석: 조치정보와 관련 조치사진을 논리삭제한다.
+     * @param vo 삭제할 조치정보 (actnInfoId, dltr 포함)
+     * @return 삭제 결과
+     */
+    int deleteActnInfo(CrdnActnInfoVO vo);
+
+    /**
+     * 조치정보 일괄 삭제 (논리삭제)
+     * @param actnInfoIds 삭제할 조치정보ID 목록
+     * @return 삭제된 건수
+     */
+    int deleteActnInfos(List<String> actnInfoIds);
+
 }
\ No newline at end of file
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java
index bee6814..93e83b6 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java
@@ -93,4 +93,32 @@ public interface CrdnPhotoService {
      * @return 다음 사진 순번 (01, 02, 03 형태)
      */
     String getNextPhotoSn(String actInfoId);
+
+    // ================================ 조치사진 관련 메서드 ================================
+
+    /**
+     * 조치사진 파일 업로드 및 등록
+     * 중요한 로직 주석: 조치사진 전용 업로드 메서드로 AACTN_INFO_ID에 조치정보 ID를 저장한다.
+     * @param files 업로드할 조치사진 파일 목록
+     * @param actnInfoId 조치정보 ID
+     * @param actInfoVO 부모 행위정보 (시군구코드, 단속연도, 단속번호 포함)
+     * @return 등록된 조치사진 개수
+     */
+    int insertActnPhotosWithFiles(List<MultipartFile> files, String actnInfoId, Object actInfoVO);
+
+    /**
+     * 특정 조치정보의 조치사진 목록 조회
+     * @param photoVO 조치정보 ID 포함
+     * @return 조치사진 목록
+     */
+    List<CrdnPhotoVO> selectPhotoList(CrdnPhotoVO photoVO);
+
+    /**
+     * 특정 조치정보의 모든 조치사진 삭제
+     * 중요한 로직 주석: 조치정보 삭제 시 관련된 모든 조치사진을 함께 삭제한다.
+     * @param actnInfoId 조치정보 ID
+     * @param dltr 삭제자 ID
+     * @return 삭제된 조치사진 개수
+     */
+    int deleteActnPhotosByActnInfoId(String actnInfoId, String dltr);
 }
\ No newline at end of file
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java
index f6ccb9b..b012192 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java
@@ -263,4 +263,192 @@ public class CrdnActInfoServiceImpl extends EgovAbstractServiceImpl implements C
         log.info("불법위반행위정보 일괄 삭제 완료. 요청: {}건, 삭제: {}건", actInfoIds.size(), deletedCount);
         return deletedCount;
     }
+
+    // ================================ 조치정보 관련 메서드 구현 ================================
+
+    @Override
+    public List<CrdnActnInfoVO> selectActnInfoList(CrdnActnInfoVO vo) {
+        log.debug("조치정보 목록 조회: {}", vo);
+        return mapper.selectActnInfoList(vo);
+    }
+
+    @Override
+    public int selectActnInfoListTotalCount(CrdnActnInfoVO vo) {
+        log.debug("조치정보 총 개수 조회: {}", vo);
+        return mapper.selectActnInfoListTotalCount(vo);
+    }
+
+    @Override
+    public CrdnActnInfoVO selectActnInfoByPk(String actnInfoId) {
+        log.debug("조치정보 상세 조회: {}", actnInfoId);
+        return mapper.selectActnInfoByPk(actnInfoId);
+    }
+
+    @Override
+    @Transactional
+    public int insertActnInfoWithFiles(CrdnActnInfoVO vo, List<MultipartFile> actnPhotoFiles) {
+        log.debug("조치정보 등록 (파일 포함): {}, 조치사진 개수: {}",
+                vo, actnPhotoFiles != null ? actnPhotoFiles.size() : 0);
+
+        try {
+            // 중요한 로직 주석: 먼저 조치정보를 등록한다 (insertActnInfo 메서드에서 actnInfoId가 자동 설정됨)
+            int result = mapper.insertActnInfo(vo);
+
+            if (result > 0) {
+                log.debug("조치정보 등록 완료: actnInfoId={}", vo.getActnInfoId());
+
+                // 중요한 로직 주석: 조치사진이 있는 경우 처리 (CRDN_PHOTO_SE_CD = '2')
+                // 조치사진은 AACTN_INFO_ID 컬럼에 조치정보 ID를 저장한다
+                if (actnPhotoFiles != null && !actnPhotoFiles.isEmpty()) {
+                    // 중요한 로직 주석: 조치사진 저장을 위해 임시 VO 생성
+                    CrdnActInfoVO tempVO = CrdnActInfoVO.builder()
+                            .actInfoId(vo.getActInfoId()) // 부모 행위정보 ID 설정
+                            .sggCd(vo.getSggCd())
+                            .crdnYr(vo.getCrdnYr())
+                            .crdnNo(vo.getCrdnNo())
+                            .rgtr(vo.getRgtr())
+                            .build();
+
+                    // 중요한 로직 주석: 조치사진을 행위정보에 연결하되, AACTN_INFO_ID에는 조치정보 ID를 저장
+                    int actnPhotoResult = photoService.insertActnPhotosWithFiles(actnPhotoFiles, vo.getActInfoId(), tempVO);
+                    log.debug("조치사진 파일 처리 완료: actnInfoId={}, 등록된 조치사진 수={}", vo.getActnInfoId(), actnPhotoResult);
+                }
+            } else {
+                log.error("조치정보 등록 실패: {}", vo);
+                throw new MessageException("조치정보 등록에 실패했습니다.");
+            }
+
+            return result;
+
+        } catch (Exception e) {
+            log.error("조치정보 등록 (파일 포함) 중 오류 발생: {}", vo, e);
+            throw new MessageException("조치정보 등록 중 오류가 발생했습니다: " + e.getMessage());
+        }
+    }
+
+    @Override
+    @Transactional
+    public int updateActnInfoWithFiles(CrdnActnInfoVO vo, List<MultipartFile> actnPhotoFiles) {
+        log.debug("조치정보 수정 (파일 포함): {}, 조치사진 개수: {}",
+                vo, actnPhotoFiles != null ? actnPhotoFiles.size() : 0);
+
+        try {
+            // 중요한 로직 주석: 먼저 조치정보를 수정한다
+            int result = mapper.updateActnInfo(vo);
+
+            if (result > 0) {
+                log.debug("조치정보 수정 완료: actnInfoId={}", vo.getActnInfoId());
+
+                // 중요한 로직 주석: 새로운 조치사진이 있는 경우 추가 처리
+                // 기존 사진의 개별 삭제는 별도의 Ajax 호출로 처리되므로 여기서는 신규 추가만 한다
+                if (actnPhotoFiles != null && !actnPhotoFiles.isEmpty()) {
+                    // 중요한 로직 주석: 조치사진 추가를 위해 임시 VO 생성
+                    CrdnActInfoVO tempVO = CrdnActInfoVO.builder()
+                            .actInfoId(vo.getActInfoId()) // 부모 행위정보 ID 설정
+                            .sggCd(vo.getSggCd())
+                            .crdnYr(vo.getCrdnYr())
+                            .crdnNo(vo.getCrdnNo())
+                            .rgtr(vo.getRgtr())
+                            .build();
+
+                    int actnPhotoResult = photoService.insertActnPhotosWithFiles(actnPhotoFiles, vo.getActnInfoId(), tempVO);
+                    log.debug("조치사진 파일 추가 완료: actnInfoId={}, 추가된 조치사진 수={}", vo.getActnInfoId(), actnPhotoResult);
+                }
+            } else {
+                log.error("조치정보 수정 실패: {}", vo);
+                throw new MessageException("조치정보 수정에 실패했습니다.");
+            }
+
+            return result;
+
+        } catch (Exception e) {
+            log.error("조치정보 수정 (파일 포함) 중 오류 발생: {}", vo, e);
+            throw new MessageException("조치정보 수정 중 오류가 발생했습니다: " + e.getMessage());
+        }
+    }
+
+    @Override
+    @Transactional
+    public int deleteActnInfo(CrdnActnInfoVO vo) {
+        log.debug("조치정보 삭제: {}", vo);
+
+        // 중요한 로직 주석: 조치정보 삭제 시 관련된 모든 조치사진도 함께 삭제한다.
+        if (vo.getActnInfoId() != null) {
+            try {
+                // 중요한 로직 주석: 조치사진 삭제 (AACTN_INFO_ID = 조치정보ID, CRDN_PHOTO_SE_CD = '2')
+                photoService.deleteActnPhotosByActnInfoId(vo.getActnInfoId(), vo.getDltr());
+                log.debug("조치정보 관련 조치사진 삭제 완료: actnInfoId={}", vo.getActnInfoId());
+            } catch (Exception e) {
+                log.warn("조치정보 관련 사진 삭제 중 오류 발생: actnInfoId={}", vo.getActnInfoId(), e);
+                // 사진 삭제 실패해도 조치정보 삭제는 진행
+            }
+        }
+
+        return mapper.deleteActnInfo(vo);
+    }
+
+    /**
+     * 조치정보 일괄 삭제 (논리삭제)
+     * 중요한 로직 주석: 트랜잭션을 적용하여 여러 건의 조치정보 삭제 작업을 안전하게 처리한다.
+     *                  각 ID에 대해 유효성을 검증하고, 세션에서 삭제자 정보를 설정한다.
+     * @param actnInfoIds 삭제할 조치정보ID 목록
+     * @return 삭제된 건수
+     */
+    @Override
+    @Transactional
+    public int deleteActnInfos(List<String> actnInfoIds) {
+        log.debug("조치정보 일괄 삭제: {}", actnInfoIds);
+
+        // 중요한 로직 주석: 삭제할 ID 목록이 비어있는 경우 처리 중단
+        if (actnInfoIds == null || actnInfoIds.isEmpty()) {
+            log.warn("삭제할 조치정보ID 목록이 비어있습니다.");
+            return 0;
+        }
+
+        // 중요한 로직 주석: 세션에서 현재 사용자 정보를 가져와 삭제자로 설정
+        String userId = SessionUtil.getUserId();
+        if (userId == null || userId.trim().isEmpty()) {
+            log.error("삭제자 정보를 가져올 수 없습니다.");
+            throw new MessageException("사용자 정보를 확인할 수 없습니다.");
+        }
+
+        // 중요한 로직 주석: 각 조치정보 ID에 대해 유효성 검증 후 논리 삭제 수행
+        int deletedCount = 0;
+        for (String actnInfoId : actnInfoIds) {
+            if (actnInfoId != null && !actnInfoId.trim().isEmpty()) {
+                // 중요한 로직 주석: 삭제할 데이터 존재 여부 확인
+                CrdnActnInfoVO existingData = mapper.selectActnInfoByPk(actnInfoId);
+                if (existingData == null) {
+                    log.warn("삭제할 조치정보를 찾을 수 없습니다. actnInfoId: {}", actnInfoId);
+                    continue;
+                }
+
+                // 중요한 로직 주석: 해당 조치정보의 관련 사진들을 먼저 삭제한다.
+                try {
+                    photoService.deleteActnPhotosByActnInfoId(actnInfoId, userId);
+                    log.debug("조치정보 관련 사진 삭제 완료: actnInfoId={}", actnInfoId);
+                } catch (Exception e) {
+                    log.warn("조치정보 관련 사진 삭제 중 오류 발생: actnInfoId={}", actnInfoId, e);
+                    // 사진 삭제 실패해도 조치정보 삭제는 진행
+                }
+
+                // 중요한 로직 주석: 삭제 VO 생성 및 삭제자 정보 설정
+                CrdnActnInfoVO deleteVO = CrdnActnInfoVO.builder()
+                        .actnInfoId(actnInfoId)
+                        .dltr(userId)
+                        .build();
+
+                int result = mapper.deleteActnInfo(deleteVO);
+                if (result > 0) {
+                    deletedCount++;
+                    log.debug("조치정보 삭제 완료. actnInfoId: {}", actnInfoId);
+                } else {
+                    log.warn("조치정보 삭제 실패. actnInfoId: {}", actnInfoId);
+                }
+            }
+        }
+
+        log.info("조치정보 일괄 삭제 완료. 요청: {}건, 삭제: {}건", actnInfoIds.size(), deletedCount);
+        return deletedCount;
+    }
 }
\ No newline at end of file
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java
index 0f7f408..c593119 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java
@@ -150,8 +150,7 @@ public class CrdnPhotoServiceImpl extends EgovAbstractServiceImpl implements Crd
                 }
 
                 // 중요한 로직 주석: 새 파일 업로드
-                List<MultipartFile> fileList = Arrays.asList(file);
-                List<FileVO> uploadedFiles = fileUtil.uploadFiles(fileList, "crdn-act-photo");
+                List<FileVO> uploadedFiles = fileUtil.uploadFiles(Arrays.asList(file), "crdn-act-photo");
                 
                 if (!uploadedFiles.isEmpty()) {
                     FileVO newFileVO = uploadedFiles.get(0);
@@ -291,4 +290,141 @@ public class CrdnPhotoServiceImpl extends EgovAbstractServiceImpl implements Crd
         log.debug("다음 사진 순번 조회: actInfoId={}", actInfoId);
         return mapper.selectNextPhotoSn(actInfoId);
     }
+
+    // ================================ 조치사진 관련 메서드 구현 ================================
+
+    @Override
+    @Transactional
+    public int insertActnPhotosWithFiles(List<MultipartFile> files, String actnInfoId, Object actInfoVO) {
+        log.debug("조치사진 파일 업로드 및 등록: actnInfoId={}, 파일 수={}", actnInfoId, files != null ? files.size() : 0);
+
+        if (files == null || files.isEmpty()) {
+            log.debug("업로드할 조치사진 파일이 없습니다.");
+            return 0;
+        }
+
+        try {
+            int savedCount = 0;
+            CrdnActInfoVO parentVO = (CrdnActInfoVO) actInfoVO;
+
+            // 중요한 로직 주석: 각 파일을 순회하며 저장 처리
+            for (MultipartFile file : files) {
+                if (file.isEmpty()) {
+                    log.warn("빈 파일이 포함되어 있어 건너뜁니다: {}", file.getOriginalFilename());
+                    continue;
+                }
+
+                try {
+                    // 중요한 로직 주석: FileUtil을 통한 파일 저장 (단일 파일을 리스트로 변환하여 처리)
+                    List<MultipartFile> singleFileList = Arrays.asList(file);
+                    List<FileVO> uploadedFiles = fileUtil.uploadFiles(singleFileList, "crdn-act-photo");
+
+                    if (uploadedFiles.isEmpty()) {
+                        log.error("파일 저장 실패: {}", file.getOriginalFilename());
+                        continue;
+                    }
+                    FileVO fileVO = uploadedFiles.get(0);
+
+                    // 중요한 로직 주석: 다음 사진 순번 생성
+                    String nextPhotoSn = getNextPhotoSn(parentVO.getActInfoId());
+
+                    // 중요한 로직 주석: 조치사진 정보 생성 (CRDN_PHOTO_SE_CD = '2', AACTN_INFO_ID에 조치정보 ID 저장)
+                    CrdnPhotoVO photoVO = CrdnPhotoVO.builder()
+                            .actInfoId(parentVO.getActInfoId())         // 부모 행위정보 ID
+                            .crdnPhotoSn(nextPhotoSn)                   // 사진 순번
+                            .sggCd(parentVO.getSggCd())                 // 시군구 코드
+                            .crdnYr(parentVO.getCrdnYr())               // 단속 연도
+                            .crdnNo(parentVO.getCrdnNo())               // 단속 번호
+                            .crdnPhotoPath(fileVO.getFilePath())        // 파일 경로
+                            .crdnPhotoNm(fileVO.getStoredFileNm())      // 저장된 파일명
+                            .crdnPhotoSeCd("2")                         // 조치사진 구분코드
+                            .actnInfoId(actnInfoId)                    // 조치정보 ID (조치사진 연결용)
+                            .orgnlPhotoNm(fileVO.getOriginalFileNm())   // 원본 파일명
+                            .rgtr(SessionUtil.getUserId())             // 등록자
+                            .delYn("N")                                 // 삭제 여부
+                            .build();
+
+                    int result = mapper.insertPhoto(photoVO);
+                    if (result > 0) {
+                        savedCount++;
+                        log.debug("조치사진 등록 완료: actInfoId={}, actnInfoId={}, photoSn={}, fileName={}",
+                                parentVO.getActInfoId(), actnInfoId, nextPhotoSn, file.getOriginalFilename());
+                    }
+
+                } catch (Exception e) {
+                    log.error("조치사진 파일 처리 중 오류: {}", file.getOriginalFilename(), e);
+                    // 개별 파일 오류는 전체 처리를 중단하지 않음
+                }
+            }
+
+            log.info("조치사진 파일 업로드 완료: actnInfoId={}, 총 파일 수={}, 저장된 파일 수={}", actnInfoId, files.size(), savedCount);
+            return savedCount;
+
+        } catch (Exception e) {
+            log.error("조치사진 파일 업로드 중 오류 발생: actnInfoId={}", actnInfoId, e);
+            throw new MessageException("조치사진 업로드에 실패했습니다: " + e.getMessage());
+        }
+    }
+
+    @Override
+    public List<CrdnPhotoVO> selectPhotoList(CrdnPhotoVO photoVO) {
+        log.debug("조치사진 목록 조회: {}", photoVO);
+        return mapper.selectPhotoListByActnInfoId(photoVO);
+    }
+
+    @Override
+    @Transactional
+    public int deleteActnPhotosByActnInfoId(String actnInfoId, String dltr) {
+        log.debug("조치정보 관련 모든 조치사진 삭제: actnInfoId={}", actnInfoId);
+
+        if (actnInfoId == null || actnInfoId.trim().isEmpty()) {
+            log.warn("조치정보 ID가 없어서 조치사진을 삭제할 수 없습니다.");
+            return 0;
+        }
+
+        try {
+            // 중요한 로직 주석: 삭제할 조치사진 목록 조회 (ACTN_INFO_ID 기준)
+            CrdnPhotoVO searchVO = CrdnPhotoVO.builder()
+                    .actnInfoId(actnInfoId)
+                    .crdnPhotoSeCd("2") // 조치사진
+                    .build();
+
+            List<CrdnPhotoVO> photoList = mapper.selectPhotoListByActnInfoId(searchVO);
+
+            int deletedCount = 0;
+            for (CrdnPhotoVO photo : photoList) {
+                // 중요한 로직 주석: 논리삭제 처리
+                CrdnPhotoVO deleteVO = CrdnPhotoVO.builder()
+                        .actInfoId(photo.getActInfoId())
+                        .crdnPhotoSn(photo.getCrdnPhotoSn())
+                        .dltr(dltr)
+                        .delYn("Y")
+                        .delDt(LocalDateTime.now())
+                        .build();
+
+                int result = mapper.deletePhoto(deleteVO);
+                if (result > 0) {
+                    // 중요한 로직 주석: 실제 파일도 삭제
+                    try {
+                        FileVO fileVO = new FileVO();
+                        fileVO.setFilePath(photo.getCrdnPhotoPath());
+                        fileVO.setStoredFileNm(photo.getCrdnPhotoNm());
+                        fileVO.setOriginalFileNm(photo.getOrgnlPhotoNm());
+                        fileUtil.deleteFile(fileVO);
+                        log.debug("조치사진 파일 삭제 완료: {}", photo.getCrdnPhotoPath());
+                    } catch (Exception e) {
+                        log.warn("조치사진 파일 삭제 실패 (DB는 삭제됨): {}", photo.getCrdnPhotoPath(), e);
+                    }
+                    deletedCount++;
+                }
+            }
+
+            log.info("조치정보 관련 모든 조치사진 삭제 완료: actnInfoId={}, 삭제된 사진 수={}", actnInfoId, deletedCount);
+            return deletedCount;
+
+        } catch (Exception e) {
+            log.error("조치사진 일괄 삭제 중 오류 발생: actnInfoId={}", actnInfoId, e);
+            throw new MessageException("조치사진 삭제에 실패했습니다: " + e.getMessage());
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml
index 88189e4..a96e16d 100644
--- a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml
+++ b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml
@@ -339,4 +339,155 @@
         AND DEL_YN = 'N'
     </select>
 
+    <!-- ================================ 조치정보 관련 쿼리 ================================ -->
+
+    <!-- 조치정보 목록 조회 -->
+    <select id="selectActnInfoList" parameterType="CrdnActnInfoVO" resultType="CrdnActnInfoVO">
+        /* ActInfoMapper.selectActnInfoList : 조치정보 목록 조회 */
+        SELECT
+            (@ROWNUM := @ROWNUM + 1) AS ROWNUM,
+            a.ACTN_INFO_ID,
+            a.SGG_CD,
+            a.CRDN_YR,
+            a.CRDN_NO,
+            a.ACT_INFO_ID,
+            a.ACTN_YMD,
+            a.ACTN_AREA,
+            a.ACTN_RMRK,
+            a.REG_DT,
+            a.RGTR,
+            regUser.USER_NM AS RGTR_NM,
+            a.MDFCN_DT,
+            a.MDFR,
+            modUser.USER_NM AS MDFR_NM
+        FROM tb_actn_info a
+        LEFT JOIN tb_user regUser ON regUser.USER_ID = a.RGTR
+        LEFT JOIN tb_user modUser ON modUser.USER_ID = a.MDFR
+        CROSS JOIN (SELECT @ROWNUM := 0) r
+        WHERE a.DEL_YN = 'N'
+        <if test="actInfoId != null and actInfoId != ''">
+            AND a.ACT_INFO_ID = #{actInfoId}
+        </if>
+        <if test="searchActInfoId != null and searchActInfoId != ''">
+            AND a.ACT_INFO_ID = #{searchActInfoId}
+        </if>
+        <if test="searchStartYmd != null and searchStartYmd != ''">
+            AND a.ACTN_YMD >= #{searchStartYmd}
+        </if>
+        <if test="searchEndYmd != null and searchEndYmd != ''">
+            AND a.ACTN_YMD <![CDATA[<=]]> #{searchEndYmd}
+        </if>
+        ORDER BY a.REG_DT DESC, a.ACTN_INFO_ID DESC
+        <if test="pagingYn == 'Y'">
+            LIMIT #{firstIndex}, #{recordCountPerPage}
+        </if>
+    </select>
+
+    <!-- 조치정보 목록 총 개수 조회 -->
+    <select id="selectActnInfoListTotalCount" parameterType="CrdnActnInfoVO" resultType="int">
+        /* ActInfoMapper.selectActnInfoListTotalCount : 조치정보 목록 총 개수 조회 */
+        SELECT COUNT(*)
+        FROM tb_actn_info a
+        WHERE a.DEL_YN = 'N'
+        <if test="actInfoId != null and actInfoId != ''">
+            AND a.ACT_INFO_ID = #{actInfoId}
+        </if>
+        <if test="searchActInfoId != null and searchActInfoId != ''">
+            AND a.ACT_INFO_ID = #{searchActInfoId}
+        </if>
+        <if test="searchStartYmd != null and searchStartYmd != ''">
+            AND a.ACTN_YMD >= #{searchStartYmd}
+        </if>
+        <if test="searchEndYmd != null and searchEndYmd != ''">
+            AND a.ACTN_YMD <![CDATA[<=]]> #{searchEndYmd}
+        </if>
+    </select>
+
+    <!-- 조치정보 상세 조회 (PK 기준) -->
+    <select id="selectActnInfoByPk" parameterType="String" resultType="CrdnActnInfoVO">
+        /* ActInfoMapper.selectActnInfoByPk : 조치정보 상세 조회 */
+        SELECT
+            a.ACTN_INFO_ID,
+            a.SGG_CD,
+            a.CRDN_YR,
+            a.CRDN_NO,
+            a.ACT_INFO_ID,
+            a.ACTN_YMD,
+            a.ACTN_AREA,
+            a.ACTN_RMRK,
+            a.REG_DT,
+            a.RGTR,
+            regUser.USER_NM AS RGTR_NM,
+            a.MDFCN_DT,
+            a.MDFR,
+            modUser.USER_NM AS MDFR_NM,
+            a.DEL_YN
+        FROM tb_actn_info a
+        LEFT JOIN tb_user regUser ON regUser.USER_ID = a.RGTR
+        LEFT JOIN tb_user modUser ON modUser.USER_ID = a.MDFR
+        WHERE a.ACTN_INFO_ID = #{actnInfoId}
+        AND a.DEL_YN = 'N'
+    </select>
+
+    <!-- 조치정보 등록 -->
+    <insert id="insertActnInfo" parameterType="CrdnActnInfoVO">
+        /* ActInfoMapper.insertActnInfo : 조치정보 등록 */
+        <selectKey keyProperty="actnInfoId" resultType="String" order="BEFORE">
+            SELECT LPAD(NEXTVAL(seq_actn_info_id), 10, '0') FROM DUAL
+        </selectKey>
+        INSERT INTO tb_actn_info (
+            ACTN_INFO_ID,
+            SGG_CD,
+            CRDN_YR,
+            CRDN_NO,
+            ACT_INFO_ID,
+            ACTN_YMD,
+            ACTN_AREA,
+            ACTN_RMRK,
+            REG_DT,
+            RGTR,
+            MDFCN_DT,
+            MDFR,
+            DEL_YN
+        ) VALUES (
+            #{actnInfoId},
+            #{sggCd},
+            #{crdnYr},
+            #{crdnNo},
+            #{actInfoId},
+            #{actnYmd},
+            #{actnArea},
+            #{actnRmrk},
+            NOW(),
+            #{rgtr},
+            NOW(),
+            #{mdfr},
+            'N'
+        )
+    </insert>
+
+    <!-- 조치정보 수정 -->
+    <update id="updateActnInfo" parameterType="CrdnActnInfoVO">
+        /* ActInfoMapper.updateActnInfo : 조치정보 수정 */
+        UPDATE tb_actn_info SET
+            ACTN_YMD = #{actnYmd},
+            ACTN_AREA = #{actnArea},
+            ACTN_RMRK = #{actnRmrk},
+            MDFCN_DT = NOW(),
+            MDFR = #{mdfr}
+        WHERE ACTN_INFO_ID = #{actnInfoId}
+        AND DEL_YN = 'N'
+    </update>
+
+    <!-- 조치정보 삭제 (논리삭제) -->
+    <update id="deleteActnInfo" parameterType="CrdnActnInfoVO">
+        /* ActInfoMapper.deleteActnInfo : 조치정보 삭제 (논리삭제) */
+        UPDATE tb_actn_info SET
+            DEL_YN = 'Y',
+            DEL_DT = NOW(),
+            DLTR = #{dltr}
+        WHERE ACTN_INFO_ID = #{actnInfoId}
+        AND DEL_YN = 'N'
+    </update>
+
 </mapper>
\ No newline at end of file
diff --git a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnPhotoMapper_maria.xml b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnPhotoMapper_maria.xml
index b1ddda1..875fd0a 100644
--- a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnPhotoMapper_maria.xml
+++ b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnPhotoMapper_maria.xml
@@ -85,6 +85,7 @@
             CRDN_PHOTO_NM,
             CRDN_PHOTO_SE_CD,
             ORGNL_PHOTO_NM,
+            ACTN_INFO_ID,
             REG_DT,
             RGTR,
             DEL_YN
@@ -98,6 +99,7 @@
             #{crdnPhotoNm},
             #{crdnPhotoSeCd},
             #{orgnlPhotoNm},
+            #{actnInfoId},
             NOW(),
             #{rgtr},
             'N'
@@ -157,4 +159,44 @@
         AND DEL_YN = 'N'
     </select>
 
+    <!-- ================================ 조치사진 관련 쿼리 ================================ -->
+
+    <!-- 조치정보별 조치사진 목록 조회 -->
+    <select id="selectPhotoListByActnInfoId" parameterType="CrdnPhotoVO" resultType="CrdnPhotoVO">
+        /* CrdnPhotoMapper.selectPhotoListByActnInfoId : 조치정보별 조치사진 목록 조회 */
+        SELECT
+            p.ACT_INFO_ID,
+            p.CRDN_PHOTO_SN,
+            p.SGG_CD,
+            p.CRDN_YR,
+            p.CRDN_NO,
+            p.CRDN_PHOTO_PATH,
+            p.CRDN_PHOTO_NM,
+            p.CRDN_PHOTO_SE_CD,
+            p.ORGNL_PHOTO_NM,
+            p.ACTN_INFO_ID,
+            p.REG_DT,
+            p.RGTR,
+            p.DEL_YN,
+            p.DEL_DT,
+            p.DLTR
+        FROM tb_crdn_photo p
+        WHERE p.DEL_YN = 'N'
+        <choose>
+            <!-- actnInfoId가 있는 경우: 조치정보 ID로 조치사진 조회 -->
+            <when test="actnInfoId != null and actnInfoId != ''">
+                AND p.ACTN_INFO_ID = #{actnInfoId}
+                AND p.CRDN_PHOTO_SE_CD = '2'
+            </when>
+            <!-- 일반적인 경우: 행위정보 ID로 조회 -->
+            <otherwise>
+                AND p.ACT_INFO_ID = #{actInfoId}
+                <if test="crdnPhotoSeCd != null and crdnPhotoSeCd != ''">
+                    AND p.CRDN_PHOTO_SE_CD = #{crdnPhotoSeCd}
+                </if>
+            </otherwise>
+        </choose>
+        ORDER BY p.CRDN_PHOTO_SN
+    </select>
+
 </mapper>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
index 0a42edc..f7a34ef 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
@@ -19,9 +19,26 @@
             </h2>
             <a href="#" class="pop-x-btn modalclose" id="btnCloseTop"></a>
         </div>
+
+        <!-- 탭 메뉴 -->
+        <div class="tab-container">
+            <ul class="tab-menu">
+                <li id="tab-act" class="tab-item active" data-tab="act">
+                    <a href="#" class="tab-link">1. 불법행위정보</a>
+                </li>
+                <%--<c:if test="${mode eq 'U'}">
+                <li id="tab-actn" class="tab-item" data-tab="actn">
+                    <a href="#" class="tab-link">2. 조치정보</a>
+                </li>
+                </c:if>--%>
+            </ul>
+        </div>
+
         <div class="popup_con">
-            <!-- 중요로직: 단속연도/번호는 부모창에서 전달받아 그대로 저장에 사용 -->
-            <form id="actInfoForm" name="actInfoForm">
+            <!-- 불법행위정보 탭 컨텐츠 -->
+            <div id="tab-content-act" class="tab-content active">
+                <!-- 중요로직: 단속연도/번호는 부모창에서 전달받아 그대로 저장에 사용 -->
+                <form id="actInfoForm" name="actInfoForm">
                 <input type="hidden" id="mode" name="mode" value="${mode}" />
                 <input type="hidden" id="actInfoId" name="actInfoId" value="${data.actInfoId}" />
                 <input type="hidden" id="crdnYr" name="crdnYr" value="${crdnYr}" />
@@ -134,72 +151,80 @@
                         </tr>
                     </table>
                 </div>
+                </form>
+            </div>
+
+            <!-- 조치정보 탭 컨텐츠 -->
+            <div id="tab-content-actn" class="tab-content" style="display: none;">
+                <!-- 조치정보 그리드 -->
+                <div class="section-title mb-10">
+                    <h3>조치정보 목록</h3>
+                    <button type="button" id="btnAddActn" class="smallb-1 fr">조치정보 추가</button>
+                </div>
+                <div id="actnInfoGrid" style="height: 200px; margin-bottom: 20px;"></div>
 
-
-                <div class="forms_table_non mt-20">
-                    <table>
-                        <colgroup>
-                            <col style="width: 18%;" />
-                            <col style="width: 32%;" />
-                            <col style="width: 18%;" />
-                            <col style="width: 32%;" />
-                        </colgroup>
-                        <tr>
-                            <th class="th">조치일자</th>
-                            <td>
-                                <input type="text" id="actnYmd" name="actnYmd" class="input calender datepicker" maxlength="10" style="width: 120px;" autocomplete="off" value="${dateUtil:formatDateString(data.actnYmd)}"/>
-                            </td>
-                            <th class="th">조치 면적(㎡)</th>
-                            <td>
-                                <input type="text" id="actnArea" name="actnArea" class="input decimalMask" style="width: 120px;" maxlength="12" placeholder="예) 45.94" value="${data.actnArea}"/>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th class="th">비고</th>
-                            <td colspan="3">
-                                <textarea id="actnRmrk" name="actnRmrk" class="textarea" rows="3" maxlength="1000" style="height: 80px;">${data.rmrk}</textarea>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th class="th">조치 사진</th>
-                            <td colspan="3">
-                                <!-- 중요한 로직 주석: 조치 사진 업로드와 미리보기 기능 (CRDN_PHOTO_SE_CD = 2) -->
-                                <div class="file-upload-section" data-photo-type="2">
-                                    <div class="file-upload-controls">
-                                        <label for="actnPhotoFiles" class="file-upload-btn smallb-2">
-                                            <span>조치 사진 선택</span>
-                                            <input type="file" id="actnPhotoFiles" name="actnPhotoFiles" accept="image/*" multiple style="display: none;">
-                                        </label>
-                                        <span class="file-info">최대 10개, 각 20MB 이하의 이미지 파일만 업로드 가능합니다.</span>
-                                    </div>
-                                    <div class="photo-preview-container" id="actnPhotoPreviewContainer">
-                                        <!-- 중요한 로직 주석: 수정 모드에서 기존 등록된 조치 사진들을 표시한다 -->
-                                        <c:if test="${mode eq 'U' && not empty crdnPhotoList}">
-                                            <c:forEach var="photo" items="${crdnPhotoList}">
-                                                <c:if test="${photo.crdnPhotoSeCd eq '2'}">
-                                                    <div class="photo-preview-item existing-photo" data-act-info-id="${photo.actInfoId}" data-photo-sn="${photo.crdnPhotoSn}" data-photo-type="2">
-                                                        <div class="photo-thumbnail">
-                                                            <img src="<c:url value='/crdn/crndRegistAndView/crdnActInfo/downloadPhoto.do'/>?actInfoId=${photo.actInfoId}&crdnPhotoSn=${photo.crdnPhotoSn}"
-                                                                 alt="${photo.orgnlPhotoNm}" onclick="viewOriginalPhoto('${photo.actInfoId}', '${photo.crdnPhotoSn}', '${photo.crdnPhotoSeCd}')">
-                                                        </div>
-                                                        <div class="photo-info">
-                                                            <div class="photo-name" title="${photo.orgnlPhotoNm}">${photo.orgnlPhotoNm}</div>
-                                                            <div class="photo-type">[조치]</div>
-                                                            <button type="button" class="delete-photo-btn" onclick="deleteExistingPhoto('${photo.actInfoId}', '${photo.crdnPhotoSn}', '2')">삭제</button>
-                                                        </div>
-                                                    </div>
-                                                </c:if>
-                                            </c:forEach>
-                                        </c:if>
+                <!-- 조치정보 입력 폼 -->
+                <div class="section-title mb-10">
+                    <h3>조치정보 상세</h3>
+                </div>
+                <form id="actnInfoForm" name="actnInfoForm">
+                    <input type="hidden" id="actnInfoId" name="actnInfoId" />
+                    <input type="hidden" id="actnMode" name="actnMode" value="C" />
+
+                    <div class="forms_table_non">
+                        <table>
+                            <colgroup>
+                                <col style="width: 18%;" />
+                                <col style="width: 32%;" />
+                                <col style="width: 18%;" />
+                                <col style="width: 32%;" />
+                            </colgroup>
+                            <tr>
+                                <th class="th"><span class="required">*</span> 조치일자</th>
+                                <td>
+                                    <input type="text" id="actnYmd" name="actnYmd" class="input calender datepicker" maxlength="10" style="width: 120px;" autocomplete="off" validation-check="required" />
+                                </td>
+                                <th class="th">조치 면적(㎡)</th>
+                                <td>
+                                    <input type="text" id="actnArea" name="actnArea" class="input decimalMask" style="width: 120px;" maxlength="12" placeholder="예) 45.94" validation-check="number" />
+                                </td>
+                            </tr>
+                            <tr>
+                                <th class="th">비고</th>
+                                <td colspan="3">
+                                    <textarea id="actnRmrk" name="actnRmrk" class="textarea" rows="3" maxlength="1000" style="height: 80px;"></textarea>
+                                </td>
+                            </tr>
+                            <tr>
+                                <th class="th">조치 사진</th>
+                                <td colspan="3">
+                                    <!-- 조치 사진 업로드 영역 -->
+                                    <div class="file-upload-section" data-photo-type="2">
+                                        <div class="file-upload-controls">
+                                            <label for="actnPhotoFiles" class="file-upload-btn smallb-2">
+                                                <span>조치 사진 선택</span>
+                                                <input type="file" id="actnPhotoFiles" name="actnPhotoFiles" accept="image/*" multiple style="display: none;">
+                                            </label>
+                                            <span class="file-info">최대 10개, 각 20MB 이하의 이미지 파일만 업로드 가능합니다.</span>
+                                        </div>
+                                        <div class="photo-preview-container" id="actnPhotoPreviewContainer">
+                                            <!-- 기존 조치 사진들이 여기에 표시됩니다 -->
+                                        </div>
                                     </div>
-                                </div>
-                            </td>
-                        </tr>
-                    </table>
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
+                </form>
+
+                <div class="section-foot mt-20">
+                    <button type="button" id="btnSaveActn" class="newbtns bg1">조치정보 저장</button>
+                    <button type="button" id="btnDeleteActn" class="newbtns bg3">조치정보 삭제</button>
+                    <button type="button" id="btnClearActn" class="newbtns bg2">입력 초기화</button>
                 </div>
-
-            </form>
+            </div>
         </div>
+
         <div class="popup_foot">
             <button type="button" id="btnSave" class="newbtns bg1">저장</button>
             <button type="button" id="btnClose" class="newbtns bg2 modalclose">닫기</button>
@@ -217,11 +242,18 @@
         var mode = $('#mode').val();
 
         // 달력 초기화
-        $('#actBgngYmd').datepicker({
+        $('#actBgngYmd, #actnYmd').datepicker({
             container: '.popup_inner',
             language: "kr"
         });
 
+        // 탭 전환 이벤트
+        $('.tab-link').on('click', function(e) {
+            e.preventDefault();
+            var tabType = $(this).parent().data('tab');
+            switchTab(tabType);
+        });
+
         // 저장 버튼 클릭 이벤트
         $('#btnSave').on('click', function() {
             saveActInfo();
@@ -232,6 +264,23 @@
             window.close();
         });
 
+        // 조치정보 관련 버튼 이벤트
+        $('#btnAddActn').on('click', function() {
+            clearActnForm();
+        });
+
+        $('#btnSaveActn').on('click', function() {
+            saveActnInfo();
+        });
+
+        $('#btnDeleteActn').on('click', function() {
+            deleteActnInfo();
+        });
+
+        $('#btnClearActn').on('click', function() {
+            clearActnForm();
+        });
+
         // 가로, 세로 입력 시 면적 자동 계산
         // 중요한 로직 주석: 가로와 세로 값 입력이 완료되면(blur) 자동으로 면적을 계산하여 입력한다.
         // input 이벤트 제거: inputmask와 충돌하여 정상 동작하지 않음
@@ -248,9 +297,155 @@
         // 파일 업로드 이벤트 초기화
         initFileUpload();
 
+        // 조치정보 그리드 초기화 (수정 모드에서만)
+        if (mode === 'U') {
+            initActnInfoGrid();
+        }
+
         console.log('불법행위정보 팝업이 초기화되었습니다. 모드:', mode);
     });
 
+    // 조치정보 그리드 인스턴스
+    var actnInfoGrid;
+    var actnSelectedFiles = []; // 조치정보별 선택된 파일들
+
+    /**
+     * 탭 전환 함수
+     * 중요한 로직 주석: levyPrvntcPopup.jsp와 동일한 방식으로 별도 팝업을 열어 탭을 전환합니다.
+     */
+    function switchTab(tabType) {
+        if (tabType === 'actn') {
+            // 조치정보 탭으로 전환 - 새 팝업 열기
+            var actInfoId = $('#actInfoId').val();
+            var crdnYr = $('#crdnYr').val();
+            var crdnNo = $('#crdnNo').val();
+
+            if (!actInfoId) {
+                alert('행위정보가 등록되지 않았습니다. 먼저 불법행위정보를 저장해주세요.');
+                return;
+            }
+
+            var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.do"/>?mode=V' +
+                '&actInfoId=' + encodeURIComponent(actInfoId) +
+                '&crdnYr=' + encodeURIComponent(crdnYr) +
+                '&crdnNo=' + encodeURIComponent(crdnNo);
+
+            var newWindow = openPopup(url, 1400, 800, 'actnInfoManagePopup');
+            if (newWindow) {
+                // 메인페이지 opener 참조를 새 팝업에 전달
+                newWindow.mainOpener = window.opener;
+                // 현재 창은 닫지 않고 유지 (사용자가 다시 돌아올 수 있도록)
+            } else {
+                alert('팝업이 차단되었습니다. 팝업 차단을 해제해주세요.');
+            }
+        } else {
+            // 불법행위정보 탭은 현재 페이지이므로 별도 처리 없음
+            $('.tab-item').removeClass('active');
+            $('.tab-item[data-tab="' + tabType + '"]').addClass('active');
+        }
+    }
+
+    /**
+     * 조치정보 그리드 초기화
+     * 중요한 로직 주석: TUI Grid를 사용하여 조치정보 목록을 표시하고 행 클릭 시 하단 폼에 로드합니다.
+     */
+    function initActnInfoGrid() {
+        var actInfoId = $('#actInfoId').val();
+        if (!actInfoId) {
+            console.warn('행위정보ID가 없어서 조치정보 그리드를 초기화할 수 없습니다.');
+            return;
+        }
+
+        actnInfoGrid = new XitTuiGridConfig({
+            el: document.getElementById('actnInfoGrid'),
+            data: {
+                api: {
+                    readData: '<c:url value="/crdn/crndRegistAndView/crdnActnInfo/list.ajax"/>',
+                    updateData: null,
+                    deleteData: null,
+                    createData: null
+                }
+            },
+            requestData: {
+                actInfoId: actInfoId // 행위정보ID로 조치정보 조회
+            },
+            columns: [
+                {
+                    header: '조치정보ID',
+                    name: 'actnInfoId',
+                    hidden: true
+                },
+                {
+                    header: '순번',
+                    name: 'rownum',
+                    width: 60,
+                    align: 'center'
+                },
+                {
+                    header: '조치일자',
+                    name: 'actnYmd',
+                    width: 100,
+                    align: 'center',
+                    formatter: function(value) {
+                        if (value && value.length === 8) {
+                            return value.substring(0,4) + '-' + value.substring(4,6) + '-' + value.substring(6,8);
+                        }
+                        return value || '-';
+                    }
+                },
+                {
+                    header: '조치면적(㎡)',
+                    name: 'actnArea',
+                    width: 100,
+                    align: 'right',
+                    formatter: function(value) {
+                        return value ? parseFloat(value).toLocaleString() : '-';
+                    }
+                },
+                {
+                    header: '조치비고',
+                    name: 'actnRmrk',
+                    minWidth: 200,
+                    formatter: function(value) {
+                        return value || '-';
+                    }
+                },
+                {
+                    header: '등록일시',
+                    name: 'regDt',
+                    width: 130,
+                    align: 'center',
+                    formatter: function(value) {
+                        if (value) {
+                            return value.substring(0, 16).replace('T', ' ');
+                        }
+                        return '-';
+                    }
+                }
+            ],
+            pageOptions: {
+                useClient: true,
+                perPage: 5
+            },
+            rowHeaders: ['checkbox'],
+            onGridMounted: function(grid) {
+                // 그리드 로드 완료 후 첫 번째 행 선택
+                setTimeout(function() {
+                    if (grid.getRowCount() > 0) {
+                        grid.focus(0, 'actnYmd', true);
+                        loadActnInfoToForm(grid.getRow(0));
+                    }
+                }, 100);
+            },
+            onFocusChange: function(focusEvent) {
+                if (focusEvent.rowKey !== null) {
+                    var rowData = actnInfoGrid.instance.getRow(focusEvent.rowKey);
+                    loadActnInfoToForm(rowData);
+                }
+            }
+        });
+    }
+
     // 드롭다운 인스턴스들
     var actTypeCdDropdown;
     var strctIdxDropdown;
@@ -721,8 +916,8 @@
      * 중요한 로직 주석: 파일 크기, 확장자, 타입을 검증한다.
      */
     function validateFile(file) {
-        // 파일 크기 체크 (10MB)
-        var maxSize = 10 * 1024 * 1024;
+        // 파일 크기 체크 (20MB)
+        var maxSize = 20 * 1024 * 1024;
         if (file.size > maxSize) {
             alert(file.name + ' 파일이 20MB를 초과합니다.');
             return false;
@@ -841,5 +1036,294 @@
         openPopup(url, 1000, 700, '_blank');
     }
 
+    /**
+     * 조치정보 그리드 행 클릭 이벤트 핸들러
+     * 중요한 로직 주석: 그리드에서 선택된 조치정보 데이터를 하단 폼에 로드한다.
+     */
+    function onActnInfoGridClick(ev) {
+        var rowData = ev.rowKey !== null ? actnInfoGrid.getRow(ev.rowKey) : null;
+        if (rowData) {
+            loadActnInfoToForm(rowData);
+        }
+    }
+
+    /**
+     * 조치정보 데이터를 폼에 로드
+     * 중요한 로직 주석: 선택된 조치정보 데이터를 하단 입력 폼의 각 필드에 설정한다.
+     * @param {Object} rowData - 그리드에서 선택된 조치정보 데이터
+     */
+    function loadActnInfoToForm(rowData) {
+        // 조치정보 ID 설정 (숨겨진 필드)
+        $('#actnInfoId').val(rowData.actnInfoId || '');
+
+        // 조치 일자 설정
+        $('#actnYmd').val(rowData.actnYmd || '');
+
+        // 조치 면적 설정 (소수점 2자리까지 표시)
+        $('#actnArea').val(rowData.actnArea || '');
+
+        // 조치 비고 설정
+        $('#actnRmrk').val(rowData.actnRmrk || '');
+
+        // 폼 모드를 수정으로 설정
+        $('#actnFormMode').val('U');
+
+        // 기존 조치사진 로드
+        loadActnPhotos(rowData.actnInfoId);
+
+        log.debug('조치정보 폼 로드 완료', rowData);
+    }
+
+    /**
+     * 조치사진 목록 로드
+     * 중요한 로직 주석: 선택된 조치정보의 기존 조치사진들을 조회하여 미리보기 영역에 표시한다.
+     * @param {string} actnInfoId - 조치정보 ID
+     */
+    function loadActnPhotos(actnInfoId) {
+        if (!actnInfoId) {
+            $('#actnPhotoPreviewContainer').empty();
+            return;
+        }
+
+        $.ajax({
+            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/selectActnPhotos.ajax"/>',
+            type: 'GET',
+            data: { actnInfoId: actnInfoId },
+            success: function(response) {
+                $('#actnPhotoPreviewContainer').empty();
+
+                if (response && response.data && response.data.length > 0) {
+                    $.each(response.data, function(index, photo) {
+                        var previewHtml =
+                            '<div class="photo-preview-item existing-photo" data-actn-info-id="' + photo.actnInfoId +
+                            '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="2">' +
+                            '    <div class="photo-thumbnail">' +
+                            '        <img src="<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoThumbnail.do"/>?actnInfoId=' +
+                            photo.actnInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '" alt="' + photo.crdnPhotoNm + '">' +
+                            '    </div>' +
+                            '    <div class="photo-info">' +
+                            '        <div class="photo-name" title="' + photo.crdnPhotoNm + '">' + photo.crdnPhotoNm + '</div>' +
+                            '        <div class="photo-type">[조치]</div>' +
+                            '        <div class="photo-buttons">' +
+                            '            <button type="button" class="view-photo-btn" onclick="viewOriginalActnPhoto(\'' +
+                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">보기</button>' +
+                            '            <button type="button" class="delete-photo-btn" onclick="deleteExistingActnPhoto(\'' +
+                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">삭제</button>' +
+                            '        </div>' +
+                            '    </div>' +
+                            '</div>';
+
+                        $('#actnPhotoPreviewContainer').append(previewHtml);
+                    });
+                }
+            },
+            error: function() {
+                alert('조치사진 조회 중 오류가 발생했습니다.');
+            }
+        });
+    }
+
+    /**
+     * 조치정보 저장
+     * 중요한 로직 주석: 입력된 조치정보와 조치사진을 서버에 저장한다. 신규등록/수정을 자동 판단한다.
+     */
+    function saveActnInfo() {
+        // 기본 유효성 검증
+        if (!validateActnForm()) {
+            return;
+        }
+
+        var actnInfoId = $('#actnInfoId').val().trim();
+        var actInfoId = $('#actInfoId').val(); // 부모 행위정보 ID
+        var mode = actnInfoId ? 'U' : 'C'; // 조치정보 ID가 있으면 수정, 없으면 신규
+
+        // FormData 생성 (파일 업로드를 위해)
+        var formData = new FormData();
+        formData.append('mode', mode);
+        formData.append('actInfoId', actInfoId); // 부모 행위정보 ID
+        formData.append('actnInfoId', actnInfoId);
+        formData.append('actnYmd', $('#actnYmd').val().trim());
+        formData.append('actnArea', $('#actnArea').val().trim());
+        formData.append('actnRmrk', $('#actnRmrk').val().trim());
+
+        // 새로 선택한 조치사진 파일들 추가
+        if (actnSelectedFiles && actnSelectedFiles.length > 0) {
+            for (var i = 0; i < actnSelectedFiles.length; i++) {
+                formData.append('actnPhotoFiles', actnSelectedFiles[i]);
+            }
+        }
+
+        // 저장 요청
+        $.ajax({
+            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/saveActnInfo.ajax"/>',
+            type: 'POST',
+            data: formData,
+            processData: false,
+            contentType: false,
+            success: function(response) {
+                if (response && response.success) {
+                    alert(mode === 'C' ? '조치정보가 등록되었습니다.' : '조치정보가 수정되었습니다.');
+
+                    // 폼 초기화
+                    clearActnForm();
+
+                    // 그리드 새로고침
+                    actnInfoGrid.readData(1);
+
+                } else {
+                    alert(response.message || '조치정보 저장에 실패했습니다.');
+                }
+            },
+            error: function() {
+                alert('조치정보 저장 중 오류가 발생했습니다.');
+            }
+        });
+    }
+
+    /**
+     * 조치정보 삭제
+     * 중요한 로직 주석: 선택된 조치정보와 관련 조치사진을 논리삭제한다.
+     */
+    function deleteActnInfo() {
+        var actnInfoId = $('#actnInfoId').val().trim();
+
+        if (!actnInfoId) {
+            alert('삭제할 조치정보를 선택해주세요.');
+            return;
+        }
+
+        if (!confirm('선택한 조치정보를 삭제하시겠습니까?\n관련된 조치사진도 함께 삭제됩니다.')) {
+            return;
+        }
+
+        $.ajax({
+            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnInfo.ajax"/>',
+            type: 'POST',
+            data: {
+                actnInfoId: actnInfoId,
+                mode: 'D'
+            },
+            success: function(response) {
+                if (response && response.success) {
+                    alert('조치정보가 삭제되었습니다.');
+
+                    // 폼 초기화
+                    clearActnForm();
+
+                    // 그리드 새로고침
+                    actnInfoGrid.readData(1);
+
+                } else {
+                    alert(response.message || '조치정보 삭제에 실패했습니다.');
+                }
+            },
+            error: function() {
+                alert('조치정보 삭제 중 오류가 발생했습니다.');
+            }
+        });
+    }
+
+    /**
+     * 조치정보 폼 초기화
+     * 중요한 로직 주석: 조치정보 입력 폼의 모든 필드를 초기화하고 신규등록 모드로 설정한다.
+     */
+    function clearActnForm() {
+        $('#actnInfoId').val('');
+        $('#actnYmd').val('');
+        $('#actnArea').val('');
+        $('#actnRmrk').val('');
+        $('#actnFormMode').val('C');
+
+        // 조치사진 초기화
+        $('#actnPhotoPreviewContainer').empty();
+        $('#actnPhotoFiles').val('');
+        actnSelectedFiles = [];
+
+        log.debug('조치정보 폼 초기화 완료');
+    }
+
+    /**
+     * 조치정보 폼 유효성 검증
+     * 중요한 로직 주석: 조치정보 입력값의 필수 항목과 형식을 검증한다.
+     * @returns {boolean} 유효성 검증 결과
+     */
+    function validateActnForm() {
+        var actnYmd = $('#actnYmd').val().trim();
+        var actnArea = $('#actnArea').val().trim();
+
+        // 조치 일자 필수 입력 체크
+        if (!actnYmd) {
+            alert('조치 일자를 입력해주세요.');
+            $('#actnYmd').focus();
+            return false;
+        }
+
+        // 조치 일자 형식 체크 (YYYYMMDD)
+        var dateRegex = /^\d{8}$/;
+        if (!dateRegex.test(actnYmd)) {
+            alert('조치 일자는 YYYYMMDD 형식으로 입력해주세요.');
+            $('#actnYmd').focus();
+            return false;
+        }
+
+        // 조치 면적 형식 체크 (숫자, 소수점 허용)
+        if (actnArea && isNaN(parseFloat(actnArea))) {
+            alert('조치 면적은 숫자로 입력해주세요.');
+            $('#actnArea').focus();
+            return false;
+        }
+
+        // 조치 면적 범위 체크 (0보다 큰 값)
+        if (actnArea && parseFloat(actnArea) <= 0) {
+            alert('조치 면적은 0보다 큰 값을 입력해주세요.');
+            $('#actnArea').focus();
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * 기존 조치사진 삭제
+     * 중요한 로직 주석: DB에 등록된 조치사진을 논리삭제하고 화면에서 제거한다.
+     * @param {string} actnInfoId - 조치정보 ID
+     * @param {string} crdnPhotoSn - 사진 순번
+     */
+    function deleteExistingActnPhoto(actnInfoId, crdnPhotoSn) {
+        if (!confirm('선택한 조치사진을 삭제하시겠습니까?')) {
+            return;
+        }
+
+        $.ajax({
+            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnPhoto.ajax"/>',
+            type: 'POST',
+            data: {
+                actnInfoId: actnInfoId,
+                crdnPhotoSn: crdnPhotoSn
+            },
+            success: function(response) {
+                if (response && response.success) {
+                    // 화면에서 해당 사진 제거
+                    $('[data-actn-info-id="' + actnInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"][data-photo-type="2"]').remove();
+                    alert('조치사진이 삭제되었습니다.');
+                } else {
+                    alert(response.message || '조치사진 삭제에 실패했습니다.');
+                }
+            },
+            error: function() {
+                alert('조치사진 삭제 중 오류가 발생했습니다.');
+            }
+        });
+    }
+
+    /**
+     * 조치사진 원본 보기
+     * 중요한 로직 주석: 등록된 조치사진을 팝업 창에서 원본 크기로 표시한다.
+     */
+    function viewOriginalActnPhoto(actnInfoId, crdnPhotoSn) {
+        var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnPhotoView.do"/>?actnInfoId=' + actnInfoId + '&crdnPhotoSn=' + crdnPhotoSn;
+        openPopup(url, 1000, 700, '_blank');
+    }
+
 
 </script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp
new file mode 100644
index 0000000..075194a
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp
@@ -0,0 +1,811 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
+<%@ taglib prefix="dateUtil" uri="http://egovframework.go.kr/functions/date-util" %>
+
+<!-- 조치정보 관리 팝업 -->
+<div class="popup_wrap">
+    <div class="popup_inner">
+        <div class="popup_tit">
+            <h2 class="tit" id="popupTitle">
+                <c:choose>
+                    <c:when test="${mode eq 'U'}">조치정보 관리 - 수정</c:when>
+                    <c:when test="${mode eq 'V'}">조치정보 관리 - 보기</c:when>
+                    <c:otherwise>조치정보 관리 - 등록</c:otherwise>
+                </c:choose>
+            </h2>
+            <a href="#" class="pop-x-btn modalclose" id="btnCloseTop"></a>
+        </div>
+
+        <!-- 탭 메뉴 -->
+        <div class="tab-container">
+            <ul class="tab-menu">
+                <li class="tab-item" data-tab="act">
+                    <a href="#" class="tab-link">1. 불법행위정보</a>
+                </li>
+                <li class="tab-item active" data-tab="actn">
+                    <a href="#" class="tab-link">2. 조치정보</a>
+                </li>
+            </ul>
+        </div>
+
+        <div class="popup_con">
+            <div class="cash_tables">
+                <form id="actnInfoForm" name="actnInfoForm">
+                    <input type="hidden" id="mode" name="mode" value="${mode}" />
+                    <input type="hidden" id="actInfoId" name="actInfoId" value="${actInfoId}" />
+                    <input type="hidden" id="actnInfoId" name="actnInfoId" value="" />
+                    <input type="hidden" id="crdnYr" name="crdnYr" value="${crdnYr}" />
+                    <input type="hidden" id="crdnNo" name="crdnNo" value="${crdnNo}" />
+                </form>
+            </div>
+
+            <!-- 조치정보 그리드 영역 -->
+            <div class="box_column">
+                <ul class="box_title">
+                    <li class="tit">조치정보 목록</li>
+                    <span id="totalCount" class="total-count" style="padding-left: 25px;padding-right: 25px;">총 0건</span>
+                    <li class="r-menu">
+                        <button type="button" id="btnAddActnInfo" class="newbtn bg3">등록</button>
+                        <button type="button" id="btnDeleteActnInfo" class="newbtn bg5">삭제</button>
+                    </li>
+                </ul>
+                <div class="containers">
+                    <div id="grid"></div>
+                </div>
+            </div>
+
+            <!-- 조치정보 입력 폼 -->
+            <div class="box_column" style="margin-top: 20px;">
+                <ul class="box_title">
+                    <li class="tit">조치정보 입력</li>
+                </ul>
+                <div class="containers">
+                    <table class="display">
+                        <colgroup>
+                            <col style="width: 120px;" />
+                            <col style="width: 200px;" />
+                            <col style="width: 120px;" />
+                            <col style="width: 200px;" />
+                            <col />
+                        </colgroup>
+                        <tbody>
+                        <tr>
+                            <th>조치일자 <span class="required">*</span></th>
+                            <td>
+                                <input type="text" id="actnYmd" name="actnYmd" class="input calender datepicker"
+                                       style="width: 120px;" maxlength="10" validation-check="required" />
+                            </td>
+                            <th>조치면적</th>
+                            <td>
+                                <input type="text" id="actnArea" name="actnArea" class="input decimalMask"
+                                       style="width: 120px; text-align: right;" /> m²
+                            </td>
+                            <td rowspan="2">
+                                <button type="button" id="btnSaveActnInfo" class="newbtn bg3" style="margin-right: 5px;">저장</button>
+                                <button type="button" id="btnClearActnForm" class="newbtn bg4">초기화</button>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>조치비고</th>
+                            <td colspan="3">
+                                <textarea id="actnRmrk" name="actnRmrk" class="input" style="width: 100%; height: 60px; resize: vertical;"
+                                          maxlength="1000" placeholder="조치에 대한 비고사항을 입력하세요."></textarea>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <!-- 조치사진 영역 -->
+            <div class="box_column" style="margin-top: 20px;">
+                <ul class="box_title">
+                    <li class="tit">조치사진</li>
+                    <li class="r-menu">
+                        <input type="file" id="actnPhotoFiles" multiple accept="image/*" style="display: none;" />
+                        <button type="button" id="btnSelectActnPhotos" class="newbtn bg3">사진 선택</button>
+                    </li>
+                </ul>
+                <div class="containers">
+                    <div id="actnPhotoPreviewContainer" class="photo-preview-container">
+                        <!-- 조치사진 미리보기가 여기에 표시됩니다 -->
+                    </div>
+                    <div class="photo-notice">
+                        <p>* 이미지 파일만 업로드 가능합니다. (jpg, jpeg, png, gif)</p>
+                        <p>* 파일 크기는 20MB 이하로 제한됩니다.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 버튼 영역 -->
+        <div class="popup_footer">
+            <div class="r-menu">
+                <button type="button" id="btnClose" class="newbtn bg4 modalclose">닫기</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+/* 조치사진 미리보기 스타일 */
+.photo-preview-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    min-height: 100px;
+    padding: 10px;
+    border: 1px dashed #ddd;
+    background-color: #fafafa;
+}
+
+.photo-preview-item {
+    position: relative;
+    width: 120px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    background-color: white;
+    overflow: hidden;
+}
+
+.photo-thumbnail {
+    width: 100%;
+    height: 80px;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.photo-thumbnail img {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: cover;
+}
+
+.photo-info {
+    padding: 5px;
+    font-size: 11px;
+    line-height: 1.2;
+}
+
+.photo-name {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 3px;
+}
+
+.photo-type {
+    color: #666;
+    font-size: 10px;
+    margin-bottom: 3px;
+}
+
+.photo-buttons {
+    display: flex;
+    gap: 3px;
+}
+
+.view-photo-btn, .delete-photo-btn {
+    font-size: 10px;
+    padding: 2px 5px;
+    border: none;
+    border-radius: 2px;
+    cursor: pointer;
+}
+
+.view-photo-btn {
+    background-color: #007bff;
+    color: white;
+}
+
+.delete-photo-btn {
+    background-color: #dc3545;
+    color: white;
+}
+
+.photo-notice {
+    margin-top: 10px;
+    font-size: 12px;
+    color: #666;
+}
+
+.photo-notice p {
+    margin: 2px 0;
+}
+</style>
+
+<script>
+/**
+ * 조치정보 관리 팝업 관련 JavaScript
+ * 중요한 로직 주석: TUI Grid를 사용한 조치정보 목록 표시 및 CRUD 처리
+ */
+var CrdnActnInfoManage = {
+    // 기본 정보
+    actInfoId: '${actInfoId}',
+    crdnYr: '${crdnYr}',
+    crdnNo: '${crdnNo}',
+
+    // 선택된 조치사진 파일들
+    actnSelectedFiles: [],
+
+    /**
+     * 초기화
+     * 중요한 로직 주석: 페이지 로드 시 그리드 초기화 및 이벤트 바인딩
+     */
+    init: function() {
+        this.initGrid();
+        this.bindEvents();
+        this.loadActnInfoList();
+    },
+
+    /**
+     * 이벤트 바인딩
+     */
+    bindEvents: function() {
+        var self = this;
+
+        // 탭 클릭 이벤트
+        $('.tab-item a').on('click', function(e) {
+            e.preventDefault();
+            var tabType = $(this).closest('.tab-item').data('tab');
+            self.switchTab(tabType);
+        });
+
+        // 조치정보 등록 버튼
+        $('#btnAddActnInfo').on('click', function() {
+            self.clearActnForm();
+        });
+
+        // 조치정보 삭제 버튼
+        $('#btnDeleteActnInfo').on('click', function() {
+            self.deleteSelectedActnInfo();
+        });
+
+        // 조치정보 저장 버튼
+        $('#btnSaveActnInfo').on('click', function() {
+            self.saveActnInfo();
+        });
+
+        // 폼 초기화 버튼
+        $('#btnClearActnForm').on('click', function() {
+            self.clearActnForm();
+        });
+
+        // 조치사진 선택 버튼
+        $('#btnSelectActnPhotos').on('click', function() {
+            $('#actnPhotoFiles').click();
+        });
+
+        // 조치사진 파일 선택 이벤트
+        $('#actnPhotoFiles').on('change', function() {
+            self.handleActnPhotoFileSelect(this.files);
+        });
+
+        // 팝업 닫기
+        $('#btnClose, #btnCloseTop').on('click', function() {
+            self.closePopup();
+        });
+    },
+
+    /**
+     * 탭 전환 처리
+     * 중요한 로직 주석: 불법행위정보 탭으로 전환 시 부모 팝업으로 돌아간다.
+     */
+    switchTab: function(tabType) {
+        if (tabType === 'act') {
+            // 불법행위정보 탭으로 전환 - 부모 팝업으로 돌아가기
+            if (window.opener && !window.opener.closed) {
+                window.opener.focus();
+            }
+            window.close();
+        } else {
+            // 조치정보 탭은 현재 페이지
+            $('.tab-item').removeClass('active');
+            $('.tab-item[data-tab="' + tabType + '"]').addClass('active');
+        }
+    },
+
+    /**
+     * 그리드 초기화
+     * 중요한 로직 주석: XitTuiGridConfig를 사용한 조치정보 그리드 설정
+     */
+    initGrid: function() {
+        var self = this;
+
+        // 데이터 소스 설정
+        var dataSource = {
+            api: {
+                readData: {
+                    url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoList.ajax"/>',
+                    method: 'POST',
+                    contentType: 'application/x-www-form-urlencoded',
+                    processData: true
+                }
+            },
+            initialRequest: false,
+            serializer: function(params) {
+                var defaultParams = $.param(params);
+                var extra = $.param({
+                    "actInfoId": self.actInfoId
+                });
+                return defaultParams + '&' + extra;
+            }
+        };
+
+        // 그리드 설정 객체 생성
+        var gridConfig = new XitTuiGridConfig();
+
+        // 기본 설정
+        gridConfig.setOptDataSource(dataSource);
+        gridConfig.setOptGridId('grid');
+        gridConfig.setOptGridHeight(250);
+        gridConfig.setOptRowHeight(30);
+        gridConfig.setOptUseClientSort(true);
+        gridConfig.setOptRowHeaderType('checkbox');
+
+        // 컬럼 설정
+        gridConfig.setOptColumns([
+            {header: '조치정보ID', name: 'actnInfoId', align: 'center', width: 100, hidden: true},
+            {header: '순번', name: 'rownum', align: 'center', width: 60},
+            {header: '조치일자', name: 'actnYmd', align: 'center', width: 100,
+                formatter: function(value) {
+                    if (value && value.length === 8) {
+                        return value.substring(0,4) + '-' + value.substring(4,6) + '-' + value.substring(6,8);
+                    }
+                    return value;
+                }
+            },
+            {header: '조치면적(m²)', name: 'actnArea', align: 'right', width: 100,
+                formatter: function(value) {
+                    return value ? parseFloat(value).toLocaleString() : '';
+                }
+            },
+            {header: '조치비고', name: 'actnRmrk', align: 'left', width: 300},
+            {header: '등록일시', name: 'regDt', align: 'center', width: 150,
+                formatter: function(value) {
+                    if (value) {
+                        return value.replace('T', ' ');
+                    }
+                    return value;
+                }
+            },
+            {header: '등록자', name: 'rgtr', align: 'center', width: 100}
+        ]);
+
+        // 그리드 생성
+        var Grid = tui.Grid;
+        this.grid = gridConfig.instance(Grid);
+
+        // 그리드 테마 설정
+        Grid.applyTheme('striped');
+
+        // 그리드 이벤트 바인딩
+        this.grid.on('click', function(ev) {
+            if (ev.rowKey !== null) {
+                var rowData = self.grid.getRow(ev.rowKey);
+                self.loadActnInfoToForm(rowData);
+            }
+        });
+
+        // 데이터 로딩 완료 이벤트
+        this.grid.on('successResponse', function(ev) {
+            var responseObj = JSON.parse(ev.xhr.response);
+            var totalCount = 0;
+            if (responseObj && responseObj.data && responseObj.data.contents) {
+                totalCount = responseObj.data.contents.length;
+            }
+            $('#totalCount').text('총 ' + totalCount + '건');
+        });
+    },
+
+    /**
+     * 조치정보 목록 조회
+     */
+    loadActnInfoList: function() {
+        this.grid.readData(1);
+    },
+
+    /**
+     * 조치정보 데이터를 폼에 로드
+     * 중요한 로직 주석: 그리드에서 선택된 조치정보를 폼에 설정하고 관련 사진을 로드한다.
+     */
+    loadActnInfoToForm: function(rowData) {
+        if (!rowData) return;
+
+        // 조치정보 ID 설정
+        $('#actnInfoId').val(rowData.actnInfoId || '');
+
+        // 조치일자 설정 (YYYYMMDD -> YYYY-MM-DD)
+        var actnYmd = rowData.actnYmd || '';
+        if (actnYmd.length === 8) {
+            actnYmd = actnYmd.substring(0,4) + '-' + actnYmd.substring(4,6) + '-' + actnYmd.substring(6,8);
+        }
+        $('#actnYmd').val(actnYmd);
+
+        // 조치면적 설정
+        $('#actnArea').val(rowData.actnArea || '');
+
+        // 조치비고 설정
+        $('#actnRmrk').val(rowData.actnRmrk || '');
+
+        // 관련 조치사진 로드
+        this.loadActnPhotos(rowData.actnInfoId);
+
+        console.log('조치정보 폼 로드 완료:', rowData);
+    },
+
+    /**
+     * 조치사진 목록 로드
+     * 중요한 로직 주석: 선택된 조치정보의 기존 조치사진들을 조회하여 미리보기 영역에 표시한다.
+     */
+    loadActnPhotos: function(actnInfoId) {
+        var self = this;
+
+        if (!actnInfoId) {
+            $('#actnPhotoPreviewContainer').empty();
+            return;
+        }
+
+        $.ajax({
+            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/selectActnPhotos.ajax"/>',
+            type: 'GET',
+            data: { actnInfoId: actnInfoId },
+            success: function(response) {
+                $('#actnPhotoPreviewContainer').empty();
+                self.actnSelectedFiles = []; // 새 파일 선택 초기화
+
+                if (response && response.data && response.data.length > 0) {
+                    $.each(response.data, function(index, photo) {
+                        var previewHtml =
+                            '<div class="photo-preview-item existing-photo" data-actn-info-id="' + photo.actnInfoId +
+                            '" data-photo-sn="' + photo.crdnPhotoSn + '">' +
+                            '    <div class="photo-thumbnail">' +
+                            '        <img src="<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoThumbnail.do"/>?actnInfoId=' +
+                            photo.actnInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '&crdnPhotoSeCd=2" alt="' + photo.crdnPhotoNm + '">' +
+                            '    </div>' +
+                            '    <div class="photo-info">' +
+                            '        <div class="photo-name" title="' + photo.crdnPhotoNm + '">' + photo.crdnPhotoNm + '</div>' +
+                            '        <div class="photo-type">[조치]</div>' +
+                            '        <div class="photo-buttons">' +
+                            '            <button type="button" class="view-photo-btn" onclick="CrdnActnInfoManage.viewOriginalActnPhoto(\'' +
+                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">보기</button>' +
+                            '            <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteExistingActnPhoto(\'' +
+                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">삭제</button>' +
+                            '        </div>' +
+                            '    </div>' +
+                            '</div>';
+
+                        $('#actnPhotoPreviewContainer').append(previewHtml);
+                    });
+                }
+            },
+            error: function() {
+                alert('조치사진 조회 중 오류가 발생했습니다.');
+            }
+        });
+    },
+
+    /**
+     * 조치정보 저장
+     * 중요한 로직 주석: 입력된 조치정보와 조치사진을 서버에 저장한다. 신규등록/수정을 자동 판단한다.
+     */
+    saveActnInfo: function() {
+        var self = this;
+
+        // 기본 유효성 검증
+        if (!this.validateActnForm()) {
+            return;
+        }
+
+        var actnInfoId = $('#actnInfoId').val().trim();
+        var actInfoId = this.actInfoId; // 부모 행위정보 ID
+        var mode = actnInfoId ? 'U' : 'C'; // 조치정보 ID가 있으면 수정, 없으면 신규
+
+        // FormData 생성 (파일 업로드를 위해)
+        var formData = new FormData();
+        formData.append('mode', mode);
+        formData.append('actInfoId', actInfoId); // 부모 행위정보 ID
+        formData.append('actnInfoId', actnInfoId);
+
+        // 조치일자 처리 (YYYY-MM-DD -> YYYYMMDD)
+        var actnYmd = $('#actnYmd').val().trim().replace(/-/g, '');
+        formData.append('actnYmd', actnYmd);
+        formData.append('actnArea', $('#actnArea').val().trim());
+        formData.append('actnRmrk', $('#actnRmrk').val().trim());
+
+        // 새로 선택한 조치사진 파일들 추가
+        if (this.actnSelectedFiles && this.actnSelectedFiles.length > 0) {
+            for (var i = 0; i < this.actnSelectedFiles.length; i++) {
+                formData.append('actnPhotoFiles', this.actnSelectedFiles[i]);
+            }
+        }
+
+        // 저장 요청
+        var ajaxUrl = mode === 'C' ?
+            '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoInsert.ajax"/>' :
+            '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoUpdate.ajax"/>';
+
+        $.ajax({
+            url: ajaxUrl,
+            type: 'POST',
+            data: formData,
+            processData: false,
+            contentType: false,
+            success: function(response) {
+                if (response && response.success) {
+                    alert(mode === 'C' ? '조치정보가 등록되었습니다.' : '조치정보가 수정되었습니다.');
+
+                    // 폼 초기화
+                    self.clearActnForm();
+
+                    // 그리드 새로고침
+                    self.loadActnInfoList();
+
+                } else {
+                    alert(response.message || '조치정보 저장에 실패했습니다.');
+                }
+            },
+            error: function() {
+                alert('조치정보 저장 중 오류가 발생했습니다.');
+            }
+        });
+    },
+
+    /**
+     * 선택된 조치정보 삭제
+     * 중요한 로직 주석: 그리드에서 체크박스로 선택된 조치정보들을 삭제한다.
+     */
+    deleteSelectedActnInfo: function() {
+        var checkedRows = this.grid.getCheckedRows();
+
+        if (checkedRows.length === 0) {
+            alert('삭제할 조치정보를 선택해주세요.');
+            return;
+        }
+
+        if (!confirm('선택한 조치정보 ' + checkedRows.length + '건을 삭제하시겠습니까?\n관련된 조치사진도 함께 삭제됩니다.')) {
+            return;
+        }
+
+        var self = this;
+        var deleteCount = 0;
+        var totalCount = checkedRows.length;
+
+        // 조치정보 ID 목록 수집
+        var actnInfoIds = checkedRows.map(function(row) {
+            return row.actnInfoId;
+        });
+
+        // 일괄 삭제 요청
+        $.ajax({
+            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoDelete.ajax"/>',
+            type: 'POST',
+            data: {
+                actnInfoIds: actnInfoIds
+            },
+            traditional: true, // 배열 전송을 위한 설정
+            success: function(response) {
+                if (response && response.success) {
+                    alert('조치정보가 성공적으로 삭제되었습니다.');
+                    self.clearActnForm();
+                    self.loadActnInfoList();
+                } else {
+                    alert(response.message || '삭제 중 오류가 발생했습니다.');
+                }
+            },
+            error: function() {
+                alert('조치정보 삭제 중 오류가 발생했습니다.');
+            }
+        });
+    },
+
+    /**
+     * 조치정보 폼 초기화
+     * 중요한 로직 주석: 조치정보 입력 폼의 모든 필드를 초기화하고 신규등록 모드로 설정한다.
+     */
+    clearActnForm: function() {
+        $('#actnInfoId').val('');
+        $('#actnYmd').val('');
+        $('#actnArea').val('');
+        $('#actnRmrk').val('');
+
+        // 조치사진 초기화
+        $('#actnPhotoPreviewContainer').empty();
+        $('#actnPhotoFiles').val('');
+        this.actnSelectedFiles = [];
+
+        console.log('조치정보 폼 초기화 완료');
+    },
+
+    /**
+     * 조치정보 폼 유효성 검증
+     * 중요한 로직 주석: 조치정보 입력값의 필수 항목과 형식을 검증한다.
+     */
+    validateActnForm: function() {
+        var actnYmd = $('#actnYmd').val().trim();
+        var actnArea = $('#actnArea').val().trim();
+
+        // 조치일자 필수 입력 체크
+        if (!actnYmd) {
+            alert('조치일자를 입력해주세요.');
+            $('#actnYmd').focus();
+            return false;
+        }
+
+        // 조치면적 형식 체크 (숫자, 소수점 허용)
+        if (actnArea && isNaN(parseFloat(actnArea))) {
+            alert('조치면적은 숫자로 입력해주세요.');
+            $('#actnArea').focus();
+            return false;
+        }
+
+        // 조치면적 범위 체크 (0보다 큰 값)
+        if (actnArea && parseFloat(actnArea) <= 0) {
+            alert('조치면적은 0보다 큰 값을 입력해주세요.');
+            $('#actnArea').focus();
+            return false;
+        }
+
+        return true;
+    },
+
+    /**
+     * 조치사진 파일 선택 처리
+     * 중요한 로직 주석: 사용자가 선택한 조치사진 파일들을 검증하고 미리보기를 생성한다.
+     */
+    handleActnPhotoFileSelect: function(files) {
+        if (!files || files.length === 0) return;
+
+        for (var i = 0; i < files.length; i++) {
+            var file = files[i];
+
+            // 파일 유효성 검증
+            if (this.validateFile(file)) {
+                this.actnSelectedFiles.push(file);
+                this.createPhotoPreview(file);
+            }
+        }
+
+        // 파일 input 초기화 (같은 파일 재선택 가능하도록)
+        $('#actnPhotoFiles').val('');
+    },
+
+    /**
+     * 파일 유효성 검증
+     * 중요한 로직 주석: 파일 크기, 확장자, 타입을 검증한다.
+     */
+    validateFile: function(file) {
+        // 파일 크기 체크 (20MB)
+        var maxSize = 20 * 1024 * 1024;
+        if (file.size > maxSize) {
+            alert(file.name + ' 파일이 20MB를 초과합니다.');
+            return false;
+        }
+
+        // 이미지 파일인지 체크
+        if (!file.type.startsWith('image/')) {
+            alert(file.name + ' 은(는) 이미지 파일이 아닙니다.');
+            return false;
+        }
+
+        // 허용된 확장자 체크
+        var allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];
+        var fileName = file.name.toLowerCase();
+        var fileExtension = fileName.split('.').pop();
+
+        if (allowedExtensions.indexOf(fileExtension) === -1) {
+            alert('지원되지 않는 파일 형식입니다. (jpg, jpeg, png, gif만 가능)');
+            return false;
+        }
+
+        return true;
+    },
+
+    /**
+     * 사진 미리보기 생성
+     * 중요한 로직 주석: 선택된 파일을 읽어서 미리보기 영역에 이미지를 생성한다.
+     */
+    createPhotoPreview: function(file) {
+        var self = this;
+        var reader = new FileReader();
+
+        reader.onload = function(e) {
+            var previewHtml =
+                '<div class="photo-preview-item new-photo" data-file-name="' + file.name + '">' +
+                '    <div class="photo-thumbnail">' +
+                '        <img src="' + e.target.result + '" alt="' + file.name + '">' +
+                '    </div>' +
+                '    <div class="photo-info">' +
+                '        <div class="photo-name" title="' + file.name + '">' + file.name + '</div>' +
+                '        <div class="photo-type">[조치]</div>' +
+                '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteNewPhoto(\'' + file.name + '\')">삭제</button>' +
+                '    </div>' +
+                '</div>';
+
+            $('#actnPhotoPreviewContainer').append(previewHtml);
+        };
+
+        reader.readAsDataURL(file);
+    },
+
+    /**
+     * 새로 선택한 파일 삭제
+     * 중요한 로직 주석: 아직 저장되지 않은 파일을 목록에서 제거하고 selectedFiles 배열에서도 제거한다.
+     */
+    deleteNewPhoto: function(fileName) {
+        // selectedFiles 배열에서 파일 제거
+        for (var i = 0; i < this.actnSelectedFiles.length; i++) {
+            if (this.actnSelectedFiles[i].name === fileName) {
+                this.actnSelectedFiles.splice(i, 1);
+                break;
+            }
+        }
+
+        // 화면에서 제거
+        $('[data-file-name="' + fileName + '"]').remove();
+    },
+
+    /**
+     * 기존 조치사진 삭제
+     * 중요한 로직 주석: DB에 등록된 조치사진을 논리삭제하고 화면에서 제거한다.
+     */
+    deleteExistingActnPhoto: function(actnInfoId, crdnPhotoSn) {
+        if (!confirm('선택한 조치사진을 삭제하시겠습니까?')) {
+            return;
+        }
+
+        $.ajax({
+            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnPhoto.ajax"/>',
+            type: 'POST',
+            data: {
+                actnInfoId: actnInfoId,
+                crdnPhotoSn: crdnPhotoSn
+            },
+            success: function(response) {
+                if (response && response.success) {
+                    // 화면에서 해당 사진 제거
+                    $('[data-actn-info-id="' + actnInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"]').remove();
+                    alert('조치사진이 삭제되었습니다.');
+                } else {
+                    alert(response.message || '조치사진 삭제에 실패했습니다.');
+                }
+            },
+            error: function() {
+                alert('조치사진 삭제 중 오류가 발생했습니다.');
+            }
+        });
+    },
+
+    /**
+     * 조치사진 원본 보기
+     * 중요한 로직 주석: 등록된 조치사진을 팝업 창에서 원본 크기로 표시한다.
+     */
+    viewOriginalActnPhoto: function(actnInfoId, crdnPhotoSn) {
+        var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnPhotoView.do"/>?actnInfoId=' + actnInfoId + '&crdnPhotoSn=' + crdnPhotoSn;
+        openPopup(url, 1000, 700, '_blank');
+    },
+
+    /**
+     * 팝업 닫기
+     */
+    closePopup: function() {
+        // 부모 팝업에 변경 사항 알림
+        if (window.opener && !window.opener.closed) {
+            if (typeof window.opener.refreshActInfo === 'function') {
+                window.opener.refreshActInfo();
+            }
+            window.opener.focus();
+        }
+        window.close();
+    }
+};
+
+// DOM 준비 완료 시 초기화
+$(document).ready(function() {
+    CrdnActnInfoManage.init();
+});
+</script>
\ No newline at end of file

From 93a9b278258a614be98f612586830b5015667299 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=84=B1=EC=98=81?= <xitpsy@xit.co.kr>
Date: Fri, 26 Sep 2025 10:18:06 +0900
Subject: [PATCH 2/7] =?UTF-8?q?=EB=B6=88=EB=B2=95=ED=96=89=EC=9C=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20-=20=EC=A1=B0=EC=B9=98=EC=97=90=20?=
 =?UTF-8?q?=EB=8C=80=ED=95=9C=20=EB=A1=9C=EC=A7=81=20=EC=9E=AC=EA=B5=AC?=
 =?UTF-8?q?=EC=84=B1=20=EC=A7=84=ED=96=89=20=EC=A4=91...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controller/CrdnActInfoController.java     |    4 +-
 .../crdnActInfo/crdnActInfoRegistPopup.jsp    |  542 +------
 .../crdnActInfo/crdnActnInfoManage.jsp        | 1379 ++++++++---------
 3 files changed, 668 insertions(+), 1257 deletions(-)

diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
index a3da42d..eac1e3e 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
@@ -149,7 +149,8 @@ public class CrdnActInfoController {
             @Parameter(description = "행위정보ID") @RequestParam String actInfoId,
             @Parameter(description = "단속연도") @RequestParam String crdnYr,
             @Parameter(description = "단속번호") @RequestParam String crdnNo,
-            @Parameter(description = "화면모드") @RequestParam(required = false, defaultValue = "V") String mode,
+            @Parameter(description = "위치정보ID") @RequestParam String pstnInfoId,
+            @Parameter(description = "화면모드") @RequestParam(required = false, defaultValue = "U") String mode,
             Model model) {
 
         log.debug("조치정보 관리 팝업 요청 - actInfoId: {}, crdnYr: {}, crdnNo: {}, mode: {}", actInfoId, crdnYr, crdnNo, mode);
@@ -157,6 +158,7 @@ public class CrdnActInfoController {
         ModelAndView mav = new ModelAndView("crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage" + TilesConstants.POPUP);
         mav.addObject("mode", mode);
         mav.addObject("actInfoId", actInfoId);
+        mav.addObject("pstnInfoId", pstnInfoId);
         mav.addObject("crdnYr", crdnYr);
         mav.addObject("crdnNo", crdnNo);
 
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
index f7a34ef..c3925b7 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
@@ -26,11 +26,11 @@
                 <li id="tab-act" class="tab-item active" data-tab="act">
                     <a href="#" class="tab-link">1. 불법행위정보</a>
                 </li>
-                <%--<c:if test="${mode eq 'U'}">
+                <c:if test="${mode eq 'U'}">
                 <li id="tab-actn" class="tab-item" data-tab="actn">
                     <a href="#" class="tab-link">2. 조치정보</a>
                 </li>
-                </c:if>--%>
+                </c:if>
             </ul>
         </div>
 
@@ -124,7 +124,7 @@
                                             <span>단속 사진 선택</span>
                                             <input type="file" id="crdnPhotoFiles" name="crdnPhotoFiles" accept="image/*" multiple style="display: none;">
                                         </label>
-                                        <span class="file-info">최대 10개, 각 20MB 이하의 이미지 파일만 업로드 가능합니다.</span>
+                                        <span class="file-info">최대 10개, 각 10MB 이하의 이미지 파일만 업로드 가능합니다.</span>
                                     </div>
                                     <div class="photo-preview-container" id="crdnPhotoPreviewContainer">
                                         <!-- 중요한 로직 주석: 수정 모드에서 기존 등록된 단속 사진들을 표시한다 -->
@@ -153,76 +153,6 @@
                 </div>
                 </form>
             </div>
-
-            <!-- 조치정보 탭 컨텐츠 -->
-            <div id="tab-content-actn" class="tab-content" style="display: none;">
-                <!-- 조치정보 그리드 -->
-                <div class="section-title mb-10">
-                    <h3>조치정보 목록</h3>
-                    <button type="button" id="btnAddActn" class="smallb-1 fr">조치정보 추가</button>
-                </div>
-                <div id="actnInfoGrid" style="height: 200px; margin-bottom: 20px;"></div>
-
-                <!-- 조치정보 입력 폼 -->
-                <div class="section-title mb-10">
-                    <h3>조치정보 상세</h3>
-                </div>
-                <form id="actnInfoForm" name="actnInfoForm">
-                    <input type="hidden" id="actnInfoId" name="actnInfoId" />
-                    <input type="hidden" id="actnMode" name="actnMode" value="C" />
-
-                    <div class="forms_table_non">
-                        <table>
-                            <colgroup>
-                                <col style="width: 18%;" />
-                                <col style="width: 32%;" />
-                                <col style="width: 18%;" />
-                                <col style="width: 32%;" />
-                            </colgroup>
-                            <tr>
-                                <th class="th"><span class="required">*</span> 조치일자</th>
-                                <td>
-                                    <input type="text" id="actnYmd" name="actnYmd" class="input calender datepicker" maxlength="10" style="width: 120px;" autocomplete="off" validation-check="required" />
-                                </td>
-                                <th class="th">조치 면적(㎡)</th>
-                                <td>
-                                    <input type="text" id="actnArea" name="actnArea" class="input decimalMask" style="width: 120px;" maxlength="12" placeholder="예) 45.94" validation-check="number" />
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="th">비고</th>
-                                <td colspan="3">
-                                    <textarea id="actnRmrk" name="actnRmrk" class="textarea" rows="3" maxlength="1000" style="height: 80px;"></textarea>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="th">조치 사진</th>
-                                <td colspan="3">
-                                    <!-- 조치 사진 업로드 영역 -->
-                                    <div class="file-upload-section" data-photo-type="2">
-                                        <div class="file-upload-controls">
-                                            <label for="actnPhotoFiles" class="file-upload-btn smallb-2">
-                                                <span>조치 사진 선택</span>
-                                                <input type="file" id="actnPhotoFiles" name="actnPhotoFiles" accept="image/*" multiple style="display: none;">
-                                            </label>
-                                            <span class="file-info">최대 10개, 각 20MB 이하의 이미지 파일만 업로드 가능합니다.</span>
-                                        </div>
-                                        <div class="photo-preview-container" id="actnPhotoPreviewContainer">
-                                            <!-- 기존 조치 사진들이 여기에 표시됩니다 -->
-                                        </div>
-                                    </div>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-                </form>
-
-                <div class="section-foot mt-20">
-                    <button type="button" id="btnSaveActn" class="newbtns bg1">조치정보 저장</button>
-                    <button type="button" id="btnDeleteActn" class="newbtns bg3">조치정보 삭제</button>
-                    <button type="button" id="btnClearActn" class="newbtns bg2">입력 초기화</button>
-                </div>
-            </div>
         </div>
 
         <div class="popup_foot">
@@ -242,7 +172,7 @@
         var mode = $('#mode').val();
 
         // 달력 초기화
-        $('#actBgngYmd, #actnYmd').datepicker({
+        $('#actBgngYmd').datepicker({
             container: '.popup_inner',
             language: "kr"
         });
@@ -264,23 +194,6 @@
             window.close();
         });
 
-        // 조치정보 관련 버튼 이벤트
-        $('#btnAddActn').on('click', function() {
-            clearActnForm();
-        });
-
-        $('#btnSaveActn').on('click', function() {
-            saveActnInfo();
-        });
-
-        $('#btnDeleteActn').on('click', function() {
-            deleteActnInfo();
-        });
-
-        $('#btnClearActn').on('click', function() {
-            clearActnForm();
-        });
-
         // 가로, 세로 입력 시 면적 자동 계산
         // 중요한 로직 주석: 가로와 세로 값 입력이 완료되면(blur) 자동으로 면적을 계산하여 입력한다.
         // input 이벤트 제거: inputmask와 충돌하여 정상 동작하지 않음
@@ -297,17 +210,9 @@
         // 파일 업로드 이벤트 초기화
         initFileUpload();
 
-        // 조치정보 그리드 초기화 (수정 모드에서만)
-        if (mode === 'U') {
-            initActnInfoGrid();
-        }
-
         console.log('불법행위정보 팝업이 초기화되었습니다. 모드:', mode);
     });
 
-    // 조치정보 그리드 인스턴스
-    var actnInfoGrid;
-    var actnSelectedFiles = []; // 조치정보별 선택된 파일들
 
     /**
      * 탭 전환 함수
@@ -319,21 +224,24 @@
             var actInfoId = $('#actInfoId').val();
             var crdnYr = $('#crdnYr').val();
             var crdnNo = $('#crdnNo').val();
+            var pstnInfoId = $('#pstnInfoId').val();
 
             if (!actInfoId) {
                 alert('행위정보가 등록되지 않았습니다. 먼저 불법행위정보를 저장해주세요.');
                 return;
             }
 
-            var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.do"/>?mode=V' +
+            var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.do"/>?mode=U' +
                 '&actInfoId=' + encodeURIComponent(actInfoId) +
                 '&crdnYr=' + encodeURIComponent(crdnYr) +
+                '&pstnInfoId=' + encodeURIComponent(pstnInfoId) +
                 '&crdnNo=' + encodeURIComponent(crdnNo);
 
             var newWindow = openPopup(url, 1400, 800, 'actnInfoManagePopup');
             if (newWindow) {
                 // 메인페이지 opener 참조를 새 팝업에 전달
                 newWindow.mainOpener = window.opener;
+                window.close();
                 // 현재 창은 닫지 않고 유지 (사용자가 다시 돌아올 수 있도록)
             } else {
                 alert('팝업이 차단되었습니다. 팝업 차단을 해제해주세요.');
@@ -345,107 +253,6 @@
         }
     }
 
-    /**
-     * 조치정보 그리드 초기화
-     * 중요한 로직 주석: TUI Grid를 사용하여 조치정보 목록을 표시하고 행 클릭 시 하단 폼에 로드합니다.
-     */
-    function initActnInfoGrid() {
-        var actInfoId = $('#actInfoId').val();
-        if (!actInfoId) {
-            console.warn('행위정보ID가 없어서 조치정보 그리드를 초기화할 수 없습니다.');
-            return;
-        }
-
-        actnInfoGrid = new XitTuiGridConfig({
-            el: document.getElementById('actnInfoGrid'),
-            data: {
-                api: {
-                    readData: '<c:url value="/crdn/crndRegistAndView/crdnActnInfo/list.ajax"/>',
-                    updateData: null,
-                    deleteData: null,
-                    createData: null
-                }
-            },
-            requestData: {
-                actInfoId: actInfoId // 행위정보ID로 조치정보 조회
-            },
-            columns: [
-                {
-                    header: '조치정보ID',
-                    name: 'actnInfoId',
-                    hidden: true
-                },
-                {
-                    header: '순번',
-                    name: 'rownum',
-                    width: 60,
-                    align: 'center'
-                },
-                {
-                    header: '조치일자',
-                    name: 'actnYmd',
-                    width: 100,
-                    align: 'center',
-                    formatter: function(value) {
-                        if (value && value.length === 8) {
-                            return value.substring(0,4) + '-' + value.substring(4,6) + '-' + value.substring(6,8);
-                        }
-                        return value || '-';
-                    }
-                },
-                {
-                    header: '조치면적(㎡)',
-                    name: 'actnArea',
-                    width: 100,
-                    align: 'right',
-                    formatter: function(value) {
-                        return value ? parseFloat(value).toLocaleString() : '-';
-                    }
-                },
-                {
-                    header: '조치비고',
-                    name: 'actnRmrk',
-                    minWidth: 200,
-                    formatter: function(value) {
-                        return value || '-';
-                    }
-                },
-                {
-                    header: '등록일시',
-                    name: 'regDt',
-                    width: 130,
-                    align: 'center',
-                    formatter: function(value) {
-                        if (value) {
-                            return value.substring(0, 16).replace('T', ' ');
-                        }
-                        return '-';
-                    }
-                }
-            ],
-            pageOptions: {
-                useClient: true,
-                perPage: 5
-            },
-            rowHeaders: ['checkbox'],
-            onGridMounted: function(grid) {
-                // 그리드 로드 완료 후 첫 번째 행 선택
-                setTimeout(function() {
-                    if (grid.getRowCount() > 0) {
-                        grid.focus(0, 'actnYmd', true);
-                        loadActnInfoToForm(grid.getRow(0));
-                    }
-                }, 100);
-            },
-            onFocusChange: function(focusEvent) {
-                if (focusEvent.rowKey !== null) {
-                    var rowData = actnInfoGrid.instance.getRow(focusEvent.rowKey);
-                    loadActnInfoToForm(rowData);
-                }
-            }
-        });
-    }
-
     // 드롭다운 인스턴스들
     var actTypeCdDropdown;
     var strctIdxDropdown;
@@ -755,13 +562,6 @@
                 formData.append('crdnPhotoFiles', crdnSelectedFiles[i]);
             }
         }
-
-        // 중요한 로직 주석: 선택된 조치 사진들을 FormData에 추가 (있는 경우에만)
-        if (actnSelectedFiles && actnSelectedFiles.length > 0) {
-            for (var i = 0; i < actnSelectedFiles.length; i++) {
-                formData.append('actnPhotoFiles', actnSelectedFiles[i]);
-            }
-        }
         
         var url = (mode === 'U') ? 
             '<c:url value="/crdn/crndRegistAndView/crdnActInfo/update.ajax"/>' : 
@@ -800,7 +600,6 @@
 
     // 전역 변수: 선택된 파일들을 사진 종류별로 보관
     var crdnSelectedFiles = [];  // 단속 사진 파일들
-    var actnSelectedFiles = [];  // 조치 사진 파일들
 
     /**
      * 파일 업로드 초기화
@@ -816,11 +615,6 @@
             handleFileSelect(e.target.files, '1');
         });
 
-        // 조치 사진 파일 선택 이벤트
-        $('#actnPhotoFiles').on('change', function(e) {
-            handleFileSelect(e.target.files, '2');
-        });
-
         // 중요로직: 단속 사진 드래그앤드롭 처리
         crdnDropZone.on('dragover', function(e) {
             e.preventDefault();
@@ -844,30 +638,6 @@
                 handleFileSelect(files, '1'); // 단속 사진으로 처리
             }
         });
-
-        // 중요로직: 조치 사진 드래그앤드롭 처리
-        actnDropZone.on('dragover', function(e) {
-            e.preventDefault();
-            e.stopPropagation();
-            actnDropZone.addClass('drag-over');
-        });
-
-        actnDropZone.on('dragleave', function(e) {
-            e.preventDefault();
-            e.stopPropagation();
-            actnDropZone.removeClass('drag-over');
-        });
-
-        actnDropZone.on('drop', function(e) {
-            e.preventDefault();
-            e.stopPropagation();
-            actnDropZone.removeClass('drag-over');
-
-            var files = e.originalEvent.dataTransfer.files;
-            if (files.length > 0) {
-                handleFileSelect(files, '2'); // 조치 사진으로 처리
-            }
-        });
     }
 
     /**
@@ -916,10 +686,10 @@
      * 중요한 로직 주석: 파일 크기, 확장자, 타입을 검증한다.
      */
     function validateFile(file) {
-        // 파일 크기 체크 (20MB)
-        var maxSize = 20 * 1024 * 1024;
+        // 파일 크기 체크 (10MB)
+        var maxSize = 10 * 1024 * 1024;
         if (file.size > maxSize) {
-            alert(file.name + ' 파일이 20MB를 초과합니다.');
+            alert(file.name + ' 파일이 10MB를 초과합니다.');
             return false;
         }
         
@@ -1036,294 +806,4 @@
         openPopup(url, 1000, 700, '_blank');
     }
 
-    /**
-     * 조치정보 그리드 행 클릭 이벤트 핸들러
-     * 중요한 로직 주석: 그리드에서 선택된 조치정보 데이터를 하단 폼에 로드한다.
-     */
-    function onActnInfoGridClick(ev) {
-        var rowData = ev.rowKey !== null ? actnInfoGrid.getRow(ev.rowKey) : null;
-        if (rowData) {
-            loadActnInfoToForm(rowData);
-        }
-    }
-
-    /**
-     * 조치정보 데이터를 폼에 로드
-     * 중요한 로직 주석: 선택된 조치정보 데이터를 하단 입력 폼의 각 필드에 설정한다.
-     * @param {Object} rowData - 그리드에서 선택된 조치정보 데이터
-     */
-    function loadActnInfoToForm(rowData) {
-        // 조치정보 ID 설정 (숨겨진 필드)
-        $('#actnInfoId').val(rowData.actnInfoId || '');
-
-        // 조치 일자 설정
-        $('#actnYmd').val(rowData.actnYmd || '');
-
-        // 조치 면적 설정 (소수점 2자리까지 표시)
-        $('#actnArea').val(rowData.actnArea || '');
-
-        // 조치 비고 설정
-        $('#actnRmrk').val(rowData.actnRmrk || '');
-
-        // 폼 모드를 수정으로 설정
-        $('#actnFormMode').val('U');
-
-        // 기존 조치사진 로드
-        loadActnPhotos(rowData.actnInfoId);
-
-        log.debug('조치정보 폼 로드 완료', rowData);
-    }
-
-    /**
-     * 조치사진 목록 로드
-     * 중요한 로직 주석: 선택된 조치정보의 기존 조치사진들을 조회하여 미리보기 영역에 표시한다.
-     * @param {string} actnInfoId - 조치정보 ID
-     */
-    function loadActnPhotos(actnInfoId) {
-        if (!actnInfoId) {
-            $('#actnPhotoPreviewContainer').empty();
-            return;
-        }
-
-        $.ajax({
-            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/selectActnPhotos.ajax"/>',
-            type: 'GET',
-            data: { actnInfoId: actnInfoId },
-            success: function(response) {
-                $('#actnPhotoPreviewContainer').empty();
-
-                if (response && response.data && response.data.length > 0) {
-                    $.each(response.data, function(index, photo) {
-                        var previewHtml =
-                            '<div class="photo-preview-item existing-photo" data-actn-info-id="' + photo.actnInfoId +
-                            '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="2">' +
-                            '    <div class="photo-thumbnail">' +
-                            '        <img src="<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoThumbnail.do"/>?actnInfoId=' +
-                            photo.actnInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '" alt="' + photo.crdnPhotoNm + '">' +
-                            '    </div>' +
-                            '    <div class="photo-info">' +
-                            '        <div class="photo-name" title="' + photo.crdnPhotoNm + '">' + photo.crdnPhotoNm + '</div>' +
-                            '        <div class="photo-type">[조치]</div>' +
-                            '        <div class="photo-buttons">' +
-                            '            <button type="button" class="view-photo-btn" onclick="viewOriginalActnPhoto(\'' +
-                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">보기</button>' +
-                            '            <button type="button" class="delete-photo-btn" onclick="deleteExistingActnPhoto(\'' +
-                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">삭제</button>' +
-                            '        </div>' +
-                            '    </div>' +
-                            '</div>';
-
-                        $('#actnPhotoPreviewContainer').append(previewHtml);
-                    });
-                }
-            },
-            error: function() {
-                alert('조치사진 조회 중 오류가 발생했습니다.');
-            }
-        });
-    }
-
-    /**
-     * 조치정보 저장
-     * 중요한 로직 주석: 입력된 조치정보와 조치사진을 서버에 저장한다. 신규등록/수정을 자동 판단한다.
-     */
-    function saveActnInfo() {
-        // 기본 유효성 검증
-        if (!validateActnForm()) {
-            return;
-        }
-
-        var actnInfoId = $('#actnInfoId').val().trim();
-        var actInfoId = $('#actInfoId').val(); // 부모 행위정보 ID
-        var mode = actnInfoId ? 'U' : 'C'; // 조치정보 ID가 있으면 수정, 없으면 신규
-
-        // FormData 생성 (파일 업로드를 위해)
-        var formData = new FormData();
-        formData.append('mode', mode);
-        formData.append('actInfoId', actInfoId); // 부모 행위정보 ID
-        formData.append('actnInfoId', actnInfoId);
-        formData.append('actnYmd', $('#actnYmd').val().trim());
-        formData.append('actnArea', $('#actnArea').val().trim());
-        formData.append('actnRmrk', $('#actnRmrk').val().trim());
-
-        // 새로 선택한 조치사진 파일들 추가
-        if (actnSelectedFiles && actnSelectedFiles.length > 0) {
-            for (var i = 0; i < actnSelectedFiles.length; i++) {
-                formData.append('actnPhotoFiles', actnSelectedFiles[i]);
-            }
-        }
-
-        // 저장 요청
-        $.ajax({
-            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/saveActnInfo.ajax"/>',
-            type: 'POST',
-            data: formData,
-            processData: false,
-            contentType: false,
-            success: function(response) {
-                if (response && response.success) {
-                    alert(mode === 'C' ? '조치정보가 등록되었습니다.' : '조치정보가 수정되었습니다.');
-
-                    // 폼 초기화
-                    clearActnForm();
-
-                    // 그리드 새로고침
-                    actnInfoGrid.readData(1);
-
-                } else {
-                    alert(response.message || '조치정보 저장에 실패했습니다.');
-                }
-            },
-            error: function() {
-                alert('조치정보 저장 중 오류가 발생했습니다.');
-            }
-        });
-    }
-
-    /**
-     * 조치정보 삭제
-     * 중요한 로직 주석: 선택된 조치정보와 관련 조치사진을 논리삭제한다.
-     */
-    function deleteActnInfo() {
-        var actnInfoId = $('#actnInfoId').val().trim();
-
-        if (!actnInfoId) {
-            alert('삭제할 조치정보를 선택해주세요.');
-            return;
-        }
-
-        if (!confirm('선택한 조치정보를 삭제하시겠습니까?\n관련된 조치사진도 함께 삭제됩니다.')) {
-            return;
-        }
-
-        $.ajax({
-            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnInfo.ajax"/>',
-            type: 'POST',
-            data: {
-                actnInfoId: actnInfoId,
-                mode: 'D'
-            },
-            success: function(response) {
-                if (response && response.success) {
-                    alert('조치정보가 삭제되었습니다.');
-
-                    // 폼 초기화
-                    clearActnForm();
-
-                    // 그리드 새로고침
-                    actnInfoGrid.readData(1);
-
-                } else {
-                    alert(response.message || '조치정보 삭제에 실패했습니다.');
-                }
-            },
-            error: function() {
-                alert('조치정보 삭제 중 오류가 발생했습니다.');
-            }
-        });
-    }
-
-    /**
-     * 조치정보 폼 초기화
-     * 중요한 로직 주석: 조치정보 입력 폼의 모든 필드를 초기화하고 신규등록 모드로 설정한다.
-     */
-    function clearActnForm() {
-        $('#actnInfoId').val('');
-        $('#actnYmd').val('');
-        $('#actnArea').val('');
-        $('#actnRmrk').val('');
-        $('#actnFormMode').val('C');
-
-        // 조치사진 초기화
-        $('#actnPhotoPreviewContainer').empty();
-        $('#actnPhotoFiles').val('');
-        actnSelectedFiles = [];
-
-        log.debug('조치정보 폼 초기화 완료');
-    }
-
-    /**
-     * 조치정보 폼 유효성 검증
-     * 중요한 로직 주석: 조치정보 입력값의 필수 항목과 형식을 검증한다.
-     * @returns {boolean} 유효성 검증 결과
-     */
-    function validateActnForm() {
-        var actnYmd = $('#actnYmd').val().trim();
-        var actnArea = $('#actnArea').val().trim();
-
-        // 조치 일자 필수 입력 체크
-        if (!actnYmd) {
-            alert('조치 일자를 입력해주세요.');
-            $('#actnYmd').focus();
-            return false;
-        }
-
-        // 조치 일자 형식 체크 (YYYYMMDD)
-        var dateRegex = /^\d{8}$/;
-        if (!dateRegex.test(actnYmd)) {
-            alert('조치 일자는 YYYYMMDD 형식으로 입력해주세요.');
-            $('#actnYmd').focus();
-            return false;
-        }
-
-        // 조치 면적 형식 체크 (숫자, 소수점 허용)
-        if (actnArea && isNaN(parseFloat(actnArea))) {
-            alert('조치 면적은 숫자로 입력해주세요.');
-            $('#actnArea').focus();
-            return false;
-        }
-
-        // 조치 면적 범위 체크 (0보다 큰 값)
-        if (actnArea && parseFloat(actnArea) <= 0) {
-            alert('조치 면적은 0보다 큰 값을 입력해주세요.');
-            $('#actnArea').focus();
-            return false;
-        }
-
-        return true;
-    }
-
-    /**
-     * 기존 조치사진 삭제
-     * 중요한 로직 주석: DB에 등록된 조치사진을 논리삭제하고 화면에서 제거한다.
-     * @param {string} actnInfoId - 조치정보 ID
-     * @param {string} crdnPhotoSn - 사진 순번
-     */
-    function deleteExistingActnPhoto(actnInfoId, crdnPhotoSn) {
-        if (!confirm('선택한 조치사진을 삭제하시겠습니까?')) {
-            return;
-        }
-
-        $.ajax({
-            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnPhoto.ajax"/>',
-            type: 'POST',
-            data: {
-                actnInfoId: actnInfoId,
-                crdnPhotoSn: crdnPhotoSn
-            },
-            success: function(response) {
-                if (response && response.success) {
-                    // 화면에서 해당 사진 제거
-                    $('[data-actn-info-id="' + actnInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"][data-photo-type="2"]').remove();
-                    alert('조치사진이 삭제되었습니다.');
-                } else {
-                    alert(response.message || '조치사진 삭제에 실패했습니다.');
-                }
-            },
-            error: function() {
-                alert('조치사진 삭제 중 오류가 발생했습니다.');
-            }
-        });
-    }
-
-    /**
-     * 조치사진 원본 보기
-     * 중요한 로직 주석: 등록된 조치사진을 팝업 창에서 원본 크기로 표시한다.
-     */
-    function viewOriginalActnPhoto(actnInfoId, crdnPhotoSn) {
-        var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnPhotoView.do"/>?actnInfoId=' + actnInfoId + '&crdnPhotoSn=' + crdnPhotoSn;
-        openPopup(url, 1000, 700, '_blank');
-    }
-
-
 </script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp
index 075194a..6ed7ba8 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp
@@ -4,808 +4,737 @@
 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
 <%@ taglib prefix="dateUtil" uri="http://egovframework.go.kr/functions/date-util" %>
 
+<!-- 파일 업로드 관련 CSS -->
+<link rel="stylesheet" type="text/css" href="<c:url value='/resources/xit/xit-fileupload.css'/>" />
+
 <!-- 조치정보 관리 팝업 -->
 <div class="popup_wrap">
     <div class="popup_inner">
         <div class="popup_tit">
-            <h2 class="tit" id="popupTitle">
-                <c:choose>
-                    <c:when test="${mode eq 'U'}">조치정보 관리 - 수정</c:when>
-                    <c:when test="${mode eq 'V'}">조치정보 관리 - 보기</c:when>
-                    <c:otherwise>조치정보 관리 - 등록</c:otherwise>
-                </c:choose>
-            </h2>
+            <h2 class="tit" id="popupTitle">조치정보 관리</h2>
             <a href="#" class="pop-x-btn modalclose" id="btnCloseTop"></a>
         </div>
 
         <!-- 탭 메뉴 -->
         <div class="tab-container">
             <ul class="tab-menu">
-                <li class="tab-item" data-tab="act">
+                <li id="tab-act" class="tab-item" data-tab="act">
                     <a href="#" class="tab-link">1. 불법행위정보</a>
                 </li>
-                <li class="tab-item active" data-tab="actn">
+                <li id="tab-actn" class="tab-item active" data-tab="actn">
                     <a href="#" class="tab-link">2. 조치정보</a>
                 </li>
             </ul>
         </div>
 
         <div class="popup_con">
-            <div class="cash_tables">
-                <form id="actnInfoForm" name="actnInfoForm">
-                    <input type="hidden" id="mode" name="mode" value="${mode}" />
-                    <input type="hidden" id="actInfoId" name="actInfoId" value="${actInfoId}" />
-                    <input type="hidden" id="actnInfoId" name="actnInfoId" value="" />
-                    <input type="hidden" id="crdnYr" name="crdnYr" value="${crdnYr}" />
-                    <input type="hidden" id="crdnNo" name="crdnNo" value="${crdnNo}" />
-                </form>
-            </div>
-
-            <!-- 조치정보 그리드 영역 -->
-            <div class="box_column">
-                <ul class="box_title">
-                    <li class="tit">조치정보 목록</li>
-                    <span id="totalCount" class="total-count" style="padding-left: 25px;padding-right: 25px;">총 0건</span>
-                    <li class="r-menu">
-                        <button type="button" id="btnAddActnInfo" class="newbtn bg3">등록</button>
-                        <button type="button" id="btnDeleteActnInfo" class="newbtn bg5">삭제</button>
-                    </li>
-                </ul>
-                <div class="containers">
-                    <div id="grid"></div>
-                </div>
-            </div>
-
-            <!-- 조치정보 입력 폼 -->
-            <div class="box_column" style="margin-top: 20px;">
-                <ul class="box_title">
-                    <li class="tit">조치정보 입력</li>
-                </ul>
-                <div class="containers">
-                    <table class="display">
-                        <colgroup>
-                            <col style="width: 120px;" />
-                            <col style="width: 200px;" />
-                            <col style="width: 120px;" />
-                            <col style="width: 200px;" />
-                            <col />
-                        </colgroup>
-                        <tbody>
-                        <tr>
-                            <th>조치일자 <span class="required">*</span></th>
-                            <td>
-                                <input type="text" id="actnYmd" name="actnYmd" class="input calender datepicker"
-                                       style="width: 120px;" maxlength="10" validation-check="required" />
-                            </td>
-                            <th>조치면적</th>
-                            <td>
-                                <input type="text" id="actnArea" name="actnArea" class="input decimalMask"
-                                       style="width: 120px; text-align: right;" /> m²
-                            </td>
-                            <td rowspan="2">
-                                <button type="button" id="btnSaveActnInfo" class="newbtn bg3" style="margin-right: 5px;">저장</button>
-                                <button type="button" id="btnClearActnForm" class="newbtn bg4">초기화</button>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th>조치비고</th>
-                            <td colspan="3">
-                                <textarea id="actnRmrk" name="actnRmrk" class="input" style="width: 100%; height: 60px; resize: vertical;"
-                                          maxlength="1000" placeholder="조치에 대한 비고사항을 입력하세요."></textarea>
-                            </td>
-                        </tr>
-                        </tbody>
-                    </table>
+            <!-- 조치정보 탭 컨텐츠 -->
+            <div id="tab-content-actn" class="tab-content active">
+                <!-- 조치정보 그리드 영역 -->
+                <div class="box_column">
+                    <ul class="box_title">
+                        <li class="tit">조치 정보</li>
+                        <li class="rig">
+                            <button type="button" id="pstnInfoRegistBtn" class="newbtn bg2-1">추가</button>
+                            <button type="button" id="pstnInfoDeleteBtn" class="newbtn bg6">삭제</button>
+                        </li>
+                    </ul>
+                    <div class="containers">
+                        <div id="actnInfoGrid"></div>
+                    </div>
                 </div>
-            </div>
 
-            <!-- 조치사진 영역 -->
-            <div class="box_column" style="margin-top: 20px;">
-                <ul class="box_title">
-                    <li class="tit">조치사진</li>
-                    <li class="r-menu">
-                        <input type="file" id="actnPhotoFiles" multiple accept="image/*" style="display: none;" />
-                        <button type="button" id="btnSelectActnPhotos" class="newbtn bg3">사진 선택</button>
-                    </li>
-                </ul>
-                <div class="containers">
-                    <div id="actnPhotoPreviewContainer" class="photo-preview-container">
-                        <!-- 조치사진 미리보기가 여기에 표시됩니다 -->
-                    </div>
-                    <div class="photo-notice">
-                        <p>* 이미지 파일만 업로드 가능합니다. (jpg, jpeg, png, gif)</p>
-                        <p>* 파일 크기는 20MB 이하로 제한됩니다.</p>
+                <!-- 조치정보 입력 폼 -->
+                <div class="box_column mt-20">
+                    <ul class="box_title">
+                        <li class="tit">조치정보 상세</li>
+                    </ul>
+                    <div class="containers">
+                        <form id="actnInfoForm" name="actnInfoForm">
+                            <input type="hidden" id="mode" name="mode" value="${mode}" />
+                            <input type="hidden" id="pstnInfoId" name="pstnInfoId" value="${pstnInfoId}" />
+                            <input type="hidden" id="actInfoId" name="actInfoId" value="${actInfoId}" />
+                            <input type="hidden" id="actnInfoId" name="actnInfoId" value="" />
+                            <input type="hidden" id="crdnYr" name="crdnYr" value="${crdnYr}" />
+                            <input type="hidden" id="crdnNo" name="crdnNo" value="${crdnNo}" />
+                            <input type="hidden" id="actnMode" name="actnMode" value="C" />
+
+                            <div class="forms_table_non">
+                                <table>
+                                    <colgroup>
+                                        <col style="width: 18%;" />
+                                        <col style="width: 32%;" />
+                                        <col style="width: 18%;" />
+                                        <col style="width: 32%;" />
+                                    </colgroup>
+                                    <tr>
+                                        <th class="th"><span class="required">*</span> 조치일자</th>
+                                        <td>
+                                            <input type="text" id="actnYmd" name="actnYmd" class="input calender datepicker" maxlength="10" style="width: 120px;" autocomplete="off" validation-check="required date" />
+                                        </td>
+                                        <th class="th"><span class="required">*</span> 조치면적(㎡)</th>
+                                        <td>
+                                            <input type="text" id="actnArea" name="actnArea" class="input decimalMask" style="width: 120px;" maxlength="12" placeholder="예) 45.94" validation-check="required" />
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th class="th">조치비고</th>
+                                        <td colspan="3">
+                                            <textarea id="actnRmrk" name="actnRmrk" class="textarea" rows="3" maxlength="1000" style="height: 80px;"></textarea>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th class="th">조치사진</th>
+                                        <td colspan="3">
+                                            <!-- 조치사진 업로드 영역 -->
+                                            <div class="file-upload-section" data-photo-type="2">
+                                                <div class="file-upload-controls">
+                                                    <label for="actnPhotoFiles" class="file-upload-btn smallb-2">
+                                                        <span>조치사진 선택</span>
+                                                        <input type="file" id="actnPhotoFiles" name="actnPhotoFiles" accept="image/*" multiple style="display: none;">
+                                                    </label>
+                                                    <span class="file-info">최대 10개, 각 10MB 이하의 이미지 파일만 업로드 가능합니다.</span>
+                                                </div>
+                                                <div class="photo-preview-container" id="actnPhotoPreviewContainer">
+                                                    <!-- 기존 조치사진들이 여기에 표시됩니다 -->
+                                                </div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </div>
+                        </form>
+
+                        <div class="forms_foot">
+                            <div class="btn_group">
+
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-
-        <!-- 버튼 영역 -->
-        <div class="popup_footer">
-            <div class="r-menu">
-                <button type="button" id="btnClose" class="newbtn bg4 modalclose">닫기</button>
-            </div>
+        <div class="popup_foot">
+            <button type="button" id="btnSaveActn" class="newbtns bg1">조치정보 저장</button>
+            <button type="button" id="btnDeleteActn" class="newbtns bg6">조치정보 삭제</button>
+            <button type="button" id="btnClearActn" class="newbtns bg2">입력 초기화</button>
+            <button type="button" id="btnClose" class="newbtns bg2 modalclose">닫기</button>
         </div>
     </div>
 </div>
 
-<style>
-/* 조치사진 미리보기 스타일 */
-.photo-preview-container {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    min-height: 100px;
-    padding: 10px;
-    border: 1px dashed #ddd;
-    background-color: #fafafa;
-}
-
-.photo-preview-item {
-    position: relative;
-    width: 120px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    background-color: white;
-    overflow: hidden;
-}
-
-.photo-thumbnail {
-    width: 100%;
-    height: 80px;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.photo-thumbnail img {
-    max-width: 100%;
-    max-height: 100%;
-    object-fit: cover;
-}
-
-.photo-info {
-    padding: 5px;
-    font-size: 11px;
-    line-height: 1.2;
-}
-
-.photo-name {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom: 3px;
-}
-
-.photo-type {
-    color: #666;
-    font-size: 10px;
-    margin-bottom: 3px;
-}
-
-.photo-buttons {
-    display: flex;
-    gap: 3px;
-}
-
-.view-photo-btn, .delete-photo-btn {
-    font-size: 10px;
-    padding: 2px 5px;
-    border: none;
-    border-radius: 2px;
-    cursor: pointer;
-}
-
-.view-photo-btn {
-    background-color: #007bff;
-    color: white;
-}
-
-.delete-photo-btn {
-    background-color: #dc3545;
-    color: white;
-}
-
-.photo-notice {
-    margin-top: 10px;
-    font-size: 12px;
-    color: #666;
-}
-
-.photo-notice p {
-    margin: 2px 0;
-}
-</style>
-
-<script>
-/**
- * 조치정보 관리 팝업 관련 JavaScript
- * 중요한 로직 주석: TUI Grid를 사용한 조치정보 목록 표시 및 CRUD 처리
- */
-var CrdnActnInfoManage = {
-    // 기본 정보
-    actInfoId: '${actInfoId}',
-    crdnYr: '${crdnYr}',
-    crdnNo: '${crdnNo}',
-
-    // 선택된 조치사진 파일들
-    actnSelectedFiles: [],
-
+<script type="text/javascript">
     /**
-     * 초기화
-     * 중요한 로직 주석: 페이지 로드 시 그리드 초기화 및 이벤트 바인딩
+     * 조치정보 관리 팝업 JavaScript
+     * 중요한 로직 주석: crdnActInfoRegistPopup.jsp와 동일한 구조, levyPrvntcPopup.jsp의 탭 패턴 적용
      */
-    init: function() {
-        this.initGrid();
-        this.bindEvents();
-        this.loadActnInfoList();
-    },
-
-    /**
-     * 이벤트 바인딩
-     */
-    bindEvents: function() {
-        var self = this;
-
-        // 탭 클릭 이벤트
-        $('.tab-item a').on('click', function(e) {
-            e.preventDefault();
-            var tabType = $(this).closest('.tab-item').data('tab');
-            self.switchTab(tabType);
-        });
-
-        // 조치정보 등록 버튼
-        $('#btnAddActnInfo').on('click', function() {
-            self.clearActnForm();
-        });
-
-        // 조치정보 삭제 버튼
-        $('#btnDeleteActnInfo').on('click', function() {
-            self.deleteSelectedActnInfo();
-        });
-
-        // 조치정보 저장 버튼
-        $('#btnSaveActnInfo').on('click', function() {
-            self.saveActnInfo();
-        });
-
-        // 폼 초기화 버튼
-        $('#btnClearActnForm').on('click', function() {
-            self.clearActnForm();
-        });
-
-        // 조치사진 선택 버튼
-        $('#btnSelectActnPhotos').on('click', function() {
-            $('#actnPhotoFiles').click();
-        });
-
-        // 조치사진 파일 선택 이벤트
-        $('#actnPhotoFiles').on('change', function() {
-            self.handleActnPhotoFileSelect(this.files);
-        });
-
-        // 팝업 닫기
-        $('#btnClose, #btnCloseTop').on('click', function() {
-            self.closePopup();
-        });
-    },
+    var CrdnActnInfoManage = {
+        // 기본 정보
+        actInfoId: '${actInfoId}',
+        crdnYr: '${crdnYr}',
+        crdnNo: '${crdnNo}',
+        pstnInfoId: '${pstnInfoId}',
+
+        // 그리드 인스턴스
+        grid: null,
+
+        // 선택된 조치사진 파일들
+        actnSelectedFiles: [],
+
+        /**
+         * 초기화
+         */
+        init: function() {
+            this.initGrid();
+            this.eventBindEvents();
+            this.loadActnInfoList();
+        },
+
+        /**
+         * 이벤트 초기화 (crdnActInfoRegistPopup.jsp 패턴과 동일)
+         */
+        eventBindEvents: function() {
+            var self = this;
+
+            // 달력 초기화
+            $('#actnYmd').datepicker({
+                container: '.popup_inner',
+                language: "kr"
+            });
+
+            // 탭 전환 이벤트 (levyPrvntcPopup.jsp 패턴 적용)
+            $('.tab-link').on('click', function(e) {
+                e.preventDefault();
+                self.switchTab($(this).parent().data('tab'));
+            });
+
+            // 조치정보 추가 버튼
+            $('#btnAddActn').on('click', function() {
+                self.clearActnForm();
+            });
+
+            // 조치정보 저장 버튼
+            $('#btnSaveActn').on('click', function() {
+                self.saveActnInfo();
+            });
+
+            // 조치정보 삭제 버튼
+            $('#btnDeleteActn').on('click', function() {
+                self.deleteActnInfo();
+            });
+
+            // 입력 초기화 버튼
+            $('#btnClearActn').on('click', function() {
+                self.clearActnForm();
+            });
+
+            // 조치사진 파일 선택 이벤트
+            $('#actnPhotoFiles').on('change', function(e) {
+                self.handleFileSelect(e.target.files, '2');
+            });
+
+            // 팝업 닫기
+            $('#btnClose, #btnCloseTop').on('click', function() {
+                self.closePopup();
+            });
+        },
+
+        switchTab: function(tabType) {
+            var self = this;
+            if (tabType === 'act') {
+
+                var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.do"/>?mode=U' +
+                    '&actInfoId=' + encodeURIComponent(self.actInfoId) +
+                    '&pstnInfoId=' + encodeURIComponent(self.pstnInfoId) +
+                    '&crdnYr=' + encodeURIComponent(self.crdnYr) +
+                    '&crdnNo=' + encodeURIComponent(self.crdnNo);
+                var newWindow = openPopup(url, 1200, 700, 'actInfoPopup');
+                if (newWindow) {
+                    window.close();
+                } else {
+                    alert('팝업이 차단되었습니다. 팝업 차단을 해제해주세요.');
+                }
 
-    /**
-     * 탭 전환 처리
-     * 중요한 로직 주석: 불법행위정보 탭으로 전환 시 부모 팝업으로 돌아간다.
-     */
-    switchTab: function(tabType) {
-        if (tabType === 'act') {
-            // 불법행위정보 탭으로 전환 - 부모 팝업으로 돌아가기
-            if (window.opener && !window.opener.closed) {
-                window.opener.focus();
+            } else if (tabType === 'actn') {
+                // 조치정보 탭은 현재 페이지 (활성화 상태 유지)
+                $('.tab-item').removeClass('active');
+                $('.tab-item[data-tab="' + tabType + '"]').addClass('active');
             }
-            window.close();
-        } else {
-            // 조치정보 탭은 현재 페이지
-            $('.tab-item').removeClass('active');
-            $('.tab-item[data-tab="' + tabType + '"]').addClass('active');
-        }
-    },
-
-    /**
-     * 그리드 초기화
-     * 중요한 로직 주석: XitTuiGridConfig를 사용한 조치정보 그리드 설정
-     */
-    initGrid: function() {
-        var self = this;
-
-        // 데이터 소스 설정
-        var dataSource = {
-            api: {
-                readData: {
-                    url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoList.ajax"/>',
-                    method: 'POST',
-                    contentType: 'application/x-www-form-urlencoded',
-                    processData: true
+        },
+
+
+        /**
+         * 조치정보 그리드 초기화
+         */
+        initGrid: function() {
+            var self = this;
+
+            // 데이터 소스 설정
+            var dataSource = {
+                api: {
+                    readData: {
+                        url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoList.ajax"/>',
+                        method: 'POST',
+                        contentType: 'application/x-www-form-urlencoded',
+                        processData: true
+                    }
+                },
+                initialRequest: false,
+                serializer: function(params) {
+                    var defaultParams = $.param(params);
+                    var extra = $.param({ actInfoId: self.actInfoId });
+                    return defaultParams + '&' + extra;
                 }
-            },
-            initialRequest: false,
-            serializer: function(params) {
-                var defaultParams = $.param(params);
-                var extra = $.param({
-                    "actInfoId": self.actInfoId
-                });
-                return defaultParams + '&' + extra;
-            }
-        };
-
-        // 그리드 설정 객체 생성
-        var gridConfig = new XitTuiGridConfig();
-
-        // 기본 설정
-        gridConfig.setOptDataSource(dataSource);
-        gridConfig.setOptGridId('grid');
-        gridConfig.setOptGridHeight(250);
-        gridConfig.setOptRowHeight(30);
-        gridConfig.setOptUseClientSort(true);
-        gridConfig.setOptRowHeaderType('checkbox');
-
-        // 컬럼 설정
-        gridConfig.setOptColumns([
-            {header: '조치정보ID', name: 'actnInfoId', align: 'center', width: 100, hidden: true},
-            {header: '순번', name: 'rownum', align: 'center', width: 60},
-            {header: '조치일자', name: 'actnYmd', align: 'center', width: 100,
-                formatter: function(value) {
-                    if (value && value.length === 8) {
-                        return value.substring(0,4) + '-' + value.substring(4,6) + '-' + value.substring(6,8);
+            };
+
+            // 그리드 설정 객체 생성
+            var gridConfig = new XitTuiGridConfig();
+
+            // 기본 설정
+            gridConfig.setOptDataSource(dataSource);
+            gridConfig.setOptGridId('actnInfoGrid');
+            gridConfig.setOptGridHeight(150);
+            gridConfig.setOptRowHeight(30);
+            gridConfig.setOptUseClientSort(true);
+            gridConfig.setOptRowHeaderType('checkbox');
+
+            gridConfig.setOptColumns([
+                {
+                    header: '조치정보ID',
+                    name: 'actnInfoId',
+                    hidden: true
+                },
+                {
+                    header: '순번',
+                    name: 'rownum',
+                    width: 60,
+                    align: 'center'
+                },
+                {
+                    header: '조치일자',
+                    name: 'actnYmd',
+                    width: 100,
+                    align: 'center',
+                    formatter: function(e) {
+                        if (e.value && e.value.length === 8) {
+                            return e.value.substring(0,4) + '-' + e.value.substring(4,6) + '-' + e.value.substring(6,8);
+                        }
+                        return e.value || '-';
+                    }
+                },
+                {
+                    header: '조치면적(㎡)',
+                    name: 'actnArea',
+                    width: 100,
+                    align: 'right',
+                    formatter: function(e) {
+                        return e.value ? parseFloat(e.value).toLocaleString() : '-';
+                    }
+                },
+                {
+                    header: '조치비고',
+                    name: 'actnRmrk',
+                    minWidth: 200,
+                    formatter: function(e) {
+                        return e.value || '-';
+                    }
+                },
+                {
+                    header: '등록일시',
+                    name: 'regDt',
+                    width: 130,
+                    align: 'center',
+                    formatter: function(e) {
+                        if (e.value) {
+                            return e.value.substring(0, 16).replace('T', ' ');
+                        }
+                        return '-';
                     }
-                    return value;
                 }
-            },
-            {header: '조치면적(m²)', name: 'actnArea', align: 'right', width: 100,
-                formatter: function(value) {
-                    return value ? parseFloat(value).toLocaleString() : '';
+            ]);
+
+            // 그리드 인스턴스 생성
+            var Grid = tui.Grid;
+            this.grid = gridConfig.instance(Grid);
+
+            // 그리드 테마 설정
+            Grid.applyTheme('striped');
+
+            // 그리드 이벤트 바인딩
+            this.bindGridEvents();
+        },
+
+        /**
+         * 그리드 이벤트 바인딩
+         */
+        bindGridEvents: function() {
+            var self = this;
+
+            // 데이터 로딩 완료 이벤트
+            this.grid.on('successResponse', function(ev) {
+                var responseObj = JSON.parse(ev.xhr.response);
+                var totalCount = 0;
+                if (responseObj && responseObj.data && responseObj.data.contents) {
+                    totalCount = responseObj.data.contents.length;
+                    $('#actnTotalCount').text('총 ' + totalCount + '건');
                 }
-            },
-            {header: '조치비고', name: 'actnRmrk', align: 'left', width: 300},
-            {header: '등록일시', name: 'regDt', align: 'center', width: 150,
-                formatter: function(value) {
-                    if (value) {
-                        return value.replace('T', ' ');
-                    }
-                    return value;
+            });
+
+            // 그리드 렌더링 및 데이터 업데이트 완료 이벤트
+            this.grid.on('onGridUpdated', function() {
+                var allRows = self.grid.getData();
+                if (allRows && allRows.length > 0) {
+                    // 첫 번째 행 선택
+                    self.grid.focus(0, 'actnYmd', true);
+                    self.loadActnInfoToForm(allRows[0]);
                 }
-            },
-            {header: '등록자', name: 'rgtr', align: 'center', width: 100}
-        ]);
-
-        // 그리드 생성
-        var Grid = tui.Grid;
-        this.grid = gridConfig.instance(Grid);
-
-        // 그리드 테마 설정
-        Grid.applyTheme('striped');
-
-        // 그리드 이벤트 바인딩
-        this.grid.on('click', function(ev) {
-            if (ev.rowKey !== null) {
-                var rowData = self.grid.getRow(ev.rowKey);
-                self.loadActnInfoToForm(rowData);
-            }
-        });
-
-        // 데이터 로딩 완료 이벤트
-        this.grid.on('successResponse', function(ev) {
-            var responseObj = JSON.parse(ev.xhr.response);
-            var totalCount = 0;
-            if (responseObj && responseObj.data && responseObj.data.contents) {
-                totalCount = responseObj.data.contents.length;
+            });
+
+            // 행 포커스 변경 이벤트
+            this.grid.on('focusChange', function(ev) {
+                if (ev.rowKey !== null) {
+                    var rowData = self.grid.getRow(ev.rowKey);
+                    self.loadActnInfoToForm(rowData);
+                }
+            });
+        },
+
+        /**
+         * 조치정보 목록 조회
+         */
+        loadActnInfoList: function() {
+            if (this.grid) {
+                this.grid.readData();
             }
-            $('#totalCount').text('총 ' + totalCount + '건');
-        });
-    },
+        },
 
-    /**
-     * 조치정보 목록 조회
-     */
-    loadActnInfoList: function() {
-        this.grid.readData(1);
-    },
+        loadActnInfoToForm: function(rowData) {
+            if (!rowData) return;
 
-    /**
-     * 조치정보 데이터를 폼에 로드
-     * 중요한 로직 주석: 그리드에서 선택된 조치정보를 폼에 설정하고 관련 사진을 로드한다.
-     */
-    loadActnInfoToForm: function(rowData) {
-        if (!rowData) return;
+            // 조치정보 ID 설정 (숨겨진 필드)
+            $('#actnInfoId').val(rowData.actnInfoId || '');
 
-        // 조치정보 ID 설정
-        $('#actnInfoId').val(rowData.actnInfoId || '');
+            // 조치 일자 설정
+            $('#actnYmd').val(rowData.actnYmd || '');
 
-        // 조치일자 설정 (YYYYMMDD -> YYYY-MM-DD)
-        var actnYmd = rowData.actnYmd || '';
-        if (actnYmd.length === 8) {
-            actnYmd = actnYmd.substring(0,4) + '-' + actnYmd.substring(4,6) + '-' + actnYmd.substring(6,8);
-        }
-        $('#actnYmd').val(actnYmd);
+            // 조치 면적 설정 (소수점 2자리까지 표시)
+            $('#actnArea').val(rowData.actnArea || '');
 
-        // 조치면적 설정
-        $('#actnArea').val(rowData.actnArea || '');
+            // 조치 비고 설정
+            $('#actnRmrk').val(rowData.actnRmrk || '');
 
-        // 조치비고 설정
-        $('#actnRmrk').val(rowData.actnRmrk || '');
+            // 폼 모드를 수정으로 설정
+            $('#actnMode').val('U');
 
-        // 관련 조치사진 로드
-        this.loadActnPhotos(rowData.actnInfoId);
+            // 기존 조치사진 로드
+            this.loadActnPhotos(rowData.actnInfoId);
 
-        console.log('조치정보 폼 로드 완료:', rowData);
-    },
+            console.log('조치정보 폼 로드 완료:', rowData);
+        },
 
-    /**
-     * 조치사진 목록 로드
-     * 중요한 로직 주석: 선택된 조치정보의 기존 조치사진들을 조회하여 미리보기 영역에 표시한다.
-     */
-    loadActnPhotos: function(actnInfoId) {
-        var self = this;
+        /**
+         * 조치사진 목록 로드 (crdnActInfoRegistPopup.jsp의 loadActnPhotos 패턴)
+         */
+        loadActnPhotos: function(actnInfoId) {
+            var self = this;
 
-        if (!actnInfoId) {
-            $('#actnPhotoPreviewContainer').empty();
-            return;
-        }
-
-        $.ajax({
-            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/selectActnPhotos.ajax"/>',
-            type: 'GET',
-            data: { actnInfoId: actnInfoId },
-            success: function(response) {
+            if (!actnInfoId) {
                 $('#actnPhotoPreviewContainer').empty();
-                self.actnSelectedFiles = []; // 새 파일 선택 초기화
-
-                if (response && response.data && response.data.length > 0) {
-                    $.each(response.data, function(index, photo) {
-                        var previewHtml =
-                            '<div class="photo-preview-item existing-photo" data-actn-info-id="' + photo.actnInfoId +
-                            '" data-photo-sn="' + photo.crdnPhotoSn + '">' +
-                            '    <div class="photo-thumbnail">' +
-                            '        <img src="<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoThumbnail.do"/>?actnInfoId=' +
-                            photo.actnInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '&crdnPhotoSeCd=2" alt="' + photo.crdnPhotoNm + '">' +
-                            '    </div>' +
-                            '    <div class="photo-info">' +
-                            '        <div class="photo-name" title="' + photo.crdnPhotoNm + '">' + photo.crdnPhotoNm + '</div>' +
-                            '        <div class="photo-type">[조치]</div>' +
-                            '        <div class="photo-buttons">' +
-                            '            <button type="button" class="view-photo-btn" onclick="CrdnActnInfoManage.viewOriginalActnPhoto(\'' +
-                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">보기</button>' +
-                            '            <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteExistingActnPhoto(\'' +
-                            photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">삭제</button>' +
-                            '        </div>' +
-                            '    </div>' +
-                            '</div>';
-
-                        $('#actnPhotoPreviewContainer').append(previewHtml);
-                    });
-                }
-            },
-            error: function() {
-                alert('조치사진 조회 중 오류가 발생했습니다.');
+                return;
             }
-        });
-    },
 
-    /**
-     * 조치정보 저장
-     * 중요한 로직 주석: 입력된 조치정보와 조치사진을 서버에 저장한다. 신규등록/수정을 자동 판단한다.
-     */
-    saveActnInfo: function() {
-        var self = this;
-
-        // 기본 유효성 검증
-        if (!this.validateActnForm()) {
-            return;
-        }
-
-        var actnInfoId = $('#actnInfoId').val().trim();
-        var actInfoId = this.actInfoId; // 부모 행위정보 ID
-        var mode = actnInfoId ? 'U' : 'C'; // 조치정보 ID가 있으면 수정, 없으면 신규
-
-        // FormData 생성 (파일 업로드를 위해)
-        var formData = new FormData();
-        formData.append('mode', mode);
-        formData.append('actInfoId', actInfoId); // 부모 행위정보 ID
-        formData.append('actnInfoId', actnInfoId);
-
-        // 조치일자 처리 (YYYY-MM-DD -> YYYYMMDD)
-        var actnYmd = $('#actnYmd').val().trim().replace(/-/g, '');
-        formData.append('actnYmd', actnYmd);
-        formData.append('actnArea', $('#actnArea').val().trim());
-        formData.append('actnRmrk', $('#actnRmrk').val().trim());
-
-        // 새로 선택한 조치사진 파일들 추가
-        if (this.actnSelectedFiles && this.actnSelectedFiles.length > 0) {
-            for (var i = 0; i < this.actnSelectedFiles.length; i++) {
-                formData.append('actnPhotoFiles', this.actnSelectedFiles[i]);
+            $.ajax({
+                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/selectActnPhotos.ajax"/>',
+                type: 'GET',
+                data: { actnInfoId: actnInfoId },
+                success: function(response) {
+                    $('#actnPhotoPreviewContainer').empty();
+
+                    if (response && response.data && response.data.length > 0) {
+                        $.each(response.data, function(index, photo) {
+                            var previewHtml =
+                                '<div class="photo-preview-item existing-photo" data-actn-info-id="' + photo.actnInfoId +
+                                '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="2">' +
+                                '    <div class="photo-thumbnail">' +
+                                '        <img src="<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoThumbnail.do"/>?actnInfoId=' +
+                                photo.actnInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '" alt="' + photo.crdnPhotoNm + '">' +
+                                '    </div>' +
+                                '    <div class="photo-info">' +
+                                '        <div class="photo-name" title="' + photo.crdnPhotoNm + '">' + photo.crdnPhotoNm + '</div>' +
+                                '        <div class="photo-type">[조치]</div>' +
+                                '        <div class="photo-buttons">' +
+                                '            <button type="button" class="view-photo-btn" onclick="CrdnActnInfoManage.viewOriginalActnPhoto(\'' +
+                                photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">보기</button>' +
+                                '            <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteExistingActnPhoto(\'' +
+                                photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">삭제</button>' +
+                                '        </div>' +
+                                '    </div>' +
+                                '</div>';
+
+                            $('#actnPhotoPreviewContainer').append(previewHtml);
+                        });
+                    }
+                },
+                error: function() {
+                    alert('조치사진 조회 중 오류가 발생했습니다.');
+                }
+            });
+        },
+
+        /**
+         * 조치정보 저장 (crdnActInfoRegistPopup.jsp의 saveActnInfo 패턴)
+         */
+        saveActnInfo: function() {
+            var self = this;
+
+            // 중요로직: validateFormByAttributes를 사용하여 모든 validation-check 속성 검증
+            if (!validateFormByAttributes('actnInfoForm')) {
+                return;
             }
-        }
 
-        // 저장 요청
-        var ajaxUrl = mode === 'C' ?
-            '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoInsert.ajax"/>' :
-            '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoUpdate.ajax"/>';
-
-        $.ajax({
-            url: ajaxUrl,
-            type: 'POST',
-            data: formData,
-            processData: false,
-            contentType: false,
-            success: function(response) {
-                if (response && response.success) {
-                    alert(mode === 'C' ? '조치정보가 등록되었습니다.' : '조치정보가 수정되었습니다.');
-
-                    // 폼 초기화
-                    self.clearActnForm();
-
-                    // 그리드 새로고침
-                    self.loadActnInfoList();
-
-                } else {
-                    alert(response.message || '조치정보 저장에 실패했습니다.');
+            var actnInfoId = $('#actnInfoId').val().trim();
+            var actInfoId = this.actInfoId; // 부모 행위정보 ID
+            var mode = actnInfoId ? 'U' : 'C'; // 조치정보 ID가 있으면 수정, 없으면 신규
+
+            // FormData 생성 (파일 업로드를 위해)
+            var formData = new FormData();
+            formData.append('mode', mode);
+            formData.append('actInfoId', actInfoId); // 부모 행위정보 ID
+            formData.append('actnInfoId', actnInfoId);
+            formData.append('actnYmd', $('#actnYmd').val().trim());
+            formData.append('actnArea', $('#actnArea').val().trim());
+            formData.append('actnRmrk', $('#actnRmrk').val().trim());
+
+            // 새로 선택한 조치사진 파일들 추가
+            if (this.actnSelectedFiles && this.actnSelectedFiles.length > 0) {
+                for (var i = 0; i < this.actnSelectedFiles.length; i++) {
+                    formData.append('actnPhotoFiles', this.actnSelectedFiles[i]);
                 }
-            },
-            error: function() {
-                alert('조치정보 저장 중 오류가 발생했습니다.');
             }
-        });
-    },
-
-    /**
-     * 선택된 조치정보 삭제
-     * 중요한 로직 주석: 그리드에서 체크박스로 선택된 조치정보들을 삭제한다.
-     */
-    deleteSelectedActnInfo: function() {
-        var checkedRows = this.grid.getCheckedRows();
-
-        if (checkedRows.length === 0) {
-            alert('삭제할 조치정보를 선택해주세요.');
-            return;
-        }
-
-        if (!confirm('선택한 조치정보 ' + checkedRows.length + '건을 삭제하시겠습니까?\n관련된 조치사진도 함께 삭제됩니다.')) {
-            return;
-        }
 
-        var self = this;
-        var deleteCount = 0;
-        var totalCount = checkedRows.length;
-
-        // 조치정보 ID 목록 수집
-        var actnInfoIds = checkedRows.map(function(row) {
-            return row.actnInfoId;
-        });
-
-        // 일괄 삭제 요청
-        $.ajax({
-            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoDelete.ajax"/>',
-            type: 'POST',
-            data: {
-                actnInfoIds: actnInfoIds
-            },
-            traditional: true, // 배열 전송을 위한 설정
-            success: function(response) {
-                if (response && response.success) {
-                    alert('조치정보가 성공적으로 삭제되었습니다.');
-                    self.clearActnForm();
-                    self.loadActnInfoList();
-                } else {
-                    alert(response.message || '삭제 중 오류가 발생했습니다.');
+            // 저장 요청
+            $.ajax({
+                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/saveActnInfo.ajax"/>',
+                type: 'POST',
+                data: formData,
+                processData: false,
+                contentType: false,
+                success: function(response) {
+                    if (response && response.success) {
+                        alert(mode === 'C' ? '조치정보가 등록되었습니다.' : '조치정보가 수정되었습니다.');
+
+                        // 폼 초기화
+                        self.clearActnForm();
+
+                        // 그리드 새로고침
+                        if (self.grid) {
+                            self.grid.readData(1);
+                        }
+
+                    } else {
+                        alert(response.message || '조치정보 저장에 실패했습니다.');
+                    }
+                },
+                error: function() {
+                    alert('조치정보 저장 중 오류가 발생했습니다.');
                 }
-            },
-            error: function() {
-                alert('조치정보 삭제 중 오류가 발생했습니다.');
+            });
+        },
+
+        /**
+         * 조치정보 삭제 (crdnActInfoRegistPopup.jsp의 deleteActnInfo 패턴)
+         */
+        deleteActnInfo: function() {
+            var actnInfoId = $('#actnInfoId').val().trim();
+
+            if (!actnInfoId) {
+                alert('삭제할 조치정보를 선택해주세요.');
+                return;
             }
-        });
-    },
-
-    /**
-     * 조치정보 폼 초기화
-     * 중요한 로직 주석: 조치정보 입력 폼의 모든 필드를 초기화하고 신규등록 모드로 설정한다.
-     */
-    clearActnForm: function() {
-        $('#actnInfoId').val('');
-        $('#actnYmd').val('');
-        $('#actnArea').val('');
-        $('#actnRmrk').val('');
-
-        // 조치사진 초기화
-        $('#actnPhotoPreviewContainer').empty();
-        $('#actnPhotoFiles').val('');
-        this.actnSelectedFiles = [];
-
-        console.log('조치정보 폼 초기화 완료');
-    },
-
-    /**
-     * 조치정보 폼 유효성 검증
-     * 중요한 로직 주석: 조치정보 입력값의 필수 항목과 형식을 검증한다.
-     */
-    validateActnForm: function() {
-        var actnYmd = $('#actnYmd').val().trim();
-        var actnArea = $('#actnArea').val().trim();
-
-        // 조치일자 필수 입력 체크
-        if (!actnYmd) {
-            alert('조치일자를 입력해주세요.');
-            $('#actnYmd').focus();
-            return false;
-        }
 
-        // 조치면적 형식 체크 (숫자, 소수점 허용)
-        if (actnArea && isNaN(parseFloat(actnArea))) {
-            alert('조치면적은 숫자로 입력해주세요.');
-            $('#actnArea').focus();
-            return false;
-        }
-
-        // 조치면적 범위 체크 (0보다 큰 값)
-        if (actnArea && parseFloat(actnArea) <= 0) {
-            alert('조치면적은 0보다 큰 값을 입력해주세요.');
-            $('#actnArea').focus();
-            return false;
-        }
-
-        return true;
-    },
-
-    /**
-     * 조치사진 파일 선택 처리
-     * 중요한 로직 주석: 사용자가 선택한 조치사진 파일들을 검증하고 미리보기를 생성한다.
-     */
-    handleActnPhotoFileSelect: function(files) {
-        if (!files || files.length === 0) return;
-
-        for (var i = 0; i < files.length; i++) {
-            var file = files[i];
+            if (!confirm('선택한 조치정보를 삭제하시겠습니까?\n관련된 조치사진도 함께 삭제됩니다.')) {
+                return;
+            }
 
-            // 파일 유효성 검증
-            if (this.validateFile(file)) {
-                this.actnSelectedFiles.push(file);
-                this.createPhotoPreview(file);
+            var self = this;
+
+            $.ajax({
+                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnInfo.ajax"/>',
+                type: 'POST',
+                data: {
+                    actnInfoId: actnInfoId,
+                    mode: 'D'
+                },
+                success: function(response) {
+                    if (response && response.success) {
+                        alert('조치정보가 삭제되었습니다.');
+
+                        // 폼 초기화
+                        self.clearActnForm();
+
+                        // 그리드 새로고침
+                        if (self.grid) {
+                            self.grid.readData(1);
+                        }
+
+                    } else {
+                        alert(response.message || '조치정보 삭제에 실패했습니다.');
+                    }
+                },
+                error: function() {
+                    alert('조치정보 삭제 중 오류가 발생했습니다.');
+                }
+            });
+        },
+
+        /**
+         * 조치정보 폼 초기화 (crdnActInfoRegistPopup.jsp의 clearActnForm 패턴)
+         */
+        clearActnForm: function() {
+            $('#actnInfoId').val('');
+            $('#actnYmd').val('');
+            $('#actnArea').val('');
+            $('#actnRmrk').val('');
+            $('#actnMode').val('C');
+
+            // 조치사진 초기화
+            $('#actnPhotoPreviewContainer').empty();
+            $('#actnPhotoFiles').val('');
+            this.actnSelectedFiles = [];
+
+            console.log('조치정보 폼 초기화 완료');
+        },
+
+        /**
+         * 파일 선택 처리 (crdnActInfoRegistPopup.jsp의 handleFileSelect 패턴)
+         */
+        handleFileSelect: function(files, photoType) {
+            if (!files || files.length === 0) {
+                return;
             }
-        }
 
-        // 파일 input 초기화 (같은 파일 재선택 가능하도록)
-        $('#actnPhotoFiles').val('');
-    },
+            var containerSelector = '#actnPhotoPreviewContainer';
+            var selectedFilesArray = this.actnSelectedFiles;
+            var photoTypeName = '조치';
 
-    /**
-     * 파일 유효성 검증
-     * 중요한 로직 주석: 파일 크기, 확장자, 타입을 검증한다.
-     */
-    validateFile: function(file) {
-        // 파일 크기 체크 (20MB)
-        var maxSize = 20 * 1024 * 1024;
-        if (file.size > maxSize) {
-            alert(file.name + ' 파일이 20MB를 초과합니다.');
-            return false;
-        }
+            // 파일 개수 제한 체크 (각 종류별로 10개까지)
+            var existingPhotos = $(containerSelector + ' .photo-preview-item.existing-photo').length;
+            var newFiles = selectedFilesArray.length + files.length;
 
-        // 이미지 파일인지 체크
-        if (!file.type.startsWith('image/')) {
-            alert(file.name + ' 은(는) 이미지 파일이 아닙니다.');
-            return false;
-        }
+            if (existingPhotos + newFiles > 10) {
+                alert('최대 10개의 ' + photoTypeName + ' 사진만 업로드할 수 있습니다.');
+                return;
+            }
 
-        // 허용된 확장자 체크
-        var allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];
-        var fileName = file.name.toLowerCase();
-        var fileExtension = fileName.split('.').pop();
+            // 각 파일에 대해 검증 및 미리보기 생성
+            for (var i = 0; i < files.length; i++) {
+                var file = files[i];
 
-        if (allowedExtensions.indexOf(fileExtension) === -1) {
-            alert('지원되지 않는 파일 형식입니다. (jpg, jpeg, png, gif만 가능)');
-            return false;
-        }
+                // 파일 유효성 검증
+                if (!this.validateFile(file)) {
+                    continue;
+                }
 
-        return true;
-    },
+                // 해당 종류의 선택된 파일 목록에 추가
+                selectedFilesArray.push(file);
 
-    /**
-     * 사진 미리보기 생성
-     * 중요한 로직 주석: 선택된 파일을 읽어서 미리보기 영역에 이미지를 생성한다.
-     */
-    createPhotoPreview: function(file) {
-        var self = this;
-        var reader = new FileReader();
-
-        reader.onload = function(e) {
-            var previewHtml =
-                '<div class="photo-preview-item new-photo" data-file-name="' + file.name + '">' +
-                '    <div class="photo-thumbnail">' +
-                '        <img src="' + e.target.result + '" alt="' + file.name + '">' +
-                '    </div>' +
-                '    <div class="photo-info">' +
-                '        <div class="photo-name" title="' + file.name + '">' + file.name + '</div>' +
-                '        <div class="photo-type">[조치]</div>' +
-                '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteNewPhoto(\'' + file.name + '\')">삭제</button>' +
-                '    </div>' +
-                '</div>';
-
-            $('#actnPhotoPreviewContainer').append(previewHtml);
-        };
-
-        reader.readAsDataURL(file);
-    },
+                // 미리보기 생성
+                this.createPhotoPreview(file, photoType);
+            }
+        },
+
+        /**
+         * 파일 유효성 검증 (crdnActInfoRegistPopup.jsp의 validateFile 패턴)
+         */
+        validateFile: function(file) {
+            // 파일 크기 체크 (10MB)
+            var maxSize = 10 * 1024 * 1024;
+            if (file.size > maxSize) {
+                alert(file.name + ' 파일이 10MB를 초과합니다.');
+                return false;
+            }
 
-    /**
-     * 새로 선택한 파일 삭제
-     * 중요한 로직 주석: 아직 저장되지 않은 파일을 목록에서 제거하고 selectedFiles 배열에서도 제거한다.
-     */
-    deleteNewPhoto: function(fileName) {
-        // selectedFiles 배열에서 파일 제거
-        for (var i = 0; i < this.actnSelectedFiles.length; i++) {
-            if (this.actnSelectedFiles[i].name === fileName) {
-                this.actnSelectedFiles.splice(i, 1);
-                break;
+            // 이미지 파일인지 체크
+            if (!file.type.startsWith('image/')) {
+                alert(file.name + ' 은(는) 이미지 파일이 아닙니다.');
+                return false;
             }
-        }
 
-        // 화면에서 제거
-        $('[data-file-name="' + fileName + '"]').remove();
-    },
+            // 허용된 확장자 체크
+            var allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];
+            var fileName = file.name.toLowerCase();
+            var fileExtension = fileName.split('.').pop();
 
-    /**
-     * 기존 조치사진 삭제
-     * 중요한 로직 주석: DB에 등록된 조치사진을 논리삭제하고 화면에서 제거한다.
-     */
-    deleteExistingActnPhoto: function(actnInfoId, crdnPhotoSn) {
-        if (!confirm('선택한 조치사진을 삭제하시겠습니까?')) {
-            return;
-        }
+            if (allowedExtensions.indexOf(fileExtension) === -1) {
+                alert('지원되지 않는 파일 형식입니다. (jpg, jpeg, png, gif만 가능)');
+                return false;
+            }
 
-        $.ajax({
-            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnPhoto.ajax"/>',
-            type: 'POST',
-            data: {
-                actnInfoId: actnInfoId,
-                crdnPhotoSn: crdnPhotoSn
-            },
-            success: function(response) {
-                if (response && response.success) {
-                    // 화면에서 해당 사진 제거
-                    $('[data-actn-info-id="' + actnInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"]').remove();
-                    alert('조치사진이 삭제되었습니다.');
-                } else {
-                    alert(response.message || '조치사진 삭제에 실패했습니다.');
+            return true;
+        },
+
+        /**
+         * 사진 미리보기 생성 (crdnActInfoRegistPopup.jsp의 createPhotoPreview 패턴)
+         */
+        createPhotoPreview: function(file, photoType) {
+            var reader = new FileReader();
+            var containerSelector = '#actnPhotoPreviewContainer';
+            var photoTypeName = '조치';
+
+            reader.onload = function(e) {
+                var previewHtml =
+                    '<div class="photo-preview-item new-photo" data-file-name="' + file.name + '" data-photo-type="' + photoType + '">' +
+                    '    <div class="photo-thumbnail">' +
+                    '        <img src="' + e.target.result + '" alt="' + file.name + '">' +
+                    '    </div>' +
+                    '    <div class="photo-info">' +
+                    '        <div class="photo-name" title="' + file.name + '">' + file.name + '</div>' +
+                    '        <div class="photo-type">[' + photoTypeName + ']</div>' +
+                    '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteNewPhoto(this, \'' + photoType + '\')">삭제</button>' +
+                    '    </div>' +
+                    '</div>';
+
+                $(containerSelector).append(previewHtml);
+            };
+
+            reader.readAsDataURL(file);
+        },
+
+        /**
+         * 새로 선택한 파일 삭제 (crdnActInfoRegistPopup.jsp의 deleteNewPhoto 패턴)
+         */
+        deleteNewPhoto: function(button, photoType) {
+            var $item = $(button).closest('.photo-preview-item');
+            var fileName = $item.data('file-name');
+            var selectedFilesArray = this.actnSelectedFiles;
+
+            // selectedFiles 배열에서 파일 제거
+            for (var i = 0; i < selectedFilesArray.length; i++) {
+                if (selectedFilesArray[i].name === fileName) {
+                    selectedFilesArray.splice(i, 1);
+                    break;
                 }
-            },
-            error: function() {
-                alert('조치사진 삭제 중 오류가 발생했습니다.');
             }
-        });
-    },
 
-    /**
-     * 조치사진 원본 보기
-     * 중요한 로직 주석: 등록된 조치사진을 팝업 창에서 원본 크기로 표시한다.
-     */
-    viewOriginalActnPhoto: function(actnInfoId, crdnPhotoSn) {
-        var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnPhotoView.do"/>?actnInfoId=' + actnInfoId + '&crdnPhotoSn=' + crdnPhotoSn;
-        openPopup(url, 1000, 700, '_blank');
-    },
+            // 화면에서 제거
+            $item.remove();
+        },
 
-    /**
-     * 팝업 닫기
-     */
-    closePopup: function() {
-        // 부모 팝업에 변경 사항 알림
-        if (window.opener && !window.opener.closed) {
-            if (typeof window.opener.refreshActInfo === 'function') {
-                window.opener.refreshActInfo();
+        /**
+         * 기존 조치사진 삭제 (crdnActInfoRegistPopup.jsp의 deleteExistingActnPhoto 패턴)
+         */
+        deleteExistingActnPhoto: function(actnInfoId, crdnPhotoSn) {
+            if (!confirm('선택한 조치사진을 삭제하시겠습니까?')) {
+                return;
             }
-            window.opener.focus();
+
+            $.ajax({
+                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnPhoto.ajax"/>',
+                type: 'POST',
+                data: {
+                    actnInfoId: actnInfoId,
+                    crdnPhotoSn: crdnPhotoSn
+                },
+                success: function(response) {
+                    if (response && response.success) {
+                        // 화면에서 해당 사진 제거
+                        $('[data-actn-info-id="' + actnInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"][data-photo-type="2"]').remove();
+                        alert('조치사진이 삭제되었습니다.');
+                    } else {
+                        alert(response.message || '조치사진 삭제에 실패했습니다.');
+                    }
+                },
+                error: function() {
+                    alert('조치사진 삭제 중 오류가 발생했습니다.');
+                }
+            });
+        },
+
+        /**
+         * 조치사진 원본 보기 (crdnActInfoRegistPopup.jsp의 viewOriginalActnPhoto 패턴)
+         */
+        viewOriginalActnPhoto: function(actnInfoId, crdnPhotoSn) {
+            var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnPhotoView.do"/>?actnInfoId=' + actnInfoId + '&crdnPhotoSn=' + crdnPhotoSn;
+            openPopup(url, 1000, 700, '_blank');
+        },
+
+        /**
+         * 팝업 닫기
+         */
+        closePopup: function() {
+            // 부모 팝업에 변경 사항 알림
+            if (window.opener && !window.opener.closed) {
+                if (typeof window.opener.CrdnDetailViewActInfo.search === 'function') {
+                    window.opener.CrdnDetailViewActInfo.search();
+                }
+                window.opener.focus();
+            }
+            window.close();
         }
-        window.close();
-    }
-};
-
-// DOM 준비 완료 시 초기화
-$(document).ready(function() {
-    CrdnActnInfoManage.init();
-});
+    };
+
+    // DOM 준비 완료 시 초기화
+    $(document).ready(function() {
+        CrdnActnInfoManage.init();
+    });
 </script>
\ No newline at end of file

From be64763a25555e09f5018208a3e4d8d4d428ae3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=84=B1=EC=98=81?= <xitpsy@xit.co.kr>
Date: Fri, 26 Sep 2025 13:15:41 +0900
Subject: [PATCH 3/7] =?UTF-8?q?=EB=B6=88=EB=B2=95=ED=96=89=EC=9C=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20-=20=EC=A1=B0=EC=B9=98=EC=97=90=20?=
 =?UTF-8?q?=EB=8C=80=ED=95=9C=20=EB=A1=9C=EC=A7=81=20=EC=9E=AC=EA=B5=AC?=
 =?UTF-8?q?=EC=84=B1=20=EC=A7=84=ED=96=89=20=EC=A4=91...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controller/CrdnActInfoController.java     | 124 ++++++++----------
 .../crdnActInfo/service/CrdnPhotoService.java |   6 +-
 .../service/impl/CrdnActInfoServiceImpl.java  |  29 +---
 .../service/impl/CrdnPhotoServiceImpl.java    |  28 ++--
 .../crdnActInfo/CrdnActInfoMapper_maria.xml   |   4 +-
 .../crdnActInfo/crdnActInfoRegistPopup.jsp    |   2 +-
 ...Manage.jsp => crdnActnInfoRegistPopup.jsp} |  56 ++++----
 7 files changed, 102 insertions(+), 147 deletions(-)
 rename src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/{crdnActnInfoManage.jsp => crdnActnInfoRegistPopup.jsp} (94%)

diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
index eac1e3e..7fd45da 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
@@ -133,38 +133,6 @@ public class CrdnActInfoController {
         return mav;
     }
 
-    /**
-     * 조치정보 관리 팝업 (View)
-     * 중요한 로직 주석: 조치정보를 관리하는 별도 팝업 페이지를 반환한다.
-     * @param actInfoId 행위정보 ID
-     * @param crdnYr 단속연도
-     * @param crdnNo 단속번호
-     * @param mode 화면모드
-     * @param model 뷰에 전달할 데이터 모델
-     * @return 조치정보 관리 JSP 페이지
-     */
-    @Operation(summary = "조치정보 관리 팝업", description = "조치정보 관리 팝업을 반환합니다.")
-    @GetMapping("/crdnActnInfoManage.do")
-    public ModelAndView actnInfoManage(
-            @Parameter(description = "행위정보ID") @RequestParam String actInfoId,
-            @Parameter(description = "단속연도") @RequestParam String crdnYr,
-            @Parameter(description = "단속번호") @RequestParam String crdnNo,
-            @Parameter(description = "위치정보ID") @RequestParam String pstnInfoId,
-            @Parameter(description = "화면모드") @RequestParam(required = false, defaultValue = "U") String mode,
-            Model model) {
-
-        log.debug("조치정보 관리 팝업 요청 - actInfoId: {}, crdnYr: {}, crdnNo: {}, mode: {}", actInfoId, crdnYr, crdnNo, mode);
-
-        ModelAndView mav = new ModelAndView("crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage" + TilesConstants.POPUP);
-        mav.addObject("mode", mode);
-        mav.addObject("actInfoId", actInfoId);
-        mav.addObject("pstnInfoId", pstnInfoId);
-        mav.addObject("crdnYr", crdnYr);
-        mav.addObject("crdnNo", crdnNo);
-
-        return mav;
-    }
-
     /**
      * 전체 위반행위코드 목록 조회 (AJAX)
      * @return 전체 위반행위코드 목록
@@ -468,6 +436,40 @@ public class CrdnActInfoController {
         }
     }
 
+    // ======================================= 여기서부터 조치 정보 ==========================================
+
+    /**
+     * 조치정보 관리 팝업 (View)
+     * 중요한 로직 주석: 조치정보를 관리하는 별도 팝업 페이지를 반환한다.
+     * @param actInfoId 행위정보 ID
+     * @param crdnYr 단속연도
+     * @param crdnNo 단속번호
+     * @param mode 화면모드
+     * @param model 뷰에 전달할 데이터 모델
+     * @return 조치정보 관리 JSP 페이지
+     */
+    @Operation(summary = "조치정보 관리 팝업", description = "조치정보 관리 팝업을 반환합니다.")
+    @GetMapping("/crdnActnInfoRegistPopup.do")
+    public ModelAndView actnInfoManage(
+            @Parameter(description = "행위정보ID") @RequestParam String actInfoId,
+            @Parameter(description = "단속연도") @RequestParam String crdnYr,
+            @Parameter(description = "단속번호") @RequestParam String crdnNo,
+            @Parameter(description = "위치정보ID") @RequestParam String pstnInfoId,
+            @Parameter(description = "화면모드") @RequestParam(required = false, defaultValue = "U") String mode,
+            Model model) {
+
+        log.debug("조치정보 관리 팝업 요청 - actInfoId: {}, crdnYr: {}, crdnNo: {}, mode: {}", actInfoId, crdnYr, crdnNo, mode);
+
+        ModelAndView mav = new ModelAndView("crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup" + TilesConstants.POPUP);
+        mav.addObject("mode", mode);
+        mav.addObject("actInfoId", actInfoId);
+        mav.addObject("pstnInfoId", pstnInfoId);
+        mav.addObject("crdnYr", crdnYr);
+        mav.addObject("crdnNo", crdnNo);
+
+        return mav;
+    }
+
     /**
      * 조치정보 목록 조회 (AJAX)
      * 중요한 로직 주석: 특정 행위정보에 속한 조치정보 목록을 페이징 처리하여 조회한다.
@@ -522,12 +524,12 @@ public class CrdnActInfoController {
      * @param actnPhotoFiles 조치사진 파일 목록 (선택사항)
      * @return 등록 결과
      */
-    @Operation(summary = "조치정보 등록", description = "조치정보를 등록합니다. 조치사진도 함께 처리 가능합니다.")
+    @Operation(summary = "조치정보 저장", description = "조치정보를 등록합니다. 조치사진도 함께 처리 가능합니다.")
     @ApiResponses(value = {
             @ApiResponse(responseCode = "200", description = "등록 성공"),
             @ApiResponse(responseCode = "500", description = "서버 오류")
     })
-    @PostMapping("/actnInfoInsert.ajax")
+    @PostMapping("/saveActnInfo.ajax")
     public ResponseEntity<?> actnInfoInsertAjax(
             @ModelAttribute CrdnActnInfoVO vo,
             @RequestParam(value = "actnPhotoFiles", required = false) List<MultipartFile> actnPhotoFiles) {
@@ -535,53 +537,31 @@ public class CrdnActInfoController {
         log.debug("조치정보 등록 요청: {}, 조치사진 개수: {}",
                 vo, actnPhotoFiles != null ? actnPhotoFiles.size() : 0);
 
-        // 중요한 로직 주석: 세션에서 사용자 정보 설정
-        String userId = SessionUtil.getUserId();
-        vo.setRgtr(userId);
-        vo.setMdfr(userId);
+        CrdnRegistAndViewVO crdnVO = new CrdnRegistAndViewVO();
+        crdnVO.setCrdnYr(vo.getCrdnYr());
+        crdnVO.setCrdnNo(vo.getCrdnNo());
+        CrdnRegistAndViewVO data = crdnRegistAndViewService.selectOne(crdnVO);
 
-        int result = service.insertActnInfoWithFiles(vo, actnPhotoFiles);
+        vo.setSggCd(data.getSggCd());
+        vo.setRgtr(SessionUtil.getUserId());
+        vo.setMdfr(SessionUtil.getUserId());
 
-        if (result > 0) {
-            return ApiResponseUtil.success("조치정보가 성공적으로 등록되었습니다.");
-        } else {
-            return ApiResponseUtil.error("조치정보 등록에 실패했습니다.");
+        int result = 0;
+        if( vo.getActnInfoId() == null || vo.getActnInfoId().isEmpty() ){
+            //등록
+            result = service.insertActnInfoWithFiles(vo, actnPhotoFiles);
+        } else{
+            result = service.updateActnInfoWithFiles(vo, actnPhotoFiles);
         }
-    }
-
-    /**
-     * 조치정보 수정 (AJAX)
-     * 중요한 로직 주석: 조치정보와 조치사진을 함께 수정한다.
-     * @param vo 조치정보 데이터
-     * @param actnPhotoFiles 조치사진 파일 목록 (선택사항)
-     * @return 수정 결과
-     */
-    @Operation(summary = "조치정보 수정", description = "조치정보를 수정합니다. 조치사진도 함께 처리 가능합니다.")
-    @ApiResponses(value = {
-            @ApiResponse(responseCode = "200", description = "수정 성공"),
-            @ApiResponse(responseCode = "500", description = "서버 오류")
-    })
-    @PostMapping("/actnInfoUpdate.ajax")
-    public ResponseEntity<?> actnInfoUpdateAjax(
-            @ModelAttribute CrdnActnInfoVO vo,
-            @RequestParam(value = "actnPhotoFiles", required = false) List<MultipartFile> actnPhotoFiles) {
-
-        log.debug("조치정보 수정 요청: {}, 조치사진 개수: {}",
-                vo, actnPhotoFiles != null ? actnPhotoFiles.size() : 0);
-
-        // 중요한 로직 주석: 세션에서 사용자 정보 설정
-        String userId = SessionUtil.getUserId();
-        vo.setMdfr(userId);
-
-        int result = service.updateActnInfoWithFiles(vo, actnPhotoFiles);
 
         if (result > 0) {
-            return ApiResponseUtil.success("조치정보가 성공적으로 수정되었습니다.");
+            return ApiResponseUtil.success("조치정보가 성공적으로 저장되었습니다.");
         } else {
-            return ApiResponseUtil.error("조치정보 수정에 실패했습니다.");
+            return ApiResponseUtil.error("조치정보 저장에 실패했습니다.");
         }
     }
 
+
     /**
      * 조치정보 삭제 (AJAX)
      * 중요한 로직 주석: 조치정보와 관련 조치사진을 논리삭제한다.
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java
index 93e83b6..20bc37f 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/CrdnPhotoService.java
@@ -1,6 +1,7 @@
 package go.kr.project.crdn.crndRegistAndView.crdnActInfo.service;
 
 import go.kr.project.common.model.FileVO;
+import go.kr.project.crdn.crndRegistAndView.crdnActInfo.model.CrdnActnInfoVO;
 import go.kr.project.crdn.crndRegistAndView.crdnActInfo.model.CrdnPhotoVO;
 import org.springframework.web.multipart.MultipartFile;
 
@@ -100,11 +101,10 @@ public interface CrdnPhotoService {
      * 조치사진 파일 업로드 및 등록
      * 중요한 로직 주석: 조치사진 전용 업로드 메서드로 AACTN_INFO_ID에 조치정보 ID를 저장한다.
      * @param files 업로드할 조치사진 파일 목록
-     * @param actnInfoId 조치정보 ID
-     * @param actInfoVO 부모 행위정보 (시군구코드, 단속연도, 단속번호 포함)
+     * @param actnInfoVO 조치정보
      * @return 등록된 조치사진 개수
      */
-    int insertActnPhotosWithFiles(List<MultipartFile> files, String actnInfoId, Object actInfoVO);
+    int insertActnPhotosWithFiles(List<MultipartFile> files, CrdnActnInfoVO actnInfoVO);
 
     /**
      * 특정 조치정보의 조치사진 목록 조회
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java
index b012192..91ca2ff 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnActInfoServiceImpl.java
@@ -300,17 +300,8 @@ public class CrdnActInfoServiceImpl extends EgovAbstractServiceImpl implements C
                 // 중요한 로직 주석: 조치사진이 있는 경우 처리 (CRDN_PHOTO_SE_CD = '2')
                 // 조치사진은 AACTN_INFO_ID 컬럼에 조치정보 ID를 저장한다
                 if (actnPhotoFiles != null && !actnPhotoFiles.isEmpty()) {
-                    // 중요한 로직 주석: 조치사진 저장을 위해 임시 VO 생성
-                    CrdnActInfoVO tempVO = CrdnActInfoVO.builder()
-                            .actInfoId(vo.getActInfoId()) // 부모 행위정보 ID 설정
-                            .sggCd(vo.getSggCd())
-                            .crdnYr(vo.getCrdnYr())
-                            .crdnNo(vo.getCrdnNo())
-                            .rgtr(vo.getRgtr())
-                            .build();
-
-                    // 중요한 로직 주석: 조치사진을 행위정보에 연결하되, AACTN_INFO_ID에는 조치정보 ID를 저장
-                    int actnPhotoResult = photoService.insertActnPhotosWithFiles(actnPhotoFiles, vo.getActInfoId(), tempVO);
+                    // 중요한 로직 주석: 조치사진을 행위정보에 연결하되, ACTN_INFO_ID에는 조치정보 ID를 저장
+                    int actnPhotoResult = photoService.insertActnPhotosWithFiles(actnPhotoFiles, vo);
                     log.debug("조치사진 파일 처리 완료: actnInfoId={}, 등록된 조치사진 수={}", vo.getActnInfoId(), actnPhotoResult);
                 }
             } else {
@@ -339,20 +330,10 @@ public class CrdnActInfoServiceImpl extends EgovAbstractServiceImpl implements C
             if (result > 0) {
                 log.debug("조치정보 수정 완료: actnInfoId={}", vo.getActnInfoId());
 
-                // 중요한 로직 주석: 새로운 조치사진이 있는 경우 추가 처리
-                // 기존 사진의 개별 삭제는 별도의 Ajax 호출로 처리되므로 여기서는 신규 추가만 한다
                 if (actnPhotoFiles != null && !actnPhotoFiles.isEmpty()) {
-                    // 중요한 로직 주석: 조치사진 추가를 위해 임시 VO 생성
-                    CrdnActInfoVO tempVO = CrdnActInfoVO.builder()
-                            .actInfoId(vo.getActInfoId()) // 부모 행위정보 ID 설정
-                            .sggCd(vo.getSggCd())
-                            .crdnYr(vo.getCrdnYr())
-                            .crdnNo(vo.getCrdnNo())
-                            .rgtr(vo.getRgtr())
-                            .build();
-
-                    int actnPhotoResult = photoService.insertActnPhotosWithFiles(actnPhotoFiles, vo.getActnInfoId(), tempVO);
-                    log.debug("조치사진 파일 추가 완료: actnInfoId={}, 추가된 조치사진 수={}", vo.getActnInfoId(), actnPhotoResult);
+                    // 중요한 로직 주석: 조치사진을 행위정보에 연결하되, ACTN_INFO_ID에는 조치정보 ID를 저장
+                    int actnPhotoResult = photoService.insertActnPhotosWithFiles(actnPhotoFiles, vo);
+                    log.debug("조치사진 파일 처리 완료: actnInfoId={}, 등록된 조치사진 수={}", vo.getActnInfoId(), actnPhotoResult);
                 }
             } else {
                 log.error("조치정보 수정 실패: {}", vo);
diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java
index c593119..9061e20 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/service/impl/CrdnPhotoServiceImpl.java
@@ -6,6 +6,7 @@ import egovframework.util.SessionUtil;
 import go.kr.project.common.model.FileVO;
 import go.kr.project.crdn.crndRegistAndView.crdnActInfo.mapper.CrdnPhotoMapper;
 import go.kr.project.crdn.crndRegistAndView.crdnActInfo.model.CrdnActInfoVO;
+import go.kr.project.crdn.crndRegistAndView.crdnActInfo.model.CrdnActnInfoVO;
 import go.kr.project.crdn.crndRegistAndView.crdnActInfo.model.CrdnPhotoVO;
 import go.kr.project.crdn.crndRegistAndView.crdnActInfo.service.CrdnPhotoService;
 import lombok.RequiredArgsConstructor;
@@ -295,8 +296,8 @@ public class CrdnPhotoServiceImpl extends EgovAbstractServiceImpl implements Crd
 
     @Override
     @Transactional
-    public int insertActnPhotosWithFiles(List<MultipartFile> files, String actnInfoId, Object actInfoVO) {
-        log.debug("조치사진 파일 업로드 및 등록: actnInfoId={}, 파일 수={}", actnInfoId, files != null ? files.size() : 0);
+    public int insertActnPhotosWithFiles(List<MultipartFile> files, CrdnActnInfoVO actnInfoVO) {
+        log.debug("조치사진 파일 업로드 및 등록: actnInfoId={}, 파일 수={}", files != null ? files.size() : 0);
 
         if (files == null || files.isEmpty()) {
             log.debug("업로드할 조치사진 파일이 없습니다.");
@@ -305,7 +306,6 @@ public class CrdnPhotoServiceImpl extends EgovAbstractServiceImpl implements Crd
 
         try {
             int savedCount = 0;
-            CrdnActInfoVO parentVO = (CrdnActInfoVO) actInfoVO;
 
             // 중요한 로직 주석: 각 파일을 순회하며 저장 처리
             for (MultipartFile file : files) {
@@ -326,29 +326,29 @@ public class CrdnPhotoServiceImpl extends EgovAbstractServiceImpl implements Crd
                     FileVO fileVO = uploadedFiles.get(0);
 
                     // 중요한 로직 주석: 다음 사진 순번 생성
-                    String nextPhotoSn = getNextPhotoSn(parentVO.getActInfoId());
+                    String nextPhotoSn = getNextPhotoSn(actnInfoVO.getActInfoId());
 
                     // 중요한 로직 주석: 조치사진 정보 생성 (CRDN_PHOTO_SE_CD = '2', AACTN_INFO_ID에 조치정보 ID 저장)
                     CrdnPhotoVO photoVO = CrdnPhotoVO.builder()
-                            .actInfoId(parentVO.getActInfoId())         // 부모 행위정보 ID
+                            .actInfoId(actnInfoVO.getActInfoId())       // 부모 행위정보 ID
                             .crdnPhotoSn(nextPhotoSn)                   // 사진 순번
-                            .sggCd(parentVO.getSggCd())                 // 시군구 코드
-                            .crdnYr(parentVO.getCrdnYr())               // 단속 연도
-                            .crdnNo(parentVO.getCrdnNo())               // 단속 번호
+                            .sggCd(actnInfoVO.getSggCd())               // 시군구 코드
+                            .crdnYr(actnInfoVO.getCrdnYr())             // 단속 연도
+                            .crdnNo(actnInfoVO.getCrdnNo())             // 단속 번호
                             .crdnPhotoPath(fileVO.getFilePath())        // 파일 경로
                             .crdnPhotoNm(fileVO.getStoredFileNm())      // 저장된 파일명
                             .crdnPhotoSeCd("2")                         // 조치사진 구분코드
-                            .actnInfoId(actnInfoId)                    // 조치정보 ID (조치사진 연결용)
+                            .actnInfoId(actnInfoVO.getActnInfoId())     // 조치정보 ID (조치사진 연결용)
                             .orgnlPhotoNm(fileVO.getOriginalFileNm())   // 원본 파일명
-                            .rgtr(SessionUtil.getUserId())             // 등록자
+                            .rgtr(SessionUtil.getUserId())              // 등록자
                             .delYn("N")                                 // 삭제 여부
                             .build();
 
                     int result = mapper.insertPhoto(photoVO);
                     if (result > 0) {
                         savedCount++;
-                        log.debug("조치사진 등록 완료: actInfoId={}, actnInfoId={}, photoSn={}, fileName={}",
-                                parentVO.getActInfoId(), actnInfoId, nextPhotoSn, file.getOriginalFilename());
+                        log.debug("조치사진 등록 완료: actInfoId={}, photoSn={}, fileName={}",
+                                actnInfoVO.getActInfoId(), nextPhotoSn, file.getOriginalFilename());
                     }
 
                 } catch (Exception e) {
@@ -357,11 +357,11 @@ public class CrdnPhotoServiceImpl extends EgovAbstractServiceImpl implements Crd
                 }
             }
 
-            log.info("조치사진 파일 업로드 완료: actnInfoId={}, 총 파일 수={}, 저장된 파일 수={}", actnInfoId, files.size(), savedCount);
+            log.info("조치사진 파일 업로드 완료: actnInfoId={}, 총 파일 수={}, 저장된 파일 수={}", actnInfoVO.getActnInfoId(), files.size(), savedCount);
             return savedCount;
 
         } catch (Exception e) {
-            log.error("조치사진 파일 업로드 중 오류 발생: actnInfoId={}", actnInfoId, e);
+            log.error("조치사진 파일 업로드 중 오류 발생: actnInfoId={}", actnInfoVO.getActnInfoId(), e);
             throw new MessageException("조치사진 업로드에 실패했습니다: " + e.getMessage());
         }
     }
diff --git a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml
index a96e16d..1604b4b 100644
--- a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml
+++ b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/crdnActInfo/CrdnActInfoMapper_maria.xml
@@ -455,7 +455,7 @@
             #{crdnYr},
             #{crdnNo},
             #{actInfoId},
-            #{actnYmd},
+            replace(#{actnYmd},'-',''),
             #{actnArea},
             #{actnRmrk},
             NOW(),
@@ -470,7 +470,7 @@
     <update id="updateActnInfo" parameterType="CrdnActnInfoVO">
         /* ActInfoMapper.updateActnInfo : 조치정보 수정 */
         UPDATE tb_actn_info SET
-            ACTN_YMD = #{actnYmd},
+            ACTN_YMD = replace(#{actnYmd},'-',''),
             ACTN_AREA = #{actnArea},
             ACTN_RMRK = #{actnRmrk},
             MDFCN_DT = NOW(),
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
index c3925b7..fb36294 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActInfoRegistPopup.jsp
@@ -231,7 +231,7 @@
                 return;
             }
 
-            var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.do"/>?mode=U' +
+            var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.do"/>?mode=U' +
                 '&actInfoId=' + encodeURIComponent(actInfoId) +
                 '&crdnYr=' + encodeURIComponent(crdnYr) +
                 '&pstnInfoId=' + encodeURIComponent(pstnInfoId) +
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
similarity index 94%
rename from src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp
rename to src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
index 6ed7ba8..56ccb4b 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoManage.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
@@ -34,10 +34,6 @@
                 <div class="box_column">
                     <ul class="box_title">
                         <li class="tit">조치 정보</li>
-                        <li class="rig">
-                            <button type="button" id="pstnInfoRegistBtn" class="newbtn bg2-1">추가</button>
-                            <button type="button" id="pstnInfoDeleteBtn" class="newbtn bg6">삭제</button>
-                        </li>
                     </ul>
                     <div class="containers">
                         <div id="actnInfoGrid"></div>
@@ -117,7 +113,7 @@
         <div class="popup_foot">
             <button type="button" id="btnSaveActn" class="newbtns bg1">조치정보 저장</button>
             <button type="button" id="btnDeleteActn" class="newbtns bg6">조치정보 삭제</button>
-            <button type="button" id="btnClearActn" class="newbtns bg2">입력 초기화</button>
+            <button type="button" id="btnClearActn" class="newbtns bg2-1">신규</button>
             <button type="button" id="btnClose" class="newbtns bg2 modalclose">닫기</button>
         </div>
     </div>
@@ -256,7 +252,7 @@
             gridConfig.setOptGridHeight(150);
             gridConfig.setOptRowHeight(30);
             gridConfig.setOptUseClientSort(true);
-            gridConfig.setOptRowHeaderType('checkbox');
+            gridConfig.setOptRowHeaderType('');
 
             gridConfig.setOptColumns([
                 {
@@ -276,10 +272,7 @@
                     width: 100,
                     align: 'center',
                     formatter: function(e) {
-                        if (e.value && e.value.length === 8) {
-                            return e.value.substring(0,4) + '-' + e.value.substring(4,6) + '-' + e.value.substring(6,8);
-                        }
-                        return e.value || '-';
+                        return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
                     }
                 },
                 {
@@ -295,21 +288,12 @@
                     header: '조치비고',
                     name: 'actnRmrk',
                     minWidth: 200,
-                    formatter: function(e) {
-                        return e.value || '-';
-                    }
                 },
                 {
-                    header: '등록일시',
-                    name: 'regDt',
+                    header: '수정일시',
+                    name: 'mdfcnDt',
                     width: 130,
                     align: 'center',
-                    formatter: function(e) {
-                        if (e.value) {
-                            return e.value.substring(0, 16).replace('T', ' ');
-                        }
-                        return '-';
-                    }
                 }
             ]);
 
@@ -345,8 +329,8 @@
                 var allRows = self.grid.getData();
                 if (allRows && allRows.length > 0) {
                     // 첫 번째 행 선택
-                    self.grid.focus(0, 'actnYmd', true);
-                    self.loadActnInfoToForm(allRows[0]);
+                    //self.grid.focus(0, 'actnYmd', true);
+                    //self.loadActnInfoToForm(allRows[0]);
                 }
             });
 
@@ -357,6 +341,7 @@
                     self.loadActnInfoToForm(rowData);
                 }
             });
+
         },
 
         /**
@@ -375,7 +360,7 @@
             $('#actnInfoId').val(rowData.actnInfoId || '');
 
             // 조치 일자 설정
-            $('#actnYmd').val(rowData.actnYmd || '');
+            $('#actnYmd').val(moment(rowData.actnYmd).format('YYYY-MM-DD') || '');
 
             // 조치 면적 설정 (소수점 2자리까지 표시)
             $('#actnArea').val(rowData.actnArea || '');
@@ -459,11 +444,16 @@
             // FormData 생성 (파일 업로드를 위해)
             var formData = new FormData();
             formData.append('mode', mode);
-            formData.append('actInfoId', actInfoId); // 부모 행위정보 ID
-            formData.append('actnInfoId', actnInfoId);
-            formData.append('actnYmd', $('#actnYmd').val().trim());
-            formData.append('actnArea', $('#actnArea').val().trim());
-            formData.append('actnRmrk', $('#actnRmrk').val().trim());
+            // 폼의 모든 입력값을 FormData에 추가
+            $('#actnInfoForm').find('input, select, textarea').each(function() {
+                var $this = $(this);
+                var name = $this.attr('name');
+                var value = $this.val();
+
+                if (name && value && $this.attr('type') !== 'file') {
+                    formData.append(name, value);
+                }
+            });
 
             // 새로 선택한 조치사진 파일들 추가
             if (this.actnSelectedFiles && this.actnSelectedFiles.length > 0) {
@@ -488,7 +478,7 @@
 
                         // 그리드 새로고침
                         if (self.grid) {
-                            self.grid.readData(1);
+                            self.grid.readData();
                         }
 
                     } else {
@@ -534,7 +524,7 @@
 
                         // 그리드 새로고침
                         if (self.grid) {
-                            self.grid.readData(1);
+                            self.grid.readData();
                         }
 
                     } else {
@@ -551,6 +541,8 @@
          * 조치정보 폼 초기화 (crdnActInfoRegistPopup.jsp의 clearActnForm 패턴)
          */
         clearActnForm: function() {
+            var self = this;
+
             $('#actnInfoId').val('');
             $('#actnYmd').val('');
             $('#actnArea').val('');
@@ -562,6 +554,8 @@
             $('#actnPhotoFiles').val('');
             this.actnSelectedFiles = [];
 
+            self.grid.readData();
+
             console.log('조치정보 폼 초기화 완료');
         },
 

From 3f743ac3d605382d0ea1b08e7e282ab6f7e66dfa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=84=B1=EC=98=81?= <xitpsy@xit.co.kr>
Date: Fri, 26 Sep 2025 14:04:29 +0900
Subject: [PATCH 4/7] =?UTF-8?q?=EB=B6=88=EB=B2=95=ED=96=89=EC=9C=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20-=20=EC=A1=B0=EC=B9=98=EC=97=90=20?=
 =?UTF-8?q?=EB=8C=80=ED=95=9C=20=EB=A1=9C=EC=A7=81=20=EC=9E=AC=EA=B5=AC?=
 =?UTF-8?q?=EC=84=B1=20=EC=A7=84=ED=96=89=20=EC=A4=91...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controller/CrdnActInfoController.java     |  56 +--
 .../crdnActInfo/crdnActnInfoRegistPopup.jsp   | 371 ++++++++++--------
 2 files changed, 204 insertions(+), 223 deletions(-)

diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
index 7fd45da..3902371 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
@@ -327,6 +327,7 @@ public class CrdnActInfoController {
     @GetMapping("/photoView.do")
     public String photoView(
             @Parameter(description = "행위정보ID") @RequestParam String actInfoId,
+            @Parameter(description = "조치정보ID") @RequestParam(required = false) String actnInfoId,
             @Parameter(description = "사진순번") @RequestParam String crdnPhotoSn,
             @Parameter(description = "단속조치사진구분") @RequestParam String crdnPhotoSeCd,
             Model model) {
@@ -336,6 +337,7 @@ public class CrdnActInfoController {
         // 중요한 로직 주석: 해당 행위정보의 모든 사진 목록 조회
         CrdnPhotoVO searchVO = CrdnPhotoVO.builder()
                 .actInfoId(actInfoId)
+                .actnInfoId(actnInfoId)
                 .crdnPhotoSeCd(crdnPhotoSeCd) // 단속 사진
                 .build();
         
@@ -610,9 +612,7 @@ public class CrdnActInfoController {
 
             List<CrdnPhotoVO> photoList = photoService.selectPhotoList(photoVO);
 
-            return ApiResponseUtil.success(
-                    new HashMap<String, Object>() {{ put("photoList", photoList); }}
-            );
+            return ApiResponseUtil.success(photoList);
 
         } catch (Exception e) {
             log.error("조치사진 목록 조회 중 오류 발생: {}", actnInfoId, e);
@@ -662,54 +662,4 @@ public class CrdnActInfoController {
         }
     }
 
-    /**
-     * 조치사진 원본 보기 페이지 (View)
-     * 중요한 로직 주석: 조치사진을 원본 크기로 보여주는 팝업 페이지를 반환한다.
-     * @param actnInfoId 조치정보 ID
-     * @param crdnPhotoSn 사진순번
-     * @param model 뷰에 전달할 데이터 모델
-     * @return 조치사진 보기 JSP 페이지 경로
-     */
-    @Operation(summary = "조치사진 원본 보기", description = "조치사진을 원본 크기로 보여주는 페이지를 반환합니다.")
-    @GetMapping("/actnPhotoView.do")
-    public String actnPhotoView(
-            @Parameter(description = "조치정보ID") @RequestParam String actnInfoId,
-            @Parameter(description = "사진순번") @RequestParam String crdnPhotoSn,
-            Model model) {
-
-        log.debug("조치사진 원본 보기 요청 - actnInfoId: {}, crdnPhotoSn: {}", actnInfoId, crdnPhotoSn);
-
-        try {
-            // 중요한 로직 주석: 조치사진 목록 조회 (같은 조치정보의 다른 사진들도 함께)
-            CrdnPhotoVO searchVO = CrdnPhotoVO.builder()
-                    .actnInfoId(actnInfoId)
-                    .crdnPhotoSeCd("2") // 조치사진
-                    .build();
-
-            List<CrdnPhotoVO> photoList = photoService.selectPhotoList(searchVO);
-
-            // 중요한 로직 주석: 현재 보고 있는 사진의 인덱스 찾기
-            int currentIndex = 0;
-            for (int i = 0; i < photoList.size(); i++) {
-                if (photoList.get(i).getCrdnPhotoSn().equals(crdnPhotoSn)) {
-                    currentIndex = i;
-                    break;
-                }
-            }
-
-            // 중요한 로직 주석: JSP에서 사용할 데이터 전달
-            model.addAttribute("actnInfoId", actnInfoId);
-            model.addAttribute("crdnPhotoSn", crdnPhotoSn);
-            model.addAttribute("photoList", photoList);
-            model.addAttribute("currentIndex", currentIndex);
-            model.addAttribute("totalCount", photoList.size());
-
-            return "crdn/crndRegistAndView/crdnActInfo/actnPhotoView";
-
-        } catch (Exception e) {
-            log.error("조치사진 원본 보기 중 오류 발생: actnInfoId={}, crdnPhotoSn={}", actnInfoId, crdnPhotoSn, e);
-            model.addAttribute("errorMessage", "조치사진을 불러올 수 없습니다.");
-            return "error/500";
-        }
-    }
 }
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
index 56ccb4b..9c50647 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
@@ -124,15 +124,188 @@
      * 조치정보 관리 팝업 JavaScript
      * 중요한 로직 주석: crdnActInfoRegistPopup.jsp와 동일한 구조, levyPrvntcPopup.jsp의 탭 패턴 적용
      */
-    var CrdnActnInfoManage = {
+    var crdnActnInfoRegistPopup = {
         // 기본 정보
         actInfoId: '${actInfoId}',
         crdnYr: '${crdnYr}',
         crdnNo: '${crdnNo}',
         pstnInfoId: '${pstnInfoId}',
+        actnInfoIdSelect: null,
 
-        // 그리드 인스턴스
-        grid: null,
+        /**
+         * 그리드 관련 객체
+         */
+        grid: {
+            /**
+             * 그리드 인스턴스
+             */
+            instance: null,
+
+            /**
+             * 그리드 설정 초기화
+             * @returns {Object} 그리드 설정 객체
+             */
+            initConfig: function() {
+                // 데이터 소스 설정
+                var dataSource = this.createDataSource();
+
+                // 그리드 설정 객체 생성
+                var gridConfig = new XitTuiGridConfig();
+
+                // 기본 설정
+                gridConfig.setOptDataSource(dataSource);
+                gridConfig.setOptGridId('actnInfoGrid');
+                gridConfig.setOptGridHeight(150);
+                gridConfig.setOptRowHeight(30);
+                gridConfig.setOptUseClientSort(true);
+                gridConfig.setOptRowHeaderType('');
+                gridConfig.setOptColumns(this.getGridColumns());
+
+                return gridConfig;
+            },
+
+            /**
+             * 그리드 컬럼 정의
+             * @returns {Array} 그리드 컬럼 배열
+             */
+            getGridColumns: function() {
+                return [
+                    {
+                        header: '조치정보ID',
+                        name: 'actnInfoId',
+                        hidden: true
+                    },
+                    {
+                        header: '순번',
+                        name: 'rownum',
+                        width: 60,
+                        align: 'center'
+                    },
+                    {
+                        header: '조치일자',
+                        name: 'actnYmd',
+                        width: 100,
+                        align: 'center',
+                        formatter: function(e) {
+                            return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
+                        }
+                    },
+                    {
+                        header: '조치면적(㎡)',
+                        name: 'actnArea',
+                        width: 100,
+                        align: 'right',
+                        formatter: function(e) {
+                            return e.value ? parseFloat(e.value).toLocaleString() : '-';
+                        }
+                    },
+                    {
+                        header: '조치비고',
+                        name: 'actnRmrk',
+                        minWidth: 200,
+                    },
+                    {
+                        header: '수정일시',
+                        name: 'mdfcnDt',
+                        width: 130,
+                        align: 'center',
+                    }
+                ];
+            },
+
+            /**
+             * 데이터 소스 생성
+             * @returns {Object} 데이터 소스 설정 객체
+             */
+            createDataSource: function() {
+                var self = crdnActnInfoRegistPopup;
+                return {
+                    api: {
+                        readData: {
+                            url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoList.ajax"/>',
+                            method: 'POST',
+                            contentType: 'application/x-www-form-urlencoded',
+                            processData: true
+                        }
+                    },
+                    initialRequest: false,
+                    serializer: function(params) {
+                        var defaultParams = $.param(params);
+                        var extra = $.param({ actInfoId: self.actInfoId });
+                        return defaultParams + '&' + extra;
+                    }
+                };
+            },
+
+            /**
+             * 그리드 인스턴스 생성
+             */
+            create: function() {
+                var gridConfig = this.initConfig();
+                var Grid = tui.Grid;
+                this.instance = gridConfig.instance(Grid);
+
+
+                // 그리드 테마 설정
+                Grid.applyTheme('striped');
+
+                this.gridBindEvents();
+            },
+
+            /**
+             * 그리드 이벤트 바인딩
+             */
+            gridBindEvents: function() {
+                var self = this;
+
+                this.instance.on('successResponse', function(ev) {
+                    var responseObj = JSON.parse(ev.xhr.response);
+                    var totalCount = 0;
+                    if (responseObj && responseObj.data && responseObj.data.contents) {
+                        totalCount = responseObj.data.contents.length;
+                        $('#actnTotalCount').text('총 ' + totalCount + '건');
+                    }
+                });
+
+                this.instance.on('onGridUpdated', function() {
+                    const firstVisibleColumn = self.instance.getColumns().find(column => !column.hidden);
+                    var allRows = self.instance.getData();
+                    var rowKey = null;
+                    if (allRows && allRows.length > 0) {
+                        allRows.forEach(function(row) {
+                            if( crdnActnInfoRegistPopup.actnInfoIdSelect === null ){
+                                rowKey = allRows[0].rowKey;
+                                crdnActnInfoRegistPopup.actnInfoIdSelect = row.actnInfoId;
+                            }else if (crdnActnInfoRegistPopup.actnInfoIdSelect === row.actnInfoId) {
+                                rowKey = row.rowKey
+                            }
+                            // 2. 행 전체 선택 (파란색 배경)
+                            self.instance.setSelectionRange({
+                                start: [rowKey, 0],
+                                end: [rowKey, self.instance.getColumns().length - 1]
+                            });
+                            // 2. 첫 번째 보이는 컬럼으로 포커스 이동 및 스크롤
+                            self.instance.focus(rowKey, firstVisibleColumn.name, true);
+                        });
+                    }
+                });
+
+                this.instance.on('focusChange', function(ev) {
+                    if (ev.rowKey !== null) {
+                        crdnActnInfoRegistPopup.actnInfoIdSelect = ev.actnInfoId;
+                        var rowData = self.grid.instance.getRow(ev.rowKey);
+                        self.loadActnInfoToForm(rowData);
+                    }
+                });
+
+                this.instance.on('click', function(ev) {
+                    if (ev.rowKey !== null) {
+                        crdnActnInfoRegistPopup.actnInfoIdSelect = ev.actnInfoId;
+                    }
+                });
+
+            }
+        },
 
         // 선택된 조치사진 파일들
         actnSelectedFiles: [],
@@ -141,7 +314,7 @@
          * 초기화
          */
         init: function() {
-            this.initGrid();
+            this.grid.create();
             this.eventBindEvents();
             this.loadActnInfoList();
         },
@@ -164,11 +337,6 @@
                 self.switchTab($(this).parent().data('tab'));
             });
 
-            // 조치정보 추가 버튼
-            $('#btnAddActn').on('click', function() {
-                self.clearActnForm();
-            });
-
             // 조치정보 저장 버튼
             $('#btnSaveActn').on('click', function() {
                 self.saveActnInfo();
@@ -218,138 +386,12 @@
             }
         },
 
-
-        /**
-         * 조치정보 그리드 초기화
-         */
-        initGrid: function() {
-            var self = this;
-
-            // 데이터 소스 설정
-            var dataSource = {
-                api: {
-                    readData: {
-                        url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnInfoList.ajax"/>',
-                        method: 'POST',
-                        contentType: 'application/x-www-form-urlencoded',
-                        processData: true
-                    }
-                },
-                initialRequest: false,
-                serializer: function(params) {
-                    var defaultParams = $.param(params);
-                    var extra = $.param({ actInfoId: self.actInfoId });
-                    return defaultParams + '&' + extra;
-                }
-            };
-
-            // 그리드 설정 객체 생성
-            var gridConfig = new XitTuiGridConfig();
-
-            // 기본 설정
-            gridConfig.setOptDataSource(dataSource);
-            gridConfig.setOptGridId('actnInfoGrid');
-            gridConfig.setOptGridHeight(150);
-            gridConfig.setOptRowHeight(30);
-            gridConfig.setOptUseClientSort(true);
-            gridConfig.setOptRowHeaderType('');
-
-            gridConfig.setOptColumns([
-                {
-                    header: '조치정보ID',
-                    name: 'actnInfoId',
-                    hidden: true
-                },
-                {
-                    header: '순번',
-                    name: 'rownum',
-                    width: 60,
-                    align: 'center'
-                },
-                {
-                    header: '조치일자',
-                    name: 'actnYmd',
-                    width: 100,
-                    align: 'center',
-                    formatter: function(e) {
-                        return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
-                    }
-                },
-                {
-                    header: '조치면적(㎡)',
-                    name: 'actnArea',
-                    width: 100,
-                    align: 'right',
-                    formatter: function(e) {
-                        return e.value ? parseFloat(e.value).toLocaleString() : '-';
-                    }
-                },
-                {
-                    header: '조치비고',
-                    name: 'actnRmrk',
-                    minWidth: 200,
-                },
-                {
-                    header: '수정일시',
-                    name: 'mdfcnDt',
-                    width: 130,
-                    align: 'center',
-                }
-            ]);
-
-            // 그리드 인스턴스 생성
-            var Grid = tui.Grid;
-            this.grid = gridConfig.instance(Grid);
-
-            // 그리드 테마 설정
-            Grid.applyTheme('striped');
-
-            // 그리드 이벤트 바인딩
-            this.bindGridEvents();
-        },
-
-        /**
-         * 그리드 이벤트 바인딩
-         */
-        bindGridEvents: function() {
-            var self = this;
-
-            // 데이터 로딩 완료 이벤트
-            this.grid.on('successResponse', function(ev) {
-                var responseObj = JSON.parse(ev.xhr.response);
-                var totalCount = 0;
-                if (responseObj && responseObj.data && responseObj.data.contents) {
-                    totalCount = responseObj.data.contents.length;
-                    $('#actnTotalCount').text('총 ' + totalCount + '건');
-                }
-            });
-
-            // 그리드 렌더링 및 데이터 업데이트 완료 이벤트
-            this.grid.on('onGridUpdated', function() {
-                var allRows = self.grid.getData();
-                if (allRows && allRows.length > 0) {
-                    // 첫 번째 행 선택
-                    //self.grid.focus(0, 'actnYmd', true);
-                    //self.loadActnInfoToForm(allRows[0]);
-                }
-            });
-
-            // 행 포커스 변경 이벤트
-            this.grid.on('focusChange', function(ev) {
-                if (ev.rowKey !== null) {
-                    var rowData = self.grid.getRow(ev.rowKey);
-                    self.loadActnInfoToForm(rowData);
-                }
-            });
-
-        },
-
         /**
          * 조치정보 목록 조회
          */
         loadActnInfoList: function() {
-            if (this.grid) {
-                this.grid.readData();
+            if (this.grid.instance) {
+                this.grid.instance.readData();
             }
         },
 
@@ -398,24 +440,17 @@
                     if (response && response.data && response.data.length > 0) {
                         $.each(response.data, function(index, photo) {
                             var previewHtml =
-                                '<div class="photo-preview-item existing-photo" data-actn-info-id="' + photo.actnInfoId +
-                                '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="2">' +
+                                '<div class="photo-preview-item existing-photo" data-act-info-id="' + photo.actInfoId + '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="1">' +
                                 '    <div class="photo-thumbnail">' +
-                                '        <img src="<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoThumbnail.do"/>?actnInfoId=' +
-                                photo.actnInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '" alt="' + photo.crdnPhotoNm + '">' +
+                                '        <img src="<c:url value='/crdn/crndRegistAndView/crdnActInfo/downloadPhoto.do'/>?actInfoId=' + photo.actInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '"' +
+                                '             alt="' + photo.orgnlPhotoNm + '" onclick="viewOriginalPhoto(\'' + photo.actnInfoId + '\', \'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'' + photo.crdnPhotoSeCd + '\')">' +
                                 '    </div>' +
                                 '    <div class="photo-info">' +
-                                '        <div class="photo-name" title="' + photo.crdnPhotoNm + '">' + photo.crdnPhotoNm + '</div>' +
-                                '        <div class="photo-type">[조치]</div>' +
-                                '        <div class="photo-buttons">' +
-                                '            <button type="button" class="view-photo-btn" onclick="CrdnActnInfoManage.viewOriginalActnPhoto(\'' +
-                                photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">보기</button>' +
-                                '            <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteExistingActnPhoto(\'' +
-                                photo.actnInfoId + '\', \'' + photo.crdnPhotoSn + '\')">삭제</button>' +
-                                '        </div>' +
+                                '        <div class="photo-name" title="' + photo.orgnlPhotoNm + '">' + photo.orgnlPhotoNm + '</div>' +
+                                '        <div class="photo-type">[단속]</div>' +
+                                '        <button type="button" class="delete-photo-btn" onclick="deleteExistingPhoto(\'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'1\')">삭제</button>' +
                                 '    </div>' +
                                 '</div>';
-
                             $('#actnPhotoPreviewContainer').append(previewHtml);
                         });
                     }
@@ -471,14 +506,9 @@
                 contentType: false,
                 success: function(response) {
                     if (response && response.success) {
-                        alert(mode === 'C' ? '조치정보가 등록되었습니다.' : '조치정보가 수정되었습니다.');
-
-                        // 폼 초기화
-                        self.clearActnForm();
-
                         // 그리드 새로고침
-                        if (self.grid) {
-                            self.grid.readData();
+                        if (self.grid.instance) {
+                            self.grid.instance.readData();
                         }
 
                     } else {
@@ -523,8 +553,8 @@
                         self.clearActnForm();
 
                         // 그리드 새로고침
-                        if (self.grid) {
-                            self.grid.readData();
+                        if (self.grid.instance) {
+                            self.grid.instance.readData();
                         }
 
                     } else {
@@ -554,7 +584,7 @@
             $('#actnPhotoFiles').val('');
             this.actnSelectedFiles = [];
 
-            self.grid.readData();
+            self.grid.instance.readData();
 
             console.log('조치정보 폼 초기화 완료');
         },
@@ -644,7 +674,7 @@
                     '    <div class="photo-info">' +
                     '        <div class="photo-name" title="' + file.name + '">' + file.name + '</div>' +
                     '        <div class="photo-type">[' + photoTypeName + ']</div>' +
-                    '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoManage.deleteNewPhoto(this, \'' + photoType + '\')">삭제</button>' +
+                    '        <button type="button" class="delete-photo-btn" onclick="crdnActnInfoRegistPopup.deleteNewPhoto(this, \'' + photoType + '\')">삭제</button>' +
                     '    </div>' +
                     '</div>';
 
@@ -704,14 +734,6 @@
             });
         },
 
-        /**
-         * 조치사진 원본 보기 (crdnActInfoRegistPopup.jsp의 viewOriginalActnPhoto 패턴)
-         */
-        viewOriginalActnPhoto: function(actnInfoId, crdnPhotoSn) {
-            var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/actnPhotoView.do"/>?actnInfoId=' + actnInfoId + '&crdnPhotoSn=' + crdnPhotoSn;
-            openPopup(url, 1000, 700, '_blank');
-        },
-
         /**
          * 팝업 닫기
          */
@@ -727,8 +749,17 @@
         }
     };
 
+    /**
+     * 원본 사진 보기 (기존 DB 사진)
+     * 중요한 로직 주석: 등록된 사진을 photoView 페이지에서 원본 크기로 표시하고 다운로드 버튼을 제공한다.
+     */
+    function viewOriginalPhoto(actnInfoId, actInfoId, crdnPhotoSn, crdnPhotoSeCd) {
+        var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoView.do"/>?actnInfoId=' + actnInfoId + '&actInfoId=' + actInfoId + '&crdnPhotoSn=' + crdnPhotoSn  + '&crdnPhotoSeCd=' + crdnPhotoSeCd ;
+        openPopup(url, 1000, 700, '_blank');
+    }
+
     // DOM 준비 완료 시 초기화
     $(document).ready(function() {
-        CrdnActnInfoManage.init();
+        crdnActnInfoRegistPopup.init();
     });
 </script>
\ No newline at end of file

From dfcd004ef4d85a63c510521980f2665782e83e09 Mon Sep 17 00:00:00 2001
From: kjh <kimjio83@gmail.com>
Date: Fri, 26 Sep 2025 15:01:42 +0900
Subject: [PATCH 5/7] =?UTF-8?q?=EB=8B=A8=EC=86=8D=20=EC=9E=90=EB=A3=8C=20?=
 =?UTF-8?q?=EA=B4=80=EB=A6=AC=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20=ED=95=AD?=
 =?UTF-8?q?=EB=AA=A9=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/model/CrdnRegistAndViewVO.java       | 37 ++++-----
 .../main/CrdnRegistAndViewMapper_maria.xml    | 81 ++++++++++---------
 .../crdn/crndRegistAndView/main/list.jsp      | 54 +++++++++++--
 3 files changed, 104 insertions(+), 68 deletions(-)

diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/main/model/CrdnRegistAndViewVO.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/main/model/CrdnRegistAndViewVO.java
index 21420df..f1e1845 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/main/model/CrdnRegistAndViewVO.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/main/model/CrdnRegistAndViewVO.java
@@ -107,6 +107,12 @@ public class CrdnRegistAndViewVO extends PagingVO {
 
     /* 단속 처리 일자 */
     private String crdnPrcsYmd;
+    
+    /* 행위 유형 코드 */
+    private String actTypeCd;
+    
+    /* 용도 지수 코드 */
+    private String usgIdxCd;
 
     /** 등록 일시 */
     @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
@@ -150,6 +156,15 @@ public class CrdnRegistAndViewVO extends PagingVO {
     
     /** 소유자명들 (쉼표로 구분) */
     private String ownrNams;
+
+    /** 행위자명들 (쉼표로 구분) */
+    private String actrNams;
+    
+    /** 행위 유형 코드명 */
+    private String actTypeCdNm;
+    
+    /** 용도 지수 코드명 */
+    private String usgIdxCdNm;
     
     /** 지번 전체 주소 */
     private String lotnoWholAddr;
@@ -159,27 +174,7 @@ public class CrdnRegistAndViewVO extends PagingVO {
     
     /** 역순 행 번호 (그리드 표시용) */
     private Integer rowNum;
-
-    /* 사전처분 시작일 */
-    private String impltBgngYmd;
-    /* 사전처분 종료일 */
-    private String impltEndYmd;
-    /* 사전처분 상태 */
-    private String impltTaskSeCd;
-
-    /* 시정명령 시작일 */
-    private String impltBgngYmd2;
-    /* 시정명령 종료일 */
-    private String impltEndYmd2;
-    /* 시정명령 상태 */
-    private String impltTaskSeCd2;
-
-    /* 시정촉구 시작일 */
-    private String impltBgngYmd3;
-    /* 시정촉구 종료일 */
-    private String impltEndYmd3;
-    /* 시정촉구 상태 */
-    private String impltTaskSeCd3;
+    
 
     // ==================== 검색 조건 ====================
     
diff --git a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/main/CrdnRegistAndViewMapper_maria.xml b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/main/CrdnRegistAndViewMapper_maria.xml
index 9032cdd..8b82ce7 100644
--- a/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/main/CrdnRegistAndViewMapper_maria.xml
+++ b/src/main/resources/mybatis/mapper/crdn/crndRegistAndView/main/CrdnRegistAndViewMapper_maria.xml
@@ -7,41 +7,41 @@
     <select id="selectList" parameterType="CrdnRegistAndViewVO" resultType="CrdnRegistAndViewVO">
         /* CrdnRegistAndViewMapper.selectList : 단속 목록 조회 */
         SELECT 
-            c.CRDN_YR,
-            c.CRDN_NO,
-            c.SGG_CD,
+            c.CRDN_YR,                  /* 단속 연도 */
+            c.CRDN_NO,                  /* 단속 번호 */
+            c.SGG_CD,                   /* 시군구 코드 */
             sgg.CD_NM AS SGG_CD_NM,
-            c.RGN_SE_CD,
+            c.RGN_SE_CD,                /* 지역 구분 코드 */
             rgn.CD_NM AS RGN_SE_CD_NM,
-            c.DSCL_MTHD_CD,
+            c.DSCL_MTHD_CD,             /* 단속 방법 코드 */
             dscl.CD_NM AS DSCL_MTHD_CD_NM,
-            c.DSCL_YMD,
-            c.EXMNR,
-            c.RMRK,
-            c.DSPS_BFHD_BGNG_YMD,
-            c.DSPS_BFHD_END_YMD,
-            c.CRC_CMD_BGNG_YMD,
-            c.CRC_CMD_END_YMD,
-            c.CRC_URG_BGNG_YMD,
-            c.CRC_URG_END_YMD,
-            c.LEVY_PRVNTC_BGNG_YMD,
-            c.LEVY_PRVNTC_END_YMD,
-            c.LEVY_BGNG_YMD,
-            c.LEVY_END_YMD,
-            c.PAY_URG_BGNG_YMD,
-            c.PAY_URG_END_YMD,
-            c.FRST_CRDN_YR,
-            c.FRST_CRDN_NO,
-            c.RELEVY_YN,
-            c.AGRVTN_LEVY_TRGT_YN,
-            c.CRDN_PRCS_STTS_CD,
+            c.DSCL_YMD,                 /* 적발 일자 */
+            c.EXMNR,                    /* 조사원 */
+            c.RMRK,                     /* 비고 */
+            c.DSPS_BFHD_BGNG_YMD,       /* 사전처분 시작일 */
+            c.DSPS_BFHD_END_YMD,        /* 사전처분 종료일 */
+            c.CRC_CMD_BGNG_YMD,         /* 시정명령 시작일 */
+            c.CRC_CMD_END_YMD,          /* 시정명령 종료일 */
+            c.CRC_URG_BGNG_YMD,         /* 시정촉구 시작일 */
+            c.CRC_URG_END_YMD,          /* 시정촉구 종료일 */
+            c.LEVY_PRVNTC_BGNG_YMD,     /* 부과예고 시작일 */
+            c.LEVY_PRVNTC_END_YMD,      /* 부과예고 종료일 */
+            c.LEVY_BGNG_YMD,            /* 부과 시작일 */
+            c.LEVY_END_YMD,             /* 부과 종료일 */
+            c.PAY_URG_BGNG_YMD,         /* 납부촉구 시작일 */
+            c.PAY_URG_END_YMD,          /* 납부촉구 종료일 */
+            c.FRST_CRDN_YR,             /* 최초 단속 연도 */
+            c.FRST_CRDN_NO,             /* 최초 단속 번호 */
+            c.RELEVY_YN,                /* 재과 여부 */
+            c.AGRVTN_LEVY_TRGT_YN,      /* 가중 부과 대상 여부 */
+            c.CRDN_PRCS_STTS_CD,        /* 단속 처리 상태 코드 */
             stts.CD_NM AS CRDN_PRCS_STTS_CD_NM,
-            c.CRDN_PRCS_YMD,
+            c.CRDN_PRCS_YMD,            /* 단속 처리 일자 */
             c.REG_DT,
             c.RGTR,
             u.USER_ACNT AS RGTR_ACNT,
             u.USER_NM AS RGTR_NM,
-            p.LOTNO_WHOL_ADDR,
+            p.LOTNO_WHOL_ADDR,          /* 지번 전체 주소 */
             p.ZIP,
             (SELECT GROUP_CONCAT(DISTINCT o2.FLNM SEPARATOR ', ')
              FROM tb_ownr_info oi2
@@ -49,15 +49,18 @@
              WHERE oi2.CRDN_YR = c.CRDN_YR 
                AND oi2.CRDN_NO = c.CRDN_NO 
                AND oi2.DEL_YN = 'N') AS OWNR_NAMS,
-             ii.IMPLT_BGNG_YMD, /* 사전처분 시작일 */
-             ii.IMPLT_END_YMD,  /* 사전처분 종료일 */
-             ii.IMPLT_TASK_SE_CD, /* 사전처분 상태 */
-             ii2.IMPLT_BGNG_YMD as IMPLT_BGNG_YMD2, /* 시정명령 시작일 */
-             ii2.IMPLT_END_YMD as IMPLT_END_YMD2,  /* 시정명령 종료일 */
-             ii2.IMPLT_TASK_SE_CD as IMPLT_TASK_SE_CD2, /* 시정명령 상태 */
-             ii3.IMPLT_BGNG_YMD as IMPLT_BGNG_YMD3, /* 시정촉구 시작일 */
-             ii3.IMPLT_END_YMD as IMPLT_END_YMD3,  /* 시정촉구 종료일 */
-             ii3.IMPLT_TASK_SE_CD as IMPLT_TASK_SE_CD3 /* 시정촉구 상태 */
+            (SELECT GROUP_CONCAT(DISTINCT o2.FLNM SEPARATOR ', ') 
+             FROM tb_actr_info ai 
+             LEFT JOIN tb_ownr o2 ON o2.OWNR_ID = ai.OWNR_ID AND o2.DEL_YN = 'N' 
+             WHERE ai.CRDN_YR = c.CRDN_YR 
+               AND ai.CRDN_NO = c.CRDN_NO 
+               AND ai.DEL_YN = 'N') AS ACTR_NAMS,
+            a.ACT_TYPE_CD,              /* 행위 유형 코드 */
+            CASE WHEN (SELECT COUNT(1) FROM tb_act_info a2 WHERE a2.CRDN_YR = a.CRDN_YR AND a2.CRDN_NO = a.CRDN_NO AND a2.DEL_YN='N') > 1 THEN
+                       CONCAT(act.VLTN_BDST, ' 등 ', (SELECT COUNT(1) FROM tb_act_info a2 WHERE a2.CRDN_YR = a.CRDN_YR AND a2.CRDN_NO = a.CRDN_NO AND a2.DEL_YN='N'), '건')
+                 ELSE act.VLTN_BDST END ACT_TYPE_CD_NM,
+            a.USG_IDX_CD,               /* 용도 지수 코드 */
+            usg.USG_NM AS USG_IDX_CD_NM
         FROM tb_crdn c
         LEFT JOIN tb_cd_detail sgg ON sgg.CD_GROUP_ID = 'ORG_CD' AND sgg.CD_ID = c.SGG_CD
         LEFT JOIN tb_cd_detail rgn ON rgn.CD_GROUP_ID = 'RGN_SE_CD' AND rgn.CD_ID = c.RGN_SE_CD
@@ -65,9 +68,9 @@
         LEFT JOIN tb_cd_detail stts ON stts.CD_GROUP_ID = 'CRDN_PRCS_STTS_CD' AND stts.CD_ID = c.CRDN_PRCS_STTS_CD
         LEFT JOIN tb_user u ON u.USER_ID = c.RGTR AND u.USE_YN = 'Y'
         LEFT JOIN tb_pstn_info p ON p.CRDN_YR = c.CRDN_YR AND p.CRDN_NO = c.CRDN_NO AND p.DEL_YN = 'N'
-        LEFT JOIN TB_IMPLT_INFO ii ON ii.CRDN_YR = c.CRDN_YR AND ii.CRDN_NO = c.CRDN_NO AND ii.IMPLT_TASK_SE_CD = '1' AND ii.DEL_YN = 'N' /* 사전처분 */
-        LEFT JOIN TB_IMPLT_INFO ii2 ON ii2.CRDN_YR = c.CRDN_YR AND ii2.CRDN_NO = c.CRDN_NO AND ii2.IMPLT_TASK_SE_CD = '2' AND ii2.DEL_YN = 'N' /* 시정명령 */
-        LEFT JOIN TB_IMPLT_INFO ii3 ON ii3.CRDN_YR = c.CRDN_YR AND ii3.CRDN_NO = c.CRDN_NO AND ii3.IMPLT_TASK_SE_CD = '3' AND ii3.DEL_YN = 'N' /* 시정촉구 */
+        LEFT Join tb_act_info a ON a.CRDN_YR = c.CRDN_YR and a.CRDN_NO = c.CRDN_NO AND a.DEL_YN = 'N' AND a.ACT_NO = (SELECT MIN(a1.ACT_NO) FROM tb_act_info a1 WHERE a1.CRDN_YR = a.CRDN_YR AND a1.CRDN_NO = a.CRDN_NO AND a1.DEL_YN='N')
+        LEFT JOIN tb_act_type act ON  act.ACT_TYPE_CD = a.ACT_TYPE_CD
+        LEFT JOIN tb_usg_idx usg ON usg.USG_IDX_CD = a.USG_IDX_CD AND usg.DEL_YN = 'N'
         WHERE c.DEL_YN = 'N'
         <if test='schCrdnYr != null and schCrdnYr != ""'>
             AND c.CRDN_YR = #{schCrdnYr}
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp
index 20761ab..0053a0b 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp
@@ -256,7 +256,7 @@
                         },
                         { header: '진행단계', name: 'crdnPrcsSttsCdNm', align: 'center', width: 100 },
                         {
-                            header: '지번주소',
+                            header: '위치',
                             name: 'lotnoWholAddr',
                             align: 'left',
                             minWidth: 300,
@@ -265,12 +265,21 @@
                             }
                         },
                         {
-                            header: '우편번호',
-                            name: 'zip',
-                            align: 'center',
-                            width: 80,
+                            header: '행위유형',
+                            name: 'actTypeCdNm',
+                            align: 'left',
+                            width: 130,
+                            formatter: function(e) {
+                                return e.value;
+                            }
+                        },
+                        {
+                            header: '용도',
+                            name: 'usgIdxCdNm',
+                            align: 'left',
+                            width: 130,
                             formatter: function(e) {
-                                return e.value || '-';
+                                return e.value;
                             }
                         },
                         {
@@ -282,12 +291,41 @@
                                 return e.value;
                             }
                         },
-                        { header: '사전처분 시작일', name: 'impltBgngYmd', align: 'center', width: 150,
+                        {
+                            header: '행위자',
+                            name: 'actrNams',
+                            align: 'left',
+                            width: 130,
+                            formatter: function(e) {
+                                return e.value;
+                            }
+                        },
+                        { header: '처분사전 일자', name: 'dspsBfhdBgngYmd', align: 'center', width: 150,
+                            formatter: function (e) {
+                                return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
+                            }
+                        },
+                        { header: '시정명령 일자', name: 'crcCmdBgngYmd', align: 'center', width: 120,
+                            formatter: function (e) {
+                                return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
+                            }
+                        },
+                        { header: '시정촉구 일자', name: 'crcUrgBgngYmd', align: 'center', width: 120,
+                            formatter: function (e) {
+                                return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
+                            }
+                        },
+                        { header: '부과예고 일자', name: 'levyPrvntcBgngYmd', align: 'center', width: 120,
+                            formatter: function (e) {
+                                return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
+                            }
+                        },
+                        { header: '부과 일자', name: 'levyBgngYmd', align: 'center', width: 120,
                             formatter: function (e) {
                                 return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
                             }
                         },
-                        { header: '사전처분 종료일', name: 'impltEndYmd', align: 'center', width: 150,
+                        { header: '납부촉구 일자', name: 'payUrgBgngYmd', align: 'center', width: 120,
                             formatter: function (e) {
                                 return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
                             }

From 53a881fc76fd64406ee9dd5f90575737dabd597c Mon Sep 17 00:00:00 2001
From: kjh <kimjio83@gmail.com>
Date: Fri, 26 Sep 2025 15:08:18 +0900
Subject: [PATCH 6/7] =?UTF-8?q?=EB=8B=A8=EC=86=8D=20=EC=9E=90=EB=A3=8C=20?=
 =?UTF-8?q?=EA=B4=80=EB=A6=AC=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EC=B2=98?=
 =?UTF-8?q?=EB=B6=84=20=EC=9D=BC=EC=9E=90=20=ED=81=AC=EA=B8=B0=20=EC=A1=B0?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp
index 0053a0b..4f78229 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/main/list.jsp
@@ -300,7 +300,7 @@
                                 return e.value;
                             }
                         },
-                        { header: '처분사전 일자', name: 'dspsBfhdBgngYmd', align: 'center', width: 150,
+                        { header: '처분사전 일자', name: 'dspsBfhdBgngYmd', align: 'center', width: 120,
                             formatter: function (e) {
                                 return e.value ? moment(e.value).format('YYYY-MM-DD') : '';
                             }

From 12a267c30ad710dedb1206608ee7c7a5645abcbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=84=B1=EC=98=81?= <xitpsy@xit.co.kr>
Date: Fri, 26 Sep 2025 15:36:38 +0900
Subject: [PATCH 7/7] =?UTF-8?q?=EB=B6=88=EB=B2=95=ED=96=89=EC=9C=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20-=20=EC=A1=B0=EC=B9=98=EC=97=90=20?=
 =?UTF-8?q?=EB=8C=80=ED=95=9C=20=EB=A1=9C=EC=A7=81=20=EC=9E=AC=EA=B5=AC?=
 =?UTF-8?q?=EC=84=B1=20=EC=A7=84=ED=96=89=20=EC=A4=91...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controller/CrdnActInfoController.java     |   2 +-
 .../crdnActInfo/crdnActnInfoRegistPopup.jsp   | 283 ++++++++----------
 2 files changed, 124 insertions(+), 161 deletions(-)

diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
index 3902371..cc74347 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
@@ -575,7 +575,7 @@ public class CrdnActInfoController {
             @ApiResponse(responseCode = "200", description = "삭제 성공"),
             @ApiResponse(responseCode = "500", description = "서버 오류")
     })
-    @PostMapping("/actnInfoDelete.ajax")
+    @PostMapping("/deleteActnInfo.ajax")
     public ResponseEntity<?> actnInfoDeleteAjax(@RequestParam List<String> actnInfoIds) {
         log.debug("조치정보 삭제 요청: {}", actnInfoIds);
 
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
index 9c50647..22e2f13 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
@@ -120,39 +120,31 @@
 </div>
 
 <script type="text/javascript">
-    /**
-     * 조치정보 관리 팝업 JavaScript
-     * 중요한 로직 주석: crdnActInfoRegistPopup.jsp와 동일한 구조, levyPrvntcPopup.jsp의 탭 패턴 적용
-     */
-    var crdnActnInfoRegistPopup = {
-        // 기본 정보
+(function(window, $) {
+    'use strict';
+
+    var CrdnActnInfoRegistPopup = {
+        
         actInfoId: '${actInfoId}',
         crdnYr: '${crdnYr}',
         crdnNo: '${crdnNo}',
         pstnInfoId: '${pstnInfoId}',
         actnInfoIdSelect: null,
 
-        /**
-         * 그리드 관련 객체
-         */
+        
         grid: {
-            /**
-             * 그리드 인스턴스
-             */
+            
             instance: null,
 
-            /**
-             * 그리드 설정 초기화
-             * @returns {Object} 그리드 설정 객체
-             */
+            
             initConfig: function() {
-                // 데이터 소스 설정
+                
                 var dataSource = this.createDataSource();
 
-                // 그리드 설정 객체 생성
+                
                 var gridConfig = new XitTuiGridConfig();
 
-                // 기본 설정
+                
                 gridConfig.setOptDataSource(dataSource);
                 gridConfig.setOptGridId('actnInfoGrid');
                 gridConfig.setOptGridHeight(150);
@@ -164,10 +156,7 @@
                 return gridConfig;
             },
 
-            /**
-             * 그리드 컬럼 정의
-             * @returns {Array} 그리드 컬럼 배열
-             */
+            
             getGridColumns: function() {
                 return [
                     {
@@ -213,12 +202,8 @@
                 ];
             },
 
-            /**
-             * 데이터 소스 생성
-             * @returns {Object} 데이터 소스 설정 객체
-             */
+            
             createDataSource: function() {
-                var self = crdnActnInfoRegistPopup;
                 return {
                     api: {
                         readData: {
@@ -231,32 +216,28 @@
                     initialRequest: false,
                     serializer: function(params) {
                         var defaultParams = $.param(params);
-                        var extra = $.param({ actInfoId: self.actInfoId });
+                        var extra = $.param({ actInfoId: CrdnActnInfoRegistPopup.actInfoId });
                         return defaultParams + '&' + extra;
                     }
                 };
             },
 
-            /**
-             * 그리드 인스턴스 생성
-             */
+            
             create: function() {
                 var gridConfig = this.initConfig();
                 var Grid = tui.Grid;
                 this.instance = gridConfig.instance(Grid);
 
 
-                // 그리드 테마 설정
+                
                 Grid.applyTheme('striped');
 
                 this.gridBindEvents();
             },
 
-            /**
-             * 그리드 이벤트 바인딩
-             */
+            
             gridBindEvents: function() {
-                var self = this;
+                var self = CrdnActnInfoRegistPopup;
 
                 this.instance.on('successResponse', function(ev) {
                     var responseObj = JSON.parse(ev.xhr.response);
@@ -268,96 +249,101 @@
                 });
 
                 this.instance.on('onGridUpdated', function() {
-                    const firstVisibleColumn = self.instance.getColumns().find(column => !column.hidden);
-                    var allRows = self.instance.getData();
+                    const firstVisibleColumn = self.grid.instance.getColumns().find(column => !column.hidden);
+                    var allRows = self.grid.instance.getData();
                     var rowKey = null;
                     if (allRows && allRows.length > 0) {
                         allRows.forEach(function(row) {
-                            if( crdnActnInfoRegistPopup.actnInfoIdSelect === null ){
-                                rowKey = allRows[0].rowKey;
-                                crdnActnInfoRegistPopup.actnInfoIdSelect = row.actnInfoId;
-                            }else if (crdnActnInfoRegistPopup.actnInfoIdSelect === row.actnInfoId) {
+                            if (self.actnInfoIdSelect === row.actnInfoId) {
                                 rowKey = row.rowKey
+                                console.log(self.actnInfoIdSelect, rowKey, row.rowKey, row.actnInfoId)
                             }
-                            // 2. 행 전체 선택 (파란색 배경)
-                            self.instance.setSelectionRange({
-                                start: [rowKey, 0],
-                                end: [rowKey, self.instance.getColumns().length - 1]
-                            });
-                            // 2. 첫 번째 보이는 컬럼으로 포커스 이동 및 스크롤
-                            self.instance.focus(rowKey, firstVisibleColumn.name, true);
                         });
+                        if(rowKey != null){
+                            self.grid.instance.focus(rowKey, firstVisibleColumn.name, true);
+                        }
                     }
                 });
 
                 this.instance.on('focusChange', function(ev) {
+                    console.log(ev);
                     if (ev.rowKey !== null) {
-                        crdnActnInfoRegistPopup.actnInfoIdSelect = ev.actnInfoId;
                         var rowData = self.grid.instance.getRow(ev.rowKey);
+                        self.actnInfoIdSelect = rowData.actnInfoId;
                         self.loadActnInfoToForm(rowData);
                     }
+                    // validation 에러 스타일과 메시지 제거
+                    $('#actnInfoForm').find('.is-invalid').removeClass('is-invalid');
+                    $('#actnInfoForm').find('.is-invalid-custom').removeClass('is-invalid-custom');
+                    $('#actnInfoForm').find('.error-message').remove();
                 });
 
                 this.instance.on('click', function(ev) {
                     if (ev.rowKey !== null) {
-                        crdnActnInfoRegistPopup.actnInfoIdSelect = ev.actnInfoId;
+                        var rowData = self.grid.instance.getRow(ev.rowKey);
+                        //self.actnInfoIdSelect = rowData.actnInfoId;
+                        //self.loadActnInfoToForm(rowData);
                     }
+                    // validation 에러 스타일과 메시지 제거
+                    $('#actnInfoForm').find('.is-invalid').removeClass('is-invalid');
+                    $('#actnInfoForm').find('.is-invalid-custom').removeClass('is-invalid-custom');
+                    $('#actnInfoForm').find('.error-message').remove();
                 });
 
+
+
             }
         },
 
-        // 선택된 조치사진 파일들
+        
         actnSelectedFiles: [],
 
-        /**
-         * 초기화
-         */
+        
         init: function() {
             this.grid.create();
             this.eventBindEvents();
             this.loadActnInfoList();
         },
 
-        /**
-         * 이벤트 초기화 (crdnActInfoRegistPopup.jsp 패턴과 동일)
-         */
+        
         eventBindEvents: function() {
             var self = this;
 
-            // 달력 초기화
+            
             $('#actnYmd').datepicker({
                 container: '.popup_inner',
                 language: "kr"
             });
 
-            // 탭 전환 이벤트 (levyPrvntcPopup.jsp 패턴 적용)
+            
             $('.tab-link').on('click', function(e) {
                 e.preventDefault();
                 self.switchTab($(this).parent().data('tab'));
             });
 
-            // 조치정보 저장 버튼
+            
             $('#btnSaveActn').on('click', function() {
                 self.saveActnInfo();
             });
 
-            // 조치정보 삭제 버튼
+            
             $('#btnDeleteActn').on('click', function() {
                 self.deleteActnInfo();
             });
 
-            // 입력 초기화 버튼
+            
             $('#btnClearActn').on('click', function() {
+                self.actnInfoIdSelect = null;
+                self.grid.instance.readData();
                 self.clearActnForm();
             });
 
-            // 조치사진 파일 선택 이벤트
+            
             $('#actnPhotoFiles').on('change', function(e) {
                 self.handleFileSelect(e.target.files, '2');
             });
 
-            // 팝업 닫기
+            
             $('#btnClose, #btnCloseTop').on('click', function() {
                 self.closePopup();
             });
@@ -380,15 +366,13 @@
                 }
 
             } else if (tabType === 'actn') {
-                // 조치정보 탭은 현재 페이지 (활성화 상태 유지)
+                
                 $('.tab-item').removeClass('active');
                 $('.tab-item[data-tab="' + tabType + '"]').addClass('active');
             }
         },
 
-        /**
-         * 조치정보 목록 조회
-         */
+        
         loadActnInfoList: function() {
             if (this.grid.instance) {
                 this.grid.instance.readData();
@@ -398,30 +382,28 @@
         loadActnInfoToForm: function(rowData) {
             if (!rowData) return;
 
-            // 조치정보 ID 설정 (숨겨진 필드)
+            
             $('#actnInfoId').val(rowData.actnInfoId || '');
 
-            // 조치 일자 설정
+            
             $('#actnYmd').val(moment(rowData.actnYmd).format('YYYY-MM-DD') || '');
 
-            // 조치 면적 설정 (소수점 2자리까지 표시)
+            
             $('#actnArea').val(rowData.actnArea || '');
 
-            // 조치 비고 설정
+            
             $('#actnRmrk').val(rowData.actnRmrk || '');
 
-            // 폼 모드를 수정으로 설정
+            
             $('#actnMode').val('U');
 
-            // 기존 조치사진 로드
+            
             this.loadActnPhotos(rowData.actnInfoId);
 
             console.log('조치정보 폼 로드 완료:', rowData);
         },
 
-        /**
-         * 조치사진 목록 로드 (crdnActInfoRegistPopup.jsp의 loadActnPhotos 패턴)
-         */
+        
         loadActnPhotos: function(actnInfoId) {
             var self = this;
 
@@ -440,15 +422,15 @@
                     if (response && response.data && response.data.length > 0) {
                         $.each(response.data, function(index, photo) {
                             var previewHtml =
-                                '<div class="photo-preview-item existing-photo" data-act-info-id="' + photo.actInfoId + '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="1">' +
+                                '<div class="photo-preview-item existing-photo" data-act-info-id="' + photo.actInfoId + '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="2">' +
                                 '    <div class="photo-thumbnail">' +
                                 '        <img src="<c:url value='/crdn/crndRegistAndView/crdnActInfo/downloadPhoto.do'/>?actInfoId=' + photo.actInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '"' +
                                 '             alt="' + photo.orgnlPhotoNm + '" onclick="viewOriginalPhoto(\'' + photo.actnInfoId + '\', \'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'' + photo.crdnPhotoSeCd + '\')">' +
                                 '    </div>' +
                                 '    <div class="photo-info">' +
                                 '        <div class="photo-name" title="' + photo.orgnlPhotoNm + '">' + photo.orgnlPhotoNm + '</div>' +
-                                '        <div class="photo-type">[단속]</div>' +
-                                '        <button type="button" class="delete-photo-btn" onclick="deleteExistingPhoto(\'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'1\')">삭제</button>' +
+                                '        <div class="photo-type">[조치]</div>' +
+                                '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoRegistPopup.deleteExistingPhoto(\'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'2\')">삭제</button>' +
                                 '    </div>' +
                                 '</div>';
                             $('#actnPhotoPreviewContainer').append(previewHtml);
@@ -461,25 +443,23 @@
             });
         },
 
-        /**
-         * 조치정보 저장 (crdnActInfoRegistPopup.jsp의 saveActnInfo 패턴)
-         */
+        
         saveActnInfo: function() {
             var self = this;
 
-            // 중요로직: validateFormByAttributes를 사용하여 모든 validation-check 속성 검증
+            
             if (!validateFormByAttributes('actnInfoForm')) {
                 return;
             }
 
             var actnInfoId = $('#actnInfoId').val().trim();
-            var actInfoId = this.actInfoId; // 부모 행위정보 ID
-            var mode = actnInfoId ? 'U' : 'C'; // 조치정보 ID가 있으면 수정, 없으면 신규
+            var actInfoId = this.actInfoId; 
+            var mode = actnInfoId ? 'U' : 'C'; 
 
-            // FormData 생성 (파일 업로드를 위해)
+            
             var formData = new FormData();
             formData.append('mode', mode);
-            // 폼의 모든 입력값을 FormData에 추가
+            
             $('#actnInfoForm').find('input, select, textarea').each(function() {
                 var $this = $(this);
                 var name = $this.attr('name');
@@ -490,14 +470,12 @@
                 }
             });
 
-            // 새로 선택한 조치사진 파일들 추가
             if (this.actnSelectedFiles && this.actnSelectedFiles.length > 0) {
                 for (var i = 0; i < this.actnSelectedFiles.length; i++) {
                     formData.append('actnPhotoFiles', this.actnSelectedFiles[i]);
                 }
             }
 
-            // 저장 요청
             $.ajax({
                 url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/saveActnInfo.ajax"/>',
                 type: 'POST',
@@ -506,11 +484,15 @@
                 contentType: false,
                 success: function(response) {
                     if (response && response.success) {
-                        // 그리드 새로고침
-                        if (self.grid.instance) {
+                        alert(response.message);
+                        if( mode === "C" ){
+                            self.actnInfoIdSelect = null;
+                            self.grid.instance.readData();
+                            self.clearActnForm();
+                        }else{
                             self.grid.instance.readData();
+                            self.loadActnInfoToForm(response.data);
                         }
-
                     } else {
                         alert(response.message || '조치정보 저장에 실패했습니다.');
                     }
@@ -521,9 +503,7 @@
             });
         },
 
-        /**
-         * 조치정보 삭제 (crdnActInfoRegistPopup.jsp의 deleteActnInfo 패턴)
-         */
+        
         deleteActnInfo: function() {
             var actnInfoId = $('#actnInfoId').val().trim();
 
@@ -542,21 +522,15 @@
                 url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnInfo.ajax"/>',
                 type: 'POST',
                 data: {
-                    actnInfoId: actnInfoId,
+                    actnInfoIds: actnInfoId,
                     mode: 'D'
                 },
                 success: function(response) {
                     if (response && response.success) {
                         alert('조치정보가 삭제되었습니다.');
-
-                        // 폼 초기화
+                        self.actnInfoIdSelect = null;
+                        self.grid.instance.readData();
                         self.clearActnForm();
-
-                        // 그리드 새로고침
-                        if (self.grid.instance) {
-                            self.grid.instance.readData();
-                        }
-
                     } else {
                         alert(response.message || '조치정보 삭제에 실패했습니다.');
                     }
@@ -567,9 +541,7 @@
             });
         },
 
-        /**
-         * 조치정보 폼 초기화 (crdnActInfoRegistPopup.jsp의 clearActnForm 패턴)
-         */
+        
         clearActnForm: function() {
             var self = this;
 
@@ -579,19 +551,20 @@
             $('#actnRmrk').val('');
             $('#actnMode').val('C');
 
-            // 조치사진 초기화
+            // validation 에러 스타일과 메시지 제거
+            $('#actnInfoForm').find('.is-invalid').removeClass('is-invalid');
+            $('#actnInfoForm').find('.is-invalid-custom').removeClass('is-invalid-custom');
+            $('#actnInfoForm').find('.error-message').remove();
+
+
             $('#actnPhotoPreviewContainer').empty();
             $('#actnPhotoFiles').val('');
             this.actnSelectedFiles = [];
 
-            self.grid.instance.readData();
-
             console.log('조치정보 폼 초기화 완료');
         },
 
-        /**
-         * 파일 선택 처리 (crdnActInfoRegistPopup.jsp의 handleFileSelect 패턴)
-         */
+        
         handleFileSelect: function(files, photoType) {
             if (!files || files.length === 0) {
                 return;
@@ -601,7 +574,7 @@
             var selectedFilesArray = this.actnSelectedFiles;
             var photoTypeName = '조치';
 
-            // 파일 개수 제한 체크 (각 종류별로 10개까지)
+            
             var existingPhotos = $(containerSelector + ' .photo-preview-item.existing-photo').length;
             var newFiles = selectedFilesArray.length + files.length;
 
@@ -610,41 +583,39 @@
                 return;
             }
 
-            // 각 파일에 대해 검증 및 미리보기 생성
+            
             for (var i = 0; i < files.length; i++) {
                 var file = files[i];
 
-                // 파일 유효성 검증
+                
                 if (!this.validateFile(file)) {
                     continue;
                 }
 
-                // 해당 종류의 선택된 파일 목록에 추가
+                
                 selectedFilesArray.push(file);
 
-                // 미리보기 생성
+                
                 this.createPhotoPreview(file, photoType);
             }
         },
 
-        /**
-         * 파일 유효성 검증 (crdnActInfoRegistPopup.jsp의 validateFile 패턴)
-         */
+        
         validateFile: function(file) {
-            // 파일 크기 체크 (10MB)
+            
             var maxSize = 10 * 1024 * 1024;
             if (file.size > maxSize) {
                 alert(file.name + ' 파일이 10MB를 초과합니다.');
                 return false;
             }
 
-            // 이미지 파일인지 체크
+            
             if (!file.type.startsWith('image/')) {
                 alert(file.name + ' 은(는) 이미지 파일이 아닙니다.');
                 return false;
             }
 
-            // 허용된 확장자 체크
+            
             var allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];
             var fileName = file.name.toLowerCase();
             var fileExtension = fileName.split('.').pop();
@@ -657,9 +628,7 @@
             return true;
         },
 
-        /**
-         * 사진 미리보기 생성 (crdnActInfoRegistPopup.jsp의 createPhotoPreview 패턴)
-         */
+        
         createPhotoPreview: function(file, photoType) {
             var reader = new FileReader();
             var containerSelector = '#actnPhotoPreviewContainer';
@@ -674,7 +643,7 @@
                     '    <div class="photo-info">' +
                     '        <div class="photo-name" title="' + file.name + '">' + file.name + '</div>' +
                     '        <div class="photo-type">[' + photoTypeName + ']</div>' +
-                    '        <button type="button" class="delete-photo-btn" onclick="crdnActnInfoRegistPopup.deleteNewPhoto(this, \'' + photoType + '\')">삭제</button>' +
+                    '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoRegistPopup.deleteNewPhoto(this, \'' + photoType + '\')">삭제</button>' +
                     '    </div>' +
                     '</div>';
 
@@ -684,15 +653,13 @@
             reader.readAsDataURL(file);
         },
 
-        /**
-         * 새로 선택한 파일 삭제 (crdnActInfoRegistPopup.jsp의 deleteNewPhoto 패턴)
-         */
+        
         deleteNewPhoto: function(button, photoType) {
             var $item = $(button).closest('.photo-preview-item');
             var fileName = $item.data('file-name');
             var selectedFilesArray = this.actnSelectedFiles;
 
-            // selectedFiles 배열에서 파일 제거
+            
             for (var i = 0; i < selectedFilesArray.length; i++) {
                 if (selectedFilesArray[i].name === fileName) {
                     selectedFilesArray.splice(i, 1);
@@ -700,45 +667,39 @@
                 }
             }
 
-            // 화면에서 제거
+            
             $item.remove();
         },
 
-        /**
-         * 기존 조치사진 삭제 (crdnActInfoRegistPopup.jsp의 deleteExistingActnPhoto 패턴)
-         */
-        deleteExistingActnPhoto: function(actnInfoId, crdnPhotoSn) {
-            if (!confirm('선택한 조치사진을 삭제하시겠습니까?')) {
+
+        deleteExistingPhoto: function(actInfoId, crdnPhotoSn, photoType) {
+            var photoTypeName = photoType === '1' ? '단속' : '조치';
+
+            if (!confirm('선택한 ' + photoTypeName + ' 사진을 삭제하시겠습니까?')) {
                 return;
             }
 
             $.ajax({
-                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnPhoto.ajax"/>',
+                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deletePhoto.ajax"/>',
                 type: 'POST',
                 data: {
-                    actnInfoId: actnInfoId,
+                    actInfoId: actInfoId,
                     crdnPhotoSn: crdnPhotoSn
                 },
                 success: function(response) {
                     if (response && response.success) {
                         // 화면에서 해당 사진 제거
-                        $('[data-actn-info-id="' + actnInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"][data-photo-type="2"]').remove();
-                        alert('조치사진이 삭제되었습니다.');
+                        $('[data-act-info-id="' + actInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"][data-photo-type="' + photoType + '"]').remove();
                     } else {
-                        alert(response.message || '조치사진 삭제에 실패했습니다.');
+                        alert(response.message || '사진 삭제에 실패했습니다.');
                     }
-                },
-                error: function() {
-                    alert('조치사진 삭제 중 오류가 발생했습니다.');
                 }
             });
         },
 
-        /**
-         * 팝업 닫기
-         */
+        
         closePopup: function() {
-            // 부모 팝업에 변경 사항 알림
+            
             if (window.opener && !window.opener.closed) {
                 if (typeof window.opener.CrdnDetailViewActInfo.search === 'function') {
                     window.opener.CrdnDetailViewActInfo.search();
@@ -749,17 +710,19 @@
         }
     };
 
-    /**
-     * 원본 사진 보기 (기존 DB 사진)
-     * 중요한 로직 주석: 등록된 사진을 photoView 페이지에서 원본 크기로 표시하고 다운로드 버튼을 제공한다.
-     */
+    
     function viewOriginalPhoto(actnInfoId, actInfoId, crdnPhotoSn, crdnPhotoSeCd) {
         var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoView.do"/>?actnInfoId=' + actnInfoId + '&actInfoId=' + actInfoId + '&crdnPhotoSn=' + crdnPhotoSn  + '&crdnPhotoSeCd=' + crdnPhotoSeCd ;
         openPopup(url, 1000, 700, '_blank');
     }
 
-    // DOM 준비 완료 시 초기화
+    
     $(document).ready(function() {
-        crdnActnInfoRegistPopup.init();
+        CrdnActnInfoRegistPopup.init();
     });
-</script>
\ No newline at end of file
+
+    
+    window.CrdnActnInfoRegistPopup = CrdnActnInfoRegistPopup;
+
+})(window, jQuery);
+</script>