.nojq .jsneo-mobile-header{
	margin-top:42px;
}
.jsneo-mobile-header {
  display: none;
  background: #333;
  padding: 10px;
  text-align: left;
  position: fixed;
  z-index: 10001;
	margin:0;
	width:100%;
	top:0px;
	left:0px;
	right:0px;
}

/* 햄버거 버튼 */
.jsneo-mobile-menu-toggle {
  font-size: 28px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
margin:0;
}

/* 닫기 버튼 */
.jsneo-mobile-menu-close {
	position: absolute;
	top: 10px;
	right: 14px;
	font-size: 2rem;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	z-index: 10001;
}

/* 닫기 버튼 */
.jsneo-mobile-menu-close:hover {
  color: var(--wp-admin-theme-color);
}

/* 👉 슬라이드 메뉴: 화면 우측에서 등장 */
.jsneo-mobile-menu {
  position: fixed;
  top: 0;
  right: -80%;
  width: 80%;
  height: 100%;
  background: #222;
  transition: right 0.3s ease;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
  z-index: 10000;
  overflow-y: auto;
}

/* 오픈 시 우측에 붙음 */
.jsneo-mobile-menu.open {
  right: 0;
}

/* 메뉴 목록 */
.jsneo-mobile-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jsneo-mobile-menu-list li {
  border-bottom: 1px solid #444;
}

.jsneo-mobile-menu-list li a {
  display: block;
  padding: 14px;
  color: #fff;
  text-decoration: none;
}

.jsneo-mobile-menu-list .sub-menu {
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  background: #333;
  visibility: visible;
}

.menu-item-has-children.open > .sub-menu {
  max-height: 500px; /* 충분히 큰 값, 실제 콘텐츠보다 커야 함 */
}


.jsneo-mobile-menu-list .sub-menu .sub-menu {
  background: #444;
}

.jsneo-mobile-menu-list .menu-item-has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 삼각형 기본 스타일 */
.jsneo-mobile-menu-list .menu-item-has-children > a::after {
  content: '▶';
  display: inline-block;
  margin-left: 8px;
  margin-right:22px;
  transition: transform 0.3s ease;
  font-size: 6px;
  transform-origin: center center;
  opacity:.4;
}

/* 열렸을 때 회전 (아래 방향) */
.jsneo-mobile-menu-list .menu-item-has-children.open > a::after {
  transform: rotate(90deg);
}



@media (max-width:768px){
	
	.jsneo-mobile-header {
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	
	
	.jsneo-mobile-menu-toggle{
		height:42px;
		align-items:center;
	}

	.mobile-jsneo-logo a{
		display:flex;
		justify-content:center;
		align-items:center;
		color:rgb(70, 70, 70);
		padding:4px;
	}
	.mobile-jsneo-logo a svg, .mobile-jsneo-logo a img{
		fill:white;
		color:white!important;
		height:37px;
		width:auto;
	}


	.jsneo-mobile-menu .mobile-jsneo-logo a svg, .mobile-jsneo-logo a img{
		fill:white;
		color:white!important;
		height:70px;
		width:auto;

	}
}