/* 공고 상세 — 마이크로사이트 테마 적용 */
body{background:var(--paper)}
.wrap{max-width:1040px;margin:0 auto;padding:40px 24px 140px}
.head h1{font-size:clamp(26px,4.6vw,40px);line-height:1.25;letter-spacing:-.03em;font-weight:800;margin:6px 0 18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.chip{font-size:12.5px;font-weight:600;border:1px solid var(--line);padding:6px 12px;color:var(--sub)}
.body{margin-top:34px}
.body p{font-size:16px;line-height:1.75;margin:0 0 16px;color:var(--sub)}
.g{color:var(--accent)}
.body h2{font-size:22px;letter-spacing:-.02em;font-weight:800;margin:52px 0 16px;padding-top:28px;border-top:1px solid var(--line)}
@supports (color:color-mix(in srgb,#000 20%,transparent)){
 .body h2{border-top-color:color-mix(in srgb,var(--ink) 20%,transparent)}
}
.body>h2:first-child{margin-top:34px;padding-top:0;border-top:0}
/* 브랜드 로고 careers. 와 같은 문법 — 제목 끝 오렌지 마침점 */
.body h2::after{content:".";color:var(--accent)}
.body h3{font-size:16.5px;font-weight:750;margin:26px 0 10px}
.body p strong,.body li strong{color:var(--ink)}
.body ul{margin:0 0 16px 2px;list-style:none}
.body ul li{position:relative;padding-left:18px;margin:0 0 9px;font-size:15.5px;line-height:1.7;color:var(--sub)}
.body ul li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1.5px;background:var(--accent)}
table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:14.5px}
th,td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top;line-height:1.6}
th{background:var(--mist);font-weight:700;font-size:13.5px}
.body .cl{margin:0;padding:0;list-style:none}
.body .cl li{position:relative;padding-left:13px;margin:0 0 6px;font-size:14.5px;line-height:1.6;color:var(--sub)}
.body .cl li:last-child{margin-bottom:0}
.body .cl li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:1.5px;background:var(--accent)}
.body .cl li b{font-weight:700;color:var(--ink)}
.body .cl li strong{color:var(--ink)}
.body .cl2{margin:5px 0 2px;padding:0;list-style:none}
.body .cl2 li{position:relative;padding-left:13px;margin:0 0 4px;font-size:13.5px;line-height:1.6;color:var(--mute)}
.body .cl2 li::before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:1px;background:var(--mute)}
.body .cl2 li:last-child{margin-bottom:0}
.benefit{margin:0 0 22px}
.benefit h3.sec-h{margin:26px 0 12px}
.bf-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 10px;border:1px solid var(--line);padding:26px 18px}
.bf{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.bf svg{width:26px;height:26px;color:var(--ink);display:block}
.bf b{font-size:12.5px;font-weight:600;color:var(--sub);line-height:1.4;word-break:keep-all}
@media(max-width:640px){.bf-grid{grid-template-columns:repeat(3,1fr);gap:20px 8px;padding:22px 12px}.bf b{font-size:11.5px}}
.benefit .note{margin:12px 0 0}
.cl .cl-note{padding-left:0;margin-top:10px;color:var(--mute);font-size:13px;line-height:1.55}
.cl .cl-note::before{display:none}
.box{border:1px solid var(--line);background:var(--mist);padding:20px 22px;margin:0 0 18px}
.box p{font-size:14.5px;margin:0 0 8px}
.box p:last-child{margin:0}
/* 문단 첫 줄이 제목 역할을 하므로 한 급 키운다 */
.box p>strong:first-child{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.9}
.closing .closing-lead{position:relative;margin:14px auto 4px;max-width:34em;text-align:center;font-size:20px;line-height:1.62;letter-spacing:-.02em;color:var(--sub);word-break:keep-all}
.closing .cl-div{width:34px;height:0;border:0;border-top:2px solid var(--accent);margin:26px auto 24px;opacity:.55}
@media(max-width:640px){.closing .closing-lead{font-size:16.5px}.closing .cl-div{margin:20px auto 18px}}
.note,.sm{font-size:13px;color:var(--mute)}
.note.fine{font-size:11.5px;line-height:1.65;color:color-mix(in srgb, var(--mute) 72%, var(--paper))}
@supports not (color:color-mix(in srgb,red 5%,white)){.note.fine{color:var(--mute);opacity:.75}}
.ci{font-weight:700;color:var(--accent)}
blockquote{margin:0 0 16px;padding:4px 0 4px 18px;color:var(--sub);font-size:15.5px}
.apply{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-top:1px solid var(--hair);padding:12px 24px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:40}
.apply a{background:var(--ink);color:#fff;font-weight:700;font-size:16px;padding:14px 46px;transition:background .2s}
.apply a:hover{background:var(--accent)}
.apply a{display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden}
.apply a::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 46%,transparent 62%);
 transform:translateX(-120%);animation:aa-sheen 3.6s ease-in-out 1.2s infinite}
.apply a>*{position:relative;z-index:1}
.apply a svg{width:16px;height:16px;flex:none;opacity:.85}
@media (prefers-reduced-motion:reduce){.apply a::after{animation:none}}
.apply p{font-size:12px;color:var(--mute);margin:0;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.apply .dd-in{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.02em;
 font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.apply .dd-in em{font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:0;color:var(--mute)}
.apply .dd-in.urgent{color:var(--accent)}
.apply .dd-in.urgent em{color:var(--accent);opacity:.75}
@media(max-width:560px){.apply{flex-direction:column;gap:6px;padding:10px 16px}.apply a{width:100%;text-align:center;padding:13px 0}}
@media (prefers-color-scheme:dark){.apply{background:rgba(15,16,19,.94)}.apply a{color:var(--paper)}}
/* 모바일 — 다열 표는 자체 가로 스크롤 (본문은 밀리지 않음) */
@media(max-width:640px){
 .body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .body table colgroup{display:none}
 .body table td,.body table th{min-width:150px}
 .body table td:first-child,.body table th:first-child{min-width:96px}
}

.head-eyebrow{font-size:17px;font-weight:800;letter-spacing:.06em;color:var(--accent);margin:0 0 12px}
.head-lead{margin:0;font-size:17px;line-height:1.7;font-weight:500;color:var(--mute);letter-spacing:-.01em;word-break:keep-all}
@media(max-width:640px){.head-eyebrow{font-size:15px;letter-spacing:.04em}
 .head-lead{font-size:15px;line-height:1.65}.head-lead br{display:none}}
/* 맺음말 피날레 밴드 */
.closing{border-radius:18px;padding:42px 28px;text-align:center;background:var(--paper);border:1.5px solid var(--accent);margin:8px 0 10px}
.closing small{display:block;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--accent);margin-bottom:12px}
.closing h3{margin:0 0 6px;font-size:clamp(21px,3vw,28px);font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.closing p{font-size:17px;line-height:1.75;margin:0;color:var(--sub)}
.closing h3.typing::after{content:"";display:inline-block;width:3px;height:.92em;background:var(--accent);margin-left:5px;vertical-align:-.1em;animation:aa-caret .9s steps(1) infinite}
.closing h3.typed::after{display:none}
@keyframes aa-caret{50%{opacity:0}}

/* 보는 것/보지 않는 것 표 — 열 중앙정렬 */
.see-table th,.see-table td{text-align:center}
.see-table td .ci{display:flex;align-items:center;justify-content:center;gap:8px}
.see-table td .ci::after{content:"";width:16px;height:16px;flex:none;background-repeat:no-repeat;background-size:16px 16px}
.see-table td:first-child .ci::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E9E5B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E")}
.see-table td:last-child .ci::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D8443C' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}

/* 지원서 문항 — 경험 키워드 카드 + 서술 항목 */
.askbox{margin:34px 0 26px}
.askbox .cap{display:block;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent);margin-bottom:7px}
.askbox h2{margin-bottom:6px}
.body p.ask-sub{font-size:13.5px;color:var(--mute);margin:0 0 20px}
.body h3.ask-h{margin:26px 0 14px;line-height:1.45;word-break:keep-all}
.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.exp-card{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:18px 20px 16px;box-shadow:0 1px 3px rgba(16,16,20,.04)}
.exp-card .eh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.exp-card .eic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex:none}
.exp-card .eic svg{width:18px;height:18px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.exp-card b{font-size:15.5px;font-weight:750;letter-spacing:-.01em}
.exp-card p{font-size:13px;line-height:1.7;color:var(--sub);margin:0}
.exp-card[data-e="e1"] .eic{background:#E3EDFD}.exp-card[data-e="e1"] .eic svg{stroke:#3D74E0}
.exp-card[data-e="e2"] .eic{background:#FCEADF}.exp-card[data-e="e2"] .eic svg{stroke:#DE6A1F}
.exp-card[data-e="e3"] .eic{background:#ECE9FD}.exp-card[data-e="e3"] .eic svg{stroke:#6D5BE0}
.exp-card[data-e="e4"] .eic{background:#DFF6EB}.exp-card[data-e="e4"] .eic svg{stroke:#1FA96F}
.exp-card[data-e="e5"] .eic{background:#EDF2DC}.exp-card[data-e="e5"] .eic svg{stroke:#6B8A1F}
.exp-card[data-e="e6"] .eic{background:#FDE8F1}.exp-card[data-e="e6"] .eic svg{stroke:#E0447F}
@media (prefers-color-scheme:dark){
 .exp-card{box-shadow:none}
 .exp-card[data-e="e1"] .eic{background:rgba(93,141,239,.16)}.exp-card[data-e="e1"] .eic svg{stroke:#8FB4F5}
 .exp-card[data-e="e2"] .eic{background:rgba(222,106,31,.15)}.exp-card[data-e="e2"] .eic svg{stroke:#F0A268}
 .exp-card[data-e="e3"] .eic{background:rgba(139,124,246,.15)}.exp-card[data-e="e3"] .eic svg{stroke:#B2A7F8}
 .exp-card[data-e="e4"] .eic{background:rgba(52,197,140,.14)}.exp-card[data-e="e4"] .eic svg{stroke:#6FD8AC}
 .exp-card[data-e="e5"] .eic{background:rgba(154,190,60,.14)}.exp-card[data-e="e5"] .eic svg{stroke:#B9D06E}
 .exp-card[data-e="e6"] .eic{background:rgba(240,97,154,.13)}.exp-card[data-e="e6"] .eic svg{stroke:#F291BC}
}
@media(max-width:640px){.exp-grid{grid-template-columns:1fr}}
.hl-soft{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--accent) 26%, transparent) 58%);color:inherit;padding:0 2px;border-radius:1px}
@supports not (background:color-mix(in srgb,red 5%,white)){.hl-soft{background:linear-gradient(transparent 58%, rgba(249,106,46,.26) 58%)}}
.perk .ptx ul{margin:8px 0 0;padding:0;list-style:none}
.perk .ptx ul li{position:relative;padding-left:14px;margin:0 0 6px;font-size:14px;line-height:1.7;color:var(--sub)}
.perk .ptx ul li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:color-mix(in srgb, var(--accent) 60%, var(--paper))}

/* 왜 이 직업인가 — 번호 카드 */
.perk-cards{display:flex;flex-direction:column;gap:14px;margin:6px 0 22px}
.perk{display:flex;gap:22px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 26px;box-shadow:0 1px 3px rgba(16,16,20,.04)}
.perk .pno{flex:none;width:48px;text-align:center;font-size:27px;font-weight:800;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums;position:relative;padding-bottom:12px}
.perk .pno::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:20px;height:2.5px;border-radius:2px;background:color-mix(in srgb, var(--accent) 45%, var(--paper))}
.perk .ptx b{display:block;font-size:16.5px;font-weight:750;letter-spacing:-.01em;margin-bottom:7px}
.perk .ptx p{font-size:14px;line-height:1.75;color:var(--sub);margin:0}
@media(max-width:560px){.perk{gap:14px;padding:18px 18px}}

/* 우리가 찾는 사람 — 방사형 인재상 다이어그램 */
.wf{position:relative;margin:6px auto 52px;max-width:900px}
.wf-links{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.wf-links line{stroke:var(--line);stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.wf-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(150px,170px) 1fr;grid-template-areas:"a . b" "c hub d" "e e e";gap:14px 18px;align-items:center}
.wf-card{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:13px 16px 12px;box-shadow:0 1px 3px rgba(16,16,20,.05)}
.wf-card .wf-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.wf-card .no{font-size:11px;font-weight:700;border-radius:7px;padding:2px 7px;font-variant-numeric:tabular-nums}
.wf-card b{font-size:14px;font-weight:750;letter-spacing:-.01em;flex:1;line-height:1.35}
.wf-card .wic{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex:none}
.wf-card .wic svg{width:14px;height:14px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wf-card p{font-size:12px;line-height:1.62;color:var(--sub);margin:0}
.wf-card.a{grid-area:a}.wf-card.b{grid-area:b}.wf-card.c{grid-area:c}.wf-card.d{grid-area:d}.wf-card.e{grid-area:e;max-width:420px;justify-self:center;width:100%}
.wf-hub{grid-area:hub;aspect-ratio:1;width:min(100%,168px);border-radius:50%;background:#1B2431;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;box-shadow:0 12px 32px rgba(16,20,30,.28);justify-self:center}
.wf-hub svg{width:19px;height:19px;stroke:#9AA6B8;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}
.wf-hub small{font-size:9.5px;letter-spacing:.16em;color:#8E9AAC;font-weight:600}
.wf-hub b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.wf-hub .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:3px}
.wf-card[data-c="c1"]{border-color:#BBD2FA}.wf-card[data-c="c1"] .no,.wf-card[data-c="c1"] .wic{background:#E3EDFD;color:#3D74E0}.wf-card[data-c="c1"] .wic svg{stroke:#3D74E0}
.wf-card[data-c="c2"]{border-color:#B6E8D2}.wf-card[data-c="c2"] .no,.wf-card[data-c="c2"] .wic{background:#DFF6EB;color:#1FA96F}.wf-card[data-c="c2"] .wic svg{stroke:#1FA96F}
.wf-card[data-c="c3"]{border-color:#CFC8F9}.wf-card[data-c="c3"] .no,.wf-card[data-c="c3"] .wic{background:#ECE9FD;color:#6D5BE0}.wf-card[data-c="c3"] .wic svg{stroke:#6D5BE0}
.wf-card[data-c="c4"]{border-color:#F8D9A8}.wf-card[data-c="c4"] .no,.wf-card[data-c="c4"] .wic{background:#FCF0DA;color:#DE8A0D}.wf-card[data-c="c4"] .wic svg{stroke:#DE8A0D}
.wf-card[data-c="c5"]{border-color:#F8C3D8}.wf-card[data-c="c5"] .no,.wf-card[data-c="c5"] .wic{background:#FDE8F1;color:#E0447F}.wf-card[data-c="c5"] .wic svg{stroke:#E0447F}
@media (prefers-color-scheme:dark){
 .wf-card{box-shadow:none}
 .wf-card[data-c="c1"]{border-color:#3D5A8F}.wf-card[data-c="c1"] .no,.wf-card[data-c="c1"] .wic{background:rgba(93,141,239,.16);color:#8FB4F5}.wf-card[data-c="c1"] .wic svg{stroke:#8FB4F5}
 .wf-card[data-c="c2"]{border-color:#2E6B52}.wf-card[data-c="c2"] .no,.wf-card[data-c="c2"] .wic{background:rgba(52,197,140,.14);color:#6FD8AC}.wf-card[data-c="c2"] .wic svg{stroke:#6FD8AC}
 .wf-card[data-c="c3"]{border-color:#54499A}.wf-card[data-c="c3"] .no,.wf-card[data-c="c3"] .wic{background:rgba(139,124,246,.15);color:#B2A7F8}.wf-card[data-c="c3"] .wic svg{stroke:#B2A7F8}
 .wf-card[data-c="c4"]{border-color:#8A6420}.wf-card[data-c="c4"] .no,.wf-card[data-c="c4"] .wic{background:rgba(245,166,35,.13);color:#F0BE6A}.wf-card[data-c="c4"] .wic svg{stroke:#F0BE6A}
 .wf-card[data-c="c5"]{border-color:#8F3A61}.wf-card[data-c="c5"] .no,.wf-card[data-c="c5"] .wic{background:rgba(240,97,154,.13);color:#F291BC}.wf-card[data-c="c5"] .wic svg{stroke:#F291BC}
 .wf-hub{box-shadow:0 12px 32px rgba(0,0,0,.5);border:1px solid #2A3242}
}
/* 다이어그램 등장 모션 — 화면에 들어올 때 한 번 */
@media (prefers-reduced-motion:no-preference){
 .wf .wf-hub{opacity:0;transform:scale(.86);transition:opacity .5s ease,transform .58s cubic-bezier(.2,.9,.3,1.28)}
 .wf .wf-card{opacity:0;transition:opacity .5s ease,transform .55s cubic-bezier(.2,.85,.3,1.05)}
 .wf .wf-card.a,.wf .wf-card.c{transform:translateX(-20px)}
 .wf .wf-card.b,.wf .wf-card.d{transform:translateX(20px)}
 .wf .wf-card.e{transform:translateY(18px)}
 .wf .wf-links line{opacity:0}
 .wf.wf-in .wf-hub,.wf.wf-in .wf-card{opacity:1;transform:none}
 .wf.wf-in .wf-card.a{transition-delay:.20s}
 .wf.wf-in .wf-card.b{transition-delay:.29s}
 .wf.wf-in .wf-card.c{transition-delay:.38s}
 .wf.wf-in .wf-card.d{transition-delay:.47s}
 .wf.wf-in .wf-card.e{transition-delay:.56s}
 .wf.wf-in .wf-links line{animation:wf-draw .9s ease-out .62s both}
 @keyframes wf-draw{from{opacity:0;stroke-dashoffset:45}to{opacity:1;stroke-dashoffset:0}}

 /* 지원서 질문 카드 — 순서대로 떠오르며 */
 .exp-grid>.exp-card,.perk-cards>.perk{opacity:0;transform:translateY(14px);
  transition:opacity .45s ease,transform .5s cubic-bezier(.2,.85,.3,1.05)}
 .exp-grid.grid-in>.exp-card,.perk-cards.grid-in>.perk{opacity:1;transform:none}
 .grid-in>*:nth-child(2){transition-delay:.08s}
 .grid-in>*:nth-child(3){transition-delay:.16s}
 .grid-in>*:nth-child(4){transition-delay:.24s}
 .grid-in>*:nth-child(5){transition-delay:.32s}
 .grid-in>*:nth-child(6){transition-delay:.40s}

 /* 역량 카드 — 등장이 끝나면 테두리가 은은하게 반짝이며 반복 */
 .skill-card.card-in{animation:sc-glow 5s ease-in-out 1.1s infinite}
 .skill-card.card-in:nth-child(2){animation-delay:3.6s}
 .skill-card.card-in:hover{animation-play-state:paused;border-color:var(--accent)}
 @keyframes sc-glow{
  0%,72%,100%{border-color:var(--line);box-shadow:0 1px 3px rgba(16,16,20,.04)}
  36%{border-color:var(--accent);box-shadow:0 1px 3px rgba(16,16,20,.04),0 0 0 3px rgba(249,106,46,.10)}
 }

 /* 성장 경로 — 시작점에서 목표까지 한 칸씩 */
 .tracks .steps>*{opacity:0}
 .tracks .stp{transform:translateX(-18px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.85,.3,1.05)}
 .tracks .lnk{transition:opacity .35s ease}
 .tracks .via{opacity:0;transition:opacity .5s ease}
 .tracks.trk-in .steps>*{opacity:1;transform:none}
 .tracks.trk-in .via{opacity:1;transition-delay:.68s}
 .tracks.trk-in .steps>*:nth-child(2){transition-delay:.14s}
 .tracks.trk-in .steps>*:nth-child(3){transition-delay:.28s}
 .tracks.trk-in .steps>*:nth-child(4){transition-delay:.42s}
 .tracks.trk-in .steps>*:nth-child(5){transition-delay:.56s}

 /* 역량 카드 안의 도식 — 좌에서 우로 한 칸씩 */
 .skill-card .pillars>div,.skill-card .steps2>div{opacity:0}
 .skill-card .pillars>div{transform:scale(.78);transition:opacity .4s ease,transform .48s cubic-bezier(.2,.9,.3,1.3)}
 .skill-card .steps2>div{transform:translateY(10px);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.85,.3,1)}
 .skill-card .pillars i{transform:scaleX(0);transform-origin:left center;transition:transform .5s ease}
 .skill-card .steps2 i{opacity:0;transform:translateX(-5px);transition:opacity .35s ease,transform .4s ease}
 .skill-card .sub-in .pillars>div,.skill-card .sub-in .steps2>div{opacity:1;transform:none}
 .skill-card .sub-in .pillars i{transform:scaleX(1)}
 .skill-card .sub-in .steps2 i{opacity:1;transform:none}
 .skill-card .sub-in .pillars>*:nth-child(2),.skill-card .sub-in .steps2>*:nth-child(2){transition-delay:.13s}
 .skill-card .sub-in .pillars>*:nth-child(3),.skill-card .sub-in .steps2>*:nth-child(3){transition-delay:.26s}
 .skill-card .sub-in .pillars>*:nth-child(4),.skill-card .sub-in .steps2>*:nth-child(4){transition-delay:.39s}
 .skill-card .sub-in .pillars>*:nth-child(5),.skill-card .sub-in .steps2>*:nth-child(5){transition-delay:.52s}
}
@media(max-width:720px){
 .wf-links{display:none}
 .wf-grid{display:flex;flex-direction:column;gap:12px;align-items:stretch}
 .wf-hub{order:-1;width:150px;margin:0 auto 6px}
 .wf-card.e{max-width:none}
}

/* 구성원 인터뷰 — 커버플로우 (가운데 진하게 · 좌우 흐리게 · 자동 순환) */
.itv{margin:0 0 30px}
.itv-top{padding:0 2px 14px}
.itv-top .cap{display:block;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent);margin-bottom:7px}
.itv-top h3.sec-h{margin:0 0 2px}
.itv-stage{position:relative;display:grid;padding:8px 0 4px}
.itv-stage .crsl-card{grid-area:1/1;width:min(620px,76%);justify-self:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px 28px 22px;box-shadow:0 8px 28px rgba(16,16,20,.09);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s,box-shadow .55s}
.itv-stage .crsl-card.is-c{z-index:3;opacity:1}
.itv-stage .crsl-card.is-l,.itv-stage .crsl-card.is-r{z-index:1;opacity:.35;box-shadow:none;cursor:pointer}
.itv-stage .crsl-card.is-l{transform:translateX(-31%) translateY(10px) scale(.9)}
.itv-stage .crsl-card.is-r{transform:translateX(31%) translateY(10px) scale(.9)}
.itv-stage .crsl-card.is-h{opacity:0;transform:scale(.82);pointer-events:none}
.itv-stage .crsl-card.is-l .who,.itv-stage .crsl-card.is-r .who{visibility:hidden}
.itv .qm{display:block;font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:1;color:var(--accent);height:28px;margin-bottom:6px}
.itv .q{font-size:15px;line-height:1.85;margin:0 0 20px;color:var(--ink)}
.itv .who{display:flex;align-items:center;gap:12px}
.itv .avt{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--mist);flex:none}
.itv .avt svg{width:19px;height:19px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.itv .who b{display:block;font-size:14px;line-height:1.4}
.itv .who small{display:block;font-size:12px;color:var(--mute);line-height:1.5}
.itv-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 16px;padding:18px 0 2px}
.itv-foot .cnt{font-size:12.5px;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.itv-foot .cnt b{color:var(--accent)}
.itv-foot .crsl-dots{display:flex;gap:6px}
.itv-foot .crsl-dots button{width:22px;height:3px;border-radius:2px;padding:0;border:none;background:var(--line);cursor:pointer;transition:background .2s,width .2s}
.itv-foot .crsl-dots button.on{background:var(--accent);width:34px}
.itv-foot .nav{display:flex;gap:8px}
.itv-foot .nav button{font:inherit;font-size:15px;width:36px;height:36px;border-radius:50%;background:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.itv-foot .nav button:hover{border-color:var(--accent);color:var(--accent);background:var(--mist)}
.itv-foot .crsl-all{font:inherit;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;
 background:none;border:1px solid var(--line);color:var(--sub);cursor:pointer;white-space:nowrap;
 transition:border-color .2s,color .2s,background .2s}
.itv-foot .crsl-all:hover{border-color:var(--accent);color:var(--accent);background:var(--mist)}
/* 펼쳐보기 — 카드를 목록으로 */
.itv.is-open .itv-stage{grid-template-columns:1fr 1fr;gap:14px;align-items:start;padding-top:2px}
.itv.is-open .itv-stage .crsl-card{grid-area:auto;width:auto;transform:none;opacity:1;cursor:default;
 box-shadow:0 2px 10px rgba(16,16,20,.05);padding:20px 22px 18px}
.itv.is-open .itv-stage .crsl-card .who{visibility:visible}
.itv.is-open .itv-stage .crsl-card .q{visibility:visible;font-size:14.5px;margin-bottom:16px}
.itv.is-open .itv-foot .cnt,.itv.is-open .itv-foot .crsl-dots,.itv.is-open .itv-foot .nav{display:none}
@media(max-width:700px){.itv.is-open .itv-stage{grid-template-columns:1fr}}
@media (prefers-color-scheme:dark){.itv-stage .crsl-card{box-shadow:0 8px 28px rgba(0,0,0,.45)}.itv-stage .crsl-card.is-l,.itv-stage .crsl-card.is-r{box-shadow:none}}
@media (prefers-reduced-motion:reduce){.itv-stage .crsl-card{transition:none}}
@media(max-width:560px){.itv-stage .crsl-card{width:88%;padding:18px 20px}.itv-stage .crsl-card.is-l,.itv-stage .crsl-card.is-r{opacity:.16}.itv-stage .crsl-card.is-l .q,.itv-stage .crsl-card.is-l p,.itv-stage .crsl-card.is-r .q,.itv-stage .crsl-card.is-r p{visibility:hidden}.itv-stage .crsl-card.is-l{transform:translateX(-7%) translateY(10px) scale(.94)}.itv-stage .crsl-card.is-r{transform:translateX(7%) translateY(10px) scale(.94)}}



/* 공고 히어로 밴드 — 포인트 컬러 워시 배경 + 일러스트 */
.jhero{background:color-mix(in srgb, var(--accent) 7%, var(--paper));border-bottom:1px solid var(--line);overflow:hidden}
@supports not (background:color-mix(in srgb,red 5%,white)){.jhero{background:var(--mist)}}
.jhero .in{max-width:1040px;margin:0 auto;padding:48px 24px 0;display:flex;align-items:flex-end;gap:28px}
.jhero-txt{flex:1;padding-bottom:44px}
.jhero-txt h1{margin-bottom:18px}
.jhero-art{width:min(400px,38%);height:auto;display:block;margin-left:auto;align-self:flex-end}
@media(max-width:640px){.jhero .in{flex-direction:column;align-items:stretch;padding-top:34px;gap:4px}.jhero-txt{padding-bottom:0}.jhero-art{width:76%;max-width:320px;margin:10px auto 0}}

/* 모집 개요 박스 — 라운드 아웃라인 · 라벨 2단 */
.recruit-box{border:1.5px solid var(--accent);border-radius:14px;padding:22px 26px;margin:4px 0 16px}
.recruit-box .row{display:flex;gap:22px;padding:9px 0;align-items:flex-start}
.recruit-box .lbl{flex:0 0 116px;position:relative;padding-left:16px;color:var(--accent);font-weight:700;font-size:16.5px;line-height:1.5;white-space:nowrap}
.recruit-box .lbl::before{content:"";position:absolute;left:2px;top:.52em;width:5.5px;height:5.5px;border-radius:50%;background:var(--accent)}
.recruit-box .val{flex:1;font-size:16px;line-height:1.7;color:var(--sub)}
.recruit-box .val>strong{font-size:16.5px;color:var(--ink);font-weight:700}
/* 값이 한 줄뿐인 행은 라벨과 같은 줄높이로 맞춘다 */
.recruit-box .val>strong:only-child{display:block;line-height:1.5}
.recruit-box .val ul{margin:0;padding:0;list-style:none}
.recruit-box .val li{position:relative;padding-left:16px;margin:0 0 6px;word-break:keep-all}
.recruit-box .val li:last-child{margin:0}
.recruit-box .val li::before{content:"";position:absolute;left:2px;top:.66em;width:4.5px;height:4.5px;border-radius:50%;background:var(--ink)}
.recruit-box .val li strong{color:var(--ink);font-weight:700}
.recruit-box .val li{margin-bottom:11px;line-height:1.5;font-size:16.5px}
.recruit-box .val li .qual{display:block;margin-top:4px;font-size:14.5px;line-height:1.6;color:var(--mute)}
@media(max-width:560px){.recruit-box{padding:18px 16px}.recruit-box .row{flex-direction:column;gap:5px;padding:8px 0}.recruit-box .lbl{flex:none}}

/* 역량 카드 2종 — 아이콘 · 설명 · 미니 다이어그램 */
.body h3.sec-h{position:relative;margin:26px 0 14px;padding-left:14px;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.body h3.sec-h::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:3px;background:var(--accent)}
.skill-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:6px 0 22px}
.skill-card{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:26px 26px 22px;box-shadow:0 1px 3px rgba(16,16,20,.04)}
.skill-card .ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--mist);margin-bottom:16px}
.skill-card .ic svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skill-card h3{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0 0 11px;word-break:keep-all}
@media(max-width:720px){.skill-card h3{font-size:19px}}
.skill-card .desc{font-size:14px;line-height:1.75;color:var(--sub);margin:0 0 18px}
.skill-card .sub{border-top:1px solid var(--line);padding-top:15px}
.skill-card .sub .cap{display:block;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent);margin-bottom:14px}
.pillars{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;text-align:center}
.pillars>div{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:60px}
.pillars b{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--paper);border:1px solid var(--line);box-shadow:0 1px 3px rgba(16,16,20,.07);color:var(--accent);font-size:13.5px;font-weight:700}
.pillars small{font-size:10.5px;color:var(--mute);white-space:nowrap}
.pillars i{flex:1;border-top:2px dashed var(--line);margin-top:26px}
.steps2{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.steps2>div{display:flex;flex-direction:column;align-items:center;gap:7px}
.steps2 .tag{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--sub);background:var(--mist);border-radius:999px;padding:3px 10px}
.steps2 b{font-size:13.5px;font-weight:700;white-space:nowrap}
.steps2 i{font-style:normal;color:var(--accent);font-size:15px;font-weight:700;margin-top:14px}
@media(max-width:720px){.skill-cards{grid-template-columns:1fr}}

/* 다이어그램 — 전형 흐름 */
.flow{display:flex;flex-wrap:wrap;margin:0 0 14px;border:1px solid var(--line)}
.flow>div{flex:1 1 0;min-width:112px;padding:14px 8px 13px;text-align:center;position:relative;background:var(--mist)}
.flow>div+div{border-left:1px solid var(--line)}
.flow>div+div::before{content:"";position:absolute;left:-13px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--paper);border:1px solid var(--line);z-index:2}
.flow>div+div::after{content:"";position:absolute;left:-2px;top:50%;width:7px;height:7px;border-top:1.6px solid var(--accent);border-right:1.6px solid var(--accent);transform:translate(-50%,-50%) rotate(45deg);z-index:3}
.flow i{font-style:normal;display:block;font-size:10.5px;letter-spacing:.14em;color:var(--accent);font-weight:700;margin-bottom:6px}
.flow b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.015em;margin-bottom:5px;word-break:keep-all}
.flow span{display:block;font-size:11.5px;color:var(--mute);line-height:1.5}
@media(max-width:560px){
 .flow{flex-direction:column}
 .flow>div{text-align:left;padding:13px 16px}
 .flow>div+div{border-left:0;border-top:1px solid var(--line)}
 .flow i{margin-bottom:2px}
 /* 세로 배치에서는 꺾쇠를 구분선 가운데에 두고 아래를 향하게 */
 .flow>div+div::before{left:50%;right:auto;top:-13px;transform:translateX(-50%)}
 .flow>div+div::after{left:50%;top:0;transform:translate(-50%,-50%) rotate(135deg)}
}

/* 다이어그램 — 성장 트랙 (PATH 카드 → 합류 화살표 → 그라데이션 배너) */
.tracks{margin:34px 0 48px}
.tracks .steps{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:stretch;gap:0}
.tracks .stp{display:flex;flex-direction:column}
.tracks .entry{display:block;font-size:12px;font-weight:600;padding:5px 11px;border-radius:8px;background:var(--mist);color:var(--sub);margin:0 0 10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracks .entry.hot{background:color-mix(in srgb, var(--accent) 12%, var(--paper));color:var(--accent)}
@supports not (background:color-mix(in srgb,red 5%,white)){.tracks .entry.hot{background:var(--mist);color:var(--accent)}}
.tracks .entry.gap{background:none;color:transparent}
.tracks .card{flex:1;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 1px 3px rgba(16,16,20,.05);padding:17px 18px 19px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.tracks .card .stage{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--mute);margin-bottom:9px}
.tracks .card b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px;word-break:keep-all}
.tracks .card span{display:block;font-size:13px;color:var(--sub);line-height:1.6}
.tracks .lnk{display:flex;align-items:center;justify-content:center;padding-top:34px}
.tracks .lnk svg{width:22px;height:22px;stroke:var(--accent);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tracks .goal{flex:1;border-radius:16px;padding:18px 16px;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 75%, #fff), var(--accent-ink))}
@supports not (background:color-mix(in srgb,red 5%,white)){.tracks .goal{background:var(--accent)}}
.tracks .goal small{display:block;font-size:11.5px;opacity:.92;margin-bottom:6px}
.tracks .goal b{font-size:clamp(19px,2.3vw,24px);font-weight:800;letter-spacing:.01em;word-break:keep-all}
.tracks .via{margin:14px 0 0;font-size:13px;color:var(--mute);text-align:center;line-height:1.6}
@media(max-width:720px){
 .tracks .steps{grid-template-columns:1fr;gap:0}
 .tracks .entry{white-space:normal}
 /* 세로 배치 — 꺾쇠는 아래를 향한다. 컨테이너가 아니라 svg를 돌려야
    등장 애니메이션의 transform:none 과 부딪히지 않는다 */
 .tracks .lnk{padding:8px 0}
 .tracks .lnk svg{transform:rotate(90deg);width:20px;height:20px}
 .tracks .stp{margin-bottom:0}
 .tracks .entry{margin-bottom:8px}
 .tracks .goal{padding:20px 16px}
}

/* 스크롤 순차 등장 */
.rvj{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.rvj.rvj-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rvj{opacity:1;transform:none;transition:none}}