/* 다보다플러스 공용 상단 메뉴 (랜딩·AI 자동현장등록·회사소개·서비스·상담문의·약관·개인정보)
   메뉴 항목은 site-nav.js 의 MENU 에서 관리. 페이지별 .nav 스타일과 무관하게 이 파일만으로 모양이 완성되도록 기본 바 스타일 포함. */
.pnav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border,#E5E8EB)}
.pnav .pnav-in{max-width:1200px;margin:0 auto;padding:0 24px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.pnav .logo{font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--text,#191F28);text-decoration:none;white-space:nowrap}
.pnav .logo b{color:var(--orange,#CC5338)}
.pnav-menu{display:flex;gap:26px;align-items:center;margin-left:auto;margin-right:14px}
.pnav-menu a{font-size:14.5px;font-weight:600;color:var(--text-sub,#4E5968);white-space:nowrap;text-decoration:none;transition:color .15s}
.pnav-menu a:hover{color:var(--text,#191F28)}
.pnav-menu a.on{color:var(--orange,#CC5338);font-weight:800}
.pnav-new{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:6px;background:var(--orange,#CC5338);color:#fff;font-size:10px;font-weight:800;line-height:1.3;vertical-align:1px}
.pnav-menu a.pnav-m{display:none}
.pnav-cta{display:flex;gap:8px;align-items:center}
.pnav-login,.pnav-solid{padding:10px 18px;border-radius:12px;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}
.pnav-login{color:var(--text-sub,#4E5968);border:1.5px solid var(--border,#E5E8EB);background:#fff}
.pnav-login:hover{background:var(--bg,#F2F4F6)}
.pnav-solid{background:var(--orange,#CC5338);color:#fff}
.pnav-solid:hover{filter:brightness(1.06)}
.pnav-toggle{display:none;font-size:24px;line-height:1;padding:6px 4px;background:none;border:0;color:var(--text,#191F28);cursor:pointer;font-family:inherit}
.pnav-toggle:focus-visible,.pnav-menu a:focus-visible{outline:2px solid var(--orange,#CC5338);outline-offset:2px;border-radius:6px}
@media (max-width:1180px){.pnav-menu{gap:18px}.pnav-menu a{font-size:13.5px}}
@media (max-width:1000px){
  .pnav-menu{display:none}
  .pnav-toggle{display:block}
  .pnav.open .pnav-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--border,#E5E8EB);box-shadow:0 14px 30px rgba(25,31,40,.12);padding:4px 20px 12px;max-height:calc(100vh - 66px);overflow-y:auto}
  .pnav.open .pnav-menu a{display:flex;align-items:center;padding:15px 4px;font-size:15.5px;font-weight:700;color:var(--text,#191F28);border-bottom:1px solid var(--border,#E5E8EB)}
  .pnav.open .pnav-menu a:last-child{border-bottom:0}
  .pnav.open .pnav-menu a.on,.pnav.open .pnav-menu a.pnav-contact{color:var(--orange,#CC5338)}
}
/* 메뉴가 한 줄에 다 안 들어가면(site-nav.js가 측정) 폭과 상관없이 ☰로 접기 */
.pnav.pnav-compact .pnav-menu{display:none}
.pnav.pnav-compact .pnav-toggle{display:block}
.pnav.pnav-compact.open .pnav-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--border,#E5E8EB);box-shadow:0 14px 30px rgba(25,31,40,.12);padding:4px 20px 12px;max-height:calc(100vh - 66px);overflow-y:auto}
.pnav.pnav-compact.open .pnav-menu a{display:flex;align-items:center;padding:15px 4px;font-size:15.5px;font-weight:700;color:var(--text,#191F28);border-bottom:1px solid var(--border,#E5E8EB)}
.pnav.pnav-compact.open .pnav-menu a:last-child{border-bottom:0}
.pnav.pnav-compact.open .pnav-menu a.on,.pnav.pnav-compact.open .pnav-menu a.pnav-contact{color:var(--orange,#CC5338)}
@media (max-width:560px){
  .pnav .pnav-in{padding:0 16px}
  .pnav-cta{gap:6px}
  .pnav-login,.pnav-solid{padding:8px 12px;font-size:13px}
  .pnav .logo{font-size:19px}
}
/* 메뉴에서 섹션(#features 등)으로 이동할 때 고정 메뉴에 제목이 가려지지 않게 */
section[id],header[id]{scroll-margin-top:74px}