diff --git a/src/main/resources/static/js/faStatistics/internationalCrimeArrest.js b/src/main/resources/static/js/faStatistics/internationalCrimeArrest.js
index a34aa989..235c47ff 100644
--- a/src/main/resources/static/js/faStatistics/internationalCrimeArrest.js
+++ b/src/main/resources/static/js/faStatistics/internationalCrimeArrest.js
@@ -1,535 +1,530 @@
 $(function(){
-    $("#dateSelectorDiv").datepicker({
-      format: "yyyy-mm-dd",
-      language: "ko",
-      autoclose: true
-    });
-    $(".dateSelector").datepicker({
-      format: "yyyy-mm-dd",
-      language: "ko",
-      autoclose: true
-    });
+  $("#dateSelectorDiv").datepicker({
+    format: "yyyy-mm-dd",
+    language: "ko",
+    autoclose: true
+  });
+  $(".dateSelector").datepicker({
+    format: "yyyy-mm-dd",
+    language: "ko",
+    autoclose: true
+  });
 });
 
 
 $(document).on('click', '#icaAddBtn', function () {
-    getIcaEditModal(null);
+  getIcaEditModal(null);
 });
 
 $(document).on('click', '#icaEditBtn', function () {
-    $("#icaViewModal").modal('hide');
-    getIcaEditModal(Number($("#icaViewBody").find("[name='icaKey']").val()));
+  $("#icaViewModal").modal('hide');
+  getIcaEditModal(Number($("#icaViewBody").find("[name='icaKey']").val()));
 });
 
 
 $(document).on('click', '#saveIcaBtn', function (){
-    saveInternationalCrimeArrest('N')
+  saveInternationalCrimeArrest('N')
 });
 
 $(document).on('click', '#saveTempBtn', function (){
-    saveInternationalCrimeArrest('Y')
+  saveInternationalCrimeArrest('Y')
 });
 
 $(document).on('click', '.tr', function (){
-    getIcaViewModal($(this).data('key'));
+  getIcaViewModal($(this).data('key'));
 });
 
 $(document).on('change', 'select[name="organ"]', function (){
-    departmentDynamicOption('select[name="department"]', $(this).val());
+  departmentDynamicOption('select[name="department"]', $(this).val());
 });
 
 $(document).on('change', '#crimeType', function (){
-    dynamicOption('#violationType', $(this).val());
+  dynamicOption('#violationType', $(this).val());
 });
 
 $(document).on('change', '#searchCrimeType', function (){
-    dynamicOption('#searchViolationType', $(this).val(), '위반유형');
+  dynamicOption('#searchViolationType', $(this).val(), '위반유형');
 });
 
 
 $(document).on('change', '#crimeForm', function (){
-    $('#crimeFormDiv').next().remove();
-    if ($(this).val() != 'CMF001') {
-        $('#crimeFormDiv').after('<button type="button" class="col-sm-1 btn btn-sm btn-primary" id="spiAddBtn">+</button>');
-    } else {
-        $.each($('.dynamic').children("input[name='spiKey']"), function (idx, item){
-            let deleteKey = item.value;
-            $("#icaEditForm").append('<input type="hidden" name="deleteSpiKeyList" value="' + deleteKey + '">');
-        });
-        $("#spiDiv").children('.dynamic').remove();
-    }
+  if ($(this).val() !== 'CMF001') {
+    $("#spiAddBtn").show();
+  } else {
+    $("#spiAddBtn").hide();
+    $.each($('.dynamic').children("input[name='spiKey']"), function (idx, item){
+      let deleteKey = item.value;
+      $("#icaEditForm").append('<input type="hidden" name="deleteSpiKeyList" value="' + deleteKey + '">');
+    });
+    $("#spiDiv").children('.dynamic').remove();
+  }
 });
 
 $(document).on('click', '#spiAddBtn', function (){
 
-    let sex = '';
-    commonCode.SEX.forEach(function (item){
-        sex += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-    });
+  let sex = '';
+  commonCode.SEX.forEach(function (item){
+    sex += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+  });
 
-    let age = '';
-    commonCode.AGE.forEach(function (item){
-        age += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-    })
+  let age = '';
+  commonCode.AGE.forEach(function (item){
+    age += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+  })
 
-    let country = '';
-    commonCode.NNY.forEach(function (item){
-        country += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-    })
+  let country = '';
+  commonCode.NNY.forEach(function (item){
+    country += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+  })
 
-    $("#spiDiv").append(
-        '<div class="row dynamic spi-list">'
-        + '<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>'
-        + '<div class="col-sm-2" id="sexFormDiv">'
-        + '<select class="form-select form-select-sm" name="sex">'
-        + sex
-        + '</select>'
-        + '</div>'
-        + '<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>'
-        + '<div class="col-sm-2" id="ageFormDiv">'
-        + '<select class="form-select form-select-sm" name="age">'
-        + age
-        + '</select>'
-        + '</div>'
-        + '<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>'
-        + '<div class="col-sm-2" id="countryFormDiv">'
-        + '<select class="form-select form-select-sm country" name="country">'
-        + country
-        + '<option value="etc">기타</option>'
-        + '</select>'
-        + '</div>'
-        + '<button type="button" class="col-sm-1 btn btn-sm btn-primary" id="spiCancelBtn">-</button>'
-        + '</div>'
-    );
+  $("#spiDiv").append(
+      '<div class="row dynamic spi-list pb-1">'
+      + '<label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>'
+      + '<div class="col-sm-2" id="sexFormDiv">'
+      + '<select class="form-select form-select-sm" name="sex">'
+      + sex
+      + '</select>'
+      + '</div>'
+      + '<label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>'
+      + '<div class="col-sm-2" id="ageFormDiv">'
+      + '<select class="form-select form-select-sm" name="age">'
+      + age
+      + '</select>'
+      + '</div>'
+      + '<label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>'
+      + '<div class="col-sm-2" id="countryFormDiv">'
+      + '<select class="form-select form-select-sm country" name="country">'
+      + country
+      + '<option value="etc">기타</option>'
+      + '</select>'
+      + '</div>'
+      + '<button type="button" class="col-sm-auto btn btn-sm btn-primary spiCancelBtn"><i class="bi bi-dash"></i></button>'
+      + '</div>'
+  );
 });
 
 $(document).on('change', '.country', function (){
-    if ($(this).val() == 'etc') {
-        $(this).parent().after(
-            '<div class="col-auto">'
-            + '<input type="text" class="form-control form-control-sm" name="countryEtc">'
-            + '</div>'
-        );
-    } else {
-        $(this).parent().next().remove();
-    }
+  if ($(this).val() == 'etc') {
+    $(this).parent().after(
+        '<div class="col-auto">'
+        + '<input type="text" class="form-control form-control-sm" name="countryEtc">'
+        + '</div>'
+    );
+  } else {
+    $(this).parent().next().remove();
+  }
 });
 
 $(document).on('change', '#processResult', function (){
-    if ($(this).val() == 'etc') {
-        $(this).after(
-            '<div class="col-auto">'
-            + '<input type="text" class="form-control form-control-sm" name="processResultEtc">'
-            + '</div>'
-        );
-    } else {
-        $(this).next().remove();
-    }
+  if ($(this).val() == 'etc') {
+    $(this).after(
+        '<div class="col-auto">'
+        + '<input type="text" class="form-control form-control-sm" name="processResultEtc">'
+        + '</div>'
+    );
+  } else {
+    $(this).next().remove();
+  }
 });
 
 $(document).on('click', '.spiCancelBtn', function (){
-    let deleteKey = $(this).parent().children("input[name='spiKey']").val();
+  const deleteKey = $(this).parent().children("input[name='spiKey']").val();
+  if(deleteKey !== undefined){
     $("#icaEditForm").append('<input type="hidden" name="deleteSpiKeyList" value="' + deleteKey + '">');
-   $(this).parent().remove();
+  }
+  $(this).parent().remove();
 });
 
 $(document).on('change', '#crimeType', function (){
-    $('#smugglingAmountDiv').children().remove();
-    $('#crimeNameDiv').children().remove();
-    $('#arrestAreaDiv').remove();
+  $('#smugglingAmountDiv').children().remove();
+  $('#crimeNameDiv').children().remove();
+  $('#arrestAreaDiv').remove();
 
-    let smugglingAmount = '';
-    commonCode.SG.forEach(function (item){
-        smugglingAmount += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-    })
+  let smugglingAmount = '';
+  commonCode.SG.forEach(function (item){
+    smugglingAmount += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+  })
 
-    if ($(this).val() == 'CTH2') {
-        makeArrestAreaDiv('장소');
-        $('#smugglingAmountDiv').append(
-            '<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label>'
-            + '<div class="col-sm-2">'
-            + '<select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount">'
-            + '<option>선택</option>'
-            + smugglingAmount
-            + '<option value="etc">기타</option>'
-            + '</select>'
-            + '</div>'
-            + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수가액</label>'
-            + '<div class="col-sm-2">'
-            + '<input class="form-control form-control-sm" type="number" min="0" name="smugglingAmount">'
-            + '</div>'
-            + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">단속 인원(경찰관)</label>'
-            + '<div class="col-sm-2">'
-            + '<input class="form-control form-control-sm" type="number" min="0" name="caseNum">'
-            + '</div>'
-        );
-    } else {
-        $("#crimeNameDiv").append(
-            '<label class="col-sm-2 col-form-label col-form-label-sm text-center">죄명</label>'
-            + '<div class="col-sm-10 input-daterange">'
-            + '<input type="text" class="form-control form-control-sm" name="crimeName">'
-            + '</div>'
-        );
-    }
+  if ($(this).val() == 'CTH2') {
+    makeArrestAreaDiv('장소');
+    $('#smugglingAmountDiv').append(
+        '<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label>'
+        + '<div class="col-sm-2">'
+        + '<select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount">'
+        + '<option>선택</option>'
+        + smugglingAmount
+        + '<option value="etc">기타</option>'
+        + '</select>'
+        + '</div>'
+        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수가액</label>'
+        + '<div class="col-sm-2">'
+        + '<input class="form-control form-control-sm" type="number" min="0" name="smugglingAmount">'
+        + '</div>'
+        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">단속 인원(경찰관)</label>'
+        + '<div class="col-sm-2">'
+        + '<input class="form-control form-control-sm" type="number" min="0" name="caseNum">'
+        + '</div>'
+    );
+  } else {
+    $("#crimeNameDiv").append(
+        '<div class="row">\n' +
+        '  <label class="col-sm-6 col-form-label col-form-label-sm text-center">죄명</label>\n' +
+        '  <div class="col-sm-6">\n' +
+        '    <input type="text" class="form-control form-control-sm" name="crimeName">\n' +
+        '  </div>\n' +
+        '</div>'
+    );
+  }
 });
 
 $(document).on('change', '#violationType', function (){
-    $('#spiInfoDiv').remove();
-    $('#arrestAreaDiv').remove();
-    $('#meansDiv').remove();
-    $('.entryVisa').remove();
-    $('#violationAmountDiv').remove();
+  $('#spiInfoDiv').remove();
+  $('#arrestAreaDiv').remove();
+  $('#meansDiv').remove();
+  $('.entryVisa').remove();
+  $('#violationAmountDiv').remove();
 
-    if ($(this).val() == 'CTH101') {
-        makeSpiInfoDiv('피의자 정보');
-        makeArrestAreaDiv('지역');
-        makeSeaAreaDiv('밀입국');
-        makeMeansDiv('밀입국');
-        makePurposeDiv('밀입국');
-        makeDestinationDiv('밀입국 출발지(국가)');
-    }
+  if ($(this).val() == 'CTH101') {
+    makeSpiInfoDiv('피의자 정보');
+    makeArrestAreaDiv('지역');
+    makeSeaAreaDiv('밀입국');
+    makeMeansDiv('밀입국');
+    makePurposeDiv('밀입국');
+    makeDestinationDiv('밀입국 출발지(국가)');
+  }
 
-    if ($(this).val() == 'CTH102') {
-        makeSpiInfoDiv('피의자 정보');
-        makeArrestAreaDiv('지역');
-        makeSeaAreaDiv('도외이탈');
-        makeMeansDiv('도외이탈');
-        makePurposeDiv('도외이탈');
-    }
+  if ($(this).val() == 'CTH102') {
+    makeSpiInfoDiv('피의자 정보');
+    makeArrestAreaDiv('지역');
+    makeSeaAreaDiv('도외이탈');
+    makeMeansDiv('도외이탈');
+    makePurposeDiv('도외이탈');
+  }
 
-    if ($(this).val() == 'CTH103') {
-        makeSpiInfoDiv('피의자 정보');
-        makeArrestAreaDiv('지역');
-        makeSeaAreaDiv('밀출국');
-        makeMeansDiv('밀출국');
-        makePurposeDiv('밀출국');
-        makeDestinationDiv('밀출국 행선지(도착예정지)');
-    }
+  if ($(this).val() == 'CTH103') {
+    makeSpiInfoDiv('피의자 정보');
+    makeArrestAreaDiv('지역');
+    makeSeaAreaDiv('밀출국');
+    makeMeansDiv('밀출국');
+    makePurposeDiv('밀출국');
+    makeDestinationDiv('밀출국 행선지(도착예정지)');
+  }
 
-    if ($(this).val() == 'CTH104') {
-        makeSpiInfoDiv('피의자 정보');
-        makeArrestAreaDiv('지역');
-        makeSeaAreaDiv('밀항');
-        makeMeansDiv('밀항');
-        makePurposeDiv('밀항');
-        makeDestinationDiv('밀항 행선지(도착예정지)');
-    }
+  if ($(this).val() == 'CTH104') {
+    makeSpiInfoDiv('피의자 정보');
+    makeArrestAreaDiv('지역');
+    makeSeaAreaDiv('밀항');
+    makeMeansDiv('밀항');
+    makePurposeDiv('밀항');
+    makeDestinationDiv('밀항 행선지(도착예정지)');
+  }
 
-    if ($(this).val() == 'CTH105') {
-        makeSpiInfoDiv('불법체류 및 취업');
-        makeEntryVisaDiv();
-    }
+  if ($(this).val() == 'CTH105') {
+    makeSpiInfoDiv('불법체류 및 취업');
+    makeEntryVisaDiv();
+  }
 
-    if ($(this).val() == 'CTH401') {
-        makeViolationAmountDiv();
-    }
+  if ($(this).val() == 'CTH401') {
+    makeViolationAmountDiv();
+  }
 
-    if ($(this).val() == 'CTH201' || $(this).val() == 'CTH202' || $(this).val() == 'CTH203' || $(this).val() == 'CTH204') {
-        makeArrestAreaDiv('장소');
-    }
+  if ($(this).val() == 'CTH201' || $(this).val() == 'CTH202' || $(this).val() == 'CTH203' || $(this).val() == 'CTH204') {
+    makeArrestAreaDiv('장소');
+  }
 });
 
 $(document).on('change', '#smugglingAmount', function (){
-    if ($(this).val() == 'etc') {
-        $(this).parent().append(
-            '<div class="col-auto">'
-            + '<input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc">'
-            + '</div>'
-        );
-    } else {
-        $(this).next().remove();
-    }
+  if ($(this).val() == 'etc') {
+    $(this).parent().append(
+        '<div class="col-auto">'
+        + '<input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc">'
+        + '</div>'
+    );
+  } else {
+    $(this).next().remove();
+  }
 });
 
 $(document).on('change', '#means', function (){
-    if ($(this).val() == 'etc') {
-        $(this).parent().append(
-            '<div class="col-auto">'
-            + '<input type="text" class="form-control form-control-sm" name="meansEtc">'
-            + '</div>'
-        );
-    } else {
-        $(this).next().remove();
-    }
+  if ($(this).val() == 'etc') {
+    $(this).parent().append(
+        '<div class="col-auto">'
+        + '<input type="text" class="form-control form-control-sm" name="meansEtc">'
+        + '</div>'
+    );
+  } else {
+    $(this).next().remove();
+  }
 });
 
 $(document).on('change', '#purpose', function (){
-    if ($(this).val() == 'etc') {
-        $(this).parent().append(
-            '<div class="col-auto">'
-            + '<input type="text" class="form-control form-control-sm" name="purposesEtc">'
-            + '</div>'
-        );
-    } else {
-        $(this).next().remove();
-    }
+  if ($(this).val() == 'etc') {
+    $(this).parent().append(
+        '<div class="col-auto">'
+        + '<input type="text" class="form-control form-control-sm" name="purposesEtc">'
+        + '</div>'
+    );
+  } else {
+    $(this).next().remove();
+  }
 });
 
 $(function(){
-    $("#datePickerDiv").datepicker({
-      format: "yyyy-mm-dd",
-      language: "ko",
-      autoclose: true
-    });
+  $("#datePickerDiv").datepicker({
+    format: "yyyy-mm-dd",
+    language: "ko",
+    autoclose: true
+  });
 });
 
 function makeEntryVisaDiv() {
-    $('#spiWrapper').prepend(
-        '<label class="col-sm-2 col-form-label col-form-label-sm text-center entryVisa">입국비자</label>'
-        + '<div class="col-sm-2 entryVisa">'
-        + '<input type="text" class="form-control form-control-sm" name="entryVisa">'
-        + '</div>'
-    );
+  $('#spiWrapper').prepend(
+      '<label class="col-sm-2 col-form-label col-form-label-sm text-center entryVisa">입국비자</label>'
+      + '<div class="col-sm-2 entryVisa">'
+      + '<input type="text" class="form-control form-control-sm" name="entryVisa">'
+      + '</div>'
+  );
 }
 
 function makeSpiInfoDiv(name) {
-    $('#spiParentDiv').after(
-        '<div class="row mb-1" id="spiInfoDiv">'
-        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '</label>'
-        + '<div class="col-sm-10">'
-        + '<div class="row" id="spiWrapper">'
-        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류 자격</label>'
-        + '<div class="col-sm-2">'
-        + '<input type="text" class="form-control form-control-sm" name="stayQualification">'
-        + '</div>'
-        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류기간 만료일</label>'
-        + '<div class="col-sm-2 input-daterange" id="stayQualificationDiv">'
-        + '<input type="text" class="form-control form-control-sm" name="stayPeriodExpiredDt" id="stayPeriodExpiredDt" readonly>'
-        + '</div>'
-        + '</div>'
-        + '</div>'
-        + '</div>'
-    );
-    $("#stayQualificationDiv").datepicker({
-      format: "yyyy-mm-dd",
-      language: "ko",
-      autoclose: true
-    });
+  $('#spiParentDiv').after(
+      '<div class="row mb-1" id="spiInfoDiv">'
+      + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '</label>'
+      + '<div class="col-sm-10">'
+      + '<div class="border">'
+      + '<div class="row my-1" id="spiWrapper">'
+      + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류 자격</label>'
+      + '<div class="col-sm-2">'
+      + '<input type="text" class="form-control form-control-sm" name="stayQualification">'
+      + '</div>'
+      + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">체류기간 만료일</label>'
+      + '<div class="col-sm-2 input-daterange" id="stayQualificationDiv">'
+      + '<input type="text" class="form-control form-control-sm" name="stayPeriodExpiredDt" id="stayPeriodExpiredDt" readonly>'
+      + '</div>'
+      + '</div>'
+      + '</div>'
+      + '</div>'
+      + '</div>'
+  );
+  $("#stayQualificationDiv").datepicker({
+    format: "yyyy-mm-dd",
+    language: "ko",
+    autoclose: true
+  });
 }
 
 function makeSeaAreaDiv(name) {
 
-    let seaArea = '';
-    commonCode.SAA.forEach(function (item){
-        seaArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-    })
+  let seaArea = '';
+  commonCode.SAA.forEach(function (item){
+    seaArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+  })
 
-    $('#arrestAreaDiv').append(
-        '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '시도 해역(해안)</label>'
-        + '<div class="col-sm-3">'
-        + '<select class="form-select form-select-sm" name="seaArea">'
-        + '<option>선택</option>'
-        + seaArea
-        + '</select>'
-        + '</div>'
-    );
+  $('#arrestAreaDiv').append(
+      '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '시도 해역(해안)</label>'
+      + '<div class="col-sm-2">'
+      + '<select class="form-select form-select-sm" name="seaArea">'
+      + '<option>선택</option>'
+      + seaArea
+      + '</select>'
+      + '</div>'
+  );
 }
 
 function makeArrestAreaDiv(name) {
 
-    let arrestArea = '';
-    commonCode.SAA.forEach(function (item){
-        arrestArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-    })
+  let arrestArea = '';
+  commonCode.SAA.forEach(function (item){
+    arrestArea += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+  })
 
-    $('#spiParentDiv').after(
-        '<div class="row mb-1" id="arrestAreaDiv">'
-        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">검거' + name + '</label>'
-        + '<div class="col-sm-2">'
-        + '<input type="text" class="form-control form-control-sm" name="arrestArea">'
-        + '</div>'
-        + '</div>'
-    );
+  $('#spiParentDiv').after(
+      '<div class="row mb-1" id="arrestAreaDiv">'
+      + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">검거' + name + '</label>'
+      + '<div class="col-sm-2">'
+      + '<input type="text" class="form-control form-control-sm" name="arrestArea">'
+      + '</div>'
+      + '</div>'
+  );
 }
 
 function makeMeansDiv(name, code) {
-    let means = '';
-    if (code == 'CTH101') {
-        commonCode.MS1.forEach(function (item){
-            means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-        })
-    } else {
-        commonCode.MS2.forEach(function (item){
-            means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-        })
-    }
+  let means = '';
+  if (code == 'CTH101') {
+    commonCode.MS1.forEach(function (item){
+      means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+    })
+  } else {
+    commonCode.MS2.forEach(function (item){
+      means += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+    })
+  }
 
-    $('#spiParentDiv').after(
-        '<div class="row mb-1" id="meansDiv">'
-        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + ' 수단(방법)</label>'
-        + '<div class="col-sm-2">'
-        + '<select class="form-select form-select-sm" name="means" id="means">'
-        + '<option>선택</option>'
-        + means
-        + '<option value="etc">기타</option>'
-        + '</select>'
-        + '</div>'
-        + '</div>'
-    );
+  $('#spiParentDiv').after(
+      '<div class="row mb-1" id="meansDiv">'
+      + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + ' 수단(방법)</label>'
+      + '<div class="col-sm-2">'
+      + '<select class="form-select form-select-sm" name="means" id="means">'
+      + '<option>선택</option>'
+      + means
+      + '<option value="etc">기타</option>'
+      + '</select>'
+      + '</div>'
+      + '</div>'
+  );
 }
 
 function makePurposeDiv(name) {
 
-    let purpose = "";
-    commonCode.PPS.forEach(function (item){
-        purpose += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
-    })
+  let purpose = "";
+  commonCode.PPS.forEach(function (item){
+    purpose += '<option value="'+ item.itemCd +'">' + item.itemValue +'</option>';
+  })
 
-    $('#meansDiv').append(
-        '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + ' 목적(사유)</label>'
-        + '<div class="col-sm-2">'
-        + '<select class="form-select form-select-sm" name="purpose" id="purpose">'
-        + '<option>선택</option>'
-        + purpose
-        + '<option value="etc">기타</option>'
-        + '</select>'
-        + '</div>'
-    );
+  $('#meansDiv').append(
+      '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + ' 목적(사유)</label>'
+      + '<div class="col-sm-2">'
+      + '<select class="form-select form-select-sm" name="purpose" id="purpose">'
+      + '<option>선택</option>'
+      + purpose
+      + '<option value="etc">기타</option>'
+      + '</select>'
+      + '</div>'
+  );
 }
 
 function makeDestinationDiv(name) {
-    $('#meansDiv').append(
-        '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '</label>'
-        + '<div class="col-sm-2">'
-        + '<input type="text" class="form-control form-control-sm" name="destination">'
-        + '</div>'
-    );
+  $('#meansDiv').append(
+      '<label class="col-sm-2 col-form-label col-form-label-sm text-center">' + name + '</label>'
+      + '<div class="col-sm-2">'
+      + '<input type="text" class="form-control form-control-sm" name="destination">'
+      + '</div>'
+  );
 }
 
 function makeViolationAmountDiv() {
-    $('#spiParentDiv').after(
-        '<div class="row mb-1" id="violationAmountDiv">'
-        + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">표시위반 금액(만원)</label>'
-        + '<div class="col-sm-2">'
-        + '<input type="number" min="0" class="form-control form-control-sm" name="violationAmount">'
-        + '</div>'
-        + '</div>'
-    );
+  $('#spiParentDiv').after(
+      '<div class="row mb-1" id="violationAmountDiv">'
+      + '<label class="col-sm-2 col-form-label col-form-label-sm text-center">표시위반 금액(만원)</label>'
+      + '<div class="col-sm-2">'
+      + '<input type="number" min="0" class="form-control form-control-sm" name="violationAmount">'
+      + '</div>'
+      + '</div>'
+  );
 }
 
 function getIcaViewModal(icaKey){
-    $.ajax({
-        url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal',
-        data: {icaKey: icaKey},
-        type: 'GET',
-        dataType:"html",
-        success: function(html){
-            $("#icaViewBody").empty().append(html)
-            $("#icaViewModal").modal('show');
-        },
-        error:function(){
+  $.ajax({
+    url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal',
+    data: {icaKey: icaKey},
+    type: 'GET',
+    dataType:"html",
+    success: function(html){
+      $("#icaViewBody").empty().append(html)
+      $("#icaViewModal").modal('show');
+    },
+    error:function(){
 
-        }
-    });
+    }
+  });
 }
 
 function getIcaEditModal(icaKey){
-    $.ajax({
-        url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal',
-        data: {
-            icaKey: icaKey
-        },
-        type: 'GET',
-        dataType:"html",
-        success: function(html){
-            $("#icaViewBody").empty();
-            $("#icaEditModalContent").empty().append(html);
-            $("#icaEditModal").modal('show');
-            $("#crimeAwarenessDtDiv").datepicker({
-              format: "yyyy-mm-dd",
-              language: "ko",
-              autoclose: true
-            });
-            $("#caseSentDtDiv").datepicker({
-              format: "yyyy-mm-dd",
-              language: "ko",
-              autoclose: true
-            });
-            $("[name='caseOverview']").summernote({
-                lang:'ko-KR',
-                height: 120,
-                disableDragAndDrop: true,
-                toolbar: [
-                    ['style', ['style']],
-                    ['font', ['bold', 'underline', 'clear']],
-                    ['color', ['color']],
-                    ['para', ['ul', 'ol', 'paragraph']],
-                    ['table', ['table']]
-                ]
-            });
-        },
-        error:function(){
+  $.ajax({
+    url: '/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal',
+    data: {
+      icaKey: icaKey
+    },
+    type: 'GET',
+    dataType:"html",
+    success: function(html){
+      $("#icaViewBody").empty();
+      $("#icaEditModalContent").empty().append(html);
+      $("#icaEditModal").modal('show');
+      $("#crimeAwarenessDtDiv").datepicker({
+        format: "yyyy-mm-dd",
+        language: "ko",
+        autoclose: true
+      });
+      $("#caseSentDtDiv").datepicker({
+        format: "yyyy-mm-dd",
+        language: "ko",
+        autoclose: true
+      });
+      setEditor('editor', '400');
+    },
+    error:function(){
 
-        }
-    });
+    }
+  });
 }
 
 function saveInternationalCrimeArrest(contentState){
-    if(contentCheck()){
-        if(confirm("저장하시겠습니까?")){
-            $("#contentStatus").val(contentState);
-            contentFade("in");
-            const formData = new FormData($("#icaEditForm")[0]);
+  if(contentCheck()){
+    if(confirm("저장하시겠습니까?")){
+      $("#contentStatus").val(contentState);
+      contentFade("in");
+      const formData = new FormData($("#icaEditForm")[0]);
 
-            let spiList = [];
+      let spiList = [];
 
-            $(".spi-list").each(function (){
-                spiList.push({
-                    spiKey: $(this).find('input[name="spiKey"]').val() != undefined ? Number($(this).find('input[name="spiKey"]').val()) : null,
-                    sex: $(this).find('select[name="sex"]').val(),
-                    age: $(this).find('select[name="age"]').val(),
-                    country: $(this).find('select[name="country"]').val(),
-                    stayQualification: $(this).find('input[name="stayQualification"]').val() != undefined ? $(this).find('input[name="stayQualification"]').val() : null,
-                    stayPeriodExpiredDt: $(this).find('input[name="stayPeriodExpiredDt"]').val() != undefined ? $(this).find('input[name="stayPeriodExpiredDt"]').val() : null,
-                    countryEtc: $(this).find('input[name="countryEtc"]').val() != undefined ? $(this).find('input[name="countryEtc"]').val() : null
-                });
-            });
+      $(".spi-list").each(function (){
+        spiList.push({
+          spiKey: $(this).find('input[name="spiKey"]').val() != undefined ? Number($(this).find('input[name="spiKey"]').val()) : null,
+          sex: $(this).find('select[name="sex"]').val(),
+          age: $(this).find('select[name="age"]').val(),
+          country: $(this).find('select[name="country"]').val(),
+          stayQualification: $(this).find('input[name="stayQualification"]').val() != undefined ? $(this).find('input[name="stayQualification"]').val() : null,
+          stayPeriodExpiredDt: $(this).find('input[name="stayPeriodExpiredDt"]').val() != undefined ? $(this).find('input[name="stayPeriodExpiredDt"]').val() : null,
+          countryEtc: $(this).find('input[name="countryEtc"]').val() != undefined ? $(this).find('input[name="countryEtc"]').val() : null
+        });
+      });
 
-            for (let i=0; i < spiList.length; i++) {
-                if (spiList[i].spiKey != null) {
-                    formData.append(`suspectPersonInfoList[${i}].spiKey`, spiList[i].spiKey);
-                }
-                formData.append(`suspectPersonInfoList[${i}].sex`, spiList[i].sex);
-                formData.append(`suspectPersonInfoList[${i}].age`, spiList[i].age);
-                formData.append(`suspectPersonInfoList[${i}].country`, spiList[i].country);
-                if (spiList[i].stayQualification != null) {
-                    formData.append(`suspectPersonInfoList[${i}].stayQualification`, spiList[i].stayQualification);
-                }
-                if (spiList[i].stayPeriodExpiredDt != null) {
-                    formData.append(`suspectPersonInfoList[${i}].stayPeriodExpiredDt`, spiList[i].stayPeriodExpiredDt);
-                }
-                if (spiList[i].countryEtc != null) {
-                    formData.append(`suspectPersonInfoList[${i}].countryEtc`, spiList[i].countryEtc);
-                }
-            }
-
-            $.ajax({
-                type : 'POST',
-                data : formData,
-                url : "/faStatistics/internationalCrimeArrest/saveInternationalCrimeArrest",
-                processData: false,
-                contentType: false,
-                success : function(result) {
-                    alert("저장되었습니다.");
-                    contentFade("out");
-                    $("#icaEditModal").modal('hide');
-                },
-                error : function(xhr, status) {
-                    alert("저장에 실패하였습니다.")
-                    contentFade("out");
-                }
-            })
+      for (let i=0; i < spiList.length; i++) {
+        if (spiList[i].spiKey != null) {
+          formData.append(`suspectPersonInfoList[${i}].spiKey`, spiList[i].spiKey);
         }
+        formData.append(`suspectPersonInfoList[${i}].sex`, spiList[i].sex);
+        formData.append(`suspectPersonInfoList[${i}].age`, spiList[i].age);
+        formData.append(`suspectPersonInfoList[${i}].country`, spiList[i].country);
+        if (spiList[i].stayQualification != null) {
+          formData.append(`suspectPersonInfoList[${i}].stayQualification`, spiList[i].stayQualification);
+        }
+        if (spiList[i].stayPeriodExpiredDt != null) {
+          formData.append(`suspectPersonInfoList[${i}].stayPeriodExpiredDt`, spiList[i].stayPeriodExpiredDt);
+        }
+        if (spiList[i].countryEtc != null) {
+          formData.append(`suspectPersonInfoList[${i}].countryEtc`, spiList[i].countryEtc);
+        }
+      }
+      formData.append("caseOverview", CrossEditor.GetBodyValue());
+      $.ajax({
+        type : 'POST',
+        data : formData,
+        url : "/faStatistics/internationalCrimeArrest/saveInternationalCrimeArrest",
+        processData: false,
+        contentType: false,
+        success : function(result) {
+          alert("저장되었습니다.");
+          contentFade("out");
+          $("#icaEditModal").modal('hide');
+        },
+        error : function(xhr, status) {
+          alert("저장에 실패하였습니다.")
+          contentFade("out");
+        }
+      })
     }
+  }
 }
 
 function contentCheck(){
-    let flag = true;
+  let flag = true;
 
-    return flag;
+  return flag;
 }
 
 $(document).on('click', '#icaExcelDownBtn', function (){
-    const formData = $("#icaSearchForm").serialize();
-    location.href = '/faStatistics/internationalCrimeArrest/ExcelDown?'+formData;
+  const formData = $("#icaSearchForm").serialize();
+  location.href = '/faStatistics/internationalCrimeArrest/ExcelDown?'+formData;
 });
diff --git a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html
index 616c3721..129a6458 100644
--- a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html
+++ b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html
@@ -15,7 +15,7 @@
     <input type="hidden" name="wrtDt" th:value="${#temporals.format(internationalCrimeArrest.wrtDt, 'yyyy-MM-dd HH:mm')}">
     <input type="hidden" id="contentStatus" name="contentStatus">
     <div class="row mb-1">
-      <label class="col-sm-2 col-form-label text-center">사건번호</label>
+      <label class="col-sm-2 col-form-label col-form-label-sm text-center">사건번호</label>
       <div class="col-sm-2">
         <input type="text" class="form-control form-control-sm" name="caseNum" th:value="${internationalCrimeArrest.caseNum}">
       </div>
@@ -43,14 +43,9 @@
          </th:block>
         </select>
       </div>
-      <div class="col-sm-4 row" id="crimeNameDiv">
-        <label class="col-sm-2 col-form-label col-form-label-sm text-center">죄명</label>
-        <div class="col-sm-10 input-daterange">
-          <input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}">
-        </div>
-      </div>
     </div>
-    <div class="row mb-1">
+    <hr class="my-1">
+    <div class="row mb-1" id="spiParentDiv">
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄테마</label>
       <div class="col-sm-2">
         <select class="form-select form-select-sm" name="crimeType" id="crimeType">
@@ -72,137 +67,13 @@
           </th:block>
         </select>
       </div>
-    </div>
-    <div class="row mb-1" id="smugglingAmountDiv">
-      <th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002'}">
-        <label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label>
-        <div class="col-sm-2">
-          <select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount">
-            <option value="">선택</option>
-            <th:block th:each="commonCode:${session.commonCode.get('SG')}">
-              <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-            </th:block>
-            <option value="etc" th:selected="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">기타</option>
-          </select>
-          <th:block th:if="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">
-            <div class="col-auto">
-              <input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc" th:value="${internationalCrimeArrest.smuggledGoods}">
-            </div>
-          </th:block>
-        </div>
-        <label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수가액</label>
-        <div class="col-sm-2">
-          <input type="number" min="0" class="form-control form-control-sm" name="smugglingAmount" th:value="${internationalCrimeArrest.smugglingAmount}">
-        </div>
-        <label class="col-sm-2 col-form-label col-form-label-sm text-center">단속 인원(경찰관)</label>
-        <div class="col-sm-2">
-          <input type="number" min="0" class="form-control form-control-sm" name="caseNum" th:value="${internationalCrimeArrest.caseNum}">
-        </div>
-      </th:block>
-    </div>
-    <div class="row mb-1">
-      <label class="col-sm-2 col-form-label col-form-label-sm text-center">발생원표</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control form-control-sm" name="occurTable" th:value="${internationalCrimeArrest.occurTable}">
-      </div>
-      <label class="col-sm-2 col-form-label col-form-label-sm text-center">검거원표</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control form-control-sm" name="arrestTable" th:value="${internationalCrimeArrest.arrestTable}">
-      </div>
-      <label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자원표</label>
-      <div class="col-sm-2">
-        <input type="text" class="form-control form-control-sm" name="suspectTable" th:value="${internationalCrimeArrest.suspectTable}">
-      </div>
-    </div>
-    <div class="row mb-1">
-      <label class="col-sm-2 col-form-label col-form-label-sm text-center">범행형태</label>
-      <div class="col-auto" id="crimeFormDiv">
-        <select class="form-select form-select-sm" name="crimeForm" id="crimeForm">
-          <th:block th:each="commonCode:${session.commonCode.get('CMF')}">
-            <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
-                    th:selected="${commonCode.itemCd eq internationalCrimeArrest.crimeForm}"></option>
-          </th:block>
-        </select>
-      </div>
-      <th:block th:if="${internationalCrimeArrest.crimeForm ne 'CMF001'}">
-        <button type="button" class="col-sm-1 btn btn-sm btn-primary" id="spiAddBtn">+</button>
-      </th:block>
-    </div>
-    <div class="row mb-1" id="spiParentDiv">
-      <label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자 인적사항</label>
-      <div class="col-sm-10" id="spiDiv">
-        <th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
-          <div class="row spi-list">
-            <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
-            <div class="col-sm-2" id="sexFormDiv">
-              <select class="form-select form-select-sm" name="sex">
-                <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
-                  <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                </th:block>
-              </select>
-            </div>
-            <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
-            <div class="col-sm-2" id="ageFormDiv">
-              <select class="form-select form-select-sm" name="age">
-                <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
-                  <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                </th:block>
-              </select>
-            </div>
-            <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
-            <div class="col-sm-2" id="countryFormDiv">
-              <select class="form-select form-select-sm country" name="country">
-                <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
-                  <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                </th:block>
-                <option value="etc">기타</option>
-              </select>
-            </div>
+      <div class="col-sm-4" id="crimeNameDiv">
+        <div class="row">
+          <label class="col-sm-6 col-form-label col-form-label-sm text-center">죄명</label>
+          <div class="col-sm-6">
+            <input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}">
           </div>
-        </th:block>
-        <th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
-          <th:block th:each="suspectPersonInfo, i : ${internationalCrimeArrest.suspectPersonInfoList}">
-            <div class="row spi-list" th:classappend="${i.index > 0 ? 'dynamic' : ''}">
-              <input type="hidden" name="spiKey" th:value="${suspectPersonInfo.spiKey}">
-              <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
-              <div class="col-sm-2" id="sexFormDiv">
-                <select class="form-select form-select-sm" name="sex">
-                  <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
-                            th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
-                  </th:block>
-                </select>
-              </div>
-              <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
-              <div class="col-sm-2" id="ageFormDiv">
-                <select class="form-select form-select-sm" name="age">
-                  <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
-                            th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
-                  </th:block>
-                </select>
-              </div>
-              <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
-              <div class="col-sm-2" id="countryFormDiv">
-                <select class="form-select form-select-sm country" name="country" id="country">
-                  <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
-                            th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
-                  </th:block>
-                  <option value="etc" th:selected="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">기타</option>
-                </select>
-              </div>
-              <th:block th:if="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">
-                <div class="col-sm-2">
-                  <input type="text" class="form-control form-control-sm" name="countryEtc" th:value="${suspectPersonInfo.country}">
-                </div>
-              </th:block>
-              <th:block th:if="${i.index > 0}">
-                <button type="button" class="col-sm-1 btn btn-sm btn-primary spiCancelBtn">-</button>
-              </th:block>
-            </div>
-          </th:block>
-        </th:block>
+        </div>
       </div>
     </div>
     <div class="row mb-1" id="spiInfoDiv">
@@ -300,6 +171,143 @@
         </div>
       </div>
     </th:block>
+    <div class="row mb-1" id="smugglingAmountDiv">
+      <th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002'}">
+        <label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label>
+        <div class="col-sm-2">
+          <select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount">
+            <option value="">선택</option>
+            <th:block th:each="commonCode:${session.commonCode.get('SG')}">
+              <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
+            </th:block>
+            <option value="etc" th:selected="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">기타</option>
+          </select>
+          <th:block th:if="${internationalCrimeArrest.smuggledGoods ne null && internationalCrimeArrest.smuggledGoods ne '' && !#strings.contains(internationalCrimeArrest.smuggledGoods, 'SG')}">
+            <div class="col-auto">
+              <input type="text" class="form-control form-control-sm" name="smuggledGoodsEtc" th:value="${internationalCrimeArrest.smuggledGoods}">
+            </div>
+          </th:block>
+        </div>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수가액</label>
+        <div class="col-sm-2">
+          <input type="number" min="0" class="form-control form-control-sm" name="smugglingAmount" th:value="${internationalCrimeArrest.smugglingAmount}">
+        </div>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-center">단속 인원(경찰관)</label>
+        <div class="col-sm-2">
+          <input type="number" min="0" class="form-control form-control-sm" name="caseNum" th:value="${internationalCrimeArrest.caseNum}">
+        </div>
+      </th:block>
+    </div>
+    <div class="row mb-1">
+      <label class="col-sm-2 col-form-label col-form-label-sm text-center">발생원표</label>
+      <div class="col-sm-2">
+        <input type="text" class="form-control form-control-sm" name="occurTable" th:value="${internationalCrimeArrest.occurTable}">
+      </div>
+      <label class="col-sm-2 col-form-label col-form-label-sm text-center">검거원표</label>
+      <div class="col-sm-2">
+        <input type="text" class="form-control form-control-sm" name="arrestTable" th:value="${internationalCrimeArrest.arrestTable}">
+      </div>
+      <label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자원표</label>
+      <div class="col-sm-2">
+        <input type="text" class="form-control form-control-sm" name="suspectTable" th:value="${internationalCrimeArrest.suspectTable}">
+      </div>
+    </div>
+    <div class="row mb-1">
+      <label class="col-sm-2 col-form-label col-form-label-sm text-center">범행형태</label>
+      <div class="col-sm-2" id="crimeFormDiv">
+        <select class="form-select form-select-sm" name="crimeForm" id="crimeForm">
+          <th:block th:each="commonCode:${session.commonCode.get('CMF')}">
+            <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
+                    th:selected="${commonCode.itemCd eq internationalCrimeArrest.crimeForm}"></option>
+          </th:block>
+        </select>
+      </div>
+      <button type="button" class="col-sm-auto btn btn-sm btn-primary" id="spiAddBtn" style="display: none">
+        <i class="bi bi-plus"></i>
+      </button>
+    </div>
+    <div class="row mb-1">
+      <label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자 인적사항</label>
+      <div class="col-sm-10">
+        <div class="border" id="spiDiv">
+          <th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
+            <div class="row spi-list py-1">
+              <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
+              <div class="col-sm-2" id="sexFormDiv">
+                <select class="form-select form-select-sm" name="sex">
+                  <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
+                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
+                  </th:block>
+                </select>
+              </div>
+              <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
+              <div class="col-sm-2" id="ageFormDiv">
+                <select class="form-select form-select-sm" name="age">
+                  <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
+                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
+                  </th:block>
+                </select>
+              </div>
+              <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
+              <div class="col-sm-2" id="countryFormDiv">
+                <select class="form-select form-select-sm country" name="country">
+                  <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
+                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
+                  </th:block>
+                  <option value="etc">기타</option>
+                </select>
+              </div>
+            </div>
+          </th:block>
+          <th:block th:unless="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
+            <th:block th:each="suspectPersonInfo, i : ${internationalCrimeArrest.suspectPersonInfoList}">
+              <div class="row spi-list py-1" th:classappend="${i.index > 0 ? 'dynamic' : ''}">
+                <input type="hidden" name="spiKey" th:value="${suspectPersonInfo.spiKey}">
+                <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
+                <div class="col-sm-2" id="sexFormDiv">
+                  <select class="form-select form-select-sm" name="sex">
+                    <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
+                      <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
+                              th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
+                    </th:block>
+                  </select>
+                </div>
+                <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
+                <div class="col-sm-2" id="ageFormDiv">
+                  <select class="form-select form-select-sm" name="age">
+                    <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
+                      <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
+                              th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
+                    </th:block>
+                  </select>
+                </div>
+                <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
+                <div class="col-sm-2" id="countryFormDiv">
+                  <select class="form-select form-select-sm country" name="country" id="country">
+                    <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
+                      <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
+                              th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
+                    </th:block>
+                    <option value="etc" th:selected="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">기타</option>
+                  </select>
+                </div>
+                <th:block th:if="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">
+                  <div class="col-sm-2">
+                    <input type="text" class="form-control form-control-sm" name="countryEtc" th:value="${suspectPersonInfo.country}">
+                  </div>
+                </th:block>
+                <th:block th:if="${i.index > 0}">
+                  <button type="button" class="col-sm-auto btn btn-sm btn-primary spiCancelBtn">
+                    <i class="bi bi-dash"></i>
+                  </button>
+                </th:block>
+              </div>
+            </th:block>
+          </th:block>
+        </div>
+      </div>
+    </div>
+    <hr class="my-1">
     <div class="row mb-1">
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄인지</label>
       <div class="col-sm-2 input-daterange" id="crimeAwarenessDtDiv">
@@ -329,7 +337,8 @@
     <div class="row mb-1 justify-content-center">
       <label for="caseOverviewDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">범죄사실(사건개요)</label>
       <div class="col-sm-10" id="caseOverviewDiv">
-        <textarea type='text' name='caseOverview' th:utext="${internationalCrimeArrest.caseOverview}"></textarea>
+        <div id="editor"></div>
+        <textarea type='text' class="d-none" id="content" th:utext="${internationalCrimeArrest.caseOverview}"></textarea>
       </div>
     </div>
   </form>
diff --git a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html
index 7ce9dd46..df4db2d9 100644
--- a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html
+++ b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html
@@ -22,7 +22,7 @@
     <div class="row mb-1">
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">지방청</label>
       <div class="col-sm-2">
-        <select class="form-select form-select-sm" name="organ" disabled>
+        <select class="form-select form-select-sm bg-white" name="organ" disabled>
           <option value=""></option>
           <th:block th:each="organConfig:${organConfigList}">
             <th:block th:if="${organConfig.parentOrgan eq 'OG001' && organConfig.organType ne 'OGC001'}">
@@ -33,7 +33,7 @@
       </div>
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">관할서</label>
       <div class="col-sm-2">
-        <select class="form-select form-select-sm" name="department" disabled>
+        <select class="form-select form-select-sm bg-white" name="department" disabled>
           <option value="">선택</option>
           <th:block th:each="organConfig:${organConfigList}">
             <th:block th:if="${organConfig.parentOrgan ne null && organConfig.organType ne 'OGC002'}">
@@ -42,19 +42,12 @@
           </th:block>
         </select>
       </div>
-      <th:block th:if="${internationalCrimeArrest.crimeType ne 'CTH002'}">
-        <div class="col-sm-4 row" id="crimeNameDiv">
-          <label class="col-sm-2 col-form-label col-form-label-sm text-center">죄명</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}" readonly>
-          </div>
-        </div>
-      </th:block>
     </div>
+    <hr class="my-1">
     <div class="row mb-1">
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄테마</label>
       <div class="col-sm-2">
-        <select class="form-select form-select-sm" name="crimeType" id="crimeType" disabled>
+        <select class="form-select form-select-sm bg-white" name="crimeType" id="crimeType" disabled>
           <option value="">선택</option>
           <th:block th:each="commonCode:${session.commonCode.get('CTH')}">
             <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@@ -64,7 +57,7 @@
       </div>
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">위반유형</label>
       <div class="col-sm-2">
-        <select class="form-select form-select-sm" name="violationType" id="violationType" disabled>
+        <select class="form-select form-select-sm bg-white" name="violationType" id="violationType" disabled>
           <option value="">선택</option>
           <th:block th:each="num : ${#numbers.sequence(1,#lists.size(session.commonCode.get('CTH')))}">
             <th:block th:if="${'CTH'+num == internationalCrimeArrest.crimeType}" th:each="commonCode:${session.commonCode.get('CTH'+num)}">
@@ -73,13 +66,22 @@
           </th:block>
         </select>
       </div>
-
+      <th:block th:if="${internationalCrimeArrest.crimeType ne 'CTH002'}">
+        <div class="col-sm-4" id="crimeNameDiv">
+          <div class="row">
+            <label class="col-sm-6 col-form-label col-form-label-sm text-center">죄명</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control form-control-sm" name="crimeName" th:value="${internationalCrimeArrest.crimeName}" readonly>
+            </div>
+          </div>
+        </div>
+      </th:block>
     </div>
     <div class="row mb-1" id="smugglingAmountDiv">
       <th:block th:if="${internationalCrimeArrest.crimeType eq 'CTH002'}">
         <label class="col-sm-2 col-form-label col-form-label-sm text-center">밀수입출 품목</label>
         <div class="col-sm-2">
-          <select class="form-select form-select-sm" name="smuggledGoods" id="smugglingAmount" disabled>
+          <select class="form-select form-select-sm bg-white" name="smuggledGoods" id="smugglingAmount" disabled>
             <option>선택</option>
             <th:block th:each="commonCode:${session.commonCode.get('SG')}">
               <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
@@ -119,7 +121,7 @@
     <div class="row mb-1">
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">범행형태</label>
       <div class="col-auto" id="crimeFormDiv">
-        <select class="form-select form-select-sm" name="crimeForm" id="crimeForm" disabled>
+        <select class="form-select form-select-sm bg-white" name="crimeForm" id="crimeForm" disabled>
           <th:block th:each="commonCode:${session.commonCode.get('CMF')}">
             <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
                     th:selected="${commonCode.itemCd eq internationalCrimeArrest.crimeForm}"></option>
@@ -129,75 +131,77 @@
     </div>
     <div class="row mb-1" id="spiParentDiv">
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">피의자 인적사항</label>
-      <div class="col-sm-10" id="spiDiv">
-        <th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
-          <div class="row spi-list">
-            <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
-            <div class="col-sm-2" id="sexFormDiv">
-              <select class="form-select form-select-sm" name="sex" disabled>
-                <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
-                  <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                </th:block>
-              </select>
-            </div>
-            <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
-            <div class="col-sm-2" id="ageFormDiv">
-              <select class="form-select form-select-sm" name="age" disabled>
-                <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
-                  <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                </th:block>
-              </select>
-            </div>
-            <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
-            <div class="col-sm-2" id="countryFormDiv">
-              <select class="form-select form-select-sm country" name="country" disabled>
-                <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
-                  <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
-                </th:block>
-                <option value="etc">기타</option>
-              </select>
-            </div>
-          </div>
-        </th:block>
-        <th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
-          <th:block th:each="suspectPersonInfo:${internationalCrimeArrest.suspectPersonInfoList}">
-            <div class="row spi-list">
+      <div class="col-sm-10">
+        <div class="border" id="spiDiv">
+          <th:block th:if="${#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
+            <div class="row spi-list my-1">
               <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
               <div class="col-sm-2" id="sexFormDiv">
-                <select class="form-select form-select-sm" name="sex" disabled>
+                <select class="form-select form-select-sm bg-white" name="sex" disabled>
                   <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
-                            th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
+                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
                   </th:block>
                 </select>
               </div>
               <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
               <div class="col-sm-2" id="ageFormDiv">
-                <select class="form-select form-select-sm" name="age" disabled>
+                <select class="form-select form-select-sm bg-white" name="age" disabled>
                   <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
-                            th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
+                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
                   </th:block>
                 </select>
               </div>
               <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
               <div class="col-sm-2" id="countryFormDiv">
-                <select class="form-select form-select-sm country" name="country" id="country" disabled>
+                <select class="form-select form-select-sm bg-white country" name="country" disabled>
                   <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
-                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
-                            th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
+                    <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
                   </th:block>
-                  <option value="etc" th:selected="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">기타</option>
+                  <option value="etc">기타</option>
                 </select>
               </div>
-              <th:block th:if="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">
-                <div class="col-sm-2">
-                  <input type="text" class="form-control form-control-sm" name="countryEtc" th:value="${suspectPersonInfo.country}" readonly>
-                </div>
-              </th:block>
             </div>
           </th:block>
-        </th:block>
+          <th:block th:if="${!#lists.isEmpty(internationalCrimeArrest.suspectPersonInfoList)}">
+            <th:block th:each="suspectPersonInfo:${internationalCrimeArrest.suspectPersonInfoList}">
+              <div class="row spi-list my-1">
+                <label class="col-sm-1 col-form-label col-form-label-sm text-center">성별</label>
+                <div class="col-sm-2" id="sexFormDiv">
+                  <select class="form-select form-select-sm bg-white" name="sex" disabled>
+                    <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
+                      <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
+                              th:selected="${suspectPersonInfo.sex ne null && commonCode.itemCd eq suspectPersonInfo.sex}"></option>
+                    </th:block>
+                  </select>
+                </div>
+                <label class="col-sm-1 col-form-label col-form-label-sm text-center">나이</label>
+                <div class="col-sm-2" id="ageFormDiv">
+                  <select class="form-select form-select-sm bg-white" name="age" disabled>
+                    <th:block th:each="commonCode:${session.commonCode.get('AGE')}">
+                      <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
+                              th:selected="${suspectPersonInfo.age ne null && commonCode.itemCd eq suspectPersonInfo.age}"></option>
+                    </th:block>
+                  </select>
+                </div>
+                <label class="col-sm-1 col-form-label col-form-label-sm text-center">국적</label>
+                <div class="col-sm-2" id="countryFormDiv">
+                  <select class="form-select form-select-sm bg-white country" name="country" id="country" disabled>
+                    <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
+                      <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
+                              th:selected="${suspectPersonInfo.country ne null && commonCode.itemCd eq suspectPersonInfo.country}"></option>
+                    </th:block>
+                    <option value="etc" th:selected="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">기타</option>
+                  </select>
+                </div>
+                <th:block th:if="${suspectPersonInfo.country ne null && suspectPersonInfo.country ne '' && !#strings.contains(suspectPersonInfo.country, 'NNY')}">
+                  <div class="col-sm-2">
+                    <input type="text" class="form-control form-control-sm" name="countryEtc" th:value="${suspectPersonInfo.country}" readonly>
+                  </div>
+                </th:block>
+              </div>
+            </th:block>
+          </th:block>
+        </div>
       </div>
     </div>
     <div class="row mb-1" id="spiInfoDiv">
@@ -235,7 +239,7 @@
         </th:block>
         <label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 수단(방법)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 수단(방법)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 수단(방법)' : '밀항 수단(방법)'))}"></label>
         <div class="col-sm-2">
-          <select class="form-select form-select-sm" name="means" id="means" disabled>
+          <select class="form-select form-select-sm bg-white" name="means" id="means" disabled>
             <option>선택</option>
             <th:block th:if="${internationalCrimeArrest.violationType eq 'VLT001'}" th:each="commonCode:${session.commonCode.get('MS1')}">
               <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@@ -255,7 +259,7 @@
         </div>
         <label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 목적(사유)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 목적(시유)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 목적(사유)' : '밀항 목적(사유)'))}"></label>
         <div class="col-sm-2">
-          <select class="form-select form-select-sm" name="purpose" id="purpose" disabled>
+          <select class="form-select form-select-sm bg-white" name="purpose" id="purpose" disabled>
             <option>선택</option>
             <th:block th:each="commonCode:${session.commonCode.get('PPS')}">
               <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@@ -277,7 +281,7 @@
         </div>
         <label class="col-sm-2 col-form-label col-form-label-sm text-center" th:text="${internationalCrimeArrest.violationType eq 'VLT001' ? '밀입국 시도 해역(해안)' : (internationalCrimeArrest.violationType eq 'VLT002' ? '도외이탈 시도 해역(해안)' : (internationalCrimeArrest.violationType eq 'VLT003' ? '밀출국 시도 해역(해안)' : '밀항 시도 해역(해안)'))}"></label>
         <div class="col-sm-3">
-          <select class="form-select form-select-sm" name="seaArea" disabled>
+          <select class="form-select form-select-sm bg-white" name="seaArea" disabled>
             <option>선택</option>
             <th:block th:each="commonCode:${session.commonCode.get('SAA')}">
               <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@@ -296,6 +300,7 @@
         </div>
       </div>
     </th:block>
+    <hr class="my-1">
     <div class="row mb-1">
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">범죄인지</label>
       <div class="col-sm-2" id="crimeAwarenessDtDiv">
@@ -307,7 +312,7 @@
       </div>
       <label class="col-sm-2 col-form-label col-form-label-sm text-center">신병처리</label>
       <div class="col-sm-2">
-        <select class="form-select form-select-sm" name="processResult" id="processResult" disabled>
+        <select class="form-select form-select-sm bg-white" name="processResult" id="processResult" disabled>
           <option>선택</option>
           <th:block th:each="commonCode:${session.commonCode.get('PCR')}">
             <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"
@@ -325,7 +330,7 @@
     <div class="row mb-1 justify-content-center">
       <label for="caseOverviewDiv" class="col-sm-2 col-form-label col-form-label-sm text-center">범죄사실(사건개요)</label>
       <div class="col-sm-10" id="caseOverviewDiv">
-        <div class="form-control form-control-sm" name='caseOverview' th:utext="${internationalCrimeArrest.caseOverview}"></div>
+        <div class="border p-1" name='caseOverview' th:utext="${internationalCrimeArrest.caseOverview}"></div>
       </div>
     </div>
   </form>