/* 2026-10-11 실제 홈페이지 전환 때 더한 휴대폰 메뉴·카톡/전화 버튼 (시안에는 없던 것) */
.mbtn,.mpanel,.mcta{display:none}
@media (max-width:768px){
  /* 아이폰 사파리는 button 기본값이 align-items:flex-start라 줄 너비가 0이 됨 → 정렬·너비를 직접 지정 (2026-10-11) */
  .mbtn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;margin-left:10px;background:none;border:0;padding:8px;cursor:pointer}
  .mbtn i{display:block;flex:none;width:24px;height:2px;background:#222;border-radius:2px;transition:transform .25s,opacity .25s}
  .mbtn.on i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mbtn.on i:nth-child(2){opacity:0}
  .mbtn.on i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mpanel{display:block;position:fixed;left:0;right:0;top:var(--hd,60px);bottom:0;background:#fff;z-index:49;overflow-y:auto;padding:8px 22px 40px;transform:translateX(100%);transition:transform .3s ease;-webkit-overflow-scrolling:touch}
  .mpanel.on{transform:none}
  body.m-open{overflow:hidden}
  .mpanel .mg{border-bottom:1px solid #eee}
  .mpanel .mg > button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 2px;background:none;border:0;font:600 17px/1.3 var(--ko,sans-serif);color:#222;text-align:left;cursor:pointer}
  .mpanel .mg > button:after{content:"+";font-weight:400;font-size:22px;color:var(--or,#e85a2a)}
  .mpanel .mg.on > button:after{content:"\2212"}
  .mpanel .ml{display:none;padding:0 2px 16px}
  .mpanel .mg.on .ml{display:block}
  .mpanel .ml .grp{display:block;margin:12px 0 4px;font-size:13px;color:var(--or,#e85a2a);font-weight:600}
  .mpanel .ml a{display:block;padding:9px 0;font-size:15px;color:#444}
  .mpanel .ml a.on{color:var(--or,#e85a2a);font-weight:600}
  .mpanel .mc{display:flex;gap:8px;margin-top:26px}
  .mpanel .mc a{flex:1;text-align:center;padding:14px 0;border-radius:6px;font-size:15px;font-weight:600;border:1px solid var(--or,#e85a2a);color:var(--or,#e85a2a)}
  .mpanel .mc a.k{background:#fee500;border-color:#fee500;color:#191919}
  .mcta{display:flex;gap:6px;margin-bottom:8px}
  .mcta a{flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-radius:6px;font-size:14px;font-weight:600;background:#fff;color:#222}
  .mcta a.k{background:#fee500;color:#191919}
}