#alth-prog{--ap-ink:#1c2622;--ap-muted:#5a6661;--ap-soft:#f3f6f4;--ap-line:#dce4e0;--ap-accent:#0e6b50;--ap-accent-2:#0a5440;--ap-tint:#e3efe9;--ap-hi:#f6d36b;--ap-ease:cubic-bezier(.16,1,.3,1);
  position:relative;color:var(--ap-ink);background:#fff;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.01em;text-align:left;padding:8px 0 24px}
#alth-prog *{box-sizing:border-box}
#alth-prog h2,#alth-prog h3,#alth-prog h4,#alth-prog p,#alth-prog ol,#alth-prog ul,#alth-prog li,#alth-prog figure,#alth-prog table{margin:0;padding:0}
#alth-prog ol,#alth-prog ul{list-style:none}
#alth-prog img{display:block;max-width:100%;height:auto;border:0}
#alth-prog a{color:inherit;text-decoration:none}
#alth-prog .ap-in{padding:0 20px}
#alth-prog .ap-sec{padding:72px 0 0}
#alth-prog .ap-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--ap-accent);margin-bottom:10px}
#alth-prog .ap-h{font-size:30px;line-height:1.3;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
#alth-prog .ap-lead{margin-top:12px;color:var(--ap-muted);font-size:16px;max-width:62ch;text-wrap:pretty}
#alth-prog .ap-geo{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 첫 화면 */
#alth-prog .ap-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:28px 20px 0}
#alth-prog .ap-hero h2{font-size:44px;line-height:1.15;font-weight:800;letter-spacing:-.04em;margin:6px 0 18px}
#alth-prog .ap-hero h2 span{background:linear-gradient(transparent 62%,var(--ap-hi) 62%,var(--ap-hi) 92%,transparent 92%)}
#alth-prog .ap-ov p{font-size:17px;line-height:1.75;text-wrap:pretty}
#alth-prog .ap-ov p+p{margin-top:10px;color:var(--ap-muted);font-size:16px}
#alth-prog .ap-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#alth-prog .ap-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:700;transition:transform .4s var(--ap-ease),background-color .4s var(--ap-ease),box-shadow .4s var(--ap-ease)}
#alth-prog .ap-btn svg{transition:transform .4s var(--ap-ease)}
#alth-prog .ap-btn:hover{transform:translateY(-2px)}
#alth-prog .ap-btn:hover svg{transform:translateX(3px)}
#alth-prog .ap-btn:active{transform:scale(.98)}
#alth-prog .ap-btn:focus-visible{outline:3px solid var(--ap-hi);outline-offset:3px}
#alth-prog .ap-btn.ap-pri{background:var(--ap-accent);color:#fff;box-shadow:0 10px 24px -12px rgba(14,107,80,.7)}
#alth-prog .ap-btn.ap-pri:hover{background:var(--ap-accent-2)}
#alth-prog .ap-btn.ap-gho{border:1.5px solid var(--ap-line);color:var(--ap-ink);background:#fff}
#alth-prog .ap-disc{margin-top:16px;font-size:13px;color:var(--ap-muted)}
#alth-prog .ap-fig{position:relative;display:block;border-radius:18px;overflow:hidden;background:#fbfaf6;border:1px solid var(--ap-line);box-shadow:0 24px 48px -28px rgba(28,38,34,.45)}
#alth-prog .ap-fig img{width:100%;transition:transform .8s var(--ap-ease)}
#alth-prog .ap-fig:hover img{transform:scale(1.02)}
#alth-prog .ap-fig .ap-zoom{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(28,38,34,.78);color:#fff;font-size:12px;font-weight:600}
#alth-prog .ap-float{animation:ap-float 6s var(--ap-ease) infinite alternate}
#alth-prog .ap-heroimg{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:#e9efec;box-shadow:0 30px 60px -30px rgba(14,60,44,.55)}
#alth-prog .ap-heroimg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:ap-zoomin 1.6s var(--ap-ease) both}
#alth-prog .ap-heroimg figcaption{position:absolute;right:12px;bottom:12px;padding:3px 10px;border-radius:999px;background:rgba(28,38,34,.55);color:#fff;font-size:11px;font-weight:600}
#alth-prog .ap-exp{display:grid;gap:18px}
#alth-prog .ap-exp-hd .ap-h{font-size:26px}
/* 두 방식 — 사진 띠 */
#alth-prog .ap-photo{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;padding:44px 32px 30px;background:#16231e;color:#fff}
#alth-prog .ap-bgs{position:absolute;inset:0;z-index:-1}
#alth-prog .ap-bg{position:absolute;inset:0;background-size:cover;background-position:50% 40%;opacity:0;transform:scale(1.05);transition:opacity .9s var(--ap-ease),transform 2.4s var(--ap-ease)}
#alth-prog .ap-bg1{background-image:url("https://www.alth.co.kr/assets/img/cases/site-queue-hero-v5.webp");background-image:image-set(url("https://www.alth.co.kr/assets/img/cases/site-queue-hero-v5.webp") 1x,url("https://www.alth.co.kr/assets/img/cases/site-queue-hero-v5@2x.webp") 2x);opacity:1;transform:none}
#alth-prog .ap-bg2{background-image:url("https://www.alth.co.kr/assets/img/cases/site-lecture-v7.webp");background-image:image-set(url("https://www.alth.co.kr/assets/img/cases/site-lecture-v7.webp") 1x,url("https://www.alth.co.kr/assets/img/cases/site-lecture-v7@2x.webp") 2x)}
#alth-prog #ap-m2:checked~.ap-bgs .ap-bg1{opacity:0;transform:scale(1.05)}
#alth-prog #ap-m2:checked~.ap-bgs .ap-bg2{opacity:1;transform:none}
#alth-prog .ap-bgs:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,22,18,.78) 0%,rgba(12,22,18,.55) 38%,rgba(12,22,18,.72) 100%)}
#alth-prog .ap-photo .ap-eyebrow{color:var(--ap-hi)}
#alth-prog .ap-photo .ap-h{color:#fff}
#alth-prog .ap-photo .ap-lead{color:rgba(255,255,255,.86)}
#alth-prog .ap-photo .ap-seg{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#alth-prog .ap-photo .ap-seg label{color:rgba(255,255,255,.82)}
/* 사진 띠 위 겹친 카드 = 글래스(대표 10/14 «겹치는 레이어는 글래스 디자인으로») */
#alth-prog .ap-photo .ap-sum,#alth-prog .ap-photo .ap-flow li{background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 40px -24px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);color:#fff}
#alth-prog .ap-photo .ap-sum h3{color:#fff}
#alth-prog .ap-photo .ap-sum>p{color:rgba(255,255,255,.88)}
#alth-prog .ap-photo .ap-flow li{transition:background-color .4s var(--ap-ease),translate .5s cubic-bezier(.34,1.56,.64,1),border-color .4s var(--ap-ease)}
#alth-prog .ap-photo .ap-flow li:hover{translate:0 -4px;border-color:rgba(255,255,255,.45);background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.1))}
#alth-prog .ap-photo .ap-flow b{color:#fff}
#alth-prog .ap-photo .ap-flow span.ap-v{color:rgba(255,255,255,.8)}
#alth-prog .ap-photo .ap-pn1 .ap-k{background:rgba(19,163,127,.9)}
#alth-prog .ap-photo .ap-pn2 .ap-k{background:rgba(74,108,214,.92)}
#alth-prog .ap-photo .ap-k{box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
#alth-prog .ap-photo-cap{margin-top:14px;font-size:12px;color:rgba(255,255,255,.7);text-align:right}
/* 신청 안내 — 보고서 전달 장면 */
#alth-prog .ap-handover{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px -24px rgba(0,0,0,.55);transition:transform .6s var(--ap-ease)}
#alth-prog .ap-handover:hover{transform:translateY(-3px)}
#alth-prog .ap-handover img{width:100%}
#alth-prog .ap-handover figcaption{padding:8px 12px;background:rgba(0,0,0,.28);color:rgba(255,255,255,.9);font-size:12px}

/* 숫자 띠 */
#alth-prog .ap-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:56px 20px 0;border-top:1px solid var(--ap-line);border-bottom:1px solid var(--ap-line)}
#alth-prog .ap-m{padding:22px 16px}
#alth-prog .ap-m+.ap-m{border-left:1px solid var(--ap-line)}
#alth-prog .ap-m b{display:block;font-family:"Outfit","Pretendard","Noto Sans KR",sans-serif;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--ap-accent);font-variant-numeric:tabular-nums}
#alth-prog .ap-m b small{font-family:"Pretendard","Noto Sans KR",sans-serif;font-size:16px;font-weight:700;margin-left:2px}
#alth-prog .ap-m .ap-ml{display:block;margin-top:8px;font-size:15px;font-weight:700}
#alth-prog .ap-m em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;color:var(--ap-muted);line-height:1.5}

/* 진행 순서 */
#alth-prog .ap-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;counter-reset:apstep}
#alth-prog .ap-step{position:relative;padding:22px 20px 20px;border-radius:16px;background:var(--ap-soft);border:1px solid transparent;transition:border-color .4s var(--ap-ease),transform .4s var(--ap-ease)}
#alth-prog .ap-step:hover{border-color:var(--ap-line);transform:translateY(-3px)}
#alth-prog .ap-step .ap-dot{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ap-accent);color:#fff;font-family:"Outfit",sans-serif;font-weight:700;font-size:16px}
#alth-prog .ap-step h3{display:inline;margin-left:10px;font-size:18px;font-weight:800;vertical-align:middle}
#alth-prog .ap-step .ap-when{display:block;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--ap-accent)}
#alth-prog .ap-step p{margin-top:6px;font-size:14.5px;line-height:1.65;color:#36423d}
#alth-prog .ap-step.ap-opt{background:#fff;border:1.5px dashed var(--ap-line)}
#alth-prog .ap-step.ap-opt .ap-dot{background:#fff;color:var(--ap-accent);border:1.5px solid var(--ap-accent)}
#alth-prog .ap-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--ap-tint);color:var(--ap-accent);font-size:11.5px;font-weight:700;vertical-align:middle}

/* 그림 + 글 나란히 */
#alth-prog .ap-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;margin-top:8px}
#alth-prog .ap-note{margin-top:18px;padding:16px 18px;border-left:3px solid var(--ap-accent);background:var(--ap-soft);border-radius:0 12px 12px 0;font-size:14.5px;line-height:1.7;color:#36423d}
#alth-prog .ap-band{margin:72px 0 0;padding:52px 20px;background:var(--ap-soft);border-radius:24px}
#alth-prog .ap-band .ap-fig{margin-top:20px}
#alth-prog .ap-disclaim{margin-top:14px;font-size:13.5px;color:var(--ap-muted)}

/* 두 방식 — 라디오 탭(스크립트 없음) */
#alth-prog .ap-r{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
#alth-prog .ap-seg{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:24px;padding:4px;border-radius:999px;background:var(--ap-soft);border:1px solid var(--ap-line)}
#alth-prog .ap-seg label{display:block;min-width:132px;padding:10px 22px;border-radius:999px;text-align:center;font-size:15.5px;font-weight:700;color:var(--ap-muted);cursor:pointer;transition:background-color .4s var(--ap-ease),color .4s var(--ap-ease),box-shadow .4s var(--ap-ease)}
#alth-prog #ap-m1:checked~.ap-seg label[for="ap-m1"],#alth-prog #ap-m2:checked~.ap-seg label[for="ap-m2"]{background:#fff;color:var(--ap-ink);box-shadow:0 4px 14px -6px rgba(28,38,34,.35)}
#alth-prog #ap-m1:focus-visible~.ap-seg label[for="ap-m1"],#alth-prog #ap-m2:focus-visible~.ap-seg label[for="ap-m2"]{outline:3px solid var(--ap-hi);outline-offset:2px}
#alth-prog .ap-tabset:has(.ap-r) .ap-pn{display:none}
#alth-prog #ap-m1:checked~.ap-pn1,#alth-prog #ap-m2:checked~.ap-pn2{display:block;animation:ap-in .6s var(--ap-ease) both}
#alth-prog .ap-pn{margin-top:20px}
#alth-prog .ap-pn+.ap-pn{margin-top:20px}
#alth-prog .ap-sum{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:22px 24px;border-radius:16px;border:1px solid var(--ap-line)}
#alth-prog .ap-sum h3{font-size:20px;font-weight:800}
#alth-prog .ap-sum>p{font-size:15px;color:#36423d}
#alth-prog .ap-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
#alth-prog .ap-flow li{padding:16px;border-radius:14px;background:var(--ap-soft)}
#alth-prog .ap-flow .ap-k{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--ap-accent);color:#fff;font-family:"Outfit","Pretendard","Noto Sans KR",sans-serif;font-size:13px;font-weight:600}
#alth-prog .ap-flow b{display:block;margin-top:10px;font-size:15px}
#alth-prog .ap-flow span.ap-v{display:block;margin-top:4px;font-size:13.5px;line-height:1.6;color:var(--ap-muted)}
#alth-prog .ap-tbl{margin-top:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ap-line);border-radius:16px}
#alth-prog .ap-tbl table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;line-height:1.6}
#alth-prog .ap-tbl th,#alth-prog .ap-tbl td{padding:13px 16px;border-top:1px solid var(--ap-line);vertical-align:top;text-align:left}
#alth-prog .ap-tbl thead th{border-top:0;background:var(--ap-soft);font-size:14.5px;font-weight:800}
#alth-prog .ap-tbl tbody th{width:150px;font-weight:700;color:var(--ap-muted);white-space:nowrap}
#alth-prog .ap-tbl .ap-num{font-variant-numeric:tabular-nums}
#alth-prog .ap-stack{--cp:#0e6b50;--cp-t:#e3efe9;--cl:#2d4a9b;--cl-t:#e8edf9}
#alth-prog .ap-stack thead th.ap-cp,#alth-prog .ap-stack thead th.ap-cl{position:relative;padding-top:16px;font-size:16px}
#alth-prog .ap-stack thead th.ap-cp{background:var(--cp-t);color:var(--cp);box-shadow:inset 0 4px 0 var(--cp)}
#alth-prog .ap-stack thead th.ap-cl{background:var(--cl-t);color:var(--cl);box-shadow:inset 0 4px 0 var(--cl)}
#alth-prog .ap-stack thead th small{display:block;margin-top:2px;font-size:12px;font-weight:600;opacity:.8}
#alth-prog .ap-stack tbody td:nth-child(2){background:rgba(14,107,80,.04)}
#alth-prog .ap-stack tbody td:nth-child(3){background:rgba(45,74,155,.045);border-left:1px solid rgba(45,74,155,.12)}
#alth-prog .ap-stack td:nth-child(3) .ap-lv{background:var(--cl)}
#alth-prog .ap-stack td:nth-child(3) .ap-lv.ap-o{background:#fff;color:var(--cl);border-color:var(--cl)}
#alth-prog .ap-stack td:nth-child(3) b{color:var(--cl)}
#alth-prog .ap-lv{display:inline-block;padding:0 7px;border-radius:6px;background:var(--ap-accent);color:#fff;font-size:11.5px;font-weight:700;margin:0 2px}
#alth-prog .ap-lv.ap-o{background:#fff;color:var(--ap-accent);border:1px solid var(--ap-accent)}
#alth-prog .ap-small{margin-top:10px;font-size:13px;color:var(--ap-muted)}

/* 운영 예시 — 라디오 탭 */
#alth-prog .ap-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
#alth-prog .ap-tabs label{display:block;padding:14px 16px;border-radius:14px;border:1.5px solid var(--ap-line);cursor:pointer;font-size:15.5px;font-weight:800;transition:border-color .4s var(--ap-ease),background-color .4s var(--ap-ease),transform .4s var(--ap-ease)}
#alth-prog .ap-tabs label small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--ap-muted)}
#alth-prog .ap-tabs label:hover{transform:translateY(-2px)}
#alth-prog label[for="ap-ea"],#alth-prog .ap-pna{--ex:#0e6b50;--ex-t:#e3efe9;--ex-l:#b9d8cb}
#alth-prog label[for="ap-eb"],#alth-prog .ap-pnb{--ex:#2d4a9b;--ex-t:#e8edf9;--ex-l:#c3cff0}
#alth-prog label[for="ap-ec"],#alth-prog .ap-pnc{--ex:#c0600f;--ex-t:#fcefe2;--ex-l:#f2cfa9}
#alth-prog .ap-tabs label{position:relative;overflow:hidden}
#alth-prog .ap-tabs label:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--ex);opacity:.55;transition:opacity .4s var(--ap-ease)}
#alth-prog #ap-ea:checked~.ap-tabs label[for="ap-ea"],#alth-prog #ap-eb:checked~.ap-tabs label[for="ap-eb"],#alth-prog #ap-ec:checked~.ap-tabs label[for="ap-ec"]{border-color:var(--ex);background:var(--ex-t);color:var(--ex);box-shadow:0 12px 24px -16px var(--ex)}
#alth-prog #ap-ea:checked~.ap-tabs label[for="ap-ea"]:before,#alth-prog #ap-eb:checked~.ap-tabs label[for="ap-eb"]:before,#alth-prog #ap-ec:checked~.ap-tabs label[for="ap-ec"]:before{opacity:1}
#alth-prog #ap-ea:focus-visible~.ap-tabs label[for="ap-ea"],#alth-prog #ap-eb:focus-visible~.ap-tabs label[for="ap-eb"],#alth-prog #ap-ec:focus-visible~.ap-tabs label[for="ap-ec"]{outline:3px solid var(--ap-hi);outline-offset:2px}
#alth-prog #ap-ea:checked~.ap-pna,#alth-prog #ap-eb:checked~.ap-pnb,#alth-prog #ap-ec:checked~.ap-pnc{display:block;animation:ap-in .6s var(--ap-ease) both}
#alth-prog .ap-when2{padding:18px 20px;border-radius:14px;background:var(--ex-t,var(--ap-soft));border-left:4px solid var(--ex,var(--ap-accent));font-size:15.5px;font-weight:700}
#alth-prog .ap-when2 span{display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--ap-muted)}
#alth-prog .ap-tl{position:relative;margin:18px 0 0 6px;padding-left:22px;border-left:2px solid var(--ex-l,var(--ap-line))}
#alth-prog .ap-tl li{position:relative;display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0}
#alth-prog .ap-tl li:before{content:"";position:absolute;left:-29px;top:17px;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid var(--ex,var(--ap-accent))}
#alth-prog .ap-tl .ap-t{font-family:"Outfit","Pretendard","Noto Sans KR",sans-serif;font-weight:600;color:var(--ex,var(--ap-accent));font-size:15px;font-variant-numeric:tabular-nums}
#alth-prog .ap-tl .ap-d{font-size:15px;font-weight:700}
#alth-prog .ap-tl .ap-d span{font-weight:400;color:var(--ap-muted)}

/* 신청 안내 */
#alth-prog .ap-cta{margin:80px 0 0;padding:44px 32px;border-radius:24px;background:var(--ap-accent);color:#fff;display:grid;grid-template-columns:1fr 1.05fr;grid-template-areas:"txt img" "btn img";gap:22px 32px;align-items:center;overflow:hidden;position:relative}
#alth-prog .ap-cta>div:first-child{grid-area:txt}
#alth-prog .ap-cta>.ap-handover{grid-area:img}
#alth-prog .ap-cta>.ap-ctas{grid-area:btn;align-self:start}
#alth-prog .ap-cta:before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(246,211,107,.35),transparent 70%)}
#alth-prog .ap-cta .ap-eyebrow{color:var(--ap-hi)}
#alth-prog .ap-cta .ap-h{color:#fff}
#alth-prog .ap-get{margin-top:18px;display:grid;gap:10px}
#alth-prog .ap-get li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.92)}
#alth-prog .ap-get svg{margin-top:3px;color:var(--ap-hi)}
#alth-prog .ap-cta .ap-ctas{flex-direction:column;align-items:stretch;margin-top:0;position:relative}
#alth-prog .ap-cta .ap-btn{justify-content:center}
#alth-prog .ap-cta .ap-btn.ap-pri{background:#fff;color:var(--ap-accent);box-shadow:none}
#alth-prog .ap-cta .ap-btn.ap-pri:hover{background:var(--ap-tint)}
#alth-prog .ap-cta .ap-btn.ap-gho{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
#alth-prog .ap-down{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 0;font-size:15px;font-weight:700;color:var(--ap-accent)}
#alth-prog .ap-down svg{animation:ap-bob 1.8s var(--ap-ease) infinite}

/* 움직임 */
@keyframes ap-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes ap-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ap-float{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes ap-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes ap-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ap-zoomin{from{transform:scale(1.08);opacity:.4}to{transform:none;opacity:1}}
#alth-prog .ap-hero .ap-l1{animation:ap-up .9s var(--ap-ease) both}
#alth-prog .ap-hero .ap-l2{animation:ap-up .9s var(--ap-ease) .08s both}
#alth-prog .ap-hero .ap-l3{animation:ap-up .9s var(--ap-ease) .16s both}
#alth-prog .ap-hero .ap-l4{animation:ap-up .9s var(--ap-ease) .24s both}
#alth-prog .ap-hero .ap-l5{animation:ap-up 1s var(--ap-ease) .2s both}
@supports (animation-timeline:view()){
  #alth-prog .ap-rv{animation:ap-up var(--ap-ease) both;animation-timeline:view();animation-range:entry 0% entry 55%}
  #alth-prog .ap-steps .ap-step:nth-child(2),#alth-prog .ap-steps .ap-step:nth-child(5){animation-range:entry 8% entry 63%}
  #alth-prog .ap-steps .ap-step:nth-child(3),#alth-prog .ap-steps .ap-step:nth-child(6){animation-range:entry 16% entry 71%}
  #alth-prog .ap-bar{transform-origin:left;animation:ap-grow var(--ap-ease) both;animation-timeline:view();animation-range:entry 10% cover 40%}
}
#alth-prog .ap-bar{display:block;height:3px;width:64px;margin-top:16px;border-radius:3px;background:var(--ap-hi)}
@media (prefers-reduced-motion:reduce){
  #alth-prog *,#alth-prog *:before,#alth-prog *:after{animation:none!important;transition:none!important}
}

/* 휴대폰 */
@media (max-width:767px){
  #alth-prog .ap-in{padding:0 16px}
  #alth-prog .ap-sec{padding-top:56px}
  #alth-prog .ap-h{font-size:24px}
  #alth-prog .ap-hero{grid-template-columns:1fr;gap:24px;padding:20px 16px 0}
  #alth-prog .ap-hero h2{font-size:34px}
  #alth-prog .ap-ov p{font-size:16px}
  #alth-prog .ap-btn{width:100%;justify-content:center}
  #alth-prog .ap-metrics{grid-template-columns:1fr 1fr;margin:40px 16px 0}
  #alth-prog .ap-m:nth-child(3){border-left:0}
  #alth-prog .ap-m:nth-child(n+3){border-top:1px solid var(--ap-line)}
  #alth-prog .ap-m b{font-size:28px}
  #alth-prog .ap-steps{grid-template-columns:1fr}
  #alth-prog .ap-split{grid-template-columns:1fr;gap:20px}
  #alth-prog .ap-band{margin-top:56px;padding:36px 16px;border-radius:0}
  #alth-prog .ap-seg{display:grid;width:100%}
  #alth-prog .ap-seg label{min-width:0;padding:10px 8px}
  #alth-prog .ap-sum{grid-template-columns:1fr;gap:6px;padding:18px}
  #alth-prog .ap-flow{grid-template-columns:1fr 1fr}
  #alth-prog .ap-tabs{grid-template-columns:1fr}
  #alth-prog .ap-stack{border:0;border-radius:0;overflow:visible}
  #alth-prog .ap-stack table{min-width:0}
  #alth-prog .ap-stack thead{display:none}
  #alth-prog .ap-stack tbody,#alth-prog .ap-stack tr{display:block}
  #alth-prog .ap-stack tr{margin-bottom:10px;padding:14px 16px;border:1px solid var(--ap-line);border-radius:14px}
  #alth-prog .ap-stack tbody th,#alth-prog .ap-stack td{display:block;width:auto;padding:0;border:0;white-space:normal}
  #alth-prog .ap-stack tbody th{margin-bottom:6px;color:var(--ap-ink);font-size:15px}
  #alth-prog .ap-stack td{position:relative;padding:5px 0 5px 92px;font-size:14px}
  #alth-prog .ap-stack td:before{content:attr(data-l);position:absolute;left:10px;top:9px;font-size:12.5px;font-weight:700;color:var(--cp)}
  #alth-prog .ap-stack td[data-l="체험강연"]:before{color:var(--cl)}
  #alth-prog .ap-stack tbody td:nth-child(2),#alth-prog .ap-stack tbody td:nth-child(3){margin-top:5px;padding:7px 10px 7px 102px;border-radius:8px;border-left:0}
  #alth-prog .ap-tl li{grid-template-columns:1fr;gap:2px}
  #alth-prog .ap-cta{grid-template-columns:1fr;grid-template-areas:"txt" "img" "btn";margin-top:56px;padding:32px 20px;border-radius:0}
  #alth-prog .ap-handover{transform:none}
  #alth-prog .ap-photo{margin:0 -16px;border-radius:0;padding:36px 16px 24px}
  #alth-prog .ap-exp-hd .ap-h{font-size:22px}
  #alth-prog .ap-heroimg{aspect-ratio:4/4.4}
}
@media (max-width:400px){
  #alth-prog .ap-hero h2{font-size:30px}
  #alth-prog .ap-flow{grid-template-columns:1fr}
}

/* ── 진행 순서 카드 · 호버 젤리 아이콘 (슬기-오운드채널 10/14 · 대표 «숨겨진 아이콘이 우측 상단에서부터 나오게 · 젤리 스타일») ── */
/* 카드 들림은 transform이 아니라 translate로 — .ap-rv 스크롤 등장 애니메이션(transform·fill both)이 transform을 쥐고 있어 겹치지 않게 */
#alth-prog .ap-step{transition:border-color .4s var(--ap-ease),translate .55s cubic-bezier(.34,1.56,.64,1),box-shadow .45s var(--ap-ease),background-color .45s var(--ap-ease)}
#alth-prog .ap-step:hover,#alth-prog .ap-step:focus-within{translate:0 -7px;background-color:#fff;border-color:var(--ap-line);box-shadow:0 22px 38px -22px rgba(14,107,80,.5)}
#alth-prog .ap-step.ap-opt:hover{border-style:solid;border-color:var(--ap-accent)}
#alth-prog .ap-step .ap-dot{transition:scale .5s cubic-bezier(.34,1.56,.64,1),rotate .5s cubic-bezier(.34,1.56,.64,1)}
#alth-prog .ap-step:hover .ap-dot{scale:1.16;rotate:-10deg}
#alth-prog .ap-step .ap-ico{position:absolute;top:-22px;right:-14px;width:66px;height:66px;z-index:2;pointer-events:none;opacity:0;transform:translate(30px,-30px) scale(.2) rotate(-40deg);transform-origin:85% 15%;transition:transform .65s cubic-bezier(.34,1.56,.64,1),opacity .22s ease-out}
#alth-prog .ap-step .ap-ico svg{display:block;width:100%;height:100%;filter:drop-shadow(0 9px 10px rgba(16,60,45,.24))}
#alth-prog .ap-step:hover .ap-ico,#alth-prog .ap-step:focus-within .ap-ico{opacity:1;transform:translate(0,0) scale(1) rotate(9deg)}
#alth-prog .ap-step:hover .ap-ico svg{animation:ap-jelly 1s .3s both}
@keyframes ap-jelly{0%{transform:scale(1,1)}22%{transform:scale(1.24,.78)}38%{transform:scale(.84,1.18)}54%{transform:scale(1.1,.92)}70%{transform:scale(.95,1.05)}85%{transform:scale(1.02,.99)}100%{transform:scale(1,1)}}
/* 손가락 화면(호버 없음) — 아이콘을 작게 늘 보여 준다 */
@media (hover:none){#alth-prog .ap-step .ap-ico{opacity:1;top:-14px;right:-6px;transform:scale(.7) rotate(9deg)}}
@media (max-width:560px){#alth-prog .ap-step .ap-ico{width:54px;height:54px;right:-2px}}
@media (prefers-reduced-motion:reduce){#alth-prog .ap-step,#alth-prog .ap-step .ap-dot,#alth-prog .ap-step .ap-ico{transition:opacity .2s ease-out}#alth-prog .ap-step:hover{translate:none}#alth-prog .ap-step:hover .ap-dot{scale:none;rotate:none}#alth-prog .ap-step .ap-ico,#alth-prog .ap-step:hover .ap-ico{transform:rotate(9deg)}#alth-prog .ap-step:hover .ap-ico svg{animation:none}}