diff --git a/docs/미필-샘플용-utf-8-0.prn b/docs/미필-샘플용-utf-8-0.prn
index f2fb940..2e3aa9a 100644
--- a/docs/미필-샘플용-utf-8-0.prn
+++ b/docs/미필-샘플용-utf-8-0.prn
@@ -13,7 +13,7 @@
                                       670406-1777778                        5층(죽전동)                                                  
    4  33고3355        주식회사 올놀카(상품용)         C220 d 4Matic         경기도 용인시 기흥구 중부대로 255                            2023-07-12~2025-07-11
                                       134511-0327770                        A동 3층 S367호(영덕동, 오토허브)                             
-   5  65조4444       정문치                          레이                  경기도 용인시 기흥구 흥덕4로15번길 23-55                     2021-07-12~2025-07-11
+   5  65조4444        정문치                          레이                  경기도 용인시 기흥구 흥덕4로15번길 23-55                     2021-07-12~2025-07-11
                                       791203-1067771                        304호(영덕동)                                                
    6  88조8888        고영유                          그랜저(GRANDEUR)      경기도 용인시 수지구 성복2로 555                             2023-07-12~2025-07-11
                                       900426-1087772                        2층 204호(성복동)                                            
diff --git a/src/main/java/go/kr/project/carInspectionPenalty/registrationOm/service/impl/CarFfnlgTrgtIncmpServiceImpl.java b/src/main/java/go/kr/project/carInspectionPenalty/registrationOm/service/impl/CarFfnlgTrgtIncmpServiceImpl.java
index da90dad..b7c5834 100644
--- a/src/main/java/go/kr/project/carInspectionPenalty/registrationOm/service/impl/CarFfnlgTrgtIncmpServiceImpl.java
+++ b/src/main/java/go/kr/project/carInspectionPenalty/registrationOm/service/impl/CarFfnlgTrgtIncmpServiceImpl.java
@@ -570,17 +570,38 @@ public class CarFfnlgTrgtIncmpServiceImpl extends EgovAbstractServiceImpl implem
             byte[] firstBytes = firstLine.getBytes(encoding);
             int pos = 0;
 
+            // 디버깅: 첫 30바이트 출력
+            log.debug("=== 바이트 디버깅 ===");
+            log.debug("firstLine 원본: [{}]", firstLine);
+            log.debug("firstBytes 길이: {}", firstBytes.length);
+            int debugLen = Math.min(30, firstBytes.length);
+            byte[] debugBytes = new byte[debugLen];
+            System.arraycopy(firstBytes, 0, debugBytes, 0, debugLen);
+            log.debug("첫 30바이트: [{}]", new String(debugBytes, encoding));
+            for (int k = 0; k < debugLen; k++) {
+                log.debug("  [{}] byte={}, char=[{}]", k, firstBytes[k], new String(new byte[]{firstBytes[k]}, encoding));
+            }
+
             // 번호
+            log.debug("parseConfig 정보: encoding={}, hangulByteSize={}", parseConfig.getEncoding(), parseConfig.getHangulByteSize());
+            log.debug("byteSize2={}, byteSize3={}", parseConfig.getByteSize2(), parseConfig.getByteSize3());
+            if (parseConfig.getByteSize2() != null) {
+                log.debug("byteSize2.firstLine={}", parseConfig.getByteSize2().getFirstLine());
+            }
             int len = parseConfig.getFirstLineLength("no");
+            log.debug("번호 읽기: pos={}, len={}", pos, len);
             String no = extractByteLength(firstBytes, pos, len, encoding).trim();
+            log.debug("번호 결과: [{}] (trim 전: [{}])", no, extractByteLength(firstBytes, pos, len, encoding));
             pos += len;
 
             // 차량번호
             len = parseConfig.getFirstLineLength("vhclno");
+            log.debug("차량번호 읽기: pos={}, len={}", pos, len);
             String vhclno = extractByteLength(firstBytes, pos, len, encoding).trim();
+            log.debug("차량번호 결과: [{}] (trim 전: [{}])", vhclno, extractByteLength(firstBytes, pos, len, encoding));
             pos += len;
 
-            // 소유자명 (주민번호 빈칸 포함 32바이트)
+            // 소유자명 (주민번호 빈칸 포함 35바이트)
             len = parseConfig.getFirstLineLength("ownr-nm");
             String ownrNm = extractByteLength(firstBytes, pos, len, encoding).trim();
             pos += len;
diff --git a/src/main/resources/application.yml b/src/main/resources/application.yml
index d5be76b..abb3bbf 100644
--- a/src/main/resources/application.yml
+++ b/src/main/resources/application.yml
@@ -159,26 +159,26 @@ car-ffnlg-prn-parse:
   # ===== 2바이트 환경 설정 (EUC-KR, MS949) =====
   byte-size-2:
     first-line:                      # 첫째줄 필드별 바이트 길이 (2바이트 기준)
-      no: 6                          # 번호
-      vhclno: 14                     # 차량번호
+      "no": 6                        # 번호 (따옴표 필수: YAML에서 no는 false로 해석됨)
+      vhclno: 16                     # 차량번호
       ownr-nm: 32                    # 소유자명 (주민번호 빈칸 포함)
       car-nm: 22                     # 자동차명
-      use-strhld-addr: 62            # 사용본거지주소
-      insp-vld-prd: 23               # 검사유효기간
+      use-strhld-addr: 61            # 사용본거지주소
+      insp-vld-prd: 21               # 검사유효기간
     second-line:                     # 둘째줄 필드별 바이트 길이 (2바이트 기준)
       skip: 38                       # 공백 (스킵)
       rrno: 16                       # 주민등록번호
       use-strhld-addr: -1            # 사용본거지주소 (나머지 전체)
-  
+
   # ===== 3바이트 환경 설정 (UTF-8) =====
   byte-size-3:
     first-line:                      # 첫째줄 필드별 바이트 길이 (3바이트 기준)
-      no: 6                          # 번호
-      vhclno: 14                     # 차량번호
+      "no": 6                        # 번호 (따옴표 필수: YAML에서 no는 false로 해석됨)
+      vhclno: 16                     # 차량번호
       ownr-nm: 32                    # 소유자명 (주민번호 빈칸 포함)
       car-nm: 22                     # 자동차명
-      use-strhld-addr: 62            # 사용본거지주소
-      insp-vld-prd: 23               # 검사유효기간
+      use-strhld-addr: 61            # 사용본거지주소
+      insp-vld-prd: 21               # 검사유효기간
     second-line:                     # 둘째줄 필드별 바이트 길이 (3바이트 기준)
       skip: 38                       # 공백 (스킵)
       rrno: 16                       # 주민등록번호
diff --git a/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/list.jsp b/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/list.jsp
index b0f775a..1b1dfa5 100644
--- a/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/list.jsp
+++ b/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/list.jsp
@@ -28,11 +28,6 @@
                     <input type="text" id="schRcptYmdStart" name="schRcptYmdStart" class="input calender datepicker" style="width: 120px;" autocomplete="off" value="${dateUtil:getCurrentDateAddDays('yyyy-MM-dd', -15)}"/> ~
                     <input type="text" id="schRcptYmdEnd" name="schRcptYmdEnd" class="input calender datepicker" style="width: 120px;" autocomplete="off" value="${dateUtil:getCurrentDateTime('yyyy-MM-dd')}"/>
                 </li>
-                <li class="th">처리일자</li>
-                <li>
-                    <input type="text" id="schPrcsYmdStart" name="schPrcsYmdStart" class="input calender datepicker" style="width: 120px;" autocomplete="off" value=""/> ~
-                    <input type="text" id="schPrcsYmdEnd" name="schPrcsYmdEnd" class="input calender datepicker" style="width: 120px;" autocomplete="off" value=""/>
-                </li>
                 <li class="th">차량번호</li>
                 <li>
                     <input type="text" id="schVhclno" name="schVhclno" class="input" style="width: 150px;" maxlength="30" autocomplete="off" placeholder="예: 12가3456"/>
@@ -61,13 +56,14 @@
                 <div class="col-sm-12">
                     <div class="box_column">
                         <ul class="box_title" style="display: flex; justify-content: space-between; align-items: center;">
-                            <li class="tit">미필 과태료 대상 목록</li>
+                            <li class="tit">과태료 대상(미필) 목록</li>
                             <li class="rig">
                                 <button type="button" id="callApiAllBtn" class="newbtn bg2-1">검색조건 전체 API 호출</button>
                                 <button type="button" id="callApiBtn" class="newbtn bg2-1">선택 API 호출</button>
                                 <button type="button" id="deleteBtn" class="newbtn bg6">선택 삭제</button>
                                 <button type="button" id="btn_cancel" class="newbtn bg6">수정 취소</button>
                                 <button type="button" id="btn_save" class="newbtn bg4">저장</button>
+
                                 <span id="totalCount" class="total-count" style="padding-left: 25px;padding-right: 25px;">총 0건</span>
                                 <select id="perPageSelect" class="input" style="width: 112px; ">
                                     <option value="15">페이지당 15</option>
@@ -101,801 +97,963 @@
 
 <script type="text/javascript">
 
-/**
- * 미필 과태료 대상 목록 관리 모듈
- */
-(function(window, $) {
-    'use strict';
-
-    var SEARCH_COND = {};
-    var LAST_GRID_SEARCH_COND = {};
-    var GRID_PAGINATION_INFO = {
-        totalCount: 0,
-        page: 0,
-        perPage: 0
-    };
-
-    // 검색정보 설정
-    var setSearchCond = function() {
-        var schRcptYmdStart = $.trim(nvl($("#schRcptYmdStart").val(), ""));
-        var schRcptYmdEnd = $.trim(nvl($("#schRcptYmdEnd").val(), ""));
-        var schPrcsYmdStart = $.trim(nvl($("#schPrcsYmdStart").val(), ""));
-        var schPrcsYmdEnd = $.trim(nvl($("#schPrcsYmdEnd").val(), ""));
-        var schVhclno = $.trim(nvl($("#schVhclno").val(), ""));
-        var schOwnrNm = $.trim(nvl($("#schOwnrNm").val(), ""));
-
-        var schTaskPrcsSttsCd = [];
-        $("input[name='schTaskPrcsSttsCd']:checked").each(function() {
-            schTaskPrcsSttsCd.push($(this).val());
-        });
+    /**
+     * 과태료 대상(미필) 목록 관리 모듈
+     */
+    (function(window, $) {
+        'use strict';
 
-        SEARCH_COND.schRcptYmdStart = schRcptYmdStart.replace(/-/g, '');
-        SEARCH_COND.schRcptYmdEnd = schRcptYmdEnd.replace(/-/g, '');
-        SEARCH_COND.schPrcsYmdStart = schPrcsYmdStart.replace(/-/g, '');
-        SEARCH_COND.schPrcsYmdEnd = schPrcsYmdEnd.replace(/-/g, '');
-        SEARCH_COND.schVhclno = schVhclno;
-        SEARCH_COND.schOwnrNm = schOwnrNm;
-        SEARCH_COND.schTaskPrcsSttsCd = schTaskPrcsSttsCd;
-    };
-
-    // 다운로드 URL 생성
-    var buildDownloadUrl = function() {
-        setSearchCond();
-        var baseUrl = '<c:url value="/carInspectionPenalty/registration-om/download.do"/>';
-        var params = [];
-        if (SEARCH_COND.schRcptYmdStart) params.push('schRcptYmdStart=' + encodeURIComponent(SEARCH_COND.schRcptYmdStart));
-        if (SEARCH_COND.schRcptYmdEnd) params.push('schRcptYmdEnd=' + encodeURIComponent(SEARCH_COND.schRcptYmdEnd));
-        if (SEARCH_COND.schPrcsYmdStart) params.push('schPrcsYmdStart=' + encodeURIComponent(SEARCH_COND.schPrcsYmdStart));
-        if (SEARCH_COND.schPrcsYmdEnd) params.push('schPrcsYmdEnd=' + encodeURIComponent(SEARCH_COND.schPrcsYmdEnd));
-        if (SEARCH_COND.schVhclno) params.push('schVhclno=' + encodeURIComponent(SEARCH_COND.schVhclno));
-        if (SEARCH_COND.schOwnrNm) params.push('schOwnrNm=' + encodeURIComponent(SEARCH_COND.schOwnrNm));
-        if (SEARCH_COND.schTaskPrcsSttsCd && SEARCH_COND.schTaskPrcsSttsCd.length > 0) {
-            SEARCH_COND.schTaskPrcsSttsCd.forEach(function(val) {
-                params.push('schTaskPrcsSttsCd=' + encodeURIComponent(val));
+        var SEARCH_COND = {};
+
+        // 그리드 조회 시 사용된 마지막 검색조건 저장
+        var LAST_GRID_SEARCH_COND = {};
+
+        // 페이징 정보를 저장할 전역 변수
+        var GRID_PAGINATION_INFO = {
+            totalCount: 0,
+            page: 0,
+            perPage: 0
+        };
+
+        // 검색정보 설정
+        var setSearchCond = function() {
+            var schRcptYmdStart = $.trim(nvl($("#schRcptYmdStart").val(), ""));
+            var schRcptYmdEnd = $.trim(nvl($("#schRcptYmdEnd").val(), ""));
+            var schVhclno = $.trim(nvl($("#schVhclno").val(), ""));
+            var schOwnrNm = $.trim(nvl($("#schOwnrNm").val(), ""));
+
+            // 체크박스에서 선택된 값들을 배열로 수집
+            var schTaskPrcsSttsCd = [];
+            $("input[name='schTaskPrcsSttsCd']:checked").each(function() {
+                schTaskPrcsSttsCd.push($(this).val());
             });
-        }
-        return baseUrl + (params.length ? ('?' + params.join('&')) : '');
-    };
 
-    /**
-     * 미필 과태료 대상 목록 관리 네임스페이스
-     */
-    var CarFfnlgTrgtIncmpList = {
-        selectedRow: null,
-
-        grid: {
-            instance: null,
-
-            initConfig: function() {
-                var dataSource = this.createDataSource();
-                var perPage = parseInt($('#perPageSelect').val() || 15, 10);
-                var gridConfig = new XitTuiGridConfig();
-
-                gridConfig.setOptDataSource(dataSource);
-                gridConfig.setOptGridId('grid');
-                gridConfig.setOptGridHeight(470);
-                gridConfig.setOptRowHeight(30);
-                gridConfig.setOptRowHeaderType('checkbox');
-                gridConfig.setOptUseClientSort(false);
-                gridConfig.setOptPageOptions({
-                    useClient: false,
-                    perPage: perPage
+            SEARCH_COND.schRcptYmdStart = schRcptYmdStart.replace(/-/g, '');
+            SEARCH_COND.schRcptYmdEnd = schRcptYmdEnd.replace(/-/g, '');
+            SEARCH_COND.schVhclno = schVhclno;
+            SEARCH_COND.schOwnrNm = schOwnrNm;
+            SEARCH_COND.schTaskPrcsSttsCd = schTaskPrcsSttsCd;
+        };
+
+        // 다운로드 URL 생성 (현재 검색조건을 쿼리스트링으로 부여)
+        var buildDownloadUrl = function() {
+            setSearchCond();
+            var baseUrl = '<c:url value="/carInspectionPenalty/registration-om/download.do"/>';
+            var params = [];
+            if (SEARCH_COND.schRcptYmdStart) params.push('schRcptYmdStart=' + encodeURIComponent(SEARCH_COND.schRcptYmdStart));
+            if (SEARCH_COND.schRcptYmdEnd) params.push('schRcptYmdEnd=' + encodeURIComponent(SEARCH_COND.schRcptYmdEnd));
+            if (SEARCH_COND.schVhclno) params.push('schVhclno=' + encodeURIComponent(SEARCH_COND.schVhclno));
+            if (SEARCH_COND.schOwnrNm) params.push('schOwnrNm=' + encodeURIComponent(SEARCH_COND.schOwnrNm));
+            // 배열로 전달
+            if (SEARCH_COND.schTaskPrcsSttsCd && SEARCH_COND.schTaskPrcsSttsCd.length > 0) {
+                SEARCH_COND.schTaskPrcsSttsCd.forEach(function(val) {
+                    params.push('schTaskPrcsSttsCd=' + encodeURIComponent(val));
                 });
-                gridConfig.setOptColumnOptions({
-                    frozenCount: 5,
-                    frozenBorderWidth: 2,
-                    resizable: true
+            }
+            return baseUrl + (params.length ? ('?' + params.join('&')) : '');
+        };
+
+        // 검색조건 비교 및 확인
+        var compareSearchConditions = function() {
+            // 현재 폼의 검색조건 수집
+            setSearchCond();
+
+            // 그리드 조회 이력이 없는 경우
+            if (!LAST_GRID_SEARCH_COND || Object.keys(LAST_GRID_SEARCH_COND).length === 0) {
+                alert("먼저 검색 버튼을 눌러 그리드를 조회해주세요.");
+                return false;
+            }
+
+            // 검색조건 레이블 매핑
+            var fieldLabels = {
+                schRcptYmdStart: '접수일자 시작',
+                schRcptYmdEnd: '접수일자 종료',
+                schVhclno: '차량번호',
+                schOwnrNm: '소유자명',
+                schTaskPrcsSttsCd: '처리상태'
+            };
+
+            // 날짜 포맷 변환 함수 (YYYYMMDD -> YYYY-MM-DD)
+            var formatDate = function(dateStr) {
+                if (!dateStr || dateStr.length !== 8) return dateStr;
+                return dateStr.substring(0, 4) + '-' + dateStr.substring(4, 6) + '-' + dateStr.substring(6, 8);
+            };
+
+            // 처리상태 코드 -> 텍스트 변환
+            var getTaskPrcsSttsCdText = function(codeArray) {
+                if (!codeArray || codeArray.length === 0) return '전체';
+                var textArray = [];
+                codeArray.forEach(function(code) {
+                    var $checkbox = $("input[name='schTaskPrcsSttsCd'][value='" + code + "']");
+                    if ($checkbox.length > 0) {
+                        textArray.push($checkbox.parent().text().trim());
+                    } else {
+                        textArray.push(code);
+                    }
                 });
-                gridConfig.setOptColumns(this.getGridColumns());
+                return textArray.join(', ');
+            };
 
-                return gridConfig;
-            },
+            // 값 포맷팅 함수
+            var formatValue = function(field, value) {
+                if (field.indexOf('Ymd') > -1) {
+                    return value ? formatDate(value) : '(공백)';
+                }
+                if (field === 'schTaskPrcsSttsCd') {
+                    return getTaskPrcsSttsCdText(value);
+                }
+                if (!value || (Array.isArray(value) && value.length === 0)) {
+                    return '(공백)';
+                }
+                return value;
+            };
 
-            getGridColumns: function() {
-                return [
-                    {
-                        header: '번호',
-                        name: '_rowNum',
-                        align: 'center',
-                        width: 60,
-                        sortable: false,
-                        formatter: function(e) {
-                            var totalCount = GRID_PAGINATION_INFO.totalCount;
-                            var page = GRID_PAGINATION_INFO.page;
-                            var perPage = GRID_PAGINATION_INFO.perPage;
-                            var rowIndex = e.row.rowKey;
-                            return totalCount - (page - 1) * perPage - rowIndex;
-                        }
-                    },
-                    { header: '접수일자', name: 'rcptYmd', align: 'center', width: 100,
-                        formatter: function(e) {
-                            return e.value ? moment(e.value, 'YYYYMMDD').format('YYYY-MM-DD') : '';
-                        }
-                    },
-                    { header: '프로그램ID', name: 'prgrmId', align: 'center', width: 100 },
-                    { header: '처리일자', name: 'prcsYmd', align: 'center', width: 200 },
-                    { header: '차량번호', name: 'vhclno', align: 'center', width: 100 },
-                    { header: '소유자명', name: 'ownrNm', align: 'center', width: 100 },
-                    { header: '주민등록번호', name: 'rrno', align: 'center', width: 130 },
-                    { header: '자동차명', name: 'carNm', align: 'left', width: 150 },
-                    { header: '사용본거지주소', name: 'useStrhldAddr', align: 'left', width: 250 },
-                    { header: '검사유효기간', name: 'inspVldPrd', align: 'center', width: 200 },
-                    { header: '업무처리일자', name: 'taskPrcsYmd', align: 'center', width: 100,
-                        formatter: function(e) {
-                            return e.value ? moment(e.value, 'YYYYMMDD').format('YYYY-MM-DD') : '';
-                        }
-                    },
-                    {
-                        header: '처리상태',
-                        name: 'taskPrcsSttsCd',
-                        align: 'center',
-                        width: 100,
-                        editor: {
-                            type: 'select',
-                            options: {
-                                listItems: [
+            // 달라진 조건 찾기
+            var differences = [];
+            var searchFields = ['schRcptYmdStart', 'schRcptYmdEnd',
+                               'schVhclno', 'schOwnrNm', 'schTaskPrcsSttsCd'];
+
+            searchFields.forEach(function(field) {
+                var currentValue = SEARCH_COND[field];
+                var lastValue = LAST_GRID_SEARCH_COND[field];
+
+                // 배열 비교 (처리상태)
+                if (field === 'schTaskPrcsSttsCd') {
+                    currentValue = currentValue || [];
+                    lastValue = lastValue || [];
+
+                    // 배열을 정렬해서 비교
+                    var currentStr = currentValue.slice().sort().join(',');
+                    var lastStr = lastValue.slice().sort().join(',');
+
+                    if (currentStr !== lastStr) {
+                        differences.push({
+                            field: field,
+                            label: fieldLabels[field],
+                            oldValue: lastValue,
+                            newValue: currentValue
+                        });
+                    }
+                } else {
+                    currentValue = currentValue || '';
+                    lastValue = lastValue || '';
+
+                    if (currentValue !== lastValue) {
+                        differences.push({
+                            field: field,
+                            label: fieldLabels[field],
+                            oldValue: lastValue,
+                            newValue: currentValue
+                        });
+                    }
+                }
+            });
+
+            // 검색조건이 동일한 경우
+            if (differences.length === 0) {
+                return true;
+            }
+
+            // 달라진 조건 메시지 생성
+            var message = "검색 조건이 그리드 조회 시와 다릅니다.\n\n[변경된 조건]\n";
+            differences.forEach(function(diff) {
+                message += "• " + diff.label + "\n";
+                message += "  이전: " + formatValue(diff.field, diff.oldValue) + "\n";
+                message += "  현재: " + formatValue(diff.field, diff.newValue) + "\n\n";
+            });
+            message += "현재 조건으로 계속 진행하시겠습니까?";
+
+            // 사용자 확인
+            return confirm(message);
+        };
+
+        /**
+         * 과태료 대상(미필) 목록 관리 네임스페이스
+         */
+        var CarFfnlgTrgtIncmpList = {
+            /**
+             * 선택된 행 정보
+             */
+            selectedRow: null,
+
+            /**
+             * 그리드 관련 객체
+             */
+            grid: {
+                /**
+                 * 그리드 인스턴스
+                 */
+                instance: null,
+
+                /**
+                 * 그리드 설정 초기화
+                 * @returns {Object} 그리드 설정 객체
+                 */
+                initConfig: function() {
+                    // 데이터 소스 설정
+                    var dataSource = this.createDataSource();
+
+                    // 현재 선택된 perPage 값 가져오기
+                    var perPage = parseInt($('#perPageSelect').val() || 15, 10);
+
+                    // 그리드 설정 객체 생성
+                    var gridConfig = new XitTuiGridConfig();
+
+                    // 기본 설정
+                    gridConfig.setOptDataSource(dataSource);
+                    gridConfig.setOptGridId('grid');
+                    gridConfig.setOptGridHeight(470);
+                    gridConfig.setOptRowHeight(30);
+                    gridConfig.setOptRowHeaderType('checkbox');
+                    gridConfig.setOptUseClientSort(false);
+
+                    // 페이징 옵션 설정
+                    gridConfig.setOptPageOptions({
+                        useClient: false,
+                        perPage: perPage
+                    });
+
+                    gridConfig.setOptColumnOptions({					//컬럼고정 옵션
+                            frozenCount: 5								//고정컬럼 갯수
+                            , frozenBorderWidth: 2						//고정컬럼 보더(border) 두께
+                            , resizable: true							//최소 사이즈
+                    });
+
+                    gridConfig.setOptColumns(this.getGridColumns());
+
+                    return gridConfig;
+                },
+
+                /**
+                 * 그리드 컬럼 정의
+                 * @returns {Array} 그리드 컬럼 배열
+                 */
+                getGridColumns: function() {
+                    return [
+                        {
+                            header: '번호',
+                            name: '_rowNum',
+                            align: 'center',
+                            width: 60,
+                            sortable: false,
+                            formatter: function(e) {
+                                var totalCount = GRID_PAGINATION_INFO.totalCount;
+                                var page = GRID_PAGINATION_INFO.page;
+                                var perPage = GRID_PAGINATION_INFO.perPage;
+                                var rowIndex = e.row.rowKey;
+                                return totalCount - (page - 1) * perPage - rowIndex;
+                            }
+                        },
+                        { header: '접수일자', name: 'rcptYmd', align: 'center', width: 100,
+                            formatter: function(e) {
+                                return e.value ? moment(e.value, 'YYYYMMDD').format('YYYY-MM-DD') : '';
+                            }
+                        },
+                        { header: '프로그램ID', name: 'prgrmId', align: 'center', width: 100 },
+                        { header: '차량번호', name: 'vhclno', align: 'center', width: 100 },
+                        { header: '소유자명', name: 'ownrNm', align: 'center', width: 100 },
+                        { header: '주민등록번호', name: 'rrno', align: 'center', width: 130 },
+                        { header: '자동차명', name: 'carNm', align: 'left', width: 150 },
+                        { header: '사용본거지주소', name: 'useStrhldAddr', align: 'left', width: 250 },
+                        { header: '검사유효기간', name: 'inspVldPrd', align: 'center', width: 200 },
+                        { header: '부과일자', name: 'levyCrtrYmd', align: 'center', width: 100,
+                            formatter: function(e) {
+                                return e.value ? moment(e.value, 'YYYYMMDD').format('YYYY-MM-DD') : '';
+                            }
+                        },
+                        { header: '업무처리일자', name: 'taskPrcsYmd', align: 'center', width: 100,
+                            formatter: function(e) {
+                                return e.value ? moment(e.value, 'YYYYMMDD').format('YYYY-MM-DD') : '';
+                            }
+                        },
+                        {
+                            header: '처리상태',
+                            name: 'taskPrcsSttsCd',
+                            align: 'center',
+                            width: 100,
+                            editor: {
+                                type: 'select',
+                                options: {
+                                    listItems: [
+                                        <c:forEach var="code" items="${taskPrcsSttsCdList}" varStatus="status">
+                                        {text: '${code.cdNm}', value: '${code.cdId}'}<c:if test="${!status.last}">,</c:if>
+                                        </c:forEach>
+                                    ]
+                                }
+                            },
+                            formatter: function(props) {
+                                var value = props.value;
+                                var codeList = [
                                     <c:forEach var="code" items="${taskPrcsSttsCdList}" varStatus="status">
-                                    {text: '${code.cdNm}', value: '${code.cdId}'}<c:if test="${!status.last}">,</c:if>
+                                    {id: '${code.cdId}', nm: '${code.cdNm}'}<c:if test="${!status.last}">,</c:if>
                                     </c:forEach>
-                                ]
+                                ];
+                                var code = codeList.find(function(c) { return c.id === value; });
+                                return code ? code.nm : value;
                             }
                         },
-                        formatter: function(props) {
-                            var value = props.value;
-                            var codeList = [
-                                <c:forEach var="code" items="${taskPrcsSttsCdList}" varStatus="status">
-                                {id: '${code.cdId}', nm: '${code.cdNm}'}<c:if test="${!status.last}">,</c:if>
-                                </c:forEach>
-                            ];
-                            var code = codeList.find(function(c) { return c.id === value; });
-                            return code ? code.nm : value;
-                        }
-                    },
-                    {
-                        header: '비고',
-                        name: 'rmrk',
-                        align: 'left',
-                        width: 200,
-                        editor: 'text',
-                        formatter: function(e) {
-                            var rmrk = e.value || '';
-                            var displayText = rmrk.length > 30 ? rmrk.substring(0, 30) + '...' : rmrk;
-                            if (rmrk && rmrk.trim()) {
-                                var escapedRmrk = rmrk.replace(/'/g, "\\'").replace(/\n/g, '\\n').replace(/\r/g, '');
-                                return '<span class="mdi mdi-note-text" style="color: #2196F3; cursor: pointer; margin-right: 5px;" onclick="showRmrkPopup(\'' + escapedRmrk + '\')"></span>' +
-                                       '<span style="cursor: pointer;" onclick="showRmrkPopup(\'' + escapedRmrk + '\')">' + displayText + '</span>';
+                        {
+                            header: '비고',
+                            name: 'rmrk',
+                            align: 'left',
+                            width: 200,
+                            editor: 'text',
+                            formatter: function(e) {
+                                var rmrk = e.value || '';
+                                var displayText = rmrk.length > 30 ? rmrk.substring(0, 30) + '...' : rmrk;
+
+                                if (rmrk && rmrk.trim()) {
+                                    // 비고 값이 있으면 아이콘 + 텍스트 표시
+                                    var escapedRmrk = rmrk.replace(/'/g, "\\'").replace(/\n/g, '\\n').replace(/\r/g, '');
+                                    return '<span class="mdi mdi-note-text" style="color: #2196F3; cursor: pointer; margin-right: 5px;" onclick="showRmrkPopup(\'' + escapedRmrk + '\')"></span>' +
+                                           '<span style="cursor: pointer;" onclick="showRmrkPopup(\'' + escapedRmrk + '\')">' + displayText + '</span>';
+                                }
+                                return displayText;
+                            }
+                        },
+                        { header: '기본사항조회성명', name: 'carBscMttrInqFlnm', align: 'center', width: 100 },
+                        { header: '기본사항조회시군구코드', name: 'carBscMttrInqSggCd', align: 'center', width: 100, hidden: true },
+                        { header: '기본사항조회시군구명', name: 'carBscMttrInqSggNm', align: 'center', width: 120 },
+                        { header: '등록원부변경업무코드', name: 'carRegFrmbkChgTaskSeCd', align: 'center', width: 100, hidden: true },
+                        { header: '등록원부변경업무명', name: 'carRegFrmbkChgTaskSeNm', align: 'center', width: 120 },
+                        { header: '등록원부변경일자', name: 'carRegFrmbkChgYmd', align: 'center', width: 120 },
+                        { header: '등록원부상세', name: 'carRegFrmbkDtl', align: 'left', width: 250 },
+                        {
+                            header: '미필과태료대상ID',
+                            name: 'carFfnlgTrgtIncmpId',
+                            align: 'center',
+                            width: 150,
+                            formatter: function(e) {
+                                if (e.value) {
+                                    return '<a href="javascript:void(0)" onclick="openHistoryWithCarFfnlgTrgtIncmpId(\'' + e.value + '\')" style="color: #0066cc; text-decoration: underline; cursor: pointer;">' + e.value + '</a>';
+                                }
+                                return '';
                             }
-                            return displayText;
+                        },
+                        {
+                            header: '차량기본사항조회ID',
+                            name: 'carBassMatterInqireId',
+                            align: 'center',
+                            width: 150,
+                            formatter: function(e) {
+                                if (e.value) {
+                                    return '<a href="javascript:void(0)" onclick="openBasicPopup(\'' + e.value + '\')" style="color: #0066cc; text-decoration: underline; cursor: pointer;">' + e.value + '</a>';
+                                }
+                                return '';
+                            },
+                            hidden: true
+                        },
+                        {
+                            header: '차량등록원부ID',
+                            name: 'carLedgerFrmbkId',
+                            align: 'center',
+                            width: 150,
+                            formatter: function(e) {
+                                if (e.value) {
+                                    return '<a href="javascript:void(0)" onclick="openLedgerPopup(\'' + e.value + '\')" style="color: #0066cc; text-decoration: underline; cursor: pointer;">' + e.value + '</a>';
+                                }
+                                return '';
+                            },
+                            hidden: true
+                        },
+
+                        { header: '등록일시', name: 'regDt', align: 'center', width: 150 },
+                        { header: '등록자ID', name: 'rgtr', align: 'center', width: 100, hidden: true },
+                        { header: '등록자', name: 'rgtrNm', align: 'center', width: 100 },
+                        { header: '삭제일시', name: 'delDt', align: 'center', width: 150, hidden: true },
+                        { header: '삭제자', name: 'dltr', align: 'center', width: 100, hidden: true }
+                    ];
+                },
+
+                /**
+                 * 데이터 소스 생성
+                 * @returns {Object} 데이터 소스 설정 객체
+                 */
+                createDataSource: function() {
+                    return {
+                        api: {
+                            readData: {
+                                url: '<c:url value="/carInspectionPenalty/registration-om/list.ajax"/>',
+                                method: 'POST',
+                                contentType: 'application/x-www-form-urlencoded',
+                                processData: true
+                            }
+                        },
+                        initialRequest: false,
+                        serializer: function(params) {
+                            setSearchCond();
+                            SEARCH_COND.perPage = params.perPage;
+                            SEARCH_COND.page = params.page;
+                            return $.param(SEARCH_COND);
                         }
-                    },
-                    { header: '기본사항조회성명', name: 'carBscMttrInqFlnm', align: 'center', width: 100 },
-                    { header: '기본사항조회시군구명', name: 'carBscMttrInqSggNm', align: 'center', width: 120 },
-                    { header: '등록원부변경업무명', name: 'carRegFrmbkChgTaskSeNm', align: 'center', width: 120 },
-                    { header: '등록원부변경일자', name: 'carRegFrmbkChgYmd', align: 'center', width: 120 },
-                    { header: '등록원부상세', name: 'carRegFrmbkDtl', align: 'left', width: 250 },
-                    { header: '미필과태료대상ID', name: 'carFfnlgTrgtIncmpId', align: 'center', width: 180 },
-                    { header: '등록일시', name: 'regDt', align: 'center', width: 150 },
-                    { header: '등록자', name: 'rgtrNm', align: 'center', width: 100 }
-                ];
-            },
+                    };
+                },
+
+                /**
+                 * 그리드 인스턴스 생성
+                 */
+                create: function() {
+                    var gridConfig = this.initConfig();
+                    var Grid = tui.Grid;
+                    this.instance = gridConfig.instance(Grid);
+
+                    // 그리드 테마 설정
+                    Grid.applyTheme('striped');
+
+                    this.gridBindEvents();
+                },
 
-            createDataSource: function() {
-                return {
-                    api: {
-                        readData: {
-                            url: '<c:url value="/carInspectionPenalty/registration-om/list.ajax"/>',
-                            method: 'POST',
-                            contentType: 'application/x-www-form-urlencoded',
-                            processData: true
+                /**
+                 * 그리드 이벤트 바인딩
+                 */
+                gridBindEvents: function() {
+                    var self = this;
+
+                    // 데이터 로딩 완료 이벤트
+                    this.instance.on('successResponse', function(ev) {
+                        var responseObj = JSON.parse(ev.xhr.response);
+                        if(responseObj){
+                            $("#currentPage").text(responseObj.data.pagination.page);
+                            $("#totalPages").text(responseObj.data.pagination.totalPages);
+                            var totalCount = responseObj.data.pagination.totalCount;
+                            $("#totalCount").text('총 ' + totalCount.toLocaleString() + '건');
+
+                            // 페이징 정보를 전역 변수에 저장
+                            GRID_PAGINATION_INFO.totalCount = responseObj.data.pagination.totalCount;
+                            GRID_PAGINATION_INFO.page = responseObj.data.pagination.page;
+                            GRID_PAGINATION_INFO.perPage = responseObj.data.pagination.perPage;
                         }
-                    },
-                    initialRequest: false,
-                    serializer: function(params) {
-                        setSearchCond();
-                        SEARCH_COND.perPage = params.perPage;
-                        SEARCH_COND.page = params.page;
-                        return $.param(SEARCH_COND);
+
+                        // 선택된 행 초기화
+                        CarFfnlgTrgtIncmpList.selectedRow = null;
+                    });
+
+                    // 행 선택 이벤트
+                    this.instance.on('check', function(ev) {
+                        var rowKey = ev.rowKey;
+                        CarFfnlgTrgtIncmpList.selectedRow = self.instance.getRow(rowKey);
+                    });
+
+                    // 행 선택 해제 이벤트
+                    this.instance.on('uncheck', function(ev) {
+                        CarFfnlgTrgtIncmpList.selectedRow = null;
+                    });
+                },
+
+                /**
+                 * 그리드 새로고침
+                 */
+                reload: function() {
+                    // 그리드 조회 전 현재 검색조건을 마지막 검색조건으로 저장
+                    setSearchCond();
+                    LAST_GRID_SEARCH_COND = Object.assign({}, SEARCH_COND);
+                    this.instance.readData(1);
+                },
+
+                /**
+                 * 그리드 변경사항 취소
+                 */
+                cancelChanges: function() {
+                    var self = this;
+
+                    // 변경된 데이터 확인
+                    var modifiedRows = this.instance.getModifiedRows();
+
+                    // 변경된 데이터가 없으면 알림
+                    if (modifiedRows.createdRows.length === 0 &&
+                        modifiedRows.updatedRows.length === 0 &&
+                        modifiedRows.deletedRows.length === 0) {
+                        alert('취소할 변경사항이 없습니다.');
+                        return;
                     }
-                };
+
+                    // 취소 확인
+                    if (confirm('모든 변경사항을 취소하시겠습니까?')) {
+                        // 현재 페이지 저장
+                        var currentPage = this.instance.getPagination().getCurrentPage();
+
+                        // 그리드 데이터를 다시 로드하여 모든 변경사항 취소
+                        this.instance.readData(currentPage);
+                    }
+                },
+
+                /**
+                 * 그리드 변경사항 저장
+                 */
+                saveData: function() {
+                    var self = this;
+
+                    // 변경된 데이터 확인
+                    var modifiedRows = this.instance.getModifiedRows();
+
+                    // 변경된 데이터가 없으면 저장하지 않음
+                    if (modifiedRows.createdRows.length === 0 &&
+                        modifiedRows.updatedRows.length === 0 &&
+                        modifiedRows.deletedRows.length === 0) {
+                        alert('저장할 데이터가 없습니다.');
+                        return;
+                    }
+
+                    console.log(modifiedRows);
+                    var confirmMsg = "변경된 내용을 저장하시겠습니까?";
+                    if (modifiedRows.deletedRows.length > 0) {
+                        confirmMsg += "\n삭제 포함되어 있습니다."
+                    }
+
+                    // 저장 확인
+                    if (confirm(confirmMsg)) {
+                        $.ajax({
+                            url: '<c:url value="/carInspectionPenalty/registration-om/saveAll.ajax"/>',
+                            type: 'POST',
+                            contentType: 'application/json',
+                            data: JSON.stringify(modifiedRows),
+                            success: function(response) {
+                                if (response.result) {
+                                    alert(response.message);
+                                    self.instance.readData(1);
+                                } else {
+                                    alert(response.message);
+                                }
+                            },
+                            error: function(xhr, status, error) {
+                                console.error("저장 실패:", error);
+                                alert("저장 중 오류가 발생했습니다.");
+                            }
+                        });
+                    }
+                }
             },
 
-            create: function() {
-                var gridConfig = this.initConfig();
-                var Grid = tui.Grid;
-                this.instance = gridConfig.instance(Grid);
-                Grid.applyTheme('striped');
-                this.gridBindEvents();
+            /**
+             * 초기화
+             */
+            init: function() {
+                this.grid.create();
+                this.bindEvents();
+
+                // 초기 데이터 로드
+                this.grid.reload();
             },
 
-            gridBindEvents: function() {
+            /**
+             * 이벤트 바인딩
+             */
+            bindEvents: function() {
                 var self = this;
-                
-                this.instance.on('successResponse', function(ev) {
-                    var responseObj = JSON.parse(ev.xhr.response);
-                    if(responseObj){
-                        $("#currentPage").text(responseObj.data.pagination.page);
-                        $("#totalPages").text(responseObj.data.pagination.totalPages);
-                        var totalCount = responseObj.data.pagination.totalCount;
-                        $("#totalCount").text('총 ' + totalCount.toLocaleString() + '건');
-                        
-                        GRID_PAGINATION_INFO.totalCount = responseObj.data.pagination.totalCount;
-                        GRID_PAGINATION_INFO.page = responseObj.data.pagination.page;
-                        GRID_PAGINATION_INFO.perPage = responseObj.data.pagination.perPage;
-                    }
-                    CarFfnlgTrgtIncmpList.selectedRow = null;
+
+                // 검색 버튼 클릭
+                $("#search_btn").on('click', function() {
+                    self.grid.reload();
                 });
 
-                this.instance.on('check', function(ev) {
-                    var rowKey = ev.rowKey;
-                    CarFfnlgTrgtIncmpList.selectedRow = self.instance.getRow(rowKey);
+                // 초기화 버튼 클릭
+                $("#reset_btn").on('click', function() {
+                    $("#schRcptYmdStart").val("${dateUtil:getCurrentDateAddDays('yyyy-MM-dd', -15)}");
+                    $("#schRcptYmdEnd").val("${dateUtil:getCurrentDateTime('yyyy-MM-dd')}");
+                    $("#schVhclno").val("");
+                    $("#schOwnrNm").val("");
+                    // 체크박스 모두 해제
+                    $("input[name='schTaskPrcsSttsCd']").prop('checked', false);
+                    self.grid.reload();
                 });
 
-                this.instance.on('uncheck', function(ev) {
-                    CarFfnlgTrgtIncmpList.selectedRow = null;
+                // 등록 버튼 클릭 - 파일 업로드 팝업 열기
+                $("#registerBtn").on('click', function() {
+                    self.openUploadPopup();
                 });
-            },
 
-            reload: function() {
-                setSearchCond();
-                LAST_GRID_SEARCH_COND = Object.assign({}, SEARCH_COND);
-                this.instance.readData(1);
-            },
+                // 삭제 버튼 클릭
+                $("#deleteBtn").on('click', function() {
+                    self.deleteData();
+                });
 
-            cancelChanges: function() {
-                var modifiedRows = this.instance.getModifiedRows();
-                if (modifiedRows.createdRows.length === 0 &&
-                    modifiedRows.updatedRows.length === 0 &&
-                    modifiedRows.deletedRows.length === 0) {
-                    alert('취소할 변경사항이 없습니다.');
-                    return;
-                }
-                if (confirm('모든 변경사항을 취소하시겠습니까?')) {
-                    var currentPage = this.instance.getPagination().getCurrentPage();
-                    this.instance.readData(currentPage);
-                }
-            },
+                // API 호출 버튼 클릭 (그리드 선택)
+                $("#callApiBtn").on('click', function() {
+                    self.callApiAndCompare();
+                });
 
-            saveData: function() {
-                var self = this;
-                var modifiedRows = this.instance.getModifiedRows();
-                if (modifiedRows.createdRows.length === 0 &&
-                    modifiedRows.updatedRows.length === 0 &&
-                    modifiedRows.deletedRows.length === 0) {
-                    alert('저장할 데이터가 없습니다.');
-                    return;
-                }
-                if (confirm("변경된 내용을 저장하시겠습니까?")) {
-                    $.ajax({
-                        url: '<c:url value="/carInspectionPenalty/registration-om/saveAll.ajax"/>',
-                        type: 'POST',
-                        contentType: 'application/json',
-                        data: JSON.stringify(modifiedRows),
-                        success: function(response) {
-                            if (response.result) {
-                                alert(response.message);
-                                self.instance.readData(1);
-                            } else {
-                                alert(response.message);
+                // API 호출 버튼 클릭 (검색조건 전체)
+                $("#callApiAllBtn").on('click', function() {
+                    self.callApiAndCompareAll();
+                });
+
+                // 목록 다운로드 버튼 클릭
+                $("#downloadBtn").on('click', function() {
+                    // 검색조건 비교 및 확인
+                    if (!compareSearchConditions()) {
+                        return;
+                    }
+
+                    var url = buildDownloadUrl();
+                    // 파일 다운로드는 단순 이동으로 처리
+                    window.location.href = url;
+                });
+
+                // 엑셀 다운로드 버튼 클릭
+                $("#excelDownloadBtn").on('click', function() {
+                    // 검색조건 비교 및 확인
+                    if (!compareSearchConditions()) {
+                        return;
+                    }
+
+                    // Form 생성 및 제출
+                    var $form = $('<form>', {
+                        method: 'POST',
+                        action: '<c:url value="/carInspectionPenalty/registration-om/excel.do"/>'
+                    });
+
+                    // 검색 조건 파라미터 추가
+                    setSearchCond();
+                    $.each(SEARCH_COND, function(key, value) {
+                        if (key === 'schTaskPrcsSttsCd') {
+                            // 배열인 경우 각각 추가
+                            if (value && value.length > 0) {
+                                value.forEach(function(val) {
+                                    $form.append($('<input>', {
+                                        type: 'hidden',
+                                        name: key,
+                                        value: val
+                                    }));
+                                });
                             }
-                        },
-                        error: function(xhr, status, error) {
-                            console.error("저장 실패:", error);
-                            alert("저장 중 오류가 발생했습니다.");
+                        } else if (value) {
+                            $form.append($('<input>', {
+                                type: 'hidden',
+                                name: key,
+                                value: value
+                            }));
                         }
                     });
-                }
-            }
-        },
 
-        init: function() {
-            this.grid.create();
-            this.bindEvents();
-            this.grid.reload();
-        },
+                    // Form을 body에 추가하고 제출 후 제거
+                    $form.appendTo('body').submit().remove();
+                });
 
-        bindEvents: function() {
-            var self = this;
+                // 페이지당 건수 변경
+                $("#perPageSelect").on('change', function() {
+                    var perPage = parseInt($(this).val(), 10);
+                    self.grid.instance.setPerPage(perPage);
+                    self.grid.reload();
+                });
 
-            $("#search_btn").on('click', function() {
-                self.grid.reload();
-            });
+                // 검색 조건 입력 필드에서 Enter 키 처리
+                $(".gs_b_top input").on('keypress', function(e) {
+                    if (e.which === 13) {
+                        self.grid.reload();
+                    }
+                });
 
-            $("#reset_btn").on('click', function() {
-                $("#schRcptYmdStart").val("${dateUtil:getCurrentDateAddDays('yyyy-MM-dd', -15)}");
-                $("#schRcptYmdEnd").val("${dateUtil:getCurrentDateTime('yyyy-MM-dd')}");
-                $("#schPrcsYmdStart").val("");
-                $("#schPrcsYmdEnd").val("");
-                $("#schVhclno").val("");
-                $("#schOwnrNm").val("");
-                $("input[name='schTaskPrcsSttsCd']").prop('checked', false);
-                self.grid.reload();
-            });
+                // 취소 버튼 클릭 이벤트
+                $('#btn_cancel').on('click', function() {
+                    self.grid.cancelChanges();
+                });
 
-            $("#registerBtn").on('click', function() {
-                self.openUploadPopup();
-            });
+                // 저장 버튼 클릭 이벤트
+                $('#btn_save').on('click', function() {
+                    self.grid.saveData();
+                });
+            },
 
-            $("#deleteBtn").on('click', function() {
-                self.deleteData();
-            });
+            /**
+             * 파일 업로드 팝업 열기
+             */
+            openUploadPopup: function() {
+                var popupUrl = '<c:url value="/carInspectionPenalty/registration-om/uploadPopup.do"/>';
+                var popup = openPopup(popupUrl, 800, 450, 'uploadPopup');
 
-            $("#callApiBtn").on('click', function() {
-                self.callApiAndCompare();
-            });
+                // 팝업이 닫힐 때 그리드 새로고침
+                var checkPopupClosed = setInterval(function() {
+                    if (popup && popup.closed) {
+                        clearInterval(checkPopupClosed);
+                        CarFfnlgTrgtIncmpList.grid.reload();
+                    }
+                }, 500);
+            },
 
-            $("#callApiAllBtn").on('click', function() {
-                self.callApiAndCompareAll();
-            });
+            /**
+             * 데이터 삭제
+             */
+            deleteData: function() {
+                var checkedRows = this.grid.instance.getCheckedRows();
 
-            $("#downloadBtn").on('click', function() {
-                var url = buildDownloadUrl();
-                window.location.href = url;
-            });
+                if (checkedRows.length === 0) {
+                    alert("삭제할 데이터를 선택해주세요.");
+                    return;
+                }
 
-            $("#excelDownloadBtn").on('click', function() {
-                var $form = $('<form>', {
-                    method: 'POST',
-                    action: '<c:url value="/carInspectionPenalty/registration-om/excel.do"/>'
+                if (!confirm(checkedRows.length + "건의 데이터를 삭제하시겠습니까?")) {
+                    return;
+                }
+
+                // 삭제할 ID 목록 준비
+                var deleteIds = checkedRows.map(function(row) {
+                    return row.carFfnlgTrgtIncmpId;
                 });
-                setSearchCond();
-                $.each(SEARCH_COND, function(key, value) {
-                    if (key === 'schTaskPrcsSttsCd') {
-                        if (value && value.length > 0) {
-                            value.forEach(function(val) {
-                                $form.append($('<input>', { type: 'hidden', name: key, value: val }));
-                            });
+
+                // AJAX 호출
+                $.ajax({
+                    url: '<c:url value="/carInspectionPenalty/registration-om/deleteBatch.ajax"/>',
+                    type: 'POST',
+                    contentType: 'application/json',
+                    data: JSON.stringify(deleteIds),
+                    success: function(response) {
+                        if (response.success) {
+                            alert("삭제가 완료되었습니다.");
+                            CarFfnlgTrgtIncmpList.grid.reload();
+                        } else {
+                            alert("삭제 중 오류가 발생했습니다: " + response.message);
                         }
-                    } else if (value) {
-                        $form.append($('<input>', { type: 'hidden', name: key, value: value }));
+                    },
+                    error: function(xhr, status, error) {
+                        console.error("삭제 실패:", error);
                     }
                 });
-                $form.appendTo('body').submit().remove();
-            });
+            },
 
-            $("#perPageSelect").on('change', function() {
-                var perPage = parseInt($(this).val(), 10);
-                self.grid.instance.setPerPage(perPage);
-                self.grid.reload();
-            });
+            /**
+             * API 호출 및 데이터 비교 (그리드 선택)
+             */
+            callApiAndCompare: function() {
+                var checkedRows = this.grid.instance.getCheckedRows();
 
-            $(".gs_b_top input").on('keypress', function(e) {
-                if (e.which === 13) {
-                    self.grid.reload();
+                if (checkedRows.length === 0) {
+                    alert("API 호출할 데이터를 선택해주세요.");
+                    return;
                 }
-            });
 
-            $('#btn_cancel').on('click', function() {
-                self.grid.cancelChanges();
-            });
+                // 접수상태(01)가 아닌 행이 있는지 확인
+                var nonRcptRows = checkedRows.filter(function(row) {
+                    return row.taskPrcsSttsCd !== '01';
+                });
 
-            $('#btn_save').on('click', function() {
-                self.grid.saveData();
-            });
-        },
-
-        openUploadPopup: function() {
-            var popupUrl = '<c:url value="/carInspectionPenalty/registration-om/uploadPopup.do"/>';
-            var popup = openPopup(popupUrl, 800, 450, 'uploadPopup');
-            var checkPopupClosed = setInterval(function() {
-                if (popup && popup.closed) {
-                    clearInterval(checkPopupClosed);
-                    CarFfnlgTrgtIncmpList.grid.reload();
+                if (nonRcptRows.length > 0) {
+                    alert("접수 상태(01)인 데이터만 API 호출이 가능합니다.\n접수 상태가 아닌 데이터가 " + nonRcptRows.length + "건 포함되어 있습니다.");
+                    return;
                 }
-            }, 500);
-        },
 
-        deleteData: function() {
-            var checkedRows = this.grid.instance.getCheckedRows();
-            if (checkedRows.length === 0) {
-                alert("삭제할 데이터를 선택해주세요.");
-                return;
-            }
-            if (!confirm(checkedRows.length + "건의 데이터를 삭제하시겠습니까?")) {
-                return;
-            }
-            var deleteIds = checkedRows.map(function(row) {
-                return row.carFfnlgTrgtIncmpId;
-            });
-            $.ajax({
-                url: '<c:url value="/carInspectionPenalty/registration-om/deleteBatch.ajax"/>',
-                type: 'POST',
-                contentType: 'application/json',
-                data: JSON.stringify(deleteIds),
-                success: function(response) {
-                    if (response.success) {
-                        alert("삭제가 완료되었습니다.");
-                        CarFfnlgTrgtIncmpList.grid.reload();
-                    } else {
-                        alert("삭제 중 오류가 발생했습니다: " + response.message);
-                    }
-                },
-                error: function(xhr, status, error) {
-                    console.error("삭제 실패:", error);
+                if (!confirm(checkedRows.length + "건의 데이터에 대해 API를 호출하고 비교하시겠습니까?\n(미필: 부과일자 = 검사유효기간 종료일 + 145일)")) {
+                    return;
                 }
-            });
-        },
 
-        callApiAndCompare: function() {
-            var checkedRows = this.grid.instance.getCheckedRows();
-            if (checkedRows.length === 0) {
-                alert("API 호출할 데이터를 선택해주세요.");
-                return;
-            }
-            var nonRcptRows = checkedRows.filter(function(row) {
-                return row.taskPrcsSttsCd !== '01';
-            });
-            if (nonRcptRows.length > 0) {
-                alert("접수 상태(01)인 데이터만 API 호출이 가능합니다.\n접수 상태가 아닌 데이터가 " + nonRcptRows.length + "건 포함되어 있습니다.");
-                return;
-            }
-            if (!confirm(checkedRows.length + "건의 데이터에 대해 API를 호출하고 비교하시겠습니까?\n(미필: 부과일자 = 검사유효기간 종료일 + 145일)")) {
-                return;
-            }
-            var targetList = checkedRows.map(function(row) {
-                return {
-                    carFfnlgTrgtIncmpId: row.carFfnlgTrgtIncmpId,
-                    vhclno: row.vhclno,
-                    inspVldPrd: row.inspVldPrd,
-                    ownrNm: row.ownrNm,
-                    carNm: row.carNm
-                };
-            });
-            $.ajax({
-                url: '<c:url value="/carInspectionPenalty/registration-om/compareWithApi.ajax"/>',
-                type: 'POST',
-                contentType: 'application/json',
-                data: JSON.stringify(targetList),
-                success: function(response) {
-                    if (response.success) {
-                        alert("API 호출 및 비교가 완료되었습니다.\n\n" + response.message);
-                        CarFfnlgTrgtIncmpList.grid.reload();
-                    } else {
-                        alert("오류: " + response.message);
+                // 선택된 행 데이터 배열 준비
+                var targetList = checkedRows.map(function(row) {
+                    return {
+                        carFfnlgTrgtIncmpId: row.carFfnlgTrgtIncmpId,
+                        vhclno: row.vhclno,
+                        inspVldPrd: row.inspVldPrd,
+                        ownrNm: row.ownrNm,
+                        carNm: row.carNm
+                    };
+                });
+
+                // 로딩 메시지 표시 (선택사항)
+                var loadingMsg = "API 호출 및 비교 중입니다...\n잠시만 기다려주세요.";
+                console.log(loadingMsg);
+
+                // AJAX 호출
+                $.ajax({
+                    url: '<c:url value="/carInspectionPenalty/registration-om/compareWithApi.ajax"/>',
+                    type: 'POST',
+                    contentType: 'application/json',
+                    data: JSON.stringify(targetList),
+                    success: function(response) {
+                        if (response.success) {
+                            alert("API 호출 및 비교가 완료되었습니다.\n\n" + response.message);
+
+                            // 비교 결과 상세 보기 (콘솔 출력)
+                            if (response.data && response.data.compareResults) {
+                                console.log("비교 결과 상세:", response.data.compareResults);
+                            }
+
+                            // 그리드 새로고침
+                            CarFfnlgTrgtIncmpList.grid.reload();
+                        } else {
+                            alert("오류: " + response.message);
+                        }
+                    },
+                    error: function(xhr, status, error) {
+                        console.error("API 호출 실패:", error);
                     }
-                },
-                error: function(xhr, status, error) {
-                    console.error("API 호출 실패:", error);
+                });
+            },
+
+            /**
+             * API 호출 및 데이터 비교 (검색조건 전체, 페이징 없이)
+             */
+            callApiAndCompareAll: function() {
+                // 검색조건 비교 및 확인
+                if (!compareSearchConditions()) {
+                    return;
                 }
-            });
-        },
 
-        callApiAndCompareAll: function() {
-            if (!confirm("현재 검색조건의 전체 데이터에 대해 API를 호출하고 비교하시겠습니까?\n(미필: 부과일자 = 검사유효기간 종료일 + 145일)")) {
-                return;
-            }
-            setSearchCond();
-            var params = Object.assign({}, SEARCH_COND, { pagingYn: 'N' });
-            $.ajax({
-                url: '<c:url value="/carInspectionPenalty/registration-om/compareWithApiAll.ajax"/>',
-                type: 'POST',
-                contentType: 'application/json',
-                data: JSON.stringify(params),
-                success: function(response) {
-                    if (response.success) {
-                        alert("API 호출 및 비교가 완료되었습니다.\n\n" + response.message);
-                        CarFfnlgTrgtIncmpList.grid.reload();
-                    } else {
-                        alert("오류: " + response.message);
-                    }
-                },
-                error: function(xhr, status, error) {
-                    console.error("API 호출 실패:", error);
+                if (!confirm("현재 검색조건의 전체 데이터에 대해 API를 호출하고 비교하시겠습니까?\n(미필: 부과일자 = 검사유효기간 종료일 + 145일)")) {
+                    return;
                 }
-            });
-        }
-    };
 
-    $(document).ready(function() {
-        CarFfnlgTrgtIncmpList.init();
-    });
+                // 검색 조건 설정
+                setSearchCond();
 
-    // 전역에 노출
-    window.CarFfnlgTrgtIncmpList = CarFfnlgTrgtIncmpList;
-
-})(window, jQuery);
-
-/**
- * 비고 레이어 팝업 열기 (전역 함수)
- */
-function showRmrkPopup(rmrkText) {
-    var $popup = $('#rmrkLayerPopup');
-    var $content = $('#rmrkPopupContent');
-    rmrkText = rmrkText.replace(/\\n/g, '\n').replace(/\\'/g, "'");
-    $content.text(rmrkText);
-    $popup.css({ display: 'block', transform: 'none' });
-    var windowWidth = $(window).width();
-    var windowHeight = $(window).height();
-    var popupWidth = $popup.outerWidth();
-    var popupHeight = $popup.outerHeight();
-    $popup.css({
-        left: (windowWidth - popupWidth) / 2 + 'px',
-        top: (windowHeight - popupHeight) / 2 + 'px'
-    });
-}
+                // 페이징 없이 전체 조회를 위한 파라미터, 백엔드에서 처리해되되나 params 값을 던지기위해 다시한번 처리
+                var params = Object.assign({}, SEARCH_COND, {
+                    pagingYn: 'N'  // 페이징 비활성화
+                });
 
-function closeRmrkPopup() {
-    $('#rmrkLayerPopup').hide();
-}
+                // 로딩 메시지 표시
+                console.log("전체 데이터 API 호출 및 비교 중입니다...\n잠시만 기다려주세요.");
 
-$(document).on('click', function(e) {
-    var $popup = $('#rmrkLayerPopup');
-    if ($popup.is(':visible') && !$(e.target).closest('#rmrkLayerPopup, .mdi-note-text').length) {
-        closeRmrkPopup();
-    }
-});
-        
-        // 엑셀 다운로드 버튼
-        $('#btnExcel').click(function() {
-            downloadExcel();
-        });
-        
-        // 선택 API 비교 버튼
-        $('#btnApiCompare').click(function() {
-            compareWithApi();
-        });
-        
-        // 전체 API 비교 버튼
-        $('#btnApiCompareAll').click(function() {
-            compareWithApiAll();
-        });
-        
-        // 저장 버튼
-        $('#btnSave').click(function() {
-            saveAll();
-        });
-        
-        // 선택 삭제 버튼
-        $('#btnDelete').click(function() {
-            deleteSelected();
-        });
-    }
-    
-    function searchList() {
-        var params = $('#searchForm').serializeArray();
-        var paramObj = {};
-        
-        $.each(params, function(i, field) {
-            if (field.name === 'schTaskPrcsSttsCd') {
-                if (!paramObj[field.name]) {
-                    paramObj[field.name] = [];
-                }
-                paramObj[field.name].push(field.value);
-            } else {
-                paramObj[field.name] = field.value;
-            }
-        });
-        
-        $.ajax({
-            url: contextPath + '/carInspectionPenalty/registration-om/list.ajax',
-            type: 'POST',
-            data: paramObj,
-            success: function(response) {
-                if (response.success) {
-                    grid.resetData(response.data);
-                    grid.refreshLayout();
-                } else {
-                    alert('조회 실패: ' + response.message);
-                }
-            },
-            error: function(xhr, status, error) {
-                alert('조회 중 오류가 발생했습니다.');
+                // AJAX 호출
+                $.ajax({
+                    url: '<c:url value="/carInspectionPenalty/registration-om/compareWithApiAll.ajax"/>',
+                    type: 'POST',
+                    contentType: 'application/json',
+                    data: JSON.stringify(params),
+                    success: function(response) {
+                        if (response.success) {
+                            alert("API 호출 및 비교가 완료되었습니다.\n\n" + response.message);
+
+                            // 비교 결과 상세 보기 (콘솔 출력)
+                            if (response.data && response.data.compareResults) {
+                                console.log("비교 결과 상세:", response.data.compareResults);
+                            }
+
+                            // 그리드 새로고침
+                            CarFfnlgTrgtIncmpList.grid.reload();
+                        } else {
+                            alert("오류: " + response.message);
+                        }
+                    },
+                    error: function(xhr, status, error) {
+                        console.error("API 호출 실패:", error);
+                    }
+                });
             }
+        };
+
+        // 페이지 로드 시 초기화
+        $(document).ready(function() {
+            CarFfnlgTrgtIncmpList.init();
         });
+
+    })(window, jQuery);
+
+    /**
+     * 차량 기본정보 팝업 열기 (전역 함수)
+     */
+    function openBasicPopup(carBassMatterInqireId) {
+        console.log(carBassMatterInqireId);
+        var popupUrl = '<c:url value="/carInspectionPenalty/history/carBassMatterInqire/popup.do"/>?carBassMatterInqireId='+encodeURIComponent(carBassMatterInqireId);
+        var popup = openPopup(popupUrl, 1200, 900, 'carBassMatterInqirePopup');
     }
-    
-    function openUploadPopup() {
-        var popup = window.open(
-            contextPath + '/carInspectionPenalty/registration-om/uploadPopup.do',
-            'uploadPopup',
-            'width=500,height=300,resizable=yes,scrollbars=yes'
-        );
-        
-        // 팝업 닫힘 감지 (업로드 완료 후 목록 새로고침)
-        var pollTimer = setInterval(function() {
-            if (popup.closed) {
-                clearInterval(pollTimer);
-                searchList();
-            }
-        }, 500);
+
+    /**
+     * 차량 등록원부 팝업 열기 (전역 함수)
+     */
+    function openLedgerPopup(carLedgerFrmbkId) {
+        console.log(carLedgerFrmbkId);
+        var popupUrl = '<c:url value="/carInspectionPenalty/history/carLedgerFrmbk/popup.do"/>?carLedgerFrmbkId='+encodeURIComponent(carLedgerFrmbkId);
+        var popup = openPopup(popupUrl, 1200, 900, 'carLedgerFrmbkPopup');
     }
-    
-    function downloadPrn() {
-        var params = $('#searchForm').serialize();
-        window.location.href = contextPath + '/carInspectionPenalty/registration-om/download.do?' + params;
+
+    /**
+     * 미필과태료대상ID로 조회이력 페이지 열기 (전역 함수)
+     */
+    function openHistoryWithCarFfnlgTrgtIncmpId(carFfnlgTrgtIncmpId) {
+        console.log('Opening history with carFfnlgTrgtIncmpId:', carFfnlgTrgtIncmpId);
+        var url = '<c:url value="/carInspectionPenalty/history/list.do"/>?searchCarFfnlgTrgtIncmpId=' + encodeURIComponent(carFfnlgTrgtIncmpId);
+        window.open(url, '_blank');
     }
-    
-    function downloadExcel() {
-        var params = $('#searchForm').serialize();
-        
-        // form submit 방식으로 변경
-        var form = $('<form>', {
-            action: contextPath + '/carInspectionPenalty/registration-om/excel.do',
-            method: 'POST'
+
+    /**
+     * 비고 레이어 팝업 열기 (전역 함수)
+     */
+    function showRmrkPopup(rmrkText) {
+        var $popup = $('#rmrkLayerPopup');
+        var $content = $('#rmrkPopupContent');
+
+        // 이스케이프된 문자 복원
+        rmrkText = rmrkText.replace(/\\n/g, '\n').replace(/\\'/g, "'");
+
+        // 내용 설정
+        $content.text(rmrkText);
+
+        // 팝업 표시 (화면 중앙) - transform 대신 계산된 위치 사용
+        $popup.css({
+            display: 'block',
+            transform: 'none'
         });
-        
-        var searchParams = $('#searchForm').serializeArray();
-        $.each(searchParams, function(i, field) {
-            form.append($('<input>', {
-                type: 'hidden',
-                name: field.name,
-                value: field.value
-            }));
+
+        // 중앙 위치 계산
+        var windowWidth = $(window).width();
+        var windowHeight = $(window).height();
+        var popupWidth = $popup.outerWidth();
+        var popupHeight = $popup.outerHeight();
+
+        $popup.css({
+            left: (windowWidth - popupWidth) / 2 + 'px',
+            top: (windowHeight - popupHeight) / 2 + 'px'
         });
-        
-        form.appendTo('body').submit().remove();
+
+        // 드래그 기능 초기화
+        initRmrkPopupDrag();
     }
-    
-    function compareWithApi() {
-        var checkedRows = grid.getCheckedRows();
-        
-        if (checkedRows.length === 0) {
-            alert('API 비교할 데이터를 선택해주세요.');
-            return;
-        }
-        
-        // 접수(01) 상태인 것만 필터링
-        var targetList = checkedRows.filter(function(row) {
-            return row.taskPrcsSttsCd === '01';
-        }).map(function(row) {
-            return {
-                carFfnlgTrgtIncmpId: row.carFfnlgTrgtIncmpId,
-                vhclno: row.vhclno,
-                inspVldPrd: row.inspVldPrd,
-                ownrNm: row.ownrNm,
-                carNm: row.carNm
-            };
-        });
-        
-        if (targetList.length === 0) {
-            alert('접수 상태(01)인 데이터만 API 비교가 가능합니다.');
-            return;
-        }
-        
-        if (!confirm(targetList.length + '건의 데이터에 대해 API 비교를 수행하시겠습니까?\n(미필: 부과일자 = 검사유효기간 종료일 + 145일)')) {
-            return;
-        }
-        
-        $.ajax({
-            url: contextPath + '/carInspectionPenalty/registration-om/compareWithApi.ajax',
-            type: 'POST',
-            contentType: 'application/json',
-            data: JSON.stringify(targetList),
-            success: function(response) {
-                if (response.success) {
-                    alert(response.message);
-                    searchList();
-                } else {
-                    alert('API 비교 실패: ' + response.message);
-                }
-            },
-            error: function(xhr, status, error) {
-                alert('API 비교 중 오류가 발생했습니다.');
-            }
-        });
+
+    /**
+     * 비고 레이어 팝업 닫기 (전역 함수)
+     */
+    function closeRmrkPopup() {
+        $('#rmrkLayerPopup').hide();
     }
-    
-    function compareWithApiAll() {
-        if (!confirm('검색 조건에 해당하는 전체 데이터에 대해 API 비교를 수행하시겠습니까?\n(미필: 부과일자 = 검사유효기간 종료일 + 145일)')) {
+
+    /**
+     * 비고 레이어 팝업 드래그 기능 초기화
+     */
+    var rmrkPopupDragInitialized = false;
+    function initRmrkPopupDrag() {
+        if (rmrkPopupDragInitialized) {
             return;
         }
-        
-        var params = {};
-        var searchParams = $('#searchForm').serializeArray();
-        $.each(searchParams, function(i, field) {
-            if (field.name === 'schTaskPrcsSttsCd') {
-                if (!params[field.name]) {
-                    params[field.name] = [];
-                }
-                params[field.name].push(field.value);
-            } else {
-                params[field.name] = field.value;
-            }
-        });
-        
-        $.ajax({
-            url: contextPath + '/carInspectionPenalty/registration-om/compareWithApiAll.ajax',
-            type: 'POST',
-            contentType: 'application/json',
-            data: JSON.stringify(params),
-            success: function(response) {
-                if (response.success) {
-                    alert(response.message);
-                    searchList();
-                } else {
-                    alert('전체 API 비교 실패: ' + response.message);
-                }
-            },
-            error: function(xhr, status, error) {
-                alert('전체 API 비교 중 오류가 발생했습니다.');
+
+        var $popup = $('#rmrkLayerPopup');
+        var $header = $('#rmrkPopupHeader');
+        var $closeBtn = $('#rmrkPopupClose');
+        var isDragging = false;
+        var dragOffset = { x: 0, y: 0 };
+
+        $header.on('mousedown', function(e) {
+            // 닫기 버튼 클릭 시 드래그 시작하지 않음
+            if ($(e.target).is($closeBtn) || $(e.target).closest('#rmrkPopupClose').length > 0) {
+                return;
             }
+
+            isDragging = true;
+            var popupOffset = $popup.offset();
+            dragOffset.x = e.pageX - popupOffset.left;
+            dragOffset.y = e.pageY - popupOffset.top;
+            e.preventDefault(); // 텍스트 선택 방지
         });
-    }
-    
-    function saveAll() {
-        var modifiedData = grid.getModifiedRows();
-        
-        if (modifiedData.createdRows.length === 0 && 
-            modifiedData.updatedRows.length === 0 && 
-            modifiedData.deletedRows.length === 0) {
-            alert('저장할 데이터가 없습니다.');
-            return;
-        }
-        
-        if (!confirm('수정된 데이터를 저장하시겠습니까?')) {
-            return;
-        }
-        
-        $.ajax({
-            url: contextPath + '/carInspectionPenalty/registration-om/saveAll.ajax',
-            type: 'POST',
-            contentType: 'application/json',
-            data: JSON.stringify(modifiedData),
-            success: function(response) {
-                if (response.success) {
-                    alert(response.message);
-                    searchList();
-                } else {
-                    alert('저장 실패: ' + response.message);
-                }
-            },
-            error: function(xhr, status, error) {
-                alert('저장 중 오류가 발생했습니다.');
+
+        $(document).on('mousemove', function(e) {
+            if (isDragging) {
+                $popup.css({
+                    left: e.pageX - dragOffset.x + 'px',
+                    top: e.pageY - dragOffset.y + 'px'
+                });
             }
         });
-    }
-    
-    function deleteSelected() {
-        var checkedRows = grid.getCheckedRows();
-        
-        if (checkedRows.length === 0) {
-            alert('삭제할 데이터를 선택해주세요.');
-            return;
-        }
-        
-        if (!confirm(checkedRows.length + '건의 데이터를 삭제하시겠습니까?')) {
-            return;
-        }
-        
-        var deleteIds = checkedRows.map(function(row) {
-            return row.carFfnlgTrgtIncmpId;
-        });
-        
-        $.ajax({
-            url: contextPath + '/carInspectionPenalty/registration-om/deleteBatch.ajax',
-            type: 'POST',
-            contentType: 'application/json',
-            data: JSON.stringify(deleteIds),
-            success: function(response) {
-                if (response.success) {
-                    alert(response.message);
-                    searchList();
-                } else {
-                    alert('삭제 실패: ' + response.message);
-                }
-            },
-            error: function(xhr, status, error) {
-                alert('삭제 중 오류가 발생했습니다.');
-            }
+
+        $(document).on('mouseup', function() {
+            isDragging = false;
         });
+
+        rmrkPopupDragInitialized = true;
     }
-    
-    // 날짜 포맷 함수
-    function formatDate(value) {
-        if (!value) return '';
-        var str = String(value).replace(/[^0-9]/g, '');
-        if (str.length === 8) {
-            return str.substring(0, 4) + '-' + str.substring(4, 6) + '-' + str.substring(6, 8);
-        }
-        return value;
-    }
-    
-    // 주민등록번호 마스킹 함수
-    function maskRrno(value) {
-        if (!value) return '';
-        var str = String(value).replace(/[^0-9]/g, '');
-        if (str.length >= 6) {
-            return str.substring(0, 6) + '-*******';
+
+    // 팝업 외부 클릭 시 닫기 (선택사항)
+    $(document).on('click', function(e) {
+        var $popup = $('#rmrkLayerPopup');
+        if ($popup.is(':visible') && !$(e.target).closest('#rmrkLayerPopup, .mdi-note-text').length) {
+            closeRmrkPopup();
         }
-        return value;
-    }
+    });
+
 </script>
diff --git a/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/uploadPopup.jsp b/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/uploadPopup.jsp
index eccffdc..85120d8 100644
--- a/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/uploadPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/carInspectionPenalty/registrationOm/uploadPopup.jsp
@@ -1,163 +1,352 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 
+<!-- 팝업 전용 CSS -->
+<link rel="stylesheet" type="text/css" href="<c:url value='/resources/xit/xit-popup.css'/>" />
+
+<!-- TXT 파일 업로드 팝업 -->
+<div class="popup_wrap">
+    <div class="popup_inner">
+        <div class="popup_tit">
+            <h2 class="tit">과태료 대상(미필) PRN 파일 업로드</h2>
+            <a href="#" class="pop-x-btn modalclose" id="btnCloseTop"></a>
+        </div>
+
+        <div class="popup_con">
+            <form id="uploadForm" name="uploadForm">
+                <div class="forms_table_non">
+                    <table>
+                        <colgroup>
+                            <col style="width: 20%;" />
+                            <col style="width: 80%;" />
+                        </colgroup>
+                        <tr>
+                            <th class="th"><span class="required">*</span> PRN 파일</th>
+                            <td>
+                                <div class="file-input-row">
+                                    <input type="file" id="txtFile" name="txtFile" accept=".txt,.prn" class="file_input" />
+                                    <span class="file-input-text">파일을 선택하세요</span>
+                                    <button type="button" id="btnClearFile" class="btn_delete_file" style="display: none;" title="파일 삭제">
+                                        <i class="material-icons">close</i>
+                                    </button>
+                                </div>
+                                <div class="file-info" style="margin-top: 10px; color: #666; font-size: 13px;">
+                                    ※ TXT, PRN 파일만 업로드 가능합니다. (최대 50MB)
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td colspan="2">
+                                <div class="file-format-info" style="padding: 15px; background-color: #fff3cd; border: 1px solid #ffc107; border-radius: 4px;">
+                                    <ul style="margin: 0; padding-left: 15px; color: #856404; font-size: 13px;">
+                                        <li>● 7~10 번째 줄은 헤더 및 라인구분 기호로 간주되어 스킵됩니다.</li>
+                                        <li>● UTF-8 -> EUC-KR 변환 후 진행.</li>
+                                        <li>● 데이터는 EUC-KR 한글 2Byte으로 구분됩니다.</li>
+                                        <li>● 컬럼 순서: 접수일자, 프로그램ID, 차량번호, 소유자명, 주민등록번호, 자동차명, 사용본거지주소, 검사유효기간</li>
+                                        <li>● 필수 항목: 접수일자, 차량번호, 소유자명, 검사유효기간</li>
+                                        <li>● 날짜 형식: YYYY-MM-DD (예: 2023-11-13)</li>
+                                        <li>● 차량번호 형식: 12가3456 또는 123가4567</li>
+                                        <li>● 검사유효기간: YYYY-MM-DD ~ YYYY-MM-DD</li>
+                                    </ul>
+                                </div>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </form>
+
+            <!-- 중요로직: 로딩 표시 영역 -->
+            <div class="loading" id="loading" style="display: none; text-align: center; padding: 20px;">
+                <div class="spinner" style="border: 4px solid #f3f3f3; border-top: 4px solid #4CAF50; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 10px;"></div>
+                <div>파일 업로드 중입니다. 잠시만 기다려주세요...</div>
+            </div>
+        </div>
+
+        <div class="popup_foot">
+            <button type="button" id="btnUpload" class="newbtns bg1">파일 업로드</button>
+            <button type="button" id="btnClose" class="newbtns bg2 modalclose">닫기</button>
+        </div>
+    </div>
+</div>
+
 <style>
-    .upload-area {
-        padding: 20px;
+    @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
     }
-    .upload-form {
-        margin-bottom: 20px;
+    .loading.active {
+        display: block !important;
     }
-    .file-input-wrapper {
-        margin-bottom: 15px;
+
+    /* 파일 입력 스타일 */
+    .file-input-row {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 12px 15px;
+        background-color: #f8f9fa;
+        border: 2px dashed #dee2e6;
+        border-radius: 6px;
+        cursor: pointer;
+        transition: all 0.3s ease;
     }
-    .file-info {
-        margin-top: 10px;
-        padding: 10px;
-        background: #f5f5f5;
-        border-radius: 4px;
+
+    .file-input-row:hover {
+        background-color: #e9ecef;
+        border-color: #4CAF50;
+    }
+
+    .file-input-row.has-file {
+        background-color: #e7f3ff;
+        border-color: #4CAF50;
+        border-style: solid;
+    }
+
+    .file_input {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        opacity: 0;
+        cursor: pointer;
+    }
+
+    .file-input-text {
+        flex: 1;
+        color: #666;
+        font-size: 14px;
+        pointer-events: none;
+        display: flex;
+        align-items: center;
     }
-    .btn-area {
-        text-align: center;
-        margin-top: 20px;
+
+    .file-input-text i.material-icons {
+        font-size: 18px;
+        margin-right: 8px;
+        color: #4CAF50;
     }
-    .upload-result {
-        margin-top: 15px;
-        padding: 10px;
+
+    .btn_delete_file {
+        padding: 4px;
+        background-color: #dc3545;
+        color: white;
+        border: none;
         border-radius: 4px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: background-color 0.3s ease;
+        z-index: 10;
+        position: relative;
     }
-    .upload-result.success {
-        background: #dff0d8;
-        color: #3c763d;
+
+    .btn_delete_file:hover {
+        background-color: #c82333;
     }
-    .upload-result.error {
-        background: #f2dede;
-        color: #a94442;
+
+    .btn_delete_file i.material-icons {
+        font-size: 18px;
     }
 </style>
 
-<div class="upload-area">
-    <h4><i class="fa fa-upload"></i> 미필 과태료 대상 PRN 파일 업로드</h4>
-    <hr>
-    
-    <form id="uploadForm" enctype="multipart/form-data">
-        <div class="file-input-wrapper">
-            <label for="file">PRN 파일 선택</label>
-            <input type="file" class="form-control" id="file" name="file" accept=".prn,.txt">
-            <p class="help-block">* PRN 또는 TXT 파일만 업로드 가능합니다.</p>
-            <p class="help-block">* 업로드 시 UTF-8 → EUC-KR 변환됩니다.</p>
-        </div>
-        
-        <div id="fileInfo" class="file-info" style="display: none;">
-            <strong>선택된 파일:</strong> <span id="fileName"></span><br>
-            <strong>파일 크기:</strong> <span id="fileSize"></span>
-        </div>
-    </form>
-    
-    <div id="uploadResult" class="upload-result" style="display: none;"></div>
-    
-    <div class="btn-area">
-        <button type="button" class="btn btn-primary" id="btnUpload" disabled>
-            <i class="fa fa-upload"></i> 업로드
-        </button>
-        <button type="button" class="btn btn-default" id="btnClose">
-            <i class="fa fa-times"></i> 닫기
-        </button>
-    </div>
-</div>
+<script type="text/javascript">
+/**
+ * TXT 파일 업로드 팝업 JavaScript
+ * 중요로직: 과태료 대상(미필) TXT 파일을 업로드하고 검증한다.
+ */
+$(document).ready(function() {
 
-<script>
-    var contextPath = '${pageContext.request.contextPath}';
-    
-    $(document).ready(function() {
-        // 파일 선택 이벤트
-        $('#file').change(function() {
-            var file = this.files[0];
-            if (file) {
-                $('#fileName').text(file.name);
-                $('#fileSize').text(formatFileSize(file.size));
-                $('#fileInfo').show();
-                $('#btnUpload').prop('disabled', false);
-                $('#uploadResult').hide();
-            } else {
-                $('#fileInfo').hide();
-                $('#btnUpload').prop('disabled', true);
-            }
-        });
-        
-        // 업로드 버튼 클릭
-        $('#btnUpload').click(function() {
-            uploadFile();
-        });
-        
-        // 닫기 버튼 클릭
-        $('#btnClose').click(function() {
-            window.close();
-        });
+    /**
+     * 파일 업로드 버튼 클릭 이벤트
+     * 중요로직: 파일 선택 후 검증을 거쳐 서버로 업로드한다.
+     */
+    $("#btnUpload").on('click', function() {
+        uploadFile();
     });
-    
-    function uploadFile() {
-        var file = $('#file')[0].files[0];
-        if (!file) {
-            alert('파일을 선택해주세요.');
-            return;
-        }
-        
-        // 파일 확장자 검사
-        var ext = file.name.split('.').pop().toLowerCase();
-        if (ext !== 'prn' && ext !== 'txt') {
-            alert('PRN 또는 TXT 파일만 업로드 가능합니다.');
-            return;
-        }
-        
-        var formData = new FormData();
-        formData.append('file', file);
-        
-        $('#btnUpload').prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> 업로드 중...');
-        
-        $.ajax({
-            url: contextPath + '/carInspectionPenalty/registration-om/upload.ajax',
-            type: 'POST',
-            data: formData,
-            processData: false,
-            contentType: false,
-            success: function(response) {
-                if (response.success) {
-                    $('#uploadResult')
-                        .removeClass('error')
-                        .addClass('success')
-                        .html('<i class="fa fa-check"></i> ' + response.message.replace(/\n/g, '<br>'))
-                        .show();
-                    
-                    // 성공 시 파일 입력 초기화
-                    $('#file').val('');
-                    $('#fileInfo').hide();
-                } else {
-                    $('#uploadResult')
-                        .removeClass('success')
-                        .addClass('error')
-                        .html('<i class="fa fa-times"></i> ' + response.message.replace(/\n/g, '<br>'))
-                        .show();
+
+    /**
+     * 닫기 버튼 클릭 이벤트
+     */
+    $("#btnClose, #btnCloseTop").on('click', function() {
+        closePopup();
+    });
+
+    /**
+     * 파일 선택 시 파일 정보 표시
+     */
+    $("#txtFile").on('change', function() {
+        handleFileSelect(this);
+    });
+
+    /**
+     * 파일 삭제 버튼 클릭 이벤트
+     */
+    $("#btnClearFile").on('click', function(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        clearFileInput();
+    });
+});
+
+/**
+ * 파일 업로드 함수
+ * 중요로직: 파일 검증 후 FormData를 사용하여 파일을 서버로 전송한다.
+ */
+function uploadFile() {
+    var fileInput = document.getElementById('txtFile');
+    var file = fileInput.files[0];
+
+    // 중요로직: 파일 선택 여부 검증
+    if (!file) {
+        alert("파일을 선택해주세요.");
+        return;
+    }
+
+    // 중요로직: 파일 확장자 검증
+    var fileName = file.name;
+    var fileExt = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase();
+    if (fileExt !== 'txt' && fileExt !== 'prn') {
+        alert("TXT, PRN 파일만 업로드 가능합니다.");
+        return;
+    }
+
+    // 중요로직: 파일 크기 검증 (50MB)
+    if (file.size > 50 * 1024 * 1024) {
+        alert("파일 크기는 50MB를 초과할 수 없습니다.");
+        return;
+    }
+
+    // 확인 메시지
+    if (!confirm("선택한 파일을 업로드하시겠습니까?")) {
+        return;
+    }
+
+    // 중요로직: FormData를 사용하여 파일 데이터 구성
+    var formData = new FormData();
+    formData.append('file', file);
+
+    // 로딩 표시
+    $("#loading").addClass('active');
+    $("#btnUpload").prop('disabled', true);
+
+    // 중요로직: AJAX로 파일 업로드
+    $.ajax({
+        url: '<c:url value="/carInspectionPenalty/registration-om/upload.ajax"/>',
+        type: 'POST',
+        data: formData,
+        processData: false,
+        contentType: false,
+        success: function(response) {
+            // 로딩 숨김
+            $("#loading").removeClass('active');
+            $("#btnUpload").prop('disabled', false);
+
+            if (response.success) {
+                alert(response.message);
+
+                // 중요로직: 부모 창의 목록 새로고침
+                if (window.opener && window.opener.CarFfnlgTrgtIncmpList) {
+                    window.opener.CarFfnlgTrgtIncmpList.grid.reload();
                 }
-            },
-            error: function(xhr, status, error) {
-                $('#uploadResult')
-                    .removeClass('success')
-                    .addClass('error')
-                    .html('<i class="fa fa-times"></i> 업로드 중 오류가 발생했습니다.')
-                    .show();
-            },
-            complete: function() {
-                $('#btnUpload').prop('disabled', false).html('<i class="fa fa-upload"></i> 업로드');
+
+                closePopup();
+            } else {
+                alert(response.message || '파일 업로드에 실패했습니다.');
             }
-        });
-    }
-    
-    function formatFileSize(bytes) {
-        if (bytes === 0) return '0 Bytes';
-        var k = 1024;
-        var sizes = ['Bytes', 'KB', 'MB', 'GB'];
-        var i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+        },
+        error: function(xhr, status, error) {
+            // 로딩 숨김
+            $("#loading").removeClass('active');
+            $("#btnUpload").prop('disabled', false);
+
+            console.error("업로드 오류:", error);
+        }
+    });
+}
+
+/**
+ * 파일 선택 처리 함수
+ * 선택된 파일명을 화면에 표시합니다.
+ */
+function handleFileSelect(fileInput) {
+    var $fileRow = $('.file-input-row');
+    var $fileText = $('.file-input-text');
+    var $btnClear = $('#btnClearFile');
+
+    if (fileInput.files && fileInput.files.length > 0) {
+        var file = fileInput.files[0];
+        var fileName = file.name;
+        var fileSize = file.size;
+
+        // 파일 크기를 읽기 쉬운 형태로 변환
+        var fileSizeText = formatFileSize(fileSize);
+
+        // 파일명과 크기를 표시
+        $fileText.html(
+            '<i class="material-icons" style="font-size: 18px; margin-right: 8px;">insert_drive_file</i>' +
+            '<span style="color: #333; font-weight: 500;">' + fileName + '</span>' +
+            '<span style="color: #666; font-size: 12px; margin-left: 8px;">(' + fileSizeText + ')</span>'
+        );
+        $fileText.attr('title', fileName);
+
+        // 파일이 선택된 상태 표시
+        $fileRow.addClass('has-file');
+        $btnClear.show();
+
+        // 파일 정보도 업데이트
+        $('.file-info').html(
+            /*'선택된 파일: <strong>' + fileName + '</strong> ' +*/
+            '파일 크기: ' + fileSizeText
+        );
+    } else {
+        clearFileInput();
     }
+}
+
+/**
+ * 파일 크기를 읽기 쉬운 형태로 변환
+ */
+function formatFileSize(bytes) {
+    if (bytes === 0) return '0 Bytes';
+
+    var k = 1024;
+    var sizes = ['Bytes', 'KB', 'MB', 'GB'];
+    var i = Math.floor(Math.log(bytes) / Math.log(k));
+
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+
+/**
+ * 파일 입력 초기화
+ */
+function clearFileInput() {
+    var $fileInput = $('#txtFile');
+    var $fileRow = $('.file-input-row');
+    var $fileText = $('.file-input-text');
+    var $btnClear = $('#btnClearFile');
+
+    // 파일 입력 초기화
+    $fileInput.val('');
+
+    // 기본 텍스트 표시
+    $fileText.html('파일을 선택하세요');
+    $fileText.removeAttr('title');
+
+    // 파일 선택 상태 제거
+    $fileRow.removeClass('has-file');
+    $btnClear.hide();
+
+    // 파일 정보 초기화
+    $('.file-info').html('※ TXT, PRN 파일만 업로드 가능합니다. (최대 50MB)');
+}
+
+/**
+ * 팝업 닫기 함수
+ */
+function closePopup() {
+    window.close();
+}
 </script>