:root{
  --left-bg:#f2f2f2;
  --left-active-bg:#214f93;     /* 좌측 활성 블루 */
  --left-text:#333;
  --left-active-text:#fff;

  --right-text:#111111;         /* 우측 기본 그린 */
  --right-active-text:#0b5f36;  /* 우측 hover/active 진한 그린 */
}

*{ box-sizing:border-box; }
/* html,body{ height:100%; }
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
  background:#fff;
} */

/* 좌/우 레이아웃 */
.m-menu{
  display:flex;
  min-height:100vh;
}

/* 좌측 */
.m-menu__left{
  width:36%;
  max-width:170px;
  min-width:152px;
  height: 100vh;
  background:var(--left-bg);
}
.left-list{ list-style:none; margin:0; padding:0; }

.left-item{
  width:100%;
  text-align:left;
  border:0;
  background:transparent;
  padding:14px 36px 14px 12px;
  font-family: "Pretendard-Regular", Helvetica;
  font-size: 16px;
  color:var(--left-text);
  position:relative;
  -webkit-tap-highlight-color:transparent;
}
.left-item::after{
  content:"›";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#9a9a9a;
  font-size:18px;
}
.left-item.is-active{
  background:var(--left-active-bg);
  color:var(--left-active-text);
  font-family: "Pretendard-Semibold", Helvetica;
}
.left-item.is-active::after{ color:rgba(255,255,255,.9); }

/* 우측 */
.m-menu__right{ flex:1; background:#fff; 
  font-family: "Pretendard-Regular", Helvetica;
  font-size: 16px;
}
.subpanel{ display:none; }
/* .subpanel.is-active{ display:block; } */
.subpanel.is-open{ display:block; }

.right-list{ list-style:none; margin:0; padding:8px 0; }

.right-link{
  display:block;
  padding:14px 16px;
  font-size:16px;
  color:var(--right-text);
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}

/* 마우스 오버/키보드 포커스: 글씨 강조 */
.right-link:hover,
.right-link:focus-visible{
  color:var(--right-active-text);
  font-weight:700;
  font-family: "Pretendard-Semibold", Helvetica;
}

/* 모바일 터치(누르는 순간) */
.right-link:active{
  color:var(--right-active-text);
  font-weight:700;
  background:#f3f3f3;
  font-family: "Pretendard-Semibold", Helvetica;
}


a.right-link:link,
a.right-link:visited{
  color:var(--right-text);
  text-decoration:none;
}

/* (선택) 마우스오버/포커스/클릭 시 강조 */
a.right-link:hover,
a.right-link:focus-visible,
a.right-link:active{
  color: var(--right-active-text); /* 기존에 쓰던 진한 그린 */
  font-weight:700;
  background:#f7f7f7;             /* 필요 없으면 제거 */
}