/*******************************/
/*******************************/
/*******************************/

/* BA 리뉴얼 드로어 (26.07.29) — 코어(슬라이드/애니메이션)는 유지, 디자인만 사이트 토큰으로 재작성 */
.pushy {/* 배경 전체 */
  position:fixed;
  width:300px;
  max-width:84vw;
  height:100%;
  top: 0;
  z-index:9999;
  overflow:auto;
  visibility:hidden;
  -webkit-overflow-scrolling: touch;
  background:var(--white);
}

.pushy nav a {/* 대메뉴 */
  display:block;
  padding:16px 20px;
	font-size:16px;
	font-weight:500;
  text-decoration: none;
  outline: 0;
  color: var(--gray-950);
	border-bottom: 1px solid var(--gray-200);
}
.pushy nav .pushy-submenu ul{/* 서브메뉴 전체배경 */
	padding-left:0;
	background-color:var(--gray-50);
}
.pushy nav .pushy-submenu ul .pushy-link{/* 서브메뉴 배경 */
	text-indent:0;
}
.pushy nav .pushy-submenu ul .pushy-link a{/* 서브메뉴 */
	font-size:15px;
	font-weight:400;
	color:var(--fifth);
	border:0;
	padding:12px 20px 12px 30px;
}

/*******************************/
/*******************************/
/*******************************/

/* 흰 테마 (.pushy_white) — 기본 .pushy가 이미 리뉴얼 흰 톤. 서브메뉴 어두운 배경 레거시만 해제 */
.pushy_white nav .pushy-submenu ul{/* 서브메뉴 전체 배경 */
	padding:0;
	background-color:var(--gray-50);
}
.pushy_white nav .pushy-submenu ul .pushy-link{/* 서브메뉴 배경 */
	text-indent:0;
}
.pushy_white nav .pushy-submenu ul .pushy-link a{/* 서브메뉴 */
	font-size:15px; color:var(--fifth);
}
.pushy_white nav .pushy-submenu ul .pushy-link ul.mo_sub_3depth li a {padding-left:44px; font-size:14px;}



.pushy nav ul:first-child {
  margin-top:0px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(50%, 0, 0);
  -ms-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition:transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display:none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display:block;
  position:fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.pushy-submenu ul {
  transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
  position: relative;
}
.pushy-submenu > a::after {
  content: '';
  display: block;
  height: 8px;
  width: 12px;
  position: absolute;
  top: 50%;
  right:20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2331405b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 12px 8px; /* ▼ chevron — 열림은 방향별 SVG 교체 (M2, rotate 금지) */
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open ul {
  max-height:1000px;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 7l5-5 5 5' stroke='%2331405b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); /* ▲ 방향별 SVG (M2) */
}

.no-csstransforms3d .pushy-submenu-closed ul {
  max-height: none;
  display: none;
}



/* 다국어버튼 — 이 사이트 다국어 미사용, 숨김 (26.07.29) */
div.language_btn					{display:none;}

/* 회원 인사 영역 — grad01 헤더 (사이트 시그니처 그라디언트) */
div.member_btn					{display: block;width: 100%;padding: 24px 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background: var(--grad01);}
div.member_btn > div {display: block;}
div.member_btn > div:last-child {text-align:right;padding-right:0;}
div.member_btn > div:last-child a {color:var(--white);}

div.member_btn > .txt > p:first-child {font-size: 16px;color: var(--white);}
div.member_btn > .txt > p:first-child > span {font-weight: 700;}
div.member_btn > .txt > p:first-child a {color: var(--white);}
div.member_btn > .txt > p:last-child {padding: 4px 0 0 0;font-size: 13px;color: var(--white);opacity:0.85;border: 0;}
div.member_btn > .txt > p:last-child a {color: var(--white);}

/* 로그인/회원가입/마이페이지 3분할 */
.member_btn2 {background: var(--white);border-bottom: 1px solid var(--gray-200);display: flex;width: 100%;}
.member_btn2 > li {display: flex;flex: 1;height: auto;width: auto;text-align: center;border-right: 1px solid var(--gray-200);}
.member_btn2 > li:last-child {border-right: 0;}
.member_btn2 > li > a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 13px 4px;font-size: 13px;font-weight: 500;color: var(--fifth);line-height: 1.2;}
.member_btn2 > li > a > span {display: block;}

/* 장바구니/주문조회 카운트 */
.member_btn3_wrap{background: var(--white);padding:0;}
.member_btn3{padding: 14px 0;background: var(--white);border-top: 0;border-bottom: 1px solid var(--gray-200);}
.member_btn3 > ul {
border: 0;
display: flex;
width: 100%;
}
.member_btn3 > ul > li {
border-top: 0;
border-right: 0;
width: auto;
flex: 1;
display: block;
}
.member_btn3 > ul > li + li {
border-left: 1px solid var(--gray-200);
}
.member_btn3 > ul > li > a {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
font-size: 13px;
color: var(--fifth);
text-align: center;
}
.member_btn3 > ul > li > a > span:first-child:not(:only-child) {/* 카운트 — 단일 span(주문조회 라벨)은 제외 */
display:block;
margin-top: 0;
font-size: 18px;
font-weight: 700;
border: 0;
color: var(--main-color);
text-align: center;
line-height: 1.2;
}

.member_btn3 > ul > li > a > span:last-child {
display: block;
width: auto;
height: auto;
font-size: 13px;
color: var(--fifth);
text-align: center;
line-height: 1.2;
padding: 2px 0 0;
}

#aside-menu .state > ul > li > a > span:last-child > span {
	display: table-cell;
	vertical-align: middle;
}