/* 더 블루타이거 채용 — style.css 위에 얹는 덮개. AESF 페이지(style.css)는 건드리지 않는다.
 * 색: 블루타이거 네이비 #1A3068 (학부모 랜딩 · 와이어프레임과 같은 값) */
:root{
  --navy:#1A3068; --navy-2:#2F4890; --blue:#2F4890; --blue-soft:#eef2f9;
}
h1 .mark{background-image:linear-gradient(transparent 56%, rgba(47,72,144,.22) 56%)}

/* 헤더 로고 — 인라인 SVG 워드마크 */
header.top .brand svg{height:36px; width:auto; color:var(--navy); display:block}

/* 사진 자리 — 실제 사진을 받기 전까지 회색 상자. 설명 문구는 촬영·선택 기준 */
.phbox{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  aspect-ratio:2.12; width:100%; margin:var(--s3) 0; padding:var(--s3);
  background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#eceef1 10px,#eceef1 11px);
  border:1px solid var(--rule); color:var(--ink-3); font-size:14px; line-height:1.6}
.phbox b{color:var(--ink-2); font-weight:600}
.phbox.photo{padding:0; background:#eef0f3; overflow:hidden; display:block}
.phbox.photo img{display:block; width:100%; height:100%; object-fit:cover}
.reason .phbox,.card.ph .phbox{margin:0; border:0; border-bottom:1px solid var(--rule)}
.card.ph .phbox{width:calc(100% + var(--s2) * 2); margin:0 calc(var(--s2) * -1) var(--s2); aspect-ratio:2.2}

/* 크루 비자 줄 — 히어로 바로 아래, 대표님 결정으로 앞쪽에 둔다 */
.visa{background:var(--navy); color:#fff; padding:13px 16px; font-weight:600; font-size:16px; line-height:1.6; margin:var(--s2) 0 0}

/* 현직자 인용 */
.voice{background:#f6f8fb; border-radius:4px; padding:12px 16px; margin:var(--s2) 0 0;
  font-size:15.5px; line-height:1.75; color:var(--ink)}
.voice .by{display:block; font-size:13.5px; font-weight:700; color:var(--ink-3); margin-top:6px}
.reason .voice{font-size:15px}
.card .voice{font-size:14.5px}
.card .voice .by{font-size:12.5px}
.pull{margin:var(--s3) 0 0; padding:20px 22px; background:var(--blue-soft); border-left:5px solid var(--navy);
  font-size:18px; line-height:1.7; font-weight:600; letter-spacing:-.02em}
.pull .by{display:block; margin-top:10px; font-size:13.5px; font-weight:700; color:var(--ink-3); letter-spacing:0}

/* 카드 안 「→ 여기서는」 줄 */
.card .ans{display:block; margin-top:10px; color:var(--navy); font-weight:700}
.card .lbl{display:block; font-size:13px; font-weight:700; color:var(--ink-3); letter-spacing:.02em; margin-bottom:6px}
.card>h4{font-size:17px; line-height:1.45; margin:0 0 8px; letter-spacing:-.02em}

/* 설문 집계 한 줄 */
.stat-line{font-size:14.5px; color:var(--ink-3); margin:12px 0 0}

/* 번호 목록 — 크루 업무 · 자격 */
ol.num{list-style:none; counter-reset:n; padding:0; margin:var(--s3) 0; border-top:1px solid var(--rule)}
ol.num li{counter-increment:n; display:grid; grid-template-columns:2.4em 1fr; gap:6px; padding:12px 0; margin:0;
  border-bottom:1px solid var(--rule); font-weight:600}
ol.num li::before{content:counter(n,decimal-leading-zero); color:var(--ink-3); font-size:13px; font-weight:700; padding-top:3px}

/* 섹션 맺음 한 줄 */
.close{font-weight:700; font-size:17px; padding-top:var(--s2); border-top:1px solid var(--rule); margin-top:var(--s3)}

/* 크루 지점 목록 */
.branches{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:var(--s3) 0}
.branches span{background:rgba(255,255,255,.08); border:1px solid var(--navy-2); color:#fff; padding:10px 12px; font-weight:600; font-size:15px}
@media(max-width:640px){ .branches{grid-template-columns:1fr 1fr} }

section.band h3{color:#fff}
section.band p{color:#dbe2ee}
section.band p b{color:#fff}
.logobox.bt svg{color:#fff}

/* 홀수 장이라 가로로 편 마지막 카드 — 사진 자리도 2열 카드와 같은 높이로 (style.css 의 .card-img 150px 과 맞춤) */
.cards.c2>:last-child:nth-child(odd) .phbox{aspect-ratio:auto; height:150px}
/* 크루 리뷰 프로필 사진 (09-30) — 왼쪽 아래, 작은 원형 */
.voice .by.has-av{display:flex; align-items:center; gap:9px; margin-top:10px}
.voice .av{width:36px; height:36px; border-radius:50%; object-fit:cover; flex:none; background:#dfe4ee}
.card .voice .av{width:32px; height:32px}
/* 현직 크루 리뷰 모음 칸 (09-30) — PC 2열 · 휴대폰 1열 */
.voices{display:grid; gap:12px; margin-top:var(--s3)}
.voices .voice{margin:0}
@media (min-width:760px){.voices{grid-template-columns:1fr 1fr}}

/* 10-01 크루 랜딩 지점 14곳 + 주소 카드 */
.branch-list{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.branch-list li{border:1px solid var(--rule);border-radius:12px;padding:12px 14px;background:#fff}
.branch-list b{display:block;color:var(--navy);font-size:15px;font-weight:700}
.branch-list span{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:var(--ink-2)}
/* 영문 페이지는 영문 주소만, 한/영 버튼으로 한글(lang=ko)이면 한글 주소만 */
.branch-list span.ko{display:none}
html[lang="ko"] .branch-list span.ko{display:block}
html[lang="ko"] .branch-list span:not(.ko){display:none}

/* 지점장 후기 슬라이드 — style.css .slider(스크롤 스냅) 재사용, 다음 카드가 살짝 보이게 */
.vslider .track{gap:12px; padding:2px 0}
.vslider .voice{flex:0 0 86%; margin:0; scroll-snap-align:start}
@media (min-width:760px){.vslider .voice{flex-basis:calc(50% - 6px)}}
.voice b{font-weight:700; color:#000}
/* 화살표가 후기 글자를 가려서 슬라이드 아래 오른쪽으로 */
.vslider{display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px}
.vslider .track{flex:0 0 100%}
.vslider .sl-nav{position:static; transform:none; width:40px; height:40px; font-size:26px}
/* 프로필·이름을 후기 위로 — 끝에 있으면 안 읽힘 (10-07 사용자 지시) */
.voice > .by.has-av:first-child{margin:0 0 8px; color:var(--ink-2)}
.vslider figure img{height:auto}
/* 소섹션 후기: 카드 본문과 구분되게 연한 네이비 면 (10-07 사용자 지시) */
.reason .voice.excerpt{background:#eaf0fa; padding:14px 16px; font-size:14.5px; line-height:1.7; color:var(--ink-2)}
.cards.duty .card span b{color:#000}
.card span span{display:inline}  /* manager ?b= 지점 주소 줄 */
[data-b-addr] small{font-size:15px;line-height:1.6}
/* 2차 문항: 제목(label)과 설명(q-desc)을 나눠 채용공고처럼. 설명은 제목 바로 아래, 입력칸 위 */
.q-desc{margin:4px 0 10px; line-height:1.65; color:var(--ink-2)}
.q-desc b{color:#000; font-weight:700}