/* 로고 + 햄버거 있는 윗줄 */

.headerBarWrap{

  position: relative;

  z-index: 10001 !important;

}



/* 햄버거 버튼 */

#hamburgerBtn{

  width: 28px;

  height: 20px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  cursor: pointer;

  position: relative;

  z-index: 10002 !important;

  color: #B57E78B8;

}



#hamburgerBtn span{

  display: block;

  width: 100%;

  height: 1px;

  flex: 0 0 1px;

  background: currentColor;

  transition: transform .35s ease, opacity .25s ease, background-color .25s ease;

  transform-origin: center;

}



#hamburgerBtn.active{

  color: #B57E78B8;

}



#hamburgerBtn.active span:nth-child(1){

  transform: translateY(9.4px) rotate(45deg);

}



#hamburgerBtn.active span:nth-child(2){

  opacity: 0;

}



#hamburgerBtn.active span:nth-child(3){

  transform: translateY(-9.4px) rotate(-45deg);

}



/* 모바일 메뉴 */

#mobileMenuContainer{

  position: fixed !important;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transform: translateY(-30px);

  transition: opacity .4s ease, transform .4s ease, visibility 0s linear .4s;

  z-index: 9999 !important;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

}



#mobileMenuContainer.active{

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

  transform: translateY(0);

  transition: opacity .4s ease, transform .4s ease, visibility 0s linear 0s;

}



/* 메뉴 열렸을 때 뒤 페이지 스크롤 잠금 */

body.menu-open{

  overflow: hidden;

  position: fixed;

  width: 100%;

}



/* 편집화면에서는 보이게 */

body.elementor-editor-active.postid-3766 #mobileMenuContainer{

  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;

  transform: none !important;

  position: relative !important;

  height: auto !important;

  overflow: visible !important;

}



/* 다른 페이지 편집화면에서는 숨김 */

body.elementor-editor-active:not(.postid-3766) #mobileMenuContainer{

  opacity: 0 !important;

  visibility: hidden !important;

  pointer-events: none !important;

}