/* 대온 법률사무소 공통 머리 메뉴 — 로페이퍼(lawpaper.co.kr) 머리 디자인을 따름 (2026-10-22)
   옛 디자인 페이지(메인·구성원)와 새 페이지가 같이 쓰므로 모든 규칙을 .dhd / .dhd-mnav 아래에 둔다 */
.dhd{position:sticky;top:0;z-index:1000;height:80px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 4px 20px rgba(0,0,0,.05);
  font-family:"Pretendard Variable",Pretendard,-apple-system,"Malgun Gothic",sans-serif;color:#222;letter-spacing:-.03em;word-break:keep-all;-webkit-font-smoothing:antialiased}
.dhd.fx{position:fixed;left:0;right:0}
.dhd *,.dhd-mnav *{box-sizing:border-box;margin:0;padding:0;font-family:inherit;letter-spacing:inherit}
.dhd a,.dhd-mnav a{color:inherit;text-decoration:none}
.dhd button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.dhd-in{max-width:1280px;height:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.dhd-logo{display:flex;align-items:center;flex-shrink:0}
.dhd-logo img{height:34px;width:auto;display:block;max-width:none}
.dhd-gnb{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px)}
.dhd-gnb>a,.dhd-gd>a{position:relative;display:inline-block;padding:28px 0;font-size:16.5px;font-weight:600;white-space:nowrap;line-height:1.5}
.dhd-gnb>a:after,.dhd-gd>a:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:currentColor;transform:scaleX(0);transition:.3s}
.dhd-gnb a.on:after{transform:scaleX(1)}
.dhd-gd{position:relative}
/* 한꺼번에 펼치기: 메뉴에 마우스를 올리면 모든 하위 메뉴가 넓은 흰 판 위에 같이 내려온다 */
.dhd::after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--mh,280px);background:#fff;border-top:1px solid #eee;
  box-shadow:0 18px 30px rgba(23,33,77,.10);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:-1}
.dhd-m{position:absolute;left:50%;top:100%;transform:translate(-50%,-6px);padding:18px 0 22px;display:flex;flex-direction:column;align-items:center;gap:2px;
  opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:1010}
.dhd-m a{display:block;padding:8px 8px;border-radius:6px;font-size:15px;font-weight:500;color:#444;white-space:nowrap;line-height:1.5;text-align:center}
.dhd-m a:hover{color:#43308f;font-weight:700;background:#f5f6fa}
.dhd.mopen::after,.dhd.mopen .dhd-m{opacity:1;visibility:visible}
.dhd.mopen .dhd-m{transform:translate(-50%,0)}
.dhd.mopen .dhd-gnb>.dhd-gd>a:hover:after{transform:scaleX(1)}
.dhd-r{display:flex;align-items:center;gap:14px}
.dhd-tel{display:flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid currentColor;border-radius:100px;font-size:15px;font-weight:700;white-space:nowrap;line-height:1.4}
.dhd-tel svg{width:17px;height:17px;display:block}
.dhd-burger{display:none;width:44px;height:44px;position:relative}
.dhd-burger i{position:absolute;left:10px;right:10px;height:2px;background:currentColor;transition:.3s}
.dhd-burger i:nth-child(1){top:14px}.dhd-burger i:nth-child(2){top:21px}.dhd-burger i:nth-child(3){top:28px}
.dhd.open .dhd-burger i:nth-child(1){top:21px;transform:rotate(45deg)}
.dhd.open .dhd-burger i:nth-child(2){opacity:0}
.dhd.open .dhd-burger i:nth-child(3){top:21px;transform:rotate(-45deg)}
.dhd-mnav{display:none;font-family:"Pretendard Variable",Pretendard,-apple-system,"Malgun Gothic",sans-serif;color:#222;letter-spacing:-.03em}
@media (hover:hover){.dhd-gnb>a:hover:after,.dhd-gd>a:hover:after{transform:scaleX(1)}}
@media (max-width:1240px){
  .dhd-gnb{display:none}
  .dhd-burger{display:block}
  .dhd-mnav{position:fixed;inset:80px 0 auto;max-height:calc(100vh - 80px);overflow-y:auto;background:#fff;border-bottom:1px solid #eee;box-shadow:0 12px 24px rgba(0,0,0,.08);padding:6px 40px 18px;z-index:999;flex-direction:column}
  .dhd-mnav.open{display:flex}
  .dhd-mnav a{padding:15px 0;font-size:16px;font-weight:600;border-bottom:1px solid #f0f0f0}
  .dhd-mnav .mg{padding:15px 0 6px;font-size:13px;font-weight:700;color:#999}
  .dhd-mnav a.ms{padding-left:12px}
  .dhd-mnav a:last-child{border:0;color:#43308f}
}
@media (max-width:640px){
  .dhd{height:64px}
  .dhd-in{padding:0 16px}
  .dhd-logo img{height:28px}
  .dhd-tel{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
  .dhd-tel span{display:none}
  .dhd-mnav{inset:64px 0 auto;max-height:calc(100vh - 64px);padding:6px 16px 18px}
}
html.dhd-lock{overflow:hidden}