#mob-header {
  display: none;
}

#menu-container {
  display: none;
}

@media (max-width: 768px) {
  #mob-header {
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0); /* 배경을 완전히 투명하게 설정 */
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
  }

  #header-subdiv {
    height: 80px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	
  }

  #hamburger-menu {
    cursor: pointer;
    width: 50%;
    display: flex;
    justify-content: flex-end;
  }

  .mob-logo img {
  max-width: 60px; /* 원하는 크기로 설정 */
  height: auto; /* 비율을 유지하면서 높이는 자동으로 조정 */
 }

  #hamburger-menu span {
    width: 30px;
    height: 1.5px;
    background-color: #fff;
    position: absolute;
    margin-right: 30px;
    transition: 0.4s ease-in-out;
	z-index:99999;
  }

  /* 햄버거 열렸을 때 */
  #hamburger-menu.open span:nth-child(1) {
    top: 40px;
    transform: rotate(135deg);
  }
  #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
  }
  #hamburger-menu.open span:nth-child(3) {
    top: 40px;
    transform: rotate(-135deg);
  }

  /* 햄버거 닫혔을 때 */
  #hamburger-menu span:nth-child(1) {
    top: 30px;
  }
  #hamburger-menu span:nth-child(2) {
    top: 40px;
  }
  #hamburger-menu span:nth-child(3) {
    top: 50px;
  }

  /* 메뉴 */
  #menu-container {
     background: rgba(0, 0, 0, .9);
    backdrop-filter: blur(10px); /* 블러 효과 */
    position: absolute;
    width: 100%;
    height: 0; /* 기본 높이를 0으로 설정하여 메뉴가 닫혀있을 때 보이지 않게 */
    z-index: 99;
    display: none; /* 기본적으로 메뉴는 보이지 않음 */
    flex-direction: column;
    top: 0px; /* 헤더 아래로 위치 */
	right: 0;
    transition: height 0.3s ease, display 0s 0.3s; /* 애니메이션 추가 및 display 변경 지연 */
	padding-top:80px;
	
  }

  /* 메뉴가 열렸을 때 */
  #menu-container.open {
    display: flex; /* 열렸을 때만 flex로 표시 */
    height: 100vh; /* 화면의 높이만큼 차지 */
  }

  .menu-list {
    display: none;
  }

  /* 메뉴가 열렸을 때 */
  .menu-list.active {
    display: flex;
    flex-direction: column;
  }

  .accordion-toggle {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: black;
/*     border-top: 1px solid #dbdbdb; */
    flex-direction: column;
    width: 100%;
	margin-top:20px;
  }

  .accordion-toggle a {
    color: #fff;
    padding: 15px 20px;
    text-align: right;
  }

  .menu-submenu {
    display: none; /* 기본적으로 숨김 */
    padding: 10px 25px;
    text-align: center;
    background-color: rgba(100, 100, 100, 0.2); /* 반투명 블랙 */
  }

  .menu-submenu li {
    font-size: 16px;
    color: #bfbfbf;
    display: inline;
    margin-right: 15px;
    font-weight: 400;
  }

  .menu-submenu li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #555;
  }
}