/* WVR 시안 서브 페이지 공통: 짧은 페이지 제목, 섹션 제목, 문의 띠
   (머리글이 반투명이라 페이지는 맨 위 0에서 시작하고, 첫 구역이 머리글 높이만큼 안쪽 여백을 둔다) */
.dark{background:var(--dark);color:#fff}
.center{text-align:center}
.st{font-family:var(--en);font-size:44px;font-weight:700;line-height:1.25;letter-spacing:-.03em;color:var(--ink)}
.dark .st{color:#fff}
.st.ko{font-family:var(--ko);font-weight:700;letter-spacing:-.03em}
.sub-l{margin-top:14px;font-size:17px;color:var(--muted)}
.dark .sub-l{color:#9aabba}
/* 목차(작은 영문): 모든 서브 페이지에서 같은 크기·색 */
.sub .eyebrow{color:#2c7a64}
.sub .dark .eyebrow{color:#8fe0cc}

/* 짧은 페이지 제목: 큰 사진 띠 대신 한 줄 */
.p-head{padding:calc(var(--head) + 22px) 0 0}   /* 제목 시작 높이: 회사소개와 같게 */
.p-head .wrap{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.p-head .eyebrow{color:#2c7a64}
.p-head h1{margin-top:6px;font-size:44px;font-weight:700;line-height:1.25;letter-spacing:-.03em;color:var(--ink)}
.p-head p:not(.eyebrow){margin-top:8px;font-size:17px;color:var(--muted)}   /* 영문 작은 제목(eyebrow)은 모든 페이지 13px 그대로 */

/* 화면 한 칸에 맞추는 구역 (머리글 아래 남은 높이에 가운데 정렬) */
.fit{height:calc(var(--vh,1vh)*100);display:flex;align-items:center;padding:calc(var(--head) + 24px) 0 24px;overflow:hidden}
.fit > .wrap{width:100%}

/* 문의 띠 (밝은 바탕) */
.ask{background:#fff;padding:110px 0;border-top:1px solid var(--line)}
.ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.ask h2{margin-top:10px;font-family:var(--en);font-size:clamp(38px,calc(var(--vw,1vw)*4.4),68px);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--ink)}
.ask .lead{margin-top:14px;font-size:18px;color:var(--muted)}
.ask .cta{margin-top:26px;height:52px;padding:0 26px;font-size:16px}
.ask dl div{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:15px 0;border-top:1px solid var(--line)}
.ask dl div:last-child{border-bottom:1px solid var(--line)}
.ask dt{font-size:15px;color:var(--muted)}
.ask dd{font-size:clamp(17px,calc(var(--vw,1vw)*1.4),20px);font-weight:600;color:var(--ink)}

@media (max-width:860px){
  .p-head{padding:calc(var(--head) + 22px) 0 0}
  .p-head h1{font-size:34px}
  .p-head p:not(.eyebrow){font-size:16px}
  .fit{height:auto;display:block;padding:76px 0;overflow:visible}
  .ask{padding:72px 0}
  .ask-grid{grid-template-columns:1fr;gap:36px}
  .ask dl div{grid-template-columns:56px 1fr;gap:12px}
}