/* 공통 메뉴·하단 (모든 페이지 공통, 페이지별 스타일 뒤에 불러옴) */
.top .wrap{display:block;height:auto}
.top .row{display:flex;align-items:center;gap:24px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand .logo{display:block;width:40px;height:40px;flex:none}
.brand .logo svg{display:block}
.brand b{display:block;font:900 21px/1 var(--display);color:var(--ink);letter-spacing:-.02em}
.brand small{display:none}
.drop .dropin{display:contents}
.menu-btn,.mnav{display:none!important}
.mrow{display:none;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}
.mrow::-webkit-scrollbar{display:none}
.mrow button,.mrow a{flex:none;font:600 14.5px var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:8px 14px;text-decoration:none;cursor:pointer}
.mrow [aria-expanded="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mrow .cta{background:var(--blue);color:#fff;border-color:var(--blue)}
.msub{display:none;padding-bottom:10px;gap:6px;flex-wrap:wrap}
.msub a{font-size:14px;text-decoration:none;color:var(--text);padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.mbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
.mbar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:10px;text-decoration:none;font:700 14.5px var(--body);background:var(--bg);color:var(--ink);padding:0 6px;text-align:center}
.mbar a.on{background:var(--blue);color:#fff}
.ft{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
@media (max-width:1080px){
  .nav,.top .row>.btn{display:none!important}
  .mrow{display:flex}
  .msub.on{display:flex}
  .top .row{height:64px}
}
@media (max-width:860px){.ft{grid-template-columns:1fr 1fr}.ft>div:first-child{grid-column:1/-1}}