/* =========================================================
   회사소개 한 장(2026-10-07 밤) — 참고 kbangsu.com/about 의 구조·치수(히어로 450 / 지표 / 인사 / 파란 띠 3카드 /
   두 카드 목록 / 사례 4장 / 지도 / 노란 띠)를 우리 톤(남색·파랑·노랑, 3D 그림)으로. theme-a.css 뒤에 붙는다.
   ========================================================= */
.v-ab1{--sub:#6b7080;--soft:#f5f6fa;--line:#e4e6ee;--max:1200px}
.v-ab1 main .wrap{max-width:calc(var(--max) + var(--pad) * 2)}
.v-ab1 .a1-head{text-align:center;margin-bottom:48px}
.v-ab1 .a1-head h2{font-size:clamp(28px,3vw,35px);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--ink)}
.v-ab1 .a1-head p{margin-top:12px;font-size:17px;color:var(--sub)}
.v-ab1 .a1-head.on-dark h2{color:#fff}
.v-ab1 .a1-head.on-dark p{color:rgba(255,255,255,.75)}

/* 1 히어로 450 */
.v-ab1 .a1-hero{position:relative;height:450px;display:flex;align-items:center;text-align:center;color:#fff;background:#131a30;overflow:hidden}
.v-ab1 .a1-hero-bg{position:absolute;inset:0;background:url('https://d36g2rk6qhlg3p.cloudfront.net/hrmsoft/static/img/svc-a/about-band-greet.webp') center/cover no-repeat}
.v-ab1 .a1-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 120% at 50% 50%,rgba(14,18,34,.6) 0,rgba(14,18,34,.1) 100%)}
.v-ab1 .a1-hero .wrap{position:relative;z-index:2;width:100%}
.v-ab1 .a1-pill{display:inline-block;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:600;letter-spacing:.02em}
.v-ab1 .a1-hero h1{margin:18px 0 14px;font-size:clamp(40px,4.5vw,56px);font-weight:900;letter-spacing:-.03em;color:#fff}
.v-ab1 .a1-lead{font-size:clamp(16px,1.6vw,21px);line-height:1.55;color:rgba(255,255,255,.88)}

/* 2 지표 */
.v-ab1 .a1-stats{background:var(--soft);padding:80px 0}
.v-ab1 .a1-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.v-ab1 .a1-stat{padding:30px 20px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center}
.v-ab1 .a1-stat b{display:block;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--blue)}
.v-ab1 .a1-stat b small{font-size:20px;font-weight:700;margin-left:2px}
.v-ab1 .a1-stat span{display:block;margin-top:10px;font-size:14px;color:var(--sub)}

/* 3 인사 */
.v-ab1 .a1-intro{background:var(--soft);padding:100px 0}   /* 지표 칸을 뺀 뒤 위 여백 복원 */
.v-ab1 .a1-intro-grid{display:grid;grid-template-columns:400px 1fr;gap:64px;align-items:start}
.v-ab1 .a1-portrait{position:sticky;top:96px}
.v-ab1 .a1-portrait img{display:block;width:100%;height:auto;border-radius:18px;background:#fff;border:1px solid var(--line);padding:18px}
.v-ab1 .a1-since{margin-top:14px;padding:14px 0;border-radius:12px;background:var(--navy);color:#fff;text-align:center;font-size:13px;font-weight:600;letter-spacing:.14em}
.v-ab1 .a1-since b{font-size:18px;margin-left:6px;letter-spacing:0}
.v-ab1 .a1-intro-txt h2{font-size:clamp(26px,2.6vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.3;color:var(--ink);margin-bottom:22px}
.v-ab1 .a1-intro-txt p{font-size:16px;line-height:1.85;color:#3b4050;margin:0}
.v-ab1 .a1-intro-txt p + p{margin-top:16px}
.v-ab1 .a1-intro-txt p b{font-weight:700;color:var(--ink)}
.v-ab1 .a1-greet{font-weight:600;color:var(--ink)}
.v-ab1 .a1-quote{margin:26px 0 0;padding:20px 24px;border-left:4px solid var(--blue);background:#fff;border-radius:0 14px 14px 0}
.v-ab1 .a1-quote p{font-size:18px;font-weight:700;color:var(--ink);line-height:1.5}
.v-ab1 .a1-quote footer{margin-top:8px;font-size:13px;color:var(--sub)}
.v-ab1 .a1-thanks{margin-top:18px}

/* 4 일하는 방식 — 파란 띠 */
.v-ab1 .a1-values{background:var(--blue);color:#fff;padding:96px 0}
.v-ab1 .a1-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.v-ab1 .a1-value{padding:36px 28px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);text-align:center}
.v-ab1 .a1-value img{width:56px;height:56px;object-fit:contain}
.v-ab1 .a1-value b{display:block;margin-top:16px;font-size:20px;font-weight:700;letter-spacing:-.02em}
.v-ab1 .a1-value span{display:block;margin-top:10px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.85)}

/* 5 보유 자격과 개발 범위 */
.v-ab1 .a1-cap{background:#fff;padding:96px 0}
.v-ab1 .a1-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v-ab1 .a1-card{padding:30px 28px;border:1px solid var(--line);border-radius:18px;background:#fff}
.v-ab1 .a1-card h3{font-size:22px;font-weight:700;letter-spacing:-.02em;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--ink)}
.v-ab1 .a1-card ul{list-style:none;margin:0;padding:0}
.v-ab1 .a1-card li{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.v-ab1 .a1-card li:last-child{border-bottom:0}
.v-ab1 .a1-card li img{width:40px;height:40px;object-fit:contain}
.v-ab1 .a1-card li b{display:block;font-size:15.5px;font-weight:700;color:var(--ink)}
.v-ab1 .a1-card li span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--sub)}
.v-ab1 .a1-card li a{color:var(--sub);font-size:18px;text-decoration:none;padding:0 4px}
.v-ab1 .a1-card li a:hover{color:var(--blue)}

/* 6 대표 포트폴리오 */
.v-ab1 .a1-gallery{background:var(--soft);padding:96px 0}
.v-ab1 .a1-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.v-ab1 .a1-tile{display:block;color:inherit;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.v-ab1 .a1-tile .th{aspect-ratio:3/2;background:var(--soft)}
.v-ab1 .a1-tile .th img{width:100%;height:100%;object-fit:cover;display:block}
.v-ab1 .a1-tile b{display:block;margin:16px 18px 0;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.v-ab1 .a1-tile span{display:block;margin:6px 18px 18px;font-size:13.5px;line-height:1.55;color:var(--sub)}
.v-ab1 .a1-tile:hover b{color:var(--blue)}
.v-ab1 .a1-more{text-align:center;margin-top:36px}

/* 7 오시는 길 */
.v-ab1 .a1-loc{background:#fff;padding:96px 0}
.v-ab1 .a1-loc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.v-ab1 .a1-map{border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.v-ab1 .a1-map iframe{display:block;width:100%;height:420px;border:0}
.v-ab1 .a1-info ul{list-style:none;margin:0;padding:0}
.v-ab1 .a1-info li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.v-ab1 .a1-info li img{width:44px;height:44px;object-fit:contain}
.v-ab1 .a1-info li span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--sub)}
.v-ab1 .a1-info li b{display:block;margin-top:3px;font-size:16px;font-weight:700;color:var(--ink)}
.v-ab1 .a1-info li b a{color:var(--ink)}
.v-ab1 .a1-loc-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.v-ab1 .a1-loc-act .btn-ghost{height:46px;padding:0 20px;font-size:14.5px}

/* 8 전환 — 노란 띠 */
.v-ab1 .a1-cta{background:var(--yellow);color:var(--navy);text-align:center;padding:80px 0}
.v-ab1 .a1-cta h2{font-size:clamp(30px,3.4vw,40px);font-weight:900;letter-spacing:-.03em;color:var(--navy)}
.v-ab1 .a1-cta p{margin:14px 0 26px;font-size:19px;color:rgba(27,31,58,.8)}

@media (max-width:1024px){
  .v-ab1 .a1-intro-grid{grid-template-columns:320px 1fr;gap:40px}
  .v-ab1 .a1-tiles{grid-template-columns:repeat(2,1fr)}
  .v-ab1 .a1-stat b{font-size:36px}
}
@media (max-width:768px){
  .v-ab1 .a1-hero{height:380px}
  .v-ab1 .a1-stats,.v-ab1 .a1-values,.v-ab1 .a1-cap,.v-ab1 .a1-gallery,.v-ab1 .a1-loc{padding:64px 0}
  .v-ab1 .a1-intro{padding-bottom:64px}
  .v-ab1 .a1-head{margin-bottom:32px}
  .v-ab1 .a1-stat-grid{grid-template-columns:1fr 1fr;gap:12px}
  .v-ab1 .a1-stat{padding:22px 12px}
  .v-ab1 .a1-intro-grid{grid-template-columns:1fr;gap:28px}
  .v-ab1 .a1-portrait{position:static;max-width:420px}
  .v-ab1 .a1-value-grid,.v-ab1 .a1-cap-grid,.v-ab1 .a1-tiles,.v-ab1 .a1-loc-grid{grid-template-columns:1fr;gap:16px}
  .v-ab1 .a1-map iframe{height:280px}
  .v-ab1 .a1-cta{padding:60px 0}
}
.v-ab1 [id]{scroll-margin-top:84px}   /* 하위 메뉴 위치 링크가 머리띠에 가리지 않게 */

/* ── 2026-10-07 밤 3차: 히어로 → 210px 띠, 인사는 그림 없이 한 단, 섹션 부제 없음 */
/* 띠 그림은 뺌(2026-10-08 사장님: 흐린 큰 물체가 보기 안 좋음). 남색 바탕에 위쪽 파란 빛만 */
.v-ab1 .case-band{background:var(--navy)}
.v-ab1 .case-band .cb-bg{background:radial-gradient(70% 160% at 50% -20%,rgba(46,91,255,.45) 0,rgba(46,91,255,0) 70%)}
.v-ab1 .case-band::after{content:none}
.v-ab1 .a1-intro{padding:120px 0 100px}   /* 띠 아래 96px — 사이트 공통 */
.v-ab1 .a1-intro-grid{display:block;max-width:820px}
.v-ab1 .a1-intro-txt h2{font-size:clamp(26px,2.6vw,32px);margin-bottom:18px}
.v-ab1 .a1-one{font-size:clamp(19px,2vw,22px);font-weight:800;letter-spacing:-.025em;line-height:1.45;color:var(--ink);padding-bottom:18px;border-bottom:1px solid var(--line)}
.v-ab1 .a1-one + .a1-greet{margin-top:22px}
.v-ab1 .a1-head{margin-bottom:40px}
.v-ab1 .a1-cta h2{margin-bottom:26px}
@media (max-width:768px){.v-ab1 .a1-intro{padding:56px 0}}

/* 맺음말 — 편지 끝(2026-10-07): 상자 없이 굵은 한 줄 + 감사 + 로고 서명 */
.v-ab1 .a1-end{margin-top:28px;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.v-ab1 .a1-intro-txt p + .a1-end{margin-top:28px}
.v-ab1 .a1-intro-txt .a1-thanks{margin-top:10px}
.v-ab1 .a1-sign{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.v-ab1 .a1-sign img{width:22px;height:22px;object-fit:contain}
.v-ab1 .a1-sign b{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}

@media (max-width:768px){.v-ab1 .a1-intro{padding:80px 0}}   /* 띠 아래 64px — 휴대폰 */

/* ── 2026-10-08 한 장 재편: 인사말 720px 글 폭, 연혁, 보유 자격(번호 전부), 오시는 길, 견적 문의 띠. 위 규칙 중 겹치는 것은 여기서 덮는다 */
.v-ab1 .a1-intro{background:#fff}
.v-ab1 .a1-intro .a1-intro-grid{max-width:calc(720px + var(--pad) * 2)}   /* .wrap 과 같은 요소라 한 규칙으로 */
.v-ab1 .a1-years{background:var(--soft);padding:96px 0}
.v-ab1 .a1-year-list{list-style:none;margin:0 auto;padding:0;max-width:720px}
.v-ab1 .a1-year-list li{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.v-ab1 .a1-year-list li:first-child{border-top:1px solid var(--line)}
.v-ab1 .a1-year-list b{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--blue);font-variant-numeric:tabular-nums}
.v-ab1 .a1-year-list span{font-size:16px;line-height:1.6;color:var(--ink)}
.v-ab1 .a1-cap{background:#fff}
.v-ab1 .a1-card li{grid-template-columns:48px 1fr;align-items:center}
.v-ab1 .a1-card li img{width:48px;height:64px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:6px;background:#fff}
.v-ab1 .a1-card li img.logo{height:48px;object-fit:contain;border:0;border-radius:0}
.v-ab1 .a1-card li em{display:block;margin-top:4px;font-style:normal;font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.v-ab1 .a1-loc{background:var(--soft)}
.v-ab1 .a1-cta{background:#fff;border-top:1px solid var(--line);color:var(--ink);padding:96px 0}
.v-ab1 .a1-cta h2{font-size:clamp(30px,3.4vw,44px);font-weight:700;color:var(--ink);margin-bottom:0}
.v-ab1 .a1-cta h2 .r{background:var(--yellow);color:var(--navy);padding:.02em .22em;border-radius:.22em}
.v-ab1 .a1-cta p{margin:16px 0 28px;font-size:17px;color:var(--sub)}
.v-ab1 .a1-cta-act{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media (max-width:768px){
  .v-ab1 .a1-years,.v-ab1 .a1-cta{padding:64px 0}
  .v-ab1 .a1-year-list li{grid-template-columns:64px 1fr;gap:12px;padding:12px 0}
}

/* 2026-10-08 머리 교체: 띠 규칙 무효, 인사말 위 여백은 머리 아래 72px */
.v-ab1 .a1-intro{padding-top:72px}
.v-ab1 [id]{scroll-margin-top:84px}
@media (max-width:768px){.v-ab1 .a1-intro{padding-top:48px}}
.v-ab1 .a1-intro{padding-top:80px}   /* 머리 3D 아래 80px */
.v-ab1 [id]{scroll-margin-top:84px}

/* 주요 고객사 티커(2026-10-14) — 연한 바탕 띠, 회색조 로고가 왼쪽으로 흐름(48초 한 바퀴), 양 끝 흐림, 마우스 올리면 멈춤.
   로고 높이는 가로세로 비에 따라 면적을 맞춤(img/clients/README.md 표) */
.v-ab1 .a1-clients{background:var(--soft);padding:56px 0 60px;overflow:hidden}
.v-ab1 .a1-clients-h{margin:0 0 28px;text-align:center;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--sub)}
.v-ab1 .a1-ticker{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.v-ab1 .a1-ticker-track{display:flex;width:max-content;animation:a1-tick 48s linear infinite}
.v-ab1 .a1-ticker:hover .a1-ticker-track,.v-ab1 .a1-ticker:focus-within .a1-ticker-track{animation-play-state:paused}
.v-ab1 .a1-ticker-set{display:flex;align-items:center;gap:0 76px;padding-right:76px;height:64px}
.v-ab1 .a1-ticker-set a{display:flex;align-items:center;height:64px}
.v-ab1 .a1-ticker-set img{display:block;width:auto;filter:grayscale(1);opacity:.55;transition:filter .25s,opacity .25s}
.v-ab1 .a1-ticker-set a:hover img,.v-ab1 .a1-ticker-set a:focus-visible img{filter:none;opacity:1}
.v-ab1 .a1-ticker-set img[src*="befe"]{height:44px}
.v-ab1 .a1-ticker-set img[src*="kaist"]{height:30px}
.v-ab1 .a1-ticker-set img[src*="theone"]{height:28px}
.v-ab1 .a1-ticker-set img[src*="psmarketing"]{height:30px}
.v-ab1 .a1-ticker-set img[src*="lawfirm25"]{height:28px}
.v-ab1 .a1-ticker-set img[src*="keunyoung"]{height:36px}
.v-ab1 .a1-ticker-set img[src*="boutz"]{height:27px}
.v-ab1 .a1-ticker-set img[src*="seonhan"]{height:28px}
.v-ab1 .a1-ticker-set img[src*="bankda"]{height:16px}
@keyframes a1-tick{to{transform:translateX(-50%)}}
@media (max-width:768px){
  .v-ab1 .a1-clients{padding:40px 0 44px}
  .v-ab1 .a1-clients-h{margin-bottom:20px}
  .v-ab1 .a1-ticker-track{animation-duration:36s}
  .v-ab1 .a1-ticker-set{gap:0 48px;padding-right:48px;height:52px}
  .v-ab1 .a1-ticker-set img{transform:scale(.82)}
}
@media (prefers-reduced-motion:reduce){
  .v-ab1 .a1-ticker{-webkit-mask-image:none;mask-image:none}
  .v-ab1 .a1-ticker-track{animation:none;width:auto;justify-content:center}
  .v-ab1 .a1-ticker-set{flex-wrap:wrap;justify-content:center;height:auto;gap:20px 48px;padding:0 16px}
  .v-ab1 .a1-ticker-set[aria-hidden]{display:none}
}
.v-ab1 .a1-years{background:#fff}   /* 고객사 남색 띠 다음이라 흰 바탕, 보유 자격은 연한 바탕 */
.v-ab1 .a1-cap{background:var(--soft)}
.v-ab1 .a1-loc{background:#fff}

/* 오시는 길 두 곳(2026-10-14) — 본사·연구소 카드 둘(지도 위, 이름·주소·지도 앱 단추 아래), 아래 공통 연락처 네 칸 */
.v-ab1 .a1-sites{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v-ab1 .a1-site{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.v-ab1 .a1-site .a1-map{border:0;border-radius:0}
.v-ab1 .a1-site .a1-map iframe{height:300px}
.v-ab1 .a1-site-body{padding:24px 28px 28px}
.v-ab1 .a1-site-tag{display:inline-block;padding:3px 10px;border-radius:6px;background:#eef2fb;color:var(--blue);font-size:12.5px;font-weight:700}
.v-ab1 .a1-site h3{margin-top:12px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.v-ab1 .a1-site p{margin-top:6px;font-size:16px;line-height:1.6;color:#3b4050;word-break:keep-all}
.v-ab1 .a1-site .a1-loc-act{margin-top:18px}
.v-ab1 .a1-site .a1-loc-act .btn-ghost{height:42px;padding:0 18px;font-size:14px}
.v-ab1 .a1-contact{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v-ab1 .a1-contact li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:22px 16px}
.v-ab1 .a1-contact li+li{border-left:1px solid var(--line)}
.v-ab1 .a1-contact img{width:40px;height:40px;object-fit:contain}
.v-ab1 .a1-contact span{display:block;font-size:12.5px;font-weight:700;color:var(--sub)}
.v-ab1 .a1-contact b{display:block;margin-top:3px;font-size:15px;font-weight:700;color:var(--ink);word-break:keep-all}
.v-ab1 .a1-contact b a{color:var(--ink)}
@media (max-width:1024px){
  .v-ab1 .a1-contact{grid-template-columns:1fr 1fr}
  .v-ab1 .a1-contact li:nth-child(3){border-left:0}
  .v-ab1 .a1-contact li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:768px){
  .v-ab1 .a1-sites{grid-template-columns:1fr;gap:16px}
  .v-ab1 .a1-site .a1-map iframe{height:220px}
  .v-ab1 .a1-site-body{padding:20px}
  .v-ab1 .a1-contact{grid-template-columns:1fr}
  .v-ab1 .a1-contact li+li{border-left:0;border-top:1px solid var(--line)}
}
.v-ab1 .a1-site{padding:0}
.v-ab1 .a1-site .nw{white-space:nowrap}

/* 자주 묻는 질문(2026-10-14) — 왼쪽 제목 고정, 오른쪽 접고 펴는 목록. 질문 앞 파란 Q, 오른쪽 더하기 표시가 펼치면 빼기로 */
.v-ab1 .a1-faq{background:#fff;padding:96px 0}
.v-ab1 .a1-faq-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
.v-ab1 .a1-faq-head{position:sticky;top:110px}
.v-ab1 .a1-faq-head h2{font-size:clamp(28px,3vw,35px);font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--ink)}
.v-ab1 .a1-faq-list{border-top:2px solid var(--ink)}
.v-ab1 .a1-faq-item{border-bottom:1px solid var(--line)}
.v-ab1 .a1-faq-item summary{display:grid;grid-template-columns:28px 1fr 20px;gap:12px;align-items:center;padding:24px 4px;cursor:pointer;list-style:none}
.v-ab1 .a1-faq-item summary::-webkit-details-marker{display:none}
.v-ab1 .a1-faq-item summary b{font-size:18px;font-weight:800;color:var(--blue)}
.v-ab1 .a1-faq-item summary span{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.45;color:var(--ink);word-break:keep-all}
.v-ab1 .a1-faq-item summary i{position:relative;width:16px;height:16px}
.v-ab1 .a1-faq-item summary i::before,.v-ab1 .a1-faq-item summary i::after{content:'';position:absolute;left:0;top:7px;width:16px;height:2px;border-radius:1px;background:var(--ink);transition:transform .25s}
.v-ab1 .a1-faq-item summary i::after{transform:rotate(90deg)}
.v-ab1 .a1-faq-item[open] summary i::after{transform:rotate(0)}
.v-ab1 .a1-faq-item summary:hover span{color:var(--blue)}
.v-ab1 .a1-faq-item p{margin:0;padding:0 40px 26px 44px;font-size:16px;line-height:1.75;color:#3b4050;word-break:keep-all}
.v-ab1 .a1-loc{background:var(--soft)}   /* 질문 흰 바탕 다음이라 연한 바탕으로 복귀 */
@media (max-width:1024px){
  .v-ab1 .a1-faq-grid{grid-template-columns:1fr;gap:28px}
  .v-ab1 .a1-faq-head{position:static;text-align:center}
}
@media (max-width:768px){
  .v-ab1 .a1-faq{padding:64px 0}
  .v-ab1 .a1-faq-item summary{grid-template-columns:22px 1fr 16px;gap:10px;padding:20px 0}
  .v-ab1 .a1-faq-item summary b,.v-ab1 .a1-faq-item summary span{font-size:16px}
  .v-ab1 .a1-faq-item p{padding:0 0 22px 32px;font-size:15px}
}

/* 움직임 보조(2026-10-14, js/about-fx.js) — 제목 줄 가림, 칩 글자, 인사말 굵은 구절 형광펜, 연혁 줄 아래 파란 선 */
.v-ab1 .fx-ln{display:block}
.v-ab1 .fx-ln.clip{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.v-ab1 .fx-ln .fx-in{display:inline-block}
.v-ab1 .r .fx-ch{white-space:pre}
.v-ab1 .r{background-repeat:no-repeat;background-position:0 0}
.v-ab1 b.fx-mark{background:linear-gradient(transparent 60%, var(--yellow2) 60%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v-ab1 .a1-year-list li.fx-line{position:relative}
.v-ab1 .a1-year-list li.fx-line::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform-origin:0 50%;transform:scaleX(var(--fx-line,0));opacity:var(--fx-op,0)}
.v-ab1 .pg-title h1 .r{background:linear-gradient(var(--blue2),var(--blue2)) no-repeat 0 0/100% 100%}
/* 오시는 길 한 칸(2026-10-17 서울 마포 연구소 제거): 지도 왼쪽, 이름·주소 오른쪽 */
.v-ab1 .a1-sites.one{grid-template-columns:1fr}
.v-ab1 .a1-sites.one .a1-site{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center}
.v-ab1 .a1-sites.one .a1-site .a1-map iframe{height:340px;display:block}
@media (max-width:860px){.v-ab1 .a1-sites.one .a1-site{grid-template-columns:1fr}.v-ab1 .a1-sites.one .a1-site .a1-map iframe{height:240px}}
