/* 2026-10-22: 간단한 텍스트 소개 뒤에 실제 화면을 기능별로 한 번씩 안내한다. */
/* 동일 서버의 웹폰트로 PC별 한글 글꼴 차이를 줄인다. 라이선스는 assets/fonts/OFL.txt. */
@font-face{font-family:TaxjjangPretendard;src:url('assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body.program-home{font-family:TaxjjangPretendard,'Malgun Gothic',system-ui,sans-serif;--muted:#40546a}
body.program-home main{font-size:20px;font-weight:450;letter-spacing:0;line-height:1.75}
body.program-home main h2{font-size:36px;font-weight:700;letter-spacing:0;line-height:1.4}
body.program-home main h3{letter-spacing:0;font-weight:700}
body.program-home main .eyebrow{font-size:20px;font-weight:700;letter-spacing:0}
body.program-home .hero-simple{padding-block:56px}
.program-home .hero-message{max-width:820px;margin-inline:auto;text-align:center}
body.program-home .hero-simple h1{font-size:42px;line-height:1.4;letter-spacing:0;font-weight:750}
body.program-home .hero-simple .eyebrow{font-size:14px;letter-spacing:.2px;margin-bottom:16px}
body.program-home .hero-message .lead{max-width:none;font-size:20px;line-height:1.8;margin:20px 0 0}
.program-home .hero-message .program-free-note{margin:18px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.program-home .program-app-preview{min-width:0;margin:0}
.program-home .program-app-preview .image-open{display:block;width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 16px 36px #193b6414}
.program-home .program-app-preview img{display:block;width:100%;height:auto}
.program-home .program-app-preview figcaption{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.7}
.program-home .feature-step{display:inline-block;margin-right:10px;font-size:16px;font-weight:700}
.program-home .demo-hint:empty{display:none}
body.program-home .home-section .eyebrow{font-size:18px}
/* 바깥 섹션만 교차시켜 내부 시연·사용 안내의 중첩 section은 순서에 영향이 없게 한다. */
.program-home .home-compact>section:nth-of-type(odd){background:#fff}
.program-home .home-compact>section:nth-of-type(even){background:var(--soft)}
@media(min-width:1440px){body.program-home .hero-simple h1{font-size:46px}}
@media(max-width:1000px){body.program-home main h2{font-size:32px}}
@media(max-width:760px){body.program-home main{font-size:18px}body.program-home main h2{font-size:28px}body.program-home .hero-simple{padding-block:36px}body.program-home .hero-simple h1{font-size:30px}body.program-home .hero-message .lead{font-size:18px}.program-home .hero-message .lead br{display:none}}