/* 사이트 공통 상단 메뉴: 홈·견적·블로그가 같은 위치·크기·글자 */
.sn{position:fixed;top:0;left:0;right:0;z-index:60;height:60px;display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(20px,3.2vw,44px);box-sizing:border-box;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:14.5px;line-height:1;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
.sn a,.sn button,.sn-panel a,.sn-panel button{color:inherit;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.sn .sn-brand{font-size:16px;font-weight:650;letter-spacing:-.02em;color:#141414}
.sn-menu{display:flex;gap:28px;margin-left:auto}
.sn-menu a,.sn-menu button{color:#5b5b5f;padding:8px 0}
.sn-menu a:hover,.sn-menu button:hover{color:#141414}
.sn .sn-menu [aria-current]{color:#141414;font-weight:650}
.sn-toggle{display:none;color:#141414;padding:8px 0;margin-left:auto}
.sn a:focus-visible,.sn button:focus-visible,.sn-panel a:focus-visible,.sn-panel button:focus-visible{outline:2px solid #1652d6;outline-offset:4px;border-radius:4px}
/* 견적·블로그: 얇은 반투명 바 */
.sn-solid{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sn-solid{box-shadow:0 1px 0 rgba(0,0,0,.06)}
body.has-sn{padding-top:60px}
/* 홈: 바 없이 글자만 떠 있음. 밝은 면·어두운 면 모두에서 읽히도록 색을 반전 */
.sn-float{pointer-events:none;mix-blend-mode:difference;color:#fff}
.sn.sn-float .sn-brand,.sn.sn-float .sn-menu a,.sn.sn-float .sn-toggle{color:#fff;pointer-events:auto}
.sn-float .sn-float .sn-menu a{opacity:.72}
.sn-float .sn-menu a:hover,.sn-float .sn-menu [aria-current]{opacity:1}
.sn-float.sn-away{opacity:0;visibility:hidden}
.sn-panel{position:fixed;top:60px;left:0;right:0;z-index:59;display:flex;flex-direction:column;padding:8px clamp(20px,3.2vw,44px) 24px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);
  font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.sn-panel[hidden]{display:none}
.sn-panel a,.sn-panel button{display:block;text-align:left;padding:15px 0;font-size:19px;font-weight:600;letter-spacing:-.02em;color:#141414;border-top:1px solid rgba(0,0,0,.08)}
.sn-panel a:first-child{border-top:0}
.sn-panel [aria-current]{color:#1652d6}
@media (max-width:760px){
  .sn-menu{display:none}
  .sn-toggle{display:block}
  .sn{height:54px}
  .sn-panel{top:54px}
  body.has-sn{padding-top:54px}
}
@media (min-width:761px){.sn-panel{display:none!important}}
@media print{.sn,.sn-panel{display:none}}
