/* [2026-09-30] 공용 상하단(사이트 헤더·모바일 메뉴·푸터) — 홈(main_home.php)의 해당 규칙을 그대로 추출한 것. 의뢰서·완료·(앞으로) 결제 등 고객이 거치는 모든 별도 화면이 같은 상하단을 쓰도록 공유한다.
   원본은 홈 CSS이므로 홈 헤더/푸터를 바꾸면 여기도 같이 맞출 것(작업과제 #68-9). 이 화면들은 <div class="eb-home eb-page"> 안에서만 적용된다. */
html,body{margin:0;padding:0}
.eb-home{--eb-ink:#191814;--eb-muted:#6b6a61;--eb-accent:#ffc928;--eb-accent-orange:#ff8b36;--eb-cream:#fff1bd;--eb-mint:#e2f1e8;--eb-line:#f5f1e8;--eb-cta-copy:#e9e3d7;--eb-radius-lg:24px;--eb-radius-md:16px;--eb-radius-pill:999px;background:#fff;color:var(--eb-ink);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;line-height:1.5}
.eb-home *{box-sizing:border-box}
.eb-home a{color:inherit;text-decoration:none}
.eb-home button{font:inherit}
.eb-home .container{width:min(1296px,calc(100% - 144px));margin:auto}
.eb-home .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:0;border-radius:var(--eb-radius-pill);cursor:pointer;font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s}
.eb-home .btn:hover{transform:translateY(-2px)}
.eb-home .btn-primary{background:var(--eb-ink);color:#fff;box-shadow:0 8px 18px rgba(25,24,20,.14)}
.eb-home .btn-secondary{background:#fff;color:var(--eb-ink);box-shadow:0 7px 18px rgba(25,24,20,.12)}
.eb-home .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);transition:border-color .2s,box-shadow .2s;backdrop-filter:blur(10px)}
.eb-home .site-header.is-scrolled{border-bottom:1px solid var(--eb-line);box-shadow:0 2px 14px rgba(25,24,20,.035)}
.eb-home .header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.eb-home .brand img{display:block;height:28px;width:auto}
.eb-home .main-nav{display:flex;gap:30px;margin-left:auto;margin-right:auto}
.eb-home .main-nav a,.eb-home .login{font-size:14px;font-weight:650}
.eb-home .main-nav a:hover,.eb-home .login:hover{color:#9a7411}
.eb-home .header-actions{display:flex;align-items:center;gap:20px}
.eb-home .mobile-label{display:none}
.eb-home .menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;font-size:23px;cursor:pointer}
.eb-home .mobile-panel{display:none}
.eb-home .site-footer{border-top:1px solid var(--eb-line);padding:28px 0 34px;color:var(--eb-muted);font-size:12px}
.eb-home .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}
.eb-home .copyright{margin:11px 0 0;text-align:center}
@media(max-width:767px){.eb-home .container{width:calc(100% - 40px)}.eb-home .header-inner{height:64px;gap:8px}.eb-home .brand img{height:24px}.eb-home .main-nav,.eb-home .login,.eb-home .desktop-label{display:none}.eb-home .mobile-label{display:inline}.eb-home .header-actions{margin-left:auto;gap:2px}.eb-home .header-actions .btn{min-height:40px;padding:8px 14px;font-size:12px}.eb-home .menu-toggle{display:block}.eb-home .mobile-panel{position:fixed;inset:0;z-index:30;align-items:center;justify-content:center;padding:30px;background:rgba(25,24,20,.98);color:#fff}.eb-home .mobile-panel.is-open{display:flex}.eb-home .panel-close{position:absolute;right:20px;top:12px;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:28px}.eb-home .mobile-nav{display:flex;flex-direction:column;align-items:center;gap:23px;font-size:24px;font-weight:800}.eb-home .mobile-nav .mobile-login{margin-top:12px;color:var(--eb-accent);font-size:16px}}
.eb-home .lang-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #eee9de;border-radius:var(--eb-radius-pill);background:#fff}
.eb-home .lang-switch button{min-width:38px;height:26px;padding:0 9px;border:0;border-radius:var(--eb-radius-pill);background:transparent;color:var(--eb-muted);font-size:12px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}
.eb-home .lang-switch button.is-active{background:var(--eb-accent);color:var(--eb-ink)}
@media(min-width:768px) and (max-width:899px){.eb-home .main-nav,.eb-home .login{display:none}.eb-home .menu-toggle{display:block}.eb-home .header-actions{margin-left:auto;gap:10px}.eb-home .mobile-panel{position:fixed;inset:0;z-index:30;align-items:center;justify-content:center;padding:30px;background:rgba(25,24,20,.98);color:#fff}.eb-home .mobile-panel.is-open{display:flex}.eb-home .panel-close{position:absolute;right:20px;top:12px;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:28px}.eb-home .mobile-nav{display:flex;flex-direction:column;align-items:center;gap:23px;font-size:24px;font-weight:800}.eb-home .mobile-nav .mobile-login{margin-top:12px;color:var(--eb-accent);font-size:16px}}
@media(min-width:900px) and (max-width:1099px){.eb-home .main-nav{gap:18px}.eb-home .header-actions{gap:12px}.eb-home .header-inner{gap:14px}}
@media(max-width:767px){.eb-home .header-actions{gap:6px}.eb-home .lang-switch{padding:2px}.eb-home .lang-switch button{min-width:30px;height:24px;padding:0 7px;font-size:11px}.eb-home .menu-toggle{width:36px}.eb-home .header-actions .btn .mobile-label{white-space:nowrap}}
@media(max-width:374px){.eb-home .header-actions .btn{display:none}}
.eb-home{overflow-x:clip}
.eb-home.eb-page .lang-switch{display:inline-flex}
.eb-home.eb-page{min-height:100vh;display:flex;flex-direction:column}
.eb-home.eb-page>.eb-page-main{flex:1 0 auto}
.eb-home .footer-biz{margin:14px auto 0;max-width:880px;text-align:center;line-height:1.75}
.eb-home .footer-biz span{display:inline-block;margin:0 9px}
.eb-home .footer-links .footer-strong{font-weight:750;color:var(--eb-ink)}