diff --git a/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/basicInfoPopup.jsp b/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/basicInfoPopup.jsp
index 12378b9..b1a1588 100644
--- a/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/basicInfoPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/basicInfoPopup.jsp
@@ -1,95 +1,323 @@
-<%--
-  ~ Copyright (c) 2024.
-  ~
-  ~ @author         : wck
-  ~ @date           : 2024-11-18
-  ~ @description    : 차량기본정보 상세 팝업
-  ~
-  ~ -----------------------------------------------------------------------------------------------------------------
-  ~   Date      |   author   |   description
-  ~ -----------------------------------------------------------------------------------------------------------------
-  ~ 2024-11-18      wck          최초 생성
-  ~ -----------------------------------------------------------------------------------------------------------------
-  ~
-  --%>
-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
-<%--
-  참고: 이 JSP의 구조는 'IBMS_NEW' 프로젝트의 참조 파일 없이 'vehicleInfoPopup.js'를 기반으로 생성된 임시 placeholder입니다.
-  요청에 따라 정확한 HTML/CSS 구조를 적용하기 위해서는 원본 프로젝트('IBMS_NEW')의 JSP 파일 내용이 필요합니다.
---%>
-<style>
-    .vehicle-info-table { width: 100%; border-collapse: collapse; }
-    .vehicle-info-table th, .vehicle-info-table td { border: 1px solid #ddd; padding: 8px; }
-    .vehicle-info-table th { background-color: #f2f2f2; text-align: left; }
-</style>
+<%@ taglib prefix="dateUtil" uri="http://egovframework.go.kr/functions/date-util" %>
 
-<div class="modal-content">
-    <div class="modal-header">
-        <h5 class="modal-title">자동차 기본사항 정보</h5>
-    </div>
-    <div class="modal-body" style="max-height: 70vh; overflow-y: auto;">
-        <c:if test="${not empty data}">
-            <table class="vehicle-info-table">
-                <colgroup>
-                    <col style="width:20%">
-                    <col style="width:30%">
-                    <col style="width:20%">
-                    <col style="width:30%">
-                </colgroup>
-                <tbody>
-                    <tr><th>생산년도</th><td>${fn:escapeXml(data.prye)}</td><th>등록일자</th><td>${fn:escapeXml(data.registDe)}</td></tr>
-                    <tr><th>말소등록구분코드</th><td>${fn:escapeXml(data.ersrRegistSeCode)}</td><th>말소등록구분명</th><td>${fn:escapeXml(data.ersrRegistSeNm)}</td></tr>
-                    <tr><th>말소등록일자</th><td>${fn:escapeXml(data.ersrRegistDe)}</td><th>등록상세코드</th><td>${fn:escapeXml(data.registDetailCode)}</td></tr>
-                    <tr><th>배기량</th><td>${fn:escapeXml(data.dsplvl)}</td><th>사용본거지법정동코드</th><td>${fn:escapeXml(data.useStrnghldLegaldongCode)}</td></tr>
-                    <tr><th>사용본거지행정동코드</th><td>${fn:escapeXml(data.useStrnghldAdstrdCode)}</td><th>사용본거지산</th><td>${fn:escapeXml(data.useStrnghldMntn)}</td></tr>
-                    <tr><th>사용본거지번지</th><td>${fn:escapeXml(data.useStrnghldLnbr)}</td><th>사용본거지호</th><td>${fn:escapeXml(data.useStrnghldHo)}</td></tr>
-                    <tr><th>사용본거지주소명</th><td>${fn:escapeXml(data.useStrnghldAdresNm)}</td><th>사용본거지도로명코드</th><td>${fn:escapeXml(data.useStrnghldRoadNmCode)}</td></tr>
-                    <tr><th>사용본거지지하건물구분코드</th><td>${fn:escapeXml(data.usgsrhldUndgrndBuldSeCode)}</td><th>사용본거지건물본번</th><td>${fn:escapeXml(data.useStrnghldBuldMainNo)}</td></tr>
-                    <tr><th>사용본거지건물부번</th><td>${fn:escapeXml(data.useStrnghldBuldSubNo)}</td><th>사용본거지우편번호코드</th><td>${fn:escapeXml(data.useStrnghldGrcCode)}</td></tr>
-                    <tr><th>사용본거지주소전체</th><td colspan="3">${fn:escapeXml(data.usgsrhldAdresFull)}</td></tr>
-                    <tr><th>소유자구분코드</th><td>${fn:escapeXml(data.mberSeCode)}</td><th>소유자명</th><td>${fn:escapeXml(data.mberNm)}</td></tr>
-                    <tr><th>소유자구분번호</th><td>${fn:escapeXml(data.mberSeNo)}</td><th>전화번호</th><td>${fn:escapeXml(data.telno)}</td></tr>
-                    <tr><th>소유자법정동코드</th><td>${fn:escapeXml(data.ownerLegaldongCode)}</td><th>소유자행정동코드</th><td>${fn:escapeXml(data.ownerAdstrdCode)}</td></tr>
-                    <tr><th>소유자산</th><td>${fn:escapeXml(data.ownerMntn)}</td><th>소유자번지</th><td>${fn:escapeXml(data.ownerLnbr)}</td></tr>
-                    <tr><th>소유자호</th><td>${fn:escapeXml(data.ownerHo)}</td><th>소유자주소명</th><td>${fn:escapeXml(data.ownerAdresNm)}</td></tr>
-                    <tr><th>소유자도로명코드</th><td>${fn:escapeXml(data.ownerRoadNmCode)}</td><th>소유자지하건물구분코드</th><td>${fn:escapeXml(data.ownerUndgrndBuldSeCode)}</td></tr>
-                    <tr><th>소유자건물본번</th><td>${fn:escapeXml(data.ownerBuldMainNo)}</td><th>소유자건물부번</th><td>${fn:escapeXml(data.ownerBuldSubNo)}</td></tr>
-                    <tr><th>소유자주소전체</th><td colspan="3">${fn:escapeXml(data.ownerAdresFull)}</td></tr>
-                    <tr><th>변경후차량번호</th><td>${fn:escapeXml(data.aftrVhrno)}</td><th>사용연료코드</th><td>${fn:escapeXml(data.useFuelCode)}</td></tr>
-                    <tr><th>용도구분코드</th><td>${fn:escapeXml(data.prposSeCode)}</td><th>제작사명</th><td>${fn:escapeXml(data.mtrsFomNm)}</td></tr>
-                    <tr><th>변경전차량번호</th><td>${fn:escapeXml(data.frntVhrno)}</td><th>차량번호</th><td>${fn:escapeXml(data.vhrno)}</td></tr>
-                    <tr><th>차대번호</th><td>${fn:escapeXml(data.vin)}</td><th>차명</th><td>${fn:escapeXml(data.cnm)}</td></tr>
-                    <tr><th>차량총중량</th><td>${fn:escapeXml(data.vhcleTotWt)}</td><th>자동차보험종료일자</th><td>${fn:escapeXml(data.caagEndde)}</td></tr>
-                    <tr><th>변경일자</th><td>${fn:escapeXml(data.changeDe)}</td><th>차종분류코드</th><td>${fn:escapeXml(data.vhctyAsortCode)}</td></tr>
-                    <tr><th>차종유형코드</th><td>${fn:escapeXml(data.vhctyTyCode)}</td><th>차종구분코드</th><td>${fn:escapeXml(data.vhctySeCode)}</td></tr>
-                    <tr><th>최대적재량</th><td>${fn:escapeXml(data.mxmmLdg)}</td><th>차종분류명</th><td>${fn:escapeXml(data.vhctyAsortNm)}</td></tr>
-                    <tr><th>차종유형명</th><td>${fn:escapeXml(data.vhctyTyNm)}</td><th>차종구분명</th><td>${fn:escapeXml(data.vhctySeNm)}</td></tr>
-                    <tr><th>최초등록일자</th><td>${fn:escapeXml(data.frstRegistDe)}</td><th>형식명</th><td>${fn:escapeXml(data.fomNm)}</td></tr>
-                    <tr><th>취득일자</th><td>${fn:escapeXml(data.acqsDe)}</td><th>취득종료일자</th><td>${fn:escapeXml(data.acqsEndDe)}</td></tr>
-                    <tr><th>연식월</th><td>${fn:escapeXml(data.yblMd)}</td><th>이전등록일자</th><td>${fn:escapeXml(data.transrRegistDe)}</td></tr>
-                    <tr><th>특정등록상태코드</th><td>${fn:escapeXml(data.spcfRegistSttusCode)}</td><th>색상명</th><td>${fn:escapeXml(data.colorNm)}</td></tr>
-                    <tr><th>저당건수</th><td>${fn:escapeXml(data.mrtgCo)}</td><th>압류건수</th><td>${fn:escapeXml(data.seizrCo)}</td></tr>
-                    <tr><th>압인건수</th><td>${fn:escapeXml(data.stmdCo)}</td><th>번호판보관여부</th><td>${fn:escapeXml(data.nmplCsdyAt)}</td></tr>
-                    <tr><th>번호판보관반납일자</th><td>${fn:escapeXml(data.nmplCsdyRemnrDe)}</td><th>원산지구분코드</th><td>${fn:escapeXml(data.originSeCode)}</td></tr>
-                    <tr><th>번호판규격코드</th><td>${fn:escapeXml(data.nmplStndrdCode)}</td><th>취득금액</th><td>${fn:escapeXml(data.acqsAmount)}</td></tr>
-                    <tr><th>검사유효기간시작일자</th><td>${fn:escapeXml(data.insptValidPdBgnde)}</td><th>검사유효기간종료일자</th><td>${fn:escapeXml(data.insptValidPdEndde)}</td></tr>
-                    <tr><th>화물차승차정원수</th><td>${fn:escapeXml(data.tkcarPscapCo)}</td><th>사양번호</th><td>${fn:escapeXml(data.spmnno)}</td></tr>
-                    <tr><th>주행거리</th><td>${fn:escapeXml(data.trvlDstnc)}</td><th>최초등록신청번호</th><td>${fn:escapeXml(data.frstRegistRqrcno)}</td></tr>
-                    <tr><th>자진말소예방공지일자</th><td>${fn:escapeXml(data.vlntErsrPrvntcNticeDe)}</td><th>등록기관명</th><td>${fn:escapeXml(data.registInsttNm)}</td></tr>
-                    <tr><th>처리불가사유코드</th><td>${fn:escapeXml(data.processImprtyResnCode)}</td><th>처리불가사유상세</th><td>${fn:escapeXml(data.processImprtyResnDtls)}</td></tr>
-                    <tr><th>차체길이</th><td>${fn:escapeXml(data.cbdLt)}</td><th>차체너비</th><td>${fn:escapeXml(data.cbdBt)}</td></tr>
-                    <tr><th>차체높이</th><td>${fn:escapeXml(data.cbdHg)}</td><th>최초최대적재량</th><td>${fn:escapeXml(data.frstMxmmLdg)}</td></tr>
-                    <tr><th>연료소비율</th><td>${fn:escapeXml(data.fuelCnsmpRt)}</td><th>전기복합연료소비율</th><td>${fn:escapeXml(data.elctyCmpndFuelCnsmpRt)}</td></tr>
-                </tbody>
-            </table>
-        </c:if>
-        <c:if test="${empty data}">
-            <p>차량 기본정보를 조회할 수 없습니다.</p>
-        </c:if>
-    </div>
-    <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" onclick="window.close();">닫기</button>
+<div class="popup_wrap">
+    <div class="popup_inner">
+        <div class="popup_tit">
+            <h2 class="tit">자동차 기본사항 정보</h2>
+            <a href="#" class="pop-x-btn modalclose"></a>
+        </div>
+        <div class="popup_con">
+            <div class="forms_table_non">
+                <table>
+                    <colgroup>
+                        <col style="width: 20%;" />
+                        <col style="width: 30%;" />
+                        <col style="width: 20%;" />
+                        <col style="width: 30%;" />
+                    </colgroup>
+                    <tr>
+                        <th class="th">연계결과코드</th>
+                        <td id="cntcResultCode">${data.cntcResultCode}</td>
+                        <th class="th">연계결과상세</th>
+                        <td id="cntcResultDtls">${data.cntcResultDtls}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">생산년도</th>
+                        <td id="prye">${data.prye}</td>
+                        <th class="th">등록일자</th>
+                        <td id="registDe">${data.registDe}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">말소등록구분코드</th>
+                        <td id="ersrRegistSeCode">${data.ersrRegistSeCode}</td>
+                        <th class="th">말소등록구분명</th>
+                        <td id="ersrRegistSeNm">${data.ersrRegistSeNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">말소등록일자</th>
+                        <td id="ersrRegistDe">${data.ersrRegistDe}</td>
+                        <th class="th">등록상세코드</th>
+                        <td id="registDetailCode">${data.registDetailCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">배기량</th>
+                        <td id="dsplvl">${data.dsplvl}</td>
+                        <th class="th">사용본거지법정동코드</th>
+                        <td id="useStrnghldLegaldongCode">${data.useStrnghldLegaldongCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">사용본거지행정동코드</th>
+                        <td id="useStrnghldAdstrdCode">${data.useStrnghldAdstrdCode}</td>
+                        <th class="th">사용본거지산</th>
+                        <td id="useStrnghldMntn">${data.useStrnghldMntn}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">사용본거지번지</th>
+                        <td id="useStrnghldLnbr">${data.useStrnghldLnbr}</td>
+                        <th class="th">사용본거지호</th>
+                        <td id="useStrnghldHo">${data.useStrnghldHo}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">사용본거지주소명</th>
+                        <td id="useStrnghldAdresNm">${data.useStrnghldAdresNm}</td>
+                        <th class="th">사용본거지도로명코드</th>
+                        <td id="useStrnghldRoadNmCode">${data.useStrnghldRoadNmCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">사용본거지지하건물구분코드</th>
+                        <td id="usgsrhldUndgrndBuldSeCode">${data.usgsrhldUndgrndBuldSeCode}</td>
+                        <th class="th">사용본거지건물본번</th>
+                        <td id="useStrnghldBuldMainNo">${data.useStrnghldBuldMainNo}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">사용본거지건물부번</th>
+                        <td id="useStrnghldBuldSubNo">${data.useStrnghldBuldSubNo}</td>
+                        <th class="th">사용본거지우편번호코드</th>
+                        <td id="useStrnghldGrcCode">${data.useStrnghldGrcCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">사용본거지주소전체</th>
+                        <td colspan="3" id="usgsrhldAdresFull">${data.usgsrhldAdresFull}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자구분코드</th>
+                        <td id="mberSeCode">${data.mberSeCode}</td>
+                        <th class="th">소유자명</th>
+                        <td id="mberNm">${data.mberNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자구분번호</th>
+                        <td id="mberSeNo">${data.mberSeNo}</td>
+                        <th class="th">전화번호</th>
+                        <td id="telno">${data.telno}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자법정동코드</th>
+                        <td id="ownerLegaldongCode">${data.ownerLegaldongCode}</td>
+                        <th class="th">소유자행정동코드</th>
+                        <td id="ownerAdstrdCode">${data.ownerAdstrdCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자산</th>
+                        <td id="ownerMntn">${data.ownerMntn}</td>
+                        <th class="th">소유자번지</th>
+                        <td id="ownerLnbr">${data.ownerLnbr}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자호</th>
+                        <td id="ownerHo">${data.ownerHo}</td>
+                        <th class="th">소유자주소명</th>
+                        <td id="ownerAdresNm">${data.ownerAdresNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자도로명코드</th>
+                        <td id="ownerRoadNmCode">${data.ownerRoadNmCode}</td>
+                        <th class="th">소유자지하건물구분코드</th>
+                        <td id="ownerUndgrndBuldSeCode">${data.ownerUndgrndBuldSeCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자건물본번</th>
+                        <td id="ownerBuldMainNo">${data.ownerBuldMainNo}</td>
+                        <th class="th">소유자건물부번</th>
+                        <td id="ownerBuldSubNo">${data.ownerBuldSubNo}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자주소전체</th>
+                        <td colspan="3" id="ownrWholaddr">${data.ownrWholaddr}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">변경후차량번호</th>
+                        <td id="aftrVhrno">${data.aftrVhrno}</td>
+                        <th class="th">사용연료코드</th>
+                        <td id="useFuelCode">${data.useFuelCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">용도구분코드</th>
+                        <td id="prposSeCode">${data.prposSeCode}</td>
+                        <th class="th">제작사명</th>
+                        <td id="mtrsFomNm">${data.mtrsFomNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">변경전차량번호</th>
+                        <td id="frntVhrno">${data.frntVhrno}</td>
+                        <th class="th">차량번호</th>
+                        <td id="vhrno">${data.vhrno}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차대번호</th>
+                        <td id="vin">${data.vin}</td>
+                        <th class="th">차명</th>
+                        <td id="cnm">${data.cnm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차량총중량</th>
+                        <td id="vhcleTotWt">${data.vhcleTotWt}</td>
+                        <th class="th">자동차보험종료일자</th>
+                        <td id="caagEndde">${data.caagEndde}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">변경일자</th>
+                        <td id="changeDe">${data.changeDe}</td>
+                        <th class="th">차종분류코드</th>
+                        <td id="vhctyAsortCode">${data.vhctyAsortCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차종유형코드</th>
+                        <td id="vhctyTyCode">${data.vhctyTyCode}</td>
+                        <th class="th">차종구분코드</th>
+                        <td id="vhctySeCode">${data.vhctySeCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">최대적재량</th>
+                        <td id="mxmmLdg">${data.mxmmLdg}</td>
+                        <th class="th">차종분류명</th>
+                        <td id="vhctyAsortNm">${data.vhctyAsortNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차종유형명</th>
+                        <td id="vhctyTyNm">${data.vhctyTyNm}</td>
+                        <th class="th">차종구분명</th>
+                        <td id="vhctySeNm">${data.vhctySeNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">최초등록일자</th>
+                        <td id="frstRegistDe">${data.frstRegistDe}</td>
+                        <th class="th">형식명</th>
+                        <td id="fomNm">${data.fomNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">취득일자</th>
+                        <td id="acqsDe">${data.acqsDe}</td>
+                        <th class="th">취득종료일자</th>
+                        <td id="acqsEndDe">${data.acqsEndDe}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">연식월</th>
+                        <td id="yblMd">${data.yblMd}</td>
+                        <th class="th">이전등록일자</th>
+                        <td id="transrRegistDe">${data.transrRegistDe}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">특정등록상태코드</th>
+                        <td id="spcfRegistSttusCode">${data.spcfRegistSttusCode}</td>
+                        <th class="th">색상명</th>
+                        <td id="colorNm">${data.colorNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">저당건수</th>
+                        <td id="mrtgCo">${data.mrtgCo}</td>
+                        <th class="th">압류건수</th>
+                        <td id="seizrCo">${data.seizrCo}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">압인건수</th>
+                        <td id="stmdCo">${data.stmdCo}</td>
+                        <th class="th">번호판보관여부</th>
+                        <td id="nmplCsdyAt">${data.nmplCsdyAt}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">번호판보관반납일자</th>
+                        <td id="nmplCsdyRemnrDe">${data.nmplCsdyRemnrDe}</td>
+                        <th class="th">원산지구분코드</th>
+                        <td id="originSeCode">${data.originSeCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">번호판규격코드</th>
+                        <td id="nmplStndrdCode">${data.nmplStndrdCode}</td>
+                        <th class="th">취득금액</th>
+                        <td id="acqsAmount">${data.acqsAmount}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">검사유효기간시작일자</th>
+                        <td id="insptValidPdBgnde">${data.insptValidPdBgnde}</td>
+                        <th class="th">검사유효기간종료일자</th>
+                        <td id="insptValidPdEndde">${data.insptValidPdEndde}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">화물차승차정원수</th>
+                        <td id="tkcarPscapCo">${data.tkcarPscapCo}</td>
+                        <th class="th">사양번호</th>
+                        <td id="spmnno">${data.spmnno}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">주행거리</th>
+                        <td id="trvlDstnc">${data.trvlDstnc}</td>
+                        <th class="th">최초등록신청번호</th>
+                        <td id="frstRegistRqrcno">${data.frstRegistRqrcno}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">자진말소예방공지일자</th>
+                        <td id="vlntErsrPrvntcNticeDe">${data.vlntErsrPrvntcNticeDe}</td>
+                        <th class="th">등록기관명</th>
+                        <td id="registInsttNm">${data.registInsttNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">처리불가사유코드</th>
+                        <td id="processImprtyResnCode">${data.processImprtyResnCode}</td>
+                        <th class="th">처리불가사유상세</th>
+                        <td id="processImprtyResnDtls">${data.processImprtyResnDtls}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차체길이</th>
+                        <td id="cbdLt">${data.cbdLt}</td>
+                        <th class="th">차체너비</th>
+                        <td id="cbdBt">${data.cbdBt}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차체높이</th>
+                        <td id="cbdHg">${data.cbdHg}</td>
+                        <th class="th">최초최대적재량</th>
+                        <td id="frstMxmmLdg">${data.frstMxmmLdg}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">연료소비율</th>
+                        <td id="fuelCnsmpRt">${data.fuelCnsmpRt}</td>
+                        <th class="th">전기복합연료소비율</th>
+                        <td id="elctyCmpndFuelCnsmpRt">${data.elctyCmpndFuelCnsmpRt}</td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+
+        <!-- 팝업 버튼 -->
+        <div class="popup_foot">
+            <a href="#" class="newbtns bg2 modalclose">닫기</a>
+        </div>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<script type="text/javascript">
+    (function(window, $) {
+        'use strict';
+
+        var BasicInfoPopup = {
+            /**
+             * 이벤트 바인딩
+             */
+            bindEvents: function() {
+                // 팝업 닫기
+                $(".modalclose").on('click', function(e) {
+                    e.preventDefault();
+                    window.close();
+                });
+            },
+
+            /**
+             * 초기화
+             */
+            init: function() {
+                this.bindEvents();
+            }
+        };
+
+        // DOM 준비 완료 시 초기화
+        $(document).ready(function() {
+            BasicInfoPopup.init();
+        });
+
+    })(window, jQuery);
+</script>
diff --git a/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/ledgerInfoPopup.jsp b/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/ledgerInfoPopup.jsp
index f1c4185..6fdc815 100644
--- a/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/ledgerInfoPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/carInspectionPenalty/history/ledgerInfoPopup.jsp
@@ -1,117 +1,304 @@
-<%--
-  ~ Copyright (c) 2024.
-  ~
-  ~ @author         : wck
-  ~ @date           : 2024-11-18
-  ~ @description    : 차량등록원부(갑) 상세 팝업
-  ~
-  ~ -----------------------------------------------------------------------------------------------------------------
-  ~   Date      |   author   |   description
-  ~ -----------------------------------------------------------------------------------------------------------------
-  ~ 2024-11-18      wck          최초 생성
-  ~ -----------------------------------------------------------------------------------------------------------------
-  ~
-  --%>
-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
-<%--
-  참고: 이 JSP의 구조는 'IBMS_NEW' 프로젝트의 참조 파일 없이 'vehicleInfoPopup.js'를 기반으로 생성된 임시 placeholder입니다.
-  요청에 따라 정확한 HTML/CSS 구조를 적용하기 위해서는 원본 프로젝트('IBMS_NEW')의 JSP 파일 내용이 필요합니다.
---%>
-<style>
-    .vehicle-info-table, .vehicle-history-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
-    .vehicle-info-table th, .vehicle-info-table td,
-    .vehicle-history-table th, .vehicle-history-table td { border: 1px solid #ddd; padding: 8px; }
-    .vehicle-info-table th, .vehicle-history-table th { background-color: #f2f2f2; text-align: left; }
-    .text-center { text-align: center; }
-    .text-left { text-align: left; }
-</style>
+<%@ taglib prefix="dateUtil" uri="http://egovframework.go.kr/functions/date-util" %>
 
-<div class="modal-content">
-    <div class="modal-header">
-        <h5 class="modal-title">자동차 등록원부 정보</h5>
-    </div>
-    <div class="modal-body" style="max-height: 70vh; overflow-y: auto;">
-        <c:if test="${not empty data}">
-            <table class="vehicle-info-table">
-                <colgroup>
-                    <col style="width:20%"><col style="width:30%"><col style="width:20%"><col style="width:30%">
-                </colgroup>
-                <tbody>
-                    <tr><th>연계결과코드</th><td>${fn:escapeXml(data.cntcResultCode)}</td><th>연계결과상세</th><td>${fn:escapeXml(data.cntcResultDtls)}</td></tr>
-                    <tr><th>원부그룹번호</th><td>${fn:escapeXml(data.ledgerGroupNo)}</td><th>원부개별화번호</th><td>${fn:escapeXml(data.ledgerIndvdlzNo)}</td></tr>
-                    <tr><th>차량관리번호</th><td>${fn:escapeXml(data.vhmno)}</td><th>차량번호</th><td>${fn:escapeXml(data.vhrno)}</td></tr>
-                    <tr><th>차대번호</th><td>${fn:escapeXml(data.vin)}</td><th>차종분류코드</th><td>${fn:escapeXml(data.vhctyAsortCode)}</td></tr>
-                    <tr><th>차종분류명</th><td>${fn:escapeXml(data.vhctyAsortNm)}</td><th>차명</th><td>${fn:escapeXml(data.cnm)}</td></tr>
-                    <tr><th>색상코드</th><td>${fn:escapeXml(data.colorCode)}</td><th>색상명</th><td>${fn:escapeXml(data.colorNm)}</td></tr>
-                    <tr><th>번호판규격코드</th><td>${fn:escapeXml(data.nmplStndrdCode)}</td><th>번호판규격명</th><td>${fn:escapeXml(data.nmplStndrdNm)}</td></tr>
-                    <tr><th>용도구분코드</th><td>${fn:escapeXml(data.prposSeCode)}</td><th>용도구분명</th><td>${fn:escapeXml(data.prposSeNm)}</td></tr>
-                    <tr><th>제작사명</th><td>${fn:escapeXml(data.mtrsFomNm)}</td><th>형식명</th><td>${fn:escapeXml(data.fomNm)}</td></tr>
-                    <tr><th>취득금액</th><td>${fn:escapeXml(data.acqsAmount)}</td><th>등록상세코드</th><td>${fn:escapeXml(data.registDetailCode)}</td></tr>
-                    <tr><th>등록상세명</th><td>${fn:escapeXml(data.registDetailNm)}</td><th>최초등록일자</th><td>${fn:escapeXml(data.frstRegistDe)}</td></tr>
-                    <tr><th>자동차보험종료일자</th><td>${fn:escapeXml(data.caagEndde)}</td><th>생산년도</th><td>${fn:escapeXml(data.prye)}</td></tr>
-                    <tr><th>사양번호1</th><td>${fn:escapeXml(data.spmnno1)}</td><th>사양번호2</th><td>${fn:escapeXml(data.spmnno2)}</td></tr>
-                    <tr><th>연식월</th><td>${fn:escapeXml(data.yblMd)}</td><th>주행거리</th><td>${fn:escapeXml(data.trvlDstnc)}</td></tr>
-                    <tr><th>검사유효기간시작일자</th><td>${fn:escapeXml(data.insptValidPdBgnde)}</td><th>검사유효기간종료일자</th><td>${fn:escapeXml(data.insptValidPdEndde)}</td></tr>
-                    <tr><th>점검유효기간시작일자</th><td>${fn:escapeXml(data.chckValidPdBgnde)}</td><th>점검유효기간종료일자</th><td>${fn:escapeXml(data.chckValidPdEndde)}</td></tr>
-                    <tr><th>등록신청구분명</th><td>${fn:escapeXml(data.registReqstSeNm)}</td><th>최초등록신청번호</th><td>${fn:escapeXml(data.frstRegistRqrcno)}</td></tr>
-                    <tr><th>번호판보관반납일자</th><td>${fn:escapeXml(data.nmplCsdyRemnrDe)}</td><th>번호판보관여부</th><td>${fn:escapeXml(data.nmplCsdyAt)}</td></tr>
-                    <tr><th>영업용사용기간</th><td>${fn:escapeXml(data.bssUsePd)}</td><th>직권말소예방공지일자</th><td>${fn:escapeXml(data.octhtErsrPrvntcNticeDe)}</td></tr>
-                    <tr><th>말소등록일자</th><td>${fn:escapeXml(data.ersrRegistDe)}</td><th>말소등록구분코드</th><td>${fn:escapeXml(data.ersrRegistSeCode)}</td></tr>
-                    <tr><th>말소등록구분명</th><td>${fn:escapeXml(data.ersrRegistSeNm)}</td><th>저당건수</th><td>${fn:escapeXml(data.mrtgcnt)}</td></tr>
-                    <tr><th>차량건수</th><td>${fn:escapeXml(data.vhclecnt)}</td><th>압인건수</th><td>${fn:escapeXml(data.stmdcnt)}</td></tr>
-                    <tr><th>주소1</th><td>${fn:escapeXml(data.adres1)}</td><th>주소명1</th><td>${fn:escapeXml(data.adresNm1)}</td></tr>
-                    <tr><th>주소</th><td>${fn:escapeXml(data.adres)}</td><th>주소명</th><td>${fn:escapeXml(data.adresNm)}</td></tr>
-                    <tr><th>개인법인여부</th><td>${fn:escapeXml(data.indvdlBsnmAt)}</td><th>전화번호</th><td>${fn:escapeXml(data.telno)}</td></tr>
-                    <tr><th>소유자명</th><td>${fn:escapeXml(data.mberNm)}</td><th>소유자구분코드</th><td>${fn:escapeXml(data.mberSeCode)}</td></tr>
-                    <tr><th>소유자구분번호</th><td>${fn:escapeXml(data.mberSeNo)}</td><th>면세대상자구분코드</th><td>${fn:escapeXml(data.taxxmptTrgterSeCode)}</td></tr>
-                    <tr><th>면세대상자구분코드명</th><td>${fn:escapeXml(data.taxxmptTrgterSeCodeNm)}</td><th>건수사항</th><td>${fn:escapeXml(data.cntMatter)}</td></tr>
-                    <tr><th>읍면동명</th><td>${fn:escapeXml(data.emdNm)}</td><th>예방건수</th><td>${fn:escapeXml(data.prvntccnt)}</td></tr>
-                    <tr><th>수출이행여부확인일자</th><td>${fn:escapeXml(data.xportFlflAtSttemntDe)}</td><th>협력사신청번호</th><td>${fn:escapeXml(data.partnRqrcno)}</td></tr>
-                </tbody>
-            </table>
+<div class="popup_wrap">
+    <div class="popup_inner">
+        <div class="popup_tit">
+            <h2 class="tit">자동차 등록원부 정보</h2>
+            <a href="#" class="pop-x-btn modalclose"></a>
+        </div>
+        <div class="popup_con">
+            <div class="forms_table_non">
+                <table>
+                    <colgroup>
+                        <col style="width: 20%;" />
+                        <col style="width: 30%;" />
+                        <col style="width: 20%;" />
+                        <col style="width: 30%;" />
+                    </colgroup>
+                    <tr>
+                        <th class="th">연계결과코드</th>
+                        <td id="cntcResultCode">${data.cntcResultCode}</td>
+                        <th class="th">연계결과상세</th>
+                        <td id="cntcResultDtls">${data.cntcResultDtls}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">원부그룹번호</th>
+                        <td id="ledgerGroupNo">${data.ledgerGroupNo}</td>
+                        <th class="th">원부개별화번호</th>
+                        <td id="ledgerIndvdlzNo">${data.ledgerIndvdlzNo}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차량관리번호</th>
+                        <td id="vhmno">${data.vhmno}</td>
+                        <th class="th">차량번호</th>
+                        <td id="vhrno">${data.vhrno}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차대번호</th>
+                        <td id="vin">${data.vin}</td>
+                        <th class="th">차종분류코드</th>
+                        <td id="vhctyAsortCode">${data.vhctyAsortCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차종분류명</th>
+                        <td id="vhctyAsortNm">${data.vhctyAsortNm}</td>
+                        <th class="th">차명</th>
+                        <td id="cnm">${data.cnm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">색상코드</th>
+                        <td id="colorCode">${data.colorCode}</td>
+                        <th class="th">색상명</th>
+                        <td id="colorNm">${data.colorNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">번호판규격코드</th>
+                        <td id="nmplStndrdCode">${data.nmplStndrdCode}</td>
+                        <th class="th">번호판규격명</th>
+                        <td id="nmplStndrdNm">${data.nmplStndrdNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">용도구분코드</th>
+                        <td id="prposSeCode">${data.prposSeCode}</td>
+                        <th class="th">용도구분명</th>
+                        <td id="prposSeNm">${data.prposSeNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">제작사명</th>
+                        <td id="mtrsFomNm">${data.mtrsFomNm}</td>
+                        <th class="th">형식명</th>
+                        <td id="fomNm">${data.fomNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">취득금액</th>
+                        <td id="acqsAmount">${data.acqsAmount}</td>
+                        <th class="th">등록상세코드</th>
+                        <td id="registDetailCode">${data.registDetailCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">등록상세명</th>
+                        <td id="registDetailNm">${data.registDetailNm}</td>
+                        <th class="th">최초등록일자</th>
+                        <td id="frstRegistDe">${data.frstRegistDe}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">자동차보험종료일자</th>
+                        <td id="caagEndde">${data.caagEndde}</td>
+                        <th class="th">생산년도</th>
+                        <td id="prye">${data.prye}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">사양번호1</th>
+                        <td id="spmnno1">${data.spmnno1}</td>
+                        <th class="th">사양번호2</th>
+                        <td id="spmnno2">${data.spmnno2}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">연식월</th>
+                        <td id="yblMd">${data.yblMd}</td>
+                        <th class="th">주행거리</th>
+                        <td id="trvlDstnc">${data.trvlDstnc}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">검사유효기간시작일자</th>
+                        <td id="insptValidPdBgnde">${data.insptValidPdBgnde}</td>
+                        <th class="th">검사유효기간종료일자</th>
+                        <td id="insptValidPdEndde">${data.insptValidPdEndde}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">점검유효기간시작일자</th>
+                        <td id="chckValidPdBgnde">${data.chckValidPdBgnde}</td>
+                        <th class="th">점검유효기간종료일자</th>
+                        <td id="chckValidPdEndde">${data.chckValidPdEndde}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">등록신청구분명</th>
+                        <td id="registReqstSeNm">${data.registReqstSeNm}</td>
+                        <th class="th">최초등록신청번호</th>
+                        <td id="frstRegistRqrcno">${data.frstRegistRqrcno}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">번호판보관반납일자</th>
+                        <td id="nmplCsdyRemnrDe">${data.nmplCsdyRemnrDe}</td>
+                        <th class="th">번호판보관여부</th>
+                        <td id="nmplCsdyAt">${data.nmplCsdyAt}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">영업용사용기간</th>
+                        <td id="bssUsePd">${data.bssUsePd}</td>
+                        <th class="th">직권말소예방공지일자</th>
+                        <td id="octhtErsrPrvntcNticeDe">${data.octhtErsrPrvntcNticeDe}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">말소등록일자</th>
+                        <td id="ersrRegistDe">${data.ersrRegistDe}</td>
+                        <th class="th">말소등록구분코드</th>
+                        <td id="ersrRegistSeCode">${data.ersrRegistSeCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">말소등록구분명</th>
+                        <td id="ersrRegistSeNm">${data.ersrRegistSeNm}</td>
+                        <th class="th">저당건수</th>
+                        <td id="mrtgcnt">${data.mrtgcnt}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">차량건수</th>
+                        <td id="vhclecnt">${data.vhclecnt}</td>
+                        <th class="th">압인건수</th>
+                        <td id="stmdcnt">${data.stmdcnt}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">주소1</th>
+                        <td id="adres1">${data.adres1}</td>
+                        <th class="th">주소명1</th>
+                        <td id="adresNm1">${data.adresNm1}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">주소</th>
+                        <td id="adres">${data.adres}</td>
+                        <th class="th">주소명</th>
+                        <td id="adresNm">${data.adresNm}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">개인법인여부</th>
+                        <td id="indvdlBsnmAt">${data.indvdlBsnmAt}</td>
+                        <th class="th">전화번호</th>
+                        <td id="telno">${data.telno}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자명</th>
+                        <td id="mberNm">${data.mberNm}</td>
+                        <th class="th">소유자구분코드</th>
+                        <td id="mberSeCode">${data.mberSeCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">소유자구분번호</th>
+                        <td id="mberSeNo">${data.mberSeNo}</td>
+                        <th class="th">면세대상자구분코드</th>
+                        <td id="taxxmptTrgterSeCode">${data.taxxmptTrgterSeCode}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">면세대상자구분코드명</th>
+                        <td id="taxxmptTrgterSeCodeNm">${data.taxxmptTrgterSeCodeNm}</td>
+                        <th class="th">건수사항</th>
+                        <td id="cntMatter">${data.cntMatter}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">읍면동명</th>
+                        <td id="emdNm">${data.emdNm}</td>
+                        <th class="th">예방건수</th>
+                        <td id="prvntccnt">${data.prvntccnt}</td>
+                    </tr>
+                    <tr>
+                        <th class="th">수출이행여부확인일자</th>
+                        <td id="xportFlflAtSttemntDe">${data.xportFlflAtSttemntDe}</td>
+                        <th class="th">협력사신청번호</th>
+                        <td id="partnRqrcno">${data.partnRqrcno}</td>
+                    </tr>
+                </table>
 
-            <c:if test="${not empty data.record}">
-                <h6 style="margin-top: 30px; padding: 10px; background-color: #2c5aa0; color: white; border-radius: 4px;">
-                    등록원부 변경 이력 (${fn:length(data.record)}건)
-                </h6>
-                <table class="vehicle-history-table">
-                    <thead>
-                        <tr>
-                            <th>번호</th><th>메인체크</th><th>변경작업구분코드</th><th>주번호</th><th>부번호</th><th>구분명</th>
-                            <th>변경일자</th><th>원부그룹번호</th><th>원부개별번호</th><th>신청번호</th><th>차량관리번호</th>
-                            <th>상세내역</th><th>상세일련번호</th><th>플래그</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <c:forEach var="rec" items="${data.record}" varStatus="status">
+                <!-- 등록원부 변경 이력 -->
+                <c:if test="${not empty data.record}">
+                    <h3 class="sub_tit" style="margin-top: 30px;">등록원부 변경 이력 (${fn:length(data.record)}건)</h3>
+                    <table>
+                        <colgroup>
+                            <col style="width: 5%;" />
+                            <col style="width: 7%;" />
+                            <col style="width: 8%;" />
+                            <col style="width: 6%;" />
+                            <col style="width: 6%;" />
+                            <col style="width: 8%;" />
+                            <col style="width: 10%;" />
+                            <col style="width: 8%;" />
+                            <col style="width: 8%;" />
+                            <col style="width: 8%;" />
+                            <col style="width: 8%;" />
+                            <col style="width: auto;" />
+                            <col style="width: 7%;" />
+                            <col style="width: 6%;" />
+                        </colgroup>
+                        <thead>
                             <tr>
-                                <td class="text-center">${status.count}</td>
-                                <td class="text-center">${fn:escapeXml(rec.mainchk)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.changeJobSeCode)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.mainno)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.subno)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.gubunNm)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.changeDe)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.ledgerGroupNo)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.ledgerIndvdlzNo)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.rqrcno)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.vhmno)}</td>
-                                <td class="text-left">${fn:escapeXml(rec.dtls)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.detailSn)}</td>
-                                <td class="text-center">${fn:escapeXml(rec.flag)}</td>
+                                <th class="th">번호</th>
+                                <th class="th">메인체크</th>
+                                <th class="th">변경작업구분코드</th>
+                                <th class="th">주번호</th>
+                                <th class="th">부번호</th>
+                                <th class="th">구분명</th>
+                                <th class="th">변경일자</th>
+                                <th class="th">원부그룹번호</th>
+                                <th class="th">원부개별번호</th>
+                                <th class="th">신청번호</th>
+                                <th class="th">차량관리번호</th>
+                                <th class="th">상세내역</th>
+                                <th class="th">상세일련번호</th>
+                                <th class="th">플래그</th>
                             </tr>
-                        </c:forEach>
-                    </tbody>
-                </table>
-            </c:if>
-        </c:if>
-        <c:if test="${empty data}">
-            <p>차량 등록원부 정보를 조회할 수 없습니다.</p>
-        </c:if>
-    </div>
-    <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" onclick="window.close();">닫기</button>
+                        </thead>
+                        <tbody>
+                            <c:forEach var="rec" items="${data.record}" varStatus="status">
+                                <tr>
+                                    <td class="text-center">${status.count}</td>
+                                    <td class="text-center">${rec.mainchk}</td>
+                                    <td class="text-center">${rec.changeJobSeCode}</td>
+                                    <td class="text-center">${rec.mainno}</td>
+                                    <td class="text-center">${rec.subno}</td>
+                                    <td class="text-center">${rec.gubunNm}</td>
+                                    <td class="text-center">${rec.changeDe}</td>
+                                    <td class="text-center">${rec.ledgerGroupNo}</td>
+                                    <td class="text-center">${rec.ledgerIndvdlzNo}</td>
+                                    <td class="text-center">${rec.rqrcno}</td>
+                                    <td class="text-center">${rec.vhmno}</td>
+                                    <td class="text-left">${rec.dtls}</td>
+                                    <td class="text-center">${rec.detailSn}</td>
+                                    <td class="text-center">${rec.flag}</td>
+                                </tr>
+                            </c:forEach>
+                        </tbody>
+                    </table>
+                </c:if>
+            </div>
+        </div>
+
+        <!-- 팝업 버튼 -->
+        <div class="popup_foot">
+            <a href="#" class="newbtns bg2 modalclose">닫기</a>
+        </div>
     </div>
 </div>
+
+<script type="text/javascript">
+    (function(window, $) {
+        'use strict';
+
+        var LedgerInfoPopup = {
+            /**
+             * 이벤트 바인딩
+             */
+            bindEvents: function() {
+                // 팝업 닫기
+                $(".modalclose").on('click', function(e) {
+                    e.preventDefault();
+                    window.close();
+                });
+            },
+
+            /**
+             * 초기화
+             */
+            init: function() {
+                this.bindEvents();
+            }
+        };
+
+        // DOM 준비 완료 시 초기화
+        $(document).ready(function() {
+            LedgerInfoPopup.init();
+        });
+
+    })(window, jQuery);
+</script>
diff --git a/src/main/webapp/WEB-INF/views/carInspectionPenalty/registration/list.jsp b/src/main/webapp/WEB-INF/views/carInspectionPenalty/registration/list.jsp
index 637bdfa..5c6e08e 100644
--- a/src/main/webapp/WEB-INF/views/carInspectionPenalty/registration/list.jsp
+++ b/src/main/webapp/WEB-INF/views/carInspectionPenalty/registration/list.jsp
@@ -715,9 +715,8 @@
      */
     function openBasicPopup(carBassMatterInqireId) {
         console.log(carBassMatterInqireId);
-        var popupUrl = '<c:url value="/carInspectionPenalty/history/carBassMatterInqire/popup.do"/>?carBassMatterInqireId='
-                       encodeURIComponent(carBassMatterInqireId);
-        var popup = openPopup(popupUrl, 800, 450, 'carBassMatterInqirePopup');
+        var popupUrl = '<c:url value="/carInspectionPenalty/history/carBassMatterInqire/popup.do"/>?carBassMatterInqireId='+encodeURIComponent(carBassMatterInqireId);
+        var popup = openPopup(popupUrl, 1200, 900, 'carBassMatterInqirePopup');
     }
 
     /**
@@ -725,9 +724,8 @@
      */
     function openLedgerPopup(carLedgerFrmbkId) {
         console.log(carLedgerFrmbkId);
-        var popupUrl = '<c:url value="/carInspectionPenalty/history/carLedgerFrmbk/popup.do"/>?carLedgerFrmbkId='
-                               encodeURIComponent(carLedgerFrmbkId);
-        var popup = openPopup(popupUrl, 800, 450, 'carLedgerFrmbkPopup');
+        var popupUrl = '<c:url value="/carInspectionPenalty/history/carLedgerFrmbk/popup.do"/>?carLedgerFrmbkId='+encodeURIComponent(carLedgerFrmbkId);
+        var popup = openPopup(popupUrl, 1200, 900, 'carLedgerFrmbkPopup');
     }
 
 </script>