.info-window {
      background-color: #f8f8f8; /* Light grey background */
      width: 80vw;
      z-index: 9999;
  }
  
  .info-window a {
      color: #4a90e2;
      text-decoration: none;
  }
  
  .info-window .name-container {
      background-color: #003366; /* 진한 남색 */
      padding: 5px 5px; /* 패딩 추가 */
      border-radius: 5px; /* 둥근 모서리 추가 */
      text-align: center; /* 텍스트 중앙 정렬 */
  }
  
  .info-window a.name {
      color: #ffffff; /* 흰색 */
      text-decoration: none; /* 밑줄 제거 */
  }
  
  .info-window a.name:hover,
  .info-window a.name:visited,
  .info-window a.name:active {
      color: #ffffff; /* 클릭 상태에서도 글씨 색은 흰색 유지 */
  }
  
  .info-window .info-item {
      margin-top: 10px;
      font-size: 14px; /* Consistent font-size */
  }
  
  .info-window .label {
      color: #333;
      font-weight: normal;
      font-size: 1.1rem; 
  }

  .info-item {
      text-align: left;
  }
  
  @media only screen and (max-width: 600px) {
      .info-window {
          padding: 10px;
          width: 80vw; 
      }
      .info-window .name {
          font-size: 1.2rem;
      }
      .info-window .info-item {
          font-size: 1.1rem; /* Same font-size */
      }
      .info-window .label {
          font-size: 1.1rem; /* Same font-size */
      }
  }
  
  @media only screen and (min-width: 601px) and (max-width: 1024px) {
      .info-window {
          padding: 15px;
          width: 360px; 
      }
      .info-window .name {
          font-size: 1.2rem;
      }
      .info-window .info-item {
          font-size: 1.1rem; /* Same font-size */
      }
      .info-window .label {
          font-size: 1.1rem; /* Same font-size */
      }
  }
  
  @media only screen and (min-width: 1025px) {
      .info-window {
          padding: 20px;
          width: 410px; 
      }
      .info-window .name {
          font-size: 1.2rem;
      }
      .info-window .info-item {
          font-size: 1.1rem; /* Same font-size */
      }
      .info-window .label {
          font-size: 1.1rem; /* Same font-size */
      }
  }