/* 전체 메뉴 막대 — js/site-menu.js 가 그리는 하나뿐인 메뉴바 */
.site-menu{
  background:var(--paper,#f6f5f0);
  border-top:1px solid var(--line,#dce0d6);
  border-bottom:1px solid var(--line,#dce0d6);
  position:relative;
  z-index:28;
  font:600 13px/1.5 Pretendard,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;
}
.site-menu-inner{
  max-width:1240px;
  margin:0 auto;
  padding:0 44px;
  display:flex;
  align-items:center;
}
.site-menu-list{
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:0;
}
.site-menu-list>li{position:relative}
.site-menu-list>li>a{
  display:flex;
  align-items:center;
  gap:5px;
  padding:14px 17px;
  color:var(--ink,#233c33);
  text-decoration:none;
  white-space:nowrap;
}
.site-menu-list>li:first-child>a{padding-left:0}
.site-menu-list>li>a:hover{color:#72864a}
.site-menu-list>li.current>a{color:var(--green,#2e5947);font-weight:800}
.site-menu .caret{font-size:9px;opacity:.5;transition:transform .15s}
.site-menu-list>li.has-sub:hover>a .caret,
.site-menu-list>li.has-sub.open>a .caret,
.site-menu-list>li.has-sub:focus-within>a .caret{transform:rotate(180deg);opacity:.8}

.site-menu .submenu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:218px;
  margin:0;
  padding:6px 0;
  list-style:none;
  background:#fffefa;
  border:1px solid var(--line,#dce0d6);
  border-top:0;
  border-radius:0 0 8px 8px;
  box-shadow:0 14px 28px rgba(35,60,51,.13);
}
.site-menu-list>li:first-child .submenu{left:-6px}
.site-menu-list>li.has-sub:hover>.submenu,
.site-menu-list>li.has-sub:focus-within>.submenu,
.site-menu-list>li.has-sub.open>.submenu{display:block}
.site-menu .submenu a{
  display:block;
  padding:9px 18px;
  font-size:13px;
  font-weight:500;
  color:var(--ink,#233c33);
  text-decoration:none;
  white-space:nowrap;
}
.site-menu .submenu a:hover{background:#eef2e6;color:#3c5a3f}
.site-menu .submenu li.current>a{color:var(--green,#2e5947);font-weight:700}
.site-menu-actions{margin-left:auto;display:flex;align-items:center;gap:8px}

@media(max-width:1000px){
  .site-menu-inner{padding:0 28px}
  .site-menu-list>li>a{padding:13px 13px}
}
@media(max-width:680px){
  .site-menu-inner{padding:0 20px}
  .site-menu-list>li>a{padding:11px 10px;font-size:12.5px}
  .site-menu-list>li:first-child>a{padding-left:0}
  /* 좁은 화면에서는 메뉴 막대 아래로 가로 가득 펼칩니다 */
  .site-menu-list>li.has-sub{position:static}
  .site-menu .submenu,
  .site-menu-list>li:first-child .submenu{left:0;right:0;min-width:0;border-radius:0 0 8px 8px}
}
@media(prefers-reduced-motion:reduce){
  .site-menu .caret{transition:none}
}

/* 다크 화면 */
html[data-theme=dark] .site-menu{background:#151e1af5;border-color:#35463b}
html[data-theme=dark] .site-menu-list>li>a{color:#d2ddca}
html[data-theme=dark] .site-menu-list>li>a:hover{color:#cee2b0}
html[data-theme=dark] .site-menu-list>li.current>a{color:#c1d8ad}
html[data-theme=dark] .site-menu .submenu{background:#1c2922;border-color:#35463b;box-shadow:0 14px 28px rgba(0,0,0,.4)}
html[data-theme=dark] .site-menu .submenu a{color:#d2ddca}
html[data-theme=dark] .site-menu .submenu a:hover{background:#293a2e;color:#d7e6c5}
html[data-theme=dark] .site-menu .submenu li.current>a{color:#c1d8ad}