:root { --gnb-h: 91px; }          /* 고정 헤더 실제 높이 */

body { padding-top: var(--gnb-h); }        /* 컨텐츠가 헤더 밑에서 시작 */
html {
  scroll-behavior: smooth;                 /* 선택: 부드러운 스크롤 */
  scroll-padding-top: var(--gnb-h);        /* #앵커 스크롤 여유공간 확보 */
}

body {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Helvetica, Arial, sans-serif;
}

ul{margin-bottom:0px; padding:0px;}

 
.navbar-nav-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.navbar-brand img{height:100px;} 
footer {
  background:#e8e8e8;
  padding: 40px 0;
  font-size: 0.9rem;
}
 
.accordion-button::after {
  transition: transform .2s;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(45deg);
}
 
form .form-control, form .form-select {
  min-height: 50px;
  font-size: 1rem;
}
 
tbody tr:nth-of-type(even) {
  background:#fffdfd;
}

 
#consult-scroll { max-height: 205px; overflow: hidden; }
#consult-scroll thead{ position:relative; z-index:999; }
 
#consultBody { transition: transform .5s ease; }


  #gallery{/* margin-top: 91px; */}
 
.site-header{border-bottom:1px solid #d9d9d9;background:#fff;position: fixed;width: 100%;top: 0px;z-index: 999;}
.site-header .inner{max-width: 1320px;margin:0 auto;padding: 0 12px;display:flex;align-items:center}
.site-header .logo img{height: 90px;display:block;padding: 15px;}        

.mobile-nav li{text-align:center;}
 
.pc-nav{flex:1}                                          
.pc-nav ul{display:flex;justify-content:center;gap:48px;list-style:none}
.pc-nav a{display:block;padding:8px 0;font-weight:600;color:#000;text-decoration:none}
.pc-nav a:hover{color:#0d6efd}

 
.mobile-nav{display:none;margin-top:8px}
.mobile-nav ul{display:flex;list-style:none}
.mobile-nav li{flex:1}
.mobile-nav a{
  display:block;padding:10px 0;font-weight:600;
  background:#e6e6e6;color:#000;text-decoration:none;
  border-right:1px solid #d0d0d0
}
.mobile-nav li:last-child a{border-right:none}
.mobile-nav a:hover{background:#d1d9ff}


.gallery.mobile{ }
.gallery.mobile img{width:100%;}

.mobile{display:none;}

 
@media (max-width:887.99px){
  :root { --gnb-h: 174px; }
  .site-header .inner{flex-direction:column;padding:16px 0}
  .pc-nav{display:none}
  .mobile-nav{display:block;width:100%}
  .mobile-nav a{font-size:0.95rem}
  
  .pc{display:none}
  .mobile{display:block;width:100%}
}



/* 기본: 데스크톱에서는 숨김 */
.mobile-cta{
  display:none;
}

/* 이미지 위에 핫스팟을 얹기 위한 베이스 */
.gallery.mobile .img-wrap { position: relative; }
 


/* 모바일 전용 표시 (브레이크포인트는 프로젝트 기준으로 조정) */
@media (max-width: 887.99px){
  /* 본문이 가려지지 않게 하단 여백 확보 */
  body{
    padding-bottom: calc(56px + env(safe-area-inset-bottom));
  }

  .mobile-cta{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    display: flex;
    height: 56px;
    z-index: 1000;
    box-shadow: 0 -4px 12px rgba(0,0,0,.12);
    padding-bottom: env(safe-area-inset-bottom); /* iOS safe area */
  }
  .mobile-cta .cta{
    flex:1 1 0;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-weight:700; text-decoration:none;
    border-right:1px solid rgba(0,0,0,.08);
    user-select:none;
  }
  .mobile-cta .cta:last-child{ border-right:none; }

  /* 색상 */
  .cta-inquiry{ background:#ff7a21; }  /* 오렌지 */
  .cta-kakao  { background:#ffd400; color:#111; } /* 카카오톤 */
  .cta-call   { background:#2d8cff; }  /* 블루 */

  /* 터치 피드백 */
  .mobile-cta .cta:active{ filter:brightness(.93); }

  
  .gallery.mobile .tel-hotspot{
    position:absolute;
    left: 0%;
    /* transform:translateX(-50%); */
    width: 100%;          /* 전화번호가 그려진 영역의 가로폭 비율 */
    bottom: 0%;        /* 이미지 하단에서의 위치(퍼센트) */
    /* height:12vw; */        /* 높이: 뷰포트 너비 기준으로 반응형 */
    height: 19%;    /* 너무 얇아지지 않게 */
    /* max-height:64px; */    /* 너무 커지지 않게 */
    display:block;
    z-index:5;
    /* 디버깅할 때 위치 보려면 아래 한 줄 주석 해제
    outline:2px dashed rgba(255,0,0,.35);
    */
  }

}