아래와 같이 다시 수정해 봤는데도 동일한 현상이네요.

<!--@if($ind_mobile)--><br/><!--@else-->&nbsp;&nbsp;&nbsp;

<!--@endif-->

{@ $ev_test = $extra_keys[10]->value;}<!-- 확장변수 테스트시간 추가 변경 From staijia -->

테스트시간:&nbsp;

<select name="extra_vars10" ><!--// 테스트시간선택-->

<option value=""></option><!--//빈칸-->

<!--@foreach($slt_arr as $key_a => $slt_time)-->

<option value="{$slt_time}"<!--@if($slt_time == $ev_test)-->selected="selected"<!--@endif-->> {$slt_time}</option>

<!--@endforeach-->

</select>

<script>

window.addEventListener('load', function() {

  var extra_vars7_start = document.getElementById('extra_vars7_start');

  var category = document.getElementById('category');

  // 시작 시간이 변경될 때마다 test시간을 업데이트

  extra_vars7_start.addEventListener('change', function() {

    updateTestTime();

  });

    // 카테고리가 선택될 때마다 test시간을 업데이트

  category.addEventListener('change', function() {

    updateTestTime();

  });

  function updateTestTime() {

    var startTime = extra_vars7_start.value;

    var selectedCategory = category.value;

   if (startTime && selectedCategory) {

      var suffix = ':00';

      if (selectedCategory === '서울') {

        var hoursToSubstract = 10;

      } else if (selectedCategory === '대전') {

        var hoursToSubstract = 11.5;

      }

    var date = new Date('1970-01-01T' + startTime + suffix);

      date.setHours(date.getHours() - hoursToSubstract);

      var hour = date.getUTCHours().toString().padStart(2, '0');

      var minute = date.getUTCMinutes().toString().padStart(2, '0');

      var testTime = hour + ':' + minute;

      var extra_vars10_test = document.getElementById('extra_vars10_test');

      extra_vars10_test.value = testTime;

    }

  }

});

</script>