/* 대온 법률사무소 공통 머리 메뉴 — 로페이퍼(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}
/* KOR | ENG 전환 버튼 (2026-10-24) */
.dhd-lg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:100px;background:#17214d;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);flex-shrink:0}
.dhd-lg a{display:block;min-width:46px;padding:5px 11px;border-radius:100px;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.3;text-align:center;color:rgba(255,255,255,.72);transition:background .2s,color .2s}
.dhd-lg a:hover{color:#fff}
.dhd-lg a.on{background:#fff;color:#17214d;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.dhd-lang{font-size:14px;font-weight:700;letter-spacing:.06em;white-space:nowrap;opacity:.8;padding:6px 2px}
.dhd-lang:hover{opacity:1}
.dhd-mnav a.en:last-child{border-top:1px solid rgba(0,0,0,.08);color:inherit;font-weight:700;letter-spacing:.02em}

.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-lang{font-size:13px}
  .dhd-lg a{min-width:34px;padding:4px 7px;font-size:11px}
  .dhd-r{gap:8px}
  .dhd-in{gap:10px}
  .dhd-logo img{height:26px}
  .dhd-tel{width:40px;height:40px}
}
@media (max-width:380px){
  .dhd-logo img{height:22px}
  .dhd-lg a{min-width:30px;padding:4px 6px}
  .dhd-mnav{inset:64px 0 auto;max-height:calc(100vh - 64px);padding:6px 16px 18px}
}
html.dhd-lock{overflow:hidden}

/* ===== 영문판 보정 (gen_en.py) ===== */
html[lang="en"] body,.dhd,.dhd-mnav{letter-spacing:-.005em}
.dhd-en{gap:clamp(14px,1.7vw,28px)}
.dhd-en .dhd-gd>a{font-size:15.5px}
.dhd-en .dhd-m a{font-size:14.5px}
.fl .mail,.mbar .mail,.dft-fl .mail,.dft-mbar .mail,.bcta .ch .mail,.side .cta .mail{background:#475569!important;color:#fff!important}
.fl .mail img,.mbar .mail img{filter:none}
.ft-map small{opacity:.6;font-size:.85em}
/* 펼침 메뉴: 칸 폭 = 위 메뉴 글자 폭 + 간격. 긴 이름은 칸 안에서 줄바꿈 (옆 칸과 겹치지 않게) */
.dhd-en .dhd-gd .dhd-m{width:calc(100% + clamp(14px,1.7vw,28px));min-width:96px}
.dhd-en .dhd-m a{white-space:normal;line-height:1.3;padding:7px 4px;overflow-wrap:normal;hyphens:manual}
/* 이메일 버튼: 누르면 버튼 안에 주소가 드러나고 복사된다 */
a.em-open{gap:10px!important}
a.em-open .em-w{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left}
a.em-open .em-v{font-weight:800;letter-spacing:0;white-space:nowrap;user-select:all;text-transform:none}
a.em-open .em-c{font-size:11px;font-weight:600;opacity:.8;white-space:nowrap}
.btn.em-open .em-w{align-items:center}
/* 오른쪽 떠 있는 버튼: 주소가 들어가도록 왼쪽으로 넓어진다 */
.fl.em-wide,.dft-fl.em-wide{align-items:flex-end}
.fl a.em-open,.dft-fl a.em-open{width:auto!important;padding:0 16px!important;flex-direction:row!important;font-size:14px!important}
/* 모바일 하단 바: 이메일 칸을 넓히고 전화·카톡은 아이콘만 */
.mbar.em-wide,.dft-mbar.em-wide{grid-template-columns:56px 56px 1fr!important}
.mbar.em-wide a:not(.em-open),.dft-mbar.em-wide a:not(.em-open){font-size:0!important;gap:0!important}
.mbar a.em-open,.dft-mbar a.em-open{font-size:14px!important;padding:9px 10px!important}
/* 주소가 이미 글자로 보이는 링크(하단 주소 등): 옆에 Copied 표시 */
a.em-done{position:relative}
a.em-done::after{content:attr(data-msg);position:absolute;left:100%;top:50%;transform:translate(8px,-50%);padding:3px 9px;border-radius:100px;background:#17214d;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}