/* 입간판 전용 사이트 공통 틀 (standing-site-20260928)
   ▣ 이 파일은 /standing/ 안의 페이지만 쓴다. 디자인재성 메인 홈페이지(style.css)와 섞이지 않는다.
   ▣ 메인 홈페이지의 헤더·푸터·빠른 바로가기는 여기에 들어오지 않는다. 입간판 사이트는 자기 메뉴만 쓴다. */
:root{ --ink:#1c1913; --gold:#b8965a; --gold-l:#e6c98f; --paper:#faf8f4; --line:#e6dfd2; --muted:#7d7466; }
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',-apple-system,'Malgun Gothic',sans-serif;line-height:1.7;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}

/* 헤더 — 자리를 차지하는 sticky 라서 아래 내용이 가려지지 않는다(메인 홈페이지의 고정 헤더와 다르다) */
.sh{position:sticky;top:0;z-index:30;background:rgba(250,248,244,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sh-in{display:flex;align-items:center;gap:18px;height:74px}
.sh-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}
/* 입간판 로고 배지 — 새 로고(검정 바탕)라 흰색으로 뒤집지 않고 그대로 쓴다 (2026-09-29) */
.sh-brand img{height:38px;width:38px;border-radius:10px;object-fit:cover;background:#0d0b0a;border:1px solid rgba(160,122,58,.4);flex:0 0 auto}
.sh-brand .sh-bt{display:flex;align-items:baseline;gap:7px;font-family:Georgia,"Times New Roman",serif}
.sh-brand .sh-bt b{font-size:17px;font-weight:700;letter-spacing:.2em}
.sh-brand .sh-bt small{font-size:17px;font-weight:700;letter-spacing:.2em;color:#a07a3a}
footer .ft-logo{display:block;width:84px;height:84px;margin:0 0 14px;border-radius:14px}

/* 「디자인재성 홈」은 메뉴가 아니라 로고 옆에 둔다 — 여기가 입간판 사이트임을 먼저 보이게 (sh-home-20260929) */
.sh-home{flex:0 0 auto;padding:7px 12px;border-radius:999px;border:1px solid rgba(160,122,58,.4);font-size:13.5px;font-weight:700;color:#6b6152;white-space:nowrap}
.sh-home:hover{background:#efe9dd;color:var(--ink);border-color:rgba(160,122,58,.7)}
.sh-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.sh-nav a{padding:9px 14px;border-radius:999px;font-size:15px;font-weight:700;color:#4a4437}
.sh-nav a:hover{background:#efe9dd;color:var(--ink)}
.sh-nav a.on{background:#efe9dd;color:var(--ink)}
.sh-tel{background:var(--ink);color:#fff!important;font-weight:900}
/* 좁은 노트북에서 메뉴가 두 줄로 접히지 않게 (sh-fit-20260930) */
@media(min-width:761px) and (max-width:1160px){.sh-in{gap:10px}.sh-home{font-size:12.5px;padding:6px 10px}.sh-nav a{padding:7px 9px;font-size:13.5px}}


/* 단추 */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:800;font-size:15.5px;border:1.5px solid transparent;cursor:pointer;font-family:inherit}
.btn-gold{background:linear-gradient(135deg,#bd914d,#8f682f);color:#fff;box-shadow:0 10px 24px rgba(115,81,31,.2)}
.btn-ghost{border-color:#b8a88d;color:#40382d;background:rgba(255,255,255,.5)}
.btn-dark{background:var(--ink);color:#fff}

/* 페이지 머리 — 헤더 바로 아래에 오는 제목 자리 */
.ph{background:linear-gradient(140deg,#1c1913,#2f2a20 55%,#4a4034);color:#f4efe6;padding:54px 0 48px}
.ph small{display:inline-block;margin:0 0 12px;font-size:12.5px;font-weight:900;letter-spacing:.14em;color:#e6b877;text-transform:uppercase}
.ph h1{margin:0 0 12px;font-size:clamp(27px,3.8vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.03em;word-break:keep-all}
.ph p{margin:0;color:#cfc6b4;line-height:1.8;max-width:680px;font-size:15px;word-break:keep-all}
.ph .ph-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ph .ph-acts a{border-radius:999px;padding:12px 22px;font-weight:900;font-size:14px}
.ph .ph-acts a.b1{background:#e6b877;color:#1c1913}
.ph .ph-acts a.b2{border:1.5px solid rgba(244,239,230,.5);color:#f4efe6}
.ph .crumb{margin:0 0 10px;font-size:12.5px;color:#b3a894}
.ph .crumb a{color:#e0d3ba}

/* 아래 띠 · 푸터 */
.cta{background:var(--ink);color:#fff;padding:56px 0}
.cta h2{margin:0 0 10px;font-size:clamp(21px,2.8vw,29px);font-weight:900;word-break:keep-all}
.cta p{margin:0 0 20px;color:rgba(255,255,255,.75)}
.cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.cta .btn-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}
footer{background:#141210;color:rgba(255,255,255,.62);padding:34px 0 44px;font-size:13.5px}
footer b{color:#fff}
footer .fl{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
.loading{color:var(--muted);font-size:14px;padding:20px 0}

@media(max-width:760px){
  .sh-in{height:auto;padding:10px 0;flex-wrap:wrap;gap:8px}
  .sh-home{margin-left:auto;padding:6px 10px;font-size:12.5px}
  .sh-nav{width:100%;margin-left:0;gap:2px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .sh-nav a{padding:8px 11px;font-size:13.5px;white-space:nowrap}
  .ph{padding:36px 0 34px}
}
/* render-note-20261016 — 대표 요청: 이미지는 렌더링 · 참고용, 실제 제작 디테일과 차이 있음 */#designGrid::before,#smGrid::before,#modelGrid::before,#sdPhotos::before{display:block;grid-column:1/-1;margin:0 0 4px;padding:9px 13px;border-radius:10px;background:#f6f1e8;border:1px solid #e6dccb;color:#6b5f4c;font-size:13px;line-height:1.6;word-break:keep-all}#designGrid::before{content:"※ 디자인 시안은 가상 렌더링 이미지입니다. 실제 제작 시 색상 · 재질 · 디테일에 차이가 있을 수 있습니다."}#smGrid::before,#modelGrid::before,#sdPhotos::before{content:"※ 제품 이미지는 렌더링 · 참고 이미지로, 실제 제작 디테일과 차이가 있을 수 있습니다."}.sp-fig{position:relative}.sp-fig::after{content:"렌더링 · 참고 이미지 — 실제 제작과 차이가 있을 수 있습니다";position:absolute;left:10px;bottom:10px;z-index:2;max-width:calc(100% - 20px);padding:4px 10px;border-radius:999px;background:rgba(20,16,12,.6);color:#f1e7d3;font-size:11.5px;font-weight:600;line-height:1.35;pointer-events:none}