@media screen and (max-width: 768px) {
    #resultModal {
      align-items: flex-start; /* 상단에 위치 */
      padding-top: 60px; /* 헤더 아래 약간 띄움 */
    }
  
    .modal-content {
      width: 95%;
      max-height: 80vh;
      padding: 14px;
      font-size: 13px;
      border-radius: 8px;
    }
  
    .modal-content table {
      font-size: 12px;
    }
  
    #modalClose {
      top: 8px;
      right: 10px;
      font-size: 20px;
    }
  
    .modal-content th,
    .modal-content td {
      padding: 8px 4px;
    }
  
    /* 표 안쪽 링크도 잘 보이게 줄바꿈 */
    .modal-content td a {
      font-size: 12px;
      word-break: break-word;
    }
  

    /* 5번째 이후 열 숨기기 */
    .modal-content td:nth-child(n+5),
    .modal-content th:nth-child(n+5) {
        display: none;
    }    
    /* 테이블 컬럼 지정하기 */
    #modalBody table td:nth-child(2),
    #modalBody table th:nth-child(2) {
      width: 80px;
    }
  }