/* 2026-11-12 방문 행동 묶음: 휴대폰 아래 고정 줄(전화·카톡·톡톡·예약)과 본문 끝 안내 칸.
   되돌리려면 include.php의 이 파일 link 한 줄을 지운다. 버튼의 글·주소·클래스는 그대로라 버튼 클릭 집계 자리(float)도 그대로다. */
.nb-close{position:relative;z-index:5;background:#f5f7f8;color:#1d2530;padding:72px 24px 80px;word-break:keep-all;overflow-wrap:anywhere;font-family:"Pretendard",sans-serif;text-align:left}
.nb-close *{box-sizing:border-box}
.nb-close-wrap{max-width:1080px;margin:0 auto}
.nb-close h2{font-size:30px;line-height:1.35;font-weight:700;color:#12202b;margin:0 0 10px}
.nb-close-lead{font-size:17px;line-height:1.7;color:#4a5560;margin:0 0 28px}
.nb-close-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 44px}
.nb-close-qa{background:#fff;border-radius:16px;padding:22px 24px}
.nb-close-qa h3{font-size:18px;line-height:1.5;font-weight:700;color:#12202b;margin:0 0 8px}
.nb-close-qa p{font-size:16px;line-height:1.75;color:#3d4852;margin:0}
.nb-close-card{background:#fff;border-radius:20px;padding:32px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
.nb-close-card h2{font-size:26px}
.nb-close-hours{margin:16px 0 0;padding:0;list-style:none;font-size:16px;line-height:1.5;color:#3d4852}
.nb-close-hours li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #edf0f2}
.nb-close-hours li:last-child{border-bottom:0}
.nb-close-hours b{font-weight:600;color:#12202b}
.nb-close-note{font-size:14px;line-height:1.6;color:#66717c;margin:10px 0 0}
.nb-close-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nb-close-btns a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:10px 14px;border-radius:14px;background:#eef1f3;color:#12202b;font-size:16px;font-weight:600;line-height:1.3;text-align:center}
.nb-close-btns a.nb-close-main{grid-column:1/-1;background:#006468;color:#fff;font-size:18px;min-height:60px}
.nb-close-btns a:hover{filter:brightness(.96)}
.nb-close a:focus-visible{outline:3px solid #2864d7;outline-offset:3px}
.nb-close-more{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.nb-close-more a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:#fff;color:#12202b;font-size:15px;font-weight:500}
@media(max-width:768px){
  .nb-close{padding:48px 20px 56px}
  .nb-close h2{font-size:23px}
  .nb-close-lead{font-size:16px;margin-bottom:20px}
  .nb-close-faq{grid-template-columns:1fr;gap:10px;margin-bottom:32px}
  .nb-close-qa{padding:18px 18px}
  .nb-close-qa h3{font-size:17px}
  .nb-close-card{grid-template-columns:1fr;gap:22px;padding:22px 18px}
  .nb-close-card h2{font-size:21px}

  /* 휴대폰: 오른쪽에 세로로 떠 있던 버튼 여섯 개를 아래 고정 줄 네 개로. 본문·입력 칸을 가리지 않는다. */
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  body .mo__quick-buttons,body:has(.nb-night) .mo__quick-buttons{display:flex;top:auto;bottom:0;left:0;right:0;transform:none;flex-direction:row;align-items:stretch;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e4e8eb;box-shadow:0 -8px 24px rgba(16,24,40,.08)}
  body .mo__quick-buttons .mo__quick-btn{flex:1 1 0;width:auto;min-width:0;height:52px;border-radius:12px;gap:4px;font-size:12px!important;font-weight:600;background:#f3f5f6;color:#1d2530;box-shadow:none;white-space:nowrap}
  body .mo__quick-buttons .mo__quick-btn:hover{transform:none}
  body .mo__quick-buttons .mo__quick-btn i{font-size:17px}
  body .mo__quick-buttons .mo__quick-kakao i{color:#3b1e1e}
  body .mo__quick-buttons .mo__quick-naver i{color:#03a94d}
  body .mo__quick-buttons .mo__quick-call{flex:1.5 1 0;flex-direction:row;gap:7px;background:#006468;color:#fff;font-size:15px!important}
  body:has(.nb-guide) .mo__quick-buttons .mo__quick-btn{background:#f3f5f6;color:#1d2530}
  body:has(.nb-guide) .mo__quick-buttons .mo__quick-call{background:#2456d6;color:#fff}
  body .mo__quick-buttons .mo__quick-blog,body .mo__quick-buttons .mo__quick-youtube{display:none}
  /* 홈 첫 화면의 바로가기 세 줄이 아래 고정 줄에 가리지 않게 올린다 */
  body .bottom-text-area .bottom-text-box{bottom:calc(78px + env(safe-area-inset-bottom))}
  body .bottom-text-area .mousey{display:none}
}
