@charset "utf-8";
/* ===== 스마트테스트 ===== */
.pb-st-hero{ background:var(--pb-bg-cream); border-radius:20px; padding:40px; display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:30px; }
.pb-st-hero .kicker{ color:var(--pb-primary); font-weight:800; letter-spacing:1px; font-size:14px; }
.pb-st-hero h2{ font-size:32px; font-weight:900; color:var(--pb-navy); margin:10px 0; }
.pb-st-hero p{ color:var(--pb-text-sub); }
.pb-st-badge{ background:var(--pb-primary); color:#fff; border-radius:18px; padding:24px 30px; text-align:center; flex-shrink:0; }
.pb-st-badge .big{ font-size:40px; font-weight:900; }

.pb-st-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:24px; align-items:start; }
.pb-st-steps{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pb-st-step{ background:#fff; border:1px solid var(--pb-line); border-radius:14px; padding:22px; }
.pb-st-step .no{ color:var(--pb-primary); font-weight:900; font-size:18px; }
.pb-st-step b{ display:block; color:var(--pb-navy); margin:8px 0 4px; }
.pb-st-step span{ color:var(--pb-text-sub); font-size:13px; }

/* 시험지 */
.pb-quiz{ max-width:820px; margin:0 auto; }
.pb-quiz__bar{ display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.pb-quiz__track{ flex:1; height:10px; background:#EAEFF6; border-radius:999px; overflow:hidden; }
.pb-quiz__fill{ height:100%; background:var(--pb-primary); border-radius:999px; transition:.3s; }
.pb-quiz__count{ font-weight:800; color:var(--pb-navy); }
.pb-qcard{ background:#fff; border:1px solid var(--pb-line); border-radius:20px; padding:44px; box-shadow:var(--pb-shadow); text-align:center; }
.pb-qcat{ display:inline-flex; align-items:center; gap:8px; font-weight:800; font-size:15px; margin-bottom:20px; }
.pb-qcat .b{ width:30px;height:30px;border-radius:8px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900; }
.pb-qtext{ font-size:24px; font-weight:800; color:var(--pb-navy); line-height:1.5; margin-bottom:36px; }
.pb-likert{ display:flex; justify-content:center; gap:20px; align-items:center; }
.pb-likert label{ cursor:pointer; }
.pb-likert input{ display:none; }
.pb-likert .o{ width:54px;height:54px;border-radius:50%;border:2px solid var(--pb-line);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--pb-text-sub);transition:.15s; }
.pb-likert input:checked + .o{ background:var(--pb-primary); border-color:var(--pb-primary); color:#fff; transform:scale(1.1); }
.pb-likert-lbl{ display:flex; justify-content:space-between; max-width:420px; margin:14px auto 0; color:var(--pb-text-mute); font-size:13px; }
.pb-quiz__nav{ display:flex; justify-content:space-between; margin-top:28px; }

/* 결과 */
.pb-result-hero{ background:linear-gradient(120deg,#EAF1FD,#F4F8FF); border-radius:20px; padding:34px 40px; display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pb-result-hero h2{ font-size:18px; color:var(--pb-text-sub); font-weight:700; }
.pb-result-hero .nm{ font-size:30px; font-weight:900; color:var(--pb-navy); }
.pb-result-hero .nm b{ color:var(--pb-primary); }
.pb-res-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:24px; margin-bottom:24px; }
.pb-radar-box, .pb-scores-box{ background:#fff;border:1px solid var(--pb-line);border-radius:16px;padding:26px; }
.pb-radar-box h3, .pb-scores-box h3{ font-size:16px;font-weight:800;color:var(--pb-navy);margin-bottom:16px; }
.pb-score-row{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.pb-score-row .ic{ width:34px;height:34px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0; }
.pb-score-row .nm{ width:90px; font-size:14px; color:var(--pb-navy); font-weight:600; }
.pb-score-row .tr{ flex:1; height:10px; background:#EEF1F6; border-radius:999px; overflow:hidden; }
.pb-score-row .fi{ height:100%; border-radius:999px; }
.pb-score-row .vv{ width:60px; text-align:right; font-weight:800; color:var(--pb-navy); }
.pb-overall{ display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; background:#fff;border:1px solid var(--pb-line);border-radius:16px;padding:26px; margin-bottom:24px; }
.pb-overall .circle{ width:120px;height:120px; }
.pb-overall .grade{ font-size:40px;font-weight:900;color:var(--pb-primary); }
.pb-guide-grid{ display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px; }
.pb-guide{ background:#fff;border:1px solid var(--pb-line);border-radius:16px;padding:24px; }
.pb-guide h3{ font-size:15px;font-weight:800;color:var(--pb-navy);margin-bottom:12px; }
.pb-guide li{ display:flex;gap:8px;align-items:flex-start;color:var(--pb-text-sub);font-size:14px;margin-bottom:8px; }
.pb-guide li i{ color:var(--pb-primary);margin-top:3px; }
.pb-res-btns{ display:flex;gap:12px;justify-content:center; }
@media (max-width:860px){ .pb-st-grid,.pb-res-grid,.pb-guide-grid,.pb-st-steps{ grid-template-columns:1fr; } .pb-overall{ grid-template-columns:1fr; text-align:center; } }