/* 메인 밖 페이지(약력·개인정보처리방침·이용약관)의 공통 길목: 머리글 메뉴, PC 빠른 버튼, 모바일 하단 바.
   메인과 같은 모양으로 두고, 상담 신청은 메인의 신청 패널(/#apply)로 보낸다. 박성호 2026-10-24 "네비, 퀵, 푸터가 서로 이어져야" */

/* 머리글: 메인 밖에서는 처음부터 어두운 바를 깐다 */
.site-header--sub { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 40px; height: var(--header-h, 72px); padding: 0 var(--gutter, 20px);
  background: rgba(18, 18, 18, .96); border-bottom: 1px solid #2b2b2b; color: #f2f2ef; }
.site-header--sub .site-header__logo img { display: block; width: 92px; height: auto; }
.site-header--sub .site-header__nav { display: flex; gap: 28px; margin-left: auto; font-size: 16px; color: #9a9a95; }
.site-header--sub .site-header__nav a { color: inherit; text-decoration: none; }
.site-header--sub .site-header__nav a:hover { color: #f2f2ef; }
.site-header--sub .site-header__call { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border: 1px solid #555; border-radius: 999px;
  color: #f2f2ef; font-size: 16px; font-weight: 700; text-decoration: none; }
@media (max-width: 1080px) { .site-header--sub .site-header__nav { display: none; } .site-header--sub .site-header__call { margin-left: auto; } }
@media (max-width: 860px) { .site-header--sub { height: 60px; } .site-header--sub .site-header__logo img { width: 76px; } .site-header--sub .site-header__call { height: 36px; padding: 0 14px; } }

/* PC 빠른 버튼(메인 inquiry.css와 같은 모양). 상담 신청은 메인 신청 패널로 간다 */
.quick-sub { display: none; }
@media (min-width: 861px) {
  .quick-sub { position: fixed; right: 20px; top: 50%; z-index: 30; display: grid; gap: 8px; transform: translateY(-50%); }
  .quick-sub a { display: grid; place-items: center; align-content: center; gap: 2px; width: 80px; height: 80px; border: 1px solid #2f2f2f; border-radius: 50%;
    background: rgba(22, 22, 22, .92); color: #f2f2ef; font: 800 15px/1.25 "Pretendard Variable", sans-serif; text-align: center; text-decoration: none;
    box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .6); transition: transform .2s ease; }
  .quick-sub a:hover { transform: translateY(-2px); }
  .quick-sub .quick-sub__main { width: 88px; height: 88px; background: #2f5bff; border-color: #2f5bff; color: #fff; font-size: 17px; }
  .quick-sub .ico { width: 20px; height: 20px; }
  .quick-sub .ico--kakao { width: 24px; height: 24px; }
  .quick-sub .quick-sub__top { font-size: 13px; color: #9a9a95; }
}
@media (min-width: 861px) and (max-width: 1359px) {
  .quick-sub { top: auto; bottom: 24px; transform: none; }
  .quick-sub a:not(.quick-sub__main) { display: none; }
}

/* 모바일 하단 바: 늘 보인다 */
.dock-sub { display: none; }
@media (max-width: 860px) {
  .dock-sub { position: fixed; inset: auto 0 0 0; z-index: 20; display: flex; gap: 6px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    background: rgba(13, 13, 13, .94); border-top: 1px solid #2b2b2b; }
  .dock-sub a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; height: 52px; border: 1px solid #444; border-radius: 12px;
    color: #f2f2ef; font: 800 17px "Pretendard Variable", sans-serif; text-decoration: none; }
  .dock-sub .dock-sub__main { flex: 1.7; background: #2f5bff; border-color: #2f5bff; color: #fff; }
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
}
