/* 05 리스크평가 - 퍼플, 위험도 매트릭스형 */
body.s2-05{--a:#5b2aa8;--b:#2f1263;--c:#efe8fa;--fh:"Do Hyeon","IBM Plex Sans KR",sans-serif;--fb:"IBM Plex Sans KR",sans-serif;background:#faf8fe}
.s2-05 h1,.s2-05 h2,.s2-05 h3{font-weight:400;letter-spacing:.01em}
.s2-05 .s2-hero{background:linear-gradient(135deg,var(--b) 0%,var(--a) 100%);color:#fff}
.s2-05 .s2-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding-top:44px;padding-bottom:44px}
.s2-05 .s2-hero-copy{min-width:0}
.s2-05 .s2-hero .s2-eyebrow{color:#d8c6f5}
.s2-05 .s2-hero h1{color:#fff;font-size:clamp(2rem,6.4vw,3.4rem);line-height:1.15;margin:0 0 12px}
.s2-05 .s2-hero .answer{color:#efe8fa;max-width:none;font-size:1rem;margin-bottom:22px}
.s2-05 .s2-hero .hero-photo{height:auto;aspect-ratio:auto;margin:0;border:6px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden;min-width:0}
.s2-05 .s2-hero .hero-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.s2-05 .hero-cta .btn{min-height:46px;display:inline-flex;align-items:center}
.s2-05 .hero-cta .btn-primary{background:#fff;color:var(--b);border-color:#fff}
.s2-05 .hero-cta .btn-outline{color:#fff;border-color:rgba(255,255,255,.7)}
.s2-05 .s2-alt{background:var(--c)}
.s2-05 .prose p{margin-bottom:14px}
.s2-05 .key-point{border-left:5px solid var(--a);background:var(--c);padding:14px 16px;border-radius:0 8px 8px 0;font-weight:500}
.s2-05 .s2-table thead th{background:var(--a);font-weight:500}
.s2-05 .s2-table{background:#fff}
/* 매트릭스 */
.s2-05 .s2-mx-wrap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:6px 8px;max-width:560px;margin:18px 0}
.s2-05 .s2-mx-y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-weight:700;color:var(--b);font-size:.85rem}
.s2-05 .s2-matrix{display:grid;grid-template-columns:28px repeat(5,1fr);gap:4px;min-width:0}
.s2-05 .mx-ax{display:grid;place-items:center;font-weight:700;color:var(--b);font-size:.85rem}
.s2-05 .mx-c{display:grid;place-items:center;aspect-ratio:1/1;border-radius:6px;font-weight:700;color:#fff;font-size:clamp(.8rem,3vw,1.05rem);min-width:0}
.s2-05 .r1{background:#5c9e72}.s2-05 .r2{background:#c9a21e;color:#2b2200}.s2-05 .r3{background:#d9701f}.s2-05 .r4{background:#b3202f}
.s2-05 .s2-mx-x{grid-column:2;text-align:center;font-weight:700;color:var(--b);font-size:.85rem}
.s2-05 .s2-mx-legend{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.s2-05 .s2-mx-legend li{display:flex;align-items:center;gap:6px;font-size:.9rem}
.s2-05 .s2-mx-legend i{width:18px;height:18px;border-radius:4px;display:inline-block;flex:none}
.s2-05 .s2-callout{background:#fff;border-left-color:#b3202f}
.s2-05 .s2-steps li::before{border-radius:6px;font-family:var(--fh);font-weight:400}
.s2-05 .s2-checklist li::before{background:var(--b)}
.s2-05 .s2-cta-box{background:linear-gradient(135deg,var(--b),var(--a))}
.s2-05 .s2-cta-btns .btn-primary{background:#fff;color:var(--b);border-color:#fff}
.s2-05 .s2-photos .s2-fig img{border-radius:4px;border-bottom:4px solid var(--a)}
@media(max-width:860px){.s2-05 .s2-hero-grid{grid-template-columns:1fr;gap:22px;padding-top:30px;padding-bottom:30px}}
