/** ADD YOUR AWESOME CODES HERE **/

html {
    scroll-behavior: smooth;
  }

/* 모바일용 (화면 너비 768px 이하) */
@media (max-width: 768px) {
    .top-navbar .navbar {
      padding: 10px 0; /* 높이 줄이기 */
    }
  
    /* 로고 이미지도 함께 작게 줄이기 (선택사항) */
    .top-navbar .navbar-brand img {
      height: 60px;
    }
  
    .navbar-nav .nav-link {
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 14px;
    }
  }

  .social-icons {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 10;
  }
  
  /* 기본 아이콘 스타일 */
  .social-icons a {
    color: white;
    font-size: 24px; /* 🔹 기본값을 약간 키움 */
    text-shadow: 0 2px 6px rgba(0,0,0,0.7);
    transition: transform 0.3s, color 0.3s;
  }
  
  .social-icons a:hover {
    transform: scale(1.2);
    color: #f1c40f;
  }
  
  /* 모바일 버전 */
  @media (max-width: 768px) {
    .social-icons {
      left: 10px;
      gap: 10px;
    }
    .social-icons a {
      font-size: 18px;
    }
  }
  
  /* 💻 PC 버전에서 아이콘 더 크게 */
  @media (min-width: 1024px) {
    .social-icons a {
      font-size: 32px; /* 🔹 데스크톱에서만 확대 */
    }
    .social-icons {
      left: 30px; /* 약간 여유 있게 */
      gap: 20px;
    }
  }
  

  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255%2C255%2C255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }
  
  @media (max-width: 991px) {
    .navbar-collapse {
      background-color: rgba(0, 0, 0, 0.15);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      opacity: 0;
      transform: translateY(-10px);
      transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        backdrop-filter 0.35s ease,
        -webkit-backdrop-filter 0.35s ease;
    }
  
    /* 드롭다운이 열릴 때 (show 클래스가 추가될 때) */
    .navbar-collapse.show {
      backdrop-filter: blur(12px) brightness(0.8);
      -webkit-backdrop-filter: blur(12px) brightness(0.8);
      opacity: 1;
      transform: translateY(0);
    }
  
    /* 메뉴 글자 스타일 */
    .navbar-collapse .nav-link {
      color: #fff !important;
      transition: color 0.2s ease;
    }
  
    .navbar-collapse .nav-link:hover {
      color: #f1c40f !important;
    }
  }
  
  .map-container{
    padding: 50px 0px;
    background-color: #292929 ;
}

.section-title{
    color: #ffffff;
}