@media (min-width: 1024px) {
.mobile-drawer { display:none; } 
}
@media (max-width: 1024px) {
header .header-wrap .top-menu { margin-right:15px; }
.hamburger-btn { display: block; position:absolute; right:0px; top:21px; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 4px; margin-left: auto; position: relative; width: 30px; height: 30px; z-index:999999 }
.hamburger-btn span { display: block; width: 22px; height: 2px; background: #333; border-radius: 2px; transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center; position: absolute; left: 4px; }
.hamburger-btn span:nth-child(1) { top: 7px; }
.hamburger-btn span:nth-child(2) { top: 14px; }
.hamburger-btn span:nth-child(3) { top: 21px; }
/* X로 변환 */
.hamburger-btn.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.hamburger-btn.open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.hamburger-btn.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.mobile-drawer { position: fixed; top: 54px; left: 0; right: 0; width: 100%; height: calc(100vh - 54px);  /* 헤더 아래 전체 높이 */ background: #fff; max-height: 0; overflow: hidden; transition: max-height .5s cubic-bezier(0.4, 0, 0.2, 1); z-index:999999; }
.mobile-drawer.open { max-height: calc(100vh - 54px);  /* 화면 끝까지 */ }
.drawer-overlay { display: none; position: fixed; top: 54px; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 9998; }
.drawer-close { position:absolute; top:12px; right:16px; background:none; border:none; font-size:22px; cursor:pointer; color:#555; }
.drawer-member-btns { display:flex; gap:8px; padding:8px 15px; border-bottom:1px solid #eee; margin-top:0px; }
.drawer-member-btns a { flex:1; text-align:center; font-size:13px; padding:8px 0; border-radius:6px; text-decoration:none; }
.drawer-member-btns i { position:relative; top:1px; }
.drawer-member-btns .d-login  { border:1px solid #ddd; color:#111; width:100px; }
.drawer-member-btns .d-reg    { background:#aa7736; color:#fff; width:100px; }
.drawer-nav { list-style:none; margin:0; padding:5px 0; }
.drawer-nav li { }
.drawer-nav li:last-child { border-bottom:none; }
.drawer-nav li a { display:flex; align-items:center; padding:14px 20px; font-size:16px; color:#111; text-decoration:none; border-bottom:1px solid #f0f0f0; }
.drawer-nav li a,
.drawer-nav dd { margin:0; padding:10px 20px; font-size:16px;  border-bottom:1px solid #f0f0f0; }
.drawer-nav dd a { display:flex;  }
.drawer-nav h1 { font-size:14px; padding-left:15px; padding-bottom:5px; } 
.drawer-nav h2 { color:#fff; width:25px; height:25px; line-height:18px; border-radius:5px; text-align:center; position:relative; right:5px; top:1.5px; }
.drawer-nav h2.search { background-color: #aa7736; }
.drawer-nav h2.searchlistmenu { background-color: #ec500d; }
.drawer-nav h2.turnup { background-color: #5a2fd1;; }
.drawer-nav h2.bus { background-color: #279577; }
.drawer-nav h2.road { background-color: #aa3636; }
.drawer-nav h3 { padding-left:5px; font-weight:400; font-size:16px; padding-top:4px; }
.drawer-nav span { margin-left:auto; }
.drawer-nav img { height:25px; margin-right:5px; position:relative; right:5px; }
.drawer-nav i { font-size:14px;  }

.drawer-member-btns a {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .3s ease, transform .3s ease;
}

.mobile-drawer.open .drawer-nav li a,
.mobile-drawer.open .drawer-member-btns a {
  opacity: 1;
  transform: translateY(0);
}
/* 순서대로 딜레이 */
.mobile-drawer.open .drawer-member-btns a:nth-child(1) { transition-delay: .15s; }
.mobile-drawer.open .drawer-member-btns a:nth-child(2) { transition-delay: .2s; }
.mobile-drawer.open .drawer-member-btns a:nth-child(3) { transition-delay: .25s; }

.mobile-drawer.open .drawer-nav li:nth-child(1) a { transition-delay: .2s; }
.mobile-drawer.open .drawer-nav li:nth-child(2) a { transition-delay: .25s; }
.mobile-drawer.open .drawer-nav li:nth-child(3) a { transition-delay: .3s; }
.mobile-drawer.open .drawer-nav li:nth-child(4) a { transition-delay: .35s; }
.mobile-drawer.open .drawer-nav li:nth-child(5) a { transition-delay: .4s; }
.mobile-drawer.open .drawer-nav li:nth-child(6) a { transition-delay: .6s; }
/* 기본 숨김 상태 */
.drawer-footer { opacity: 0; transform: translateY(10px); transition: opacity .3s ease, transform .3s ease; padding:28px; }
.d-app { background-color:#aa7736; border:none; color:#fff; font-size:14px; padding:10px 20px 10px 20px; margin-top:0px; border-radius:6px; position:relative; top:10px; }

/* 열릴 때 */
.mobile-drawer.open .drawer-footer { opacity: 1; transform: translateY(0); transition-delay: .8s; }
.mobile-drawer.open .drawer-footer a:nth-child(1) { transition-delay: .8s; }
.mobile-drawer.open .drawer-footer a:nth-child(2) { transition-delay: .85s; }
.mobile-drawer.open .drawer-footer a:nth-child(3) { transition-delay: .9s; }
}