/* 00 현장용 덧붙임: 시안 비교 띠, 데모(임시) 표시, 4칸 접근성, 노선 배지 */
:root{--vbar3:40px}
.vbar3{position:fixed;inset:0 0 auto;z-index:9999;height:var(--vbar3);display:flex;align-items:center;justify-content:center;gap:12px;background:#0b0d10;color:rgba(255,255,255,.7);font:600 13px/1 Pretendard,"Noto Sans KR",sans-serif;border-bottom:1px solid rgba(255,255,255,.08)}
.vbar3-home{position:absolute;left:16px;color:rgba(255,255,255,.75);text-decoration:none;font-weight:700}
.vsw3{display:inline-flex;padding:3px;border-radius:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.vsw3 a{padding:6px 14px;border-radius:40px;color:rgba(255,255,255,.75);text-decoration:none;font-weight:700;font-size:16px}
.vsw3 a.on{background:#fff;color:#0b0d10}
body{padding-top:var(--vbar3)}
@media(max-width:720px){:root{--vbar3:36px}.vbar3{justify-content:space-between;padding:0 10px}.vbar3-home{position:static;font-size:12px}.vsw3 a{padding:5px 12px;font-size:15px}}


.commute-access-index.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.access-route-badge.line7{background:#747f00!important;color:#fff!important}
.access-route-badge.road{background:#c79a3d!important;color:#fff!important;font-size:14px!important;width:auto!important;padding:0 10px!important;border-radius:20px!important}

/* 시안 4: 문자상담을 뺐으므로 3칸 */
.quick-actions{grid-template-columns:repeat(3,1fr)!important}
.mobile-sticky{grid-template-columns:1.3fr 1fr 1fr!important}
.mobile-sticky>*{grid-column:auto!important}

/* 대표번호 크게 (고객 요청 2026-10-09) */
.top-phone{gap:12px;padding:10px 20px 10px 16px;border-radius:40px;background:rgba(7,20,50,.55);border:1px solid rgba(216,176,111,.7);backdrop-filter:blur(6px);color:#fff}
.top-phone:before{content:"☎";font-size:22px;line-height:1;color:#d8b06f}
.top-phone span{display:inline!important;font-size:18px;font-weight:600;color:rgba(255,255,255,.85)}
.top-phone b{font-size:28px!important;font-weight:800;color:#fff;letter-spacing:.01em;line-height:1}
.top-phone b{white-space:nowrap}
@media(max-width:680px){
  /* 모바일: 로고 아래 가운데에 한 줄로 */
  .topbar{grid-template-columns:1fr!important;justify-items:center;row-gap:12px}
  .topbar-balance{display:none}
  .brand-wordmark{grid-column:1!important}
  .top-phone{grid-column:1!important;justify-self:center!important;padding:8px 18px;gap:8px}
  .top-phone:before{font-size:20px}
  .top-phone span{font-size:16px}
  .top-phone b{font-size:22px!important}
}

/* 상단 현장명 크게 (고객 요청 2026-10-09) */
.brand-wordmark .wordmark-name{font-size:36px!important;font-weight:800}
.brand-wordmark .wordmark-city{height:42px!important;padding:0 14px!important;font-size:26px!important}
@media(max-width:680px){
  .brand-wordmark .wordmark-name{font-size:26px!important}
  .brand-wordmark .wordmark-city{height:32px!important;padding:0 10px!important;font-size:20px!important}
}

/* 접근성 노선 배지 크게 (고객 요청 2026-10-09) */
.commute-access-index .access-route-badge{width:78px!important;min-width:78px!important;height:78px!important;font-size:20px!important;font-weight:800!important;border-width:3px!important}
.commute-access-index .access-route-badge.road{width:auto!important;min-width:0!important;height:56px!important;padding:0 22px!important;border-radius:30px!important;font-size:20px!important}
@media(max-width:980px){
  .commute-access-index .access-route-badge{width:58px!important;min-width:58px!important;height:58px!important;font-size:16px!important}
  .commute-access-index .access-route-badge.road{height:44px!important;padding:0 14px!important;font-size:16px!important}
}

/* 관리자 팝업(이벤트 이미지) */
.evpop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;animation:evIn .25s ease both}
.evpop-bg{position:absolute;inset:0;background:rgba(5,12,30,.72);backdrop-filter:blur(3px)}
.evpop-box{position:relative;width:min(420px,100%);border-radius:18px;overflow:hidden;background:#071432;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.evpop-img{display:block}
.evpop-img img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#071432}
.evpop-x{position:absolute;right:10px;top:10px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.evpop-dots{position:absolute;left:0;right:0;bottom:62px;display:flex;justify-content:center;gap:8px}
.evpop-dots button{width:9px;height:9px;border:0;border-radius:9px;background:rgba(255,255,255,.5);cursor:pointer;transition:.2s}
.evpop-dots button.on{width:26px;background:#fff}
.evpop-f{display:flex;background:#0a1a3f}
.evpop-f button{flex:1;padding:16px;border:0;background:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.evpop-f button+button{border-left:1px solid rgba(255,255,255,.12)}
@keyframes evIn{from{opacity:0}to{opacity:1}}

/* 오늘 상담 현황 */
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.live-count{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:700;color:#0a1737}
.live-count i{width:9px;height:9px;border-radius:50%;background:#22c55e;animation:livePulse 1.8s infinite;flex-shrink:0}
.live-count b{font-size:20px;font-weight:900;color:#b0812f}
.live-count.in-form{margin:4px 0 10px;padding:10px 14px;border-radius:12px;background:#f7f1e6;border:1px solid #ead9b8}
.live-count.on-bar{display:none}
@media(max-width:980px){
  .mobile-sticky{position:fixed}
  .live-count.on-bar{display:flex;position:absolute;left:0;right:0;bottom:100%;padding:8px 12px;background:rgba(255,255,255,.97);border-top:1px solid #ead9b8;font-size:15px}
  .live-count.on-bar b{font-size:17px}
}

/* 이미지가 늦게 보이던 원인 제거 (2026-10-10)
   - 스크롤 등장 효과: 화면에 들어온 뒤 0.72초 동안 서서히 나타남 → 바로 보이게
   - 첫 화면 슬라이드: 투명에서 0.9초 동안 나타남 → 처음부터 보이게 (세 장 간격은 그대로) */
.reveal,.reveal-group,.reveal.in-view{opacity:1!important;transform:none!important;transition:none!important}
.hero-slide-01{animation-delay:-.9s!important}
.hero-slide-02{animation-delay:5.1s!important}
.hero-slide-03{animation-delay:11.1s!important}

/* 샘플: 현장명이 그려진 개발 지도 감춤 */
.development-map-visual,.premium-location-map{display:none}
.development-panel{grid-template-columns:1fr}