/* 첫 화면(body.v2)의 무료 결과·풀이집 안내 모양. 계산·신청은 lp.js 그대로. lp2.css 뒤에 읽힌다. */
body.v2 #result { padding: 36px 24px 12px; color: #192c45; scroll-margin-top: calc(var(--hh) + var(--th) + 10px); }
body.v2 #result .result-heading { padding-bottom: 22px; border-bottom: 1px solid #e3e7ed; }
body.v2 #result .kicker { color: #66758c; font-size: 12px; font-weight: 650; margin-bottom: 8px; }
body.v2 #result h2 { font-size: 27px; letter-spacing: -.04em; margin: 0 0 8px; }
body.v2 #result .sub { margin: 0; color: #66758c; font-size: 13px; line-height: 1.6; }
body.v2 #result .r-block { margin-top: 30px; }
body.v2 #result h3 { font-size: 18px; line-height: 1.45; font-weight: 750; margin: 0 0 14px; letter-spacing: -.025em; }
body.v2 #result .result-lead { margin: 24px 0; }
body.v2 #result .ans { font-size: 21px; color: #244878; line-height: 1.6; margin-bottom: 12px; word-break: keep-all; }
body.v2 #result .txt { color: #475569; font-size: 15px; line-height: 1.85; word-break: keep-all; }
body.v2 #result .em { background: none; color: #244878; }
body.v2 #result .result-details { border-top: 1px solid #e3e7ed; }
body.v2 #result .result-details + .r-block { border-top: 1px solid #e3e7ed; padding-top: 28px; margin-top: 0; }
body.v2 #result summary { cursor: pointer; color: #244878; font-weight: 650; font-size: 14px; line-height: 1.6; }
body.v2 #result .result-details > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; list-style: none; padding: 18px 0; }
body.v2 #result .result-details > summary::-webkit-details-marker { display: none; }
body.v2 #result summary small { display: block; font-size: 12px; color: #788495; font-weight: 400; margin-top: 3px; }
body.v2 #result .detail-action { font-size: 11px; color: #788495; white-space: nowrap; }
body.v2 #result .detail-action::after { content: ' ＋'; }
body.v2 #result details[open] > summary .detail-action::after { content: ' −'; }
body.v2 #result summary:focus-visible { outline: 2px solid #244878; outline-offset: 3px; border-radius: 3px; }
body.v2 #result .result-detail-body { padding: 2px 0 20px; }
body.v2 #result .wg-wrap { border: 1px solid #dce2e9; border-radius: 10px; }
body.v2 #result .wg thead th { background: #f4f6f9; color: #536174; }
body.v2 #result .wg thead th.me { background: #244878; color: #fff; }
body.v2 #result .wg td.me { background: #f1f5fa; }
body.v2 #result .ys { gap: 6px; margin: 0 0 16px; }
body.v2 #result .ys span { border: 1px solid #e3e7ed; background: #f8fafc; padding: 10px 4px; }
body.v2 #result .ys-read .txt + .txt { margin-top: 14px; }
body.v2 #result .bars { padding: 16px; background: #f5f7fa; border-radius: 10px; margin-bottom: 16px; }
body.v2 #result .result-care { padding-bottom: 10px; }
body.v2 #result .result-care[open] summary { margin-bottom: 12px; }
body.v2 #result .flow { border: 0; background: transparent; }
body.v2 #result .flow > div { padding: 16px 0; border: 0; border-bottom: 1px solid #e3e7ed; }
body.v2 #result .flow .when { color: #66758c; font-size: 12px; }
body.v2 #result .flow .key { color: #192c45; font-size: 17px; line-height: 1.55; margin: 6px 0; }
body.v2 #result .flow p { color: #536174; font-size: 14px; line-height: 1.75; }
body.v2 #result .locked { margin: 36px 0 0; padding: 24px 20px; background: #f3f6fa; border: 1px solid #e2e8f0; border-radius: 14px; }
body.v2 #result .locked h3 { font-size: 23px; margin-bottom: 10px; }
body.v2 #result .locked ul { margin-top: 10px; }
body.v2 #result .locked li { font-size: 14px; line-height: 1.6; font-weight: 500; padding: 9px 0; border: 0; color: #536174; }
body.v2 #result .locked li::before { content: none; }
body.v2 #result .offer { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; background: none; border: 0; border-radius: 0; padding: 0; margin: 0; box-shadow: none; text-align: left; }
body.v2 #result .offer-reg { margin: 0; font-size: 15px; }
body.v2 #result .offer-now { justify-content: flex-start; gap: 10px; margin: 0; }
body.v2 #result .offer-now .pct { width: 52px; height: 52px; font-size: 12px; }
body.v2 #result .offer-now .pct small { font-size: 12px; }
body.v2 #result .offer-note { flex-basis: 100%; margin-top: 2px; }
body.v2 #result .offer-now strong { font-size: 30px; color: #192c45; }
body.v2 #result .offer-note { font-size: 12px; line-height: 1.6; color: #66758c; }
body.v2 #result .locked .btn { background: #192f50; color: #fff; border-radius: 9px; font-size: 19px; box-shadow: none; margin-top: 18px; }
body.v2 #result .pay-btn-timer { font-size: 13px; }
body.v2 #result .pay-btn-timer b { color: #ff5a4f; font-size: 15px; }
body.v2 #result .again { color: #66758c; font-size: 12px; margin-top: 20px; }
@media(max-width:390px) { body.v2 #result { padding-inline: 18px; } body.v2 #result .locked { padding: 22px 16px; } }
/* The same full poster identifies the product in the carousel and purchase section. */
body.v2 #result .locked { padding: 0; overflow: hidden; background: #fff; border-color: #dce2e9; border-radius: 14px; }
body.v2 #result .result-product-poster { display: block; width: 100%; height: auto; }
body.v2 #result .result-purchase { padding: 26px 24px; background: #f5f7fa; }
body.v2 #result .result-product-summary { font-size: 15px; line-height: 1.8; color: #244878; margin: 0 0 22px; }
body.v2 #result .result-full-toc { padding: 22px 24px 0; }
body.v2 #result .result-full-toc header h3 { font-size: 18px; margin: 0 0 4px; }
body.v2 #result .result-full-toc header p { font-size: 12.5px; color: #66758c; margin: 0; }
body.v2 #result .result-toc-chapter { border-top: 1px solid #e3e7ed; margin-top: 12px; padding-top: 10px; }
body.v2 #result .result-toc-chapter h4 { display: flex; align-items: baseline; gap: 8px; font-size: 15px; color: #092b60; margin: 0 0 4px; }
body.v2 #result .result-toc-chapter h4 span { font-size: 11px; color: #66758c; font-weight: 500; }
body.v2 #result .result-toc-chapter ol { margin: 0; padding-left: 24px; }
body.v2 #result .result-toc-chapter li { display: list-item; padding: 2px 0 2px 4px; font-size: 13.5px; line-height: 1.5; color: #33445c; word-break: keep-all; }
body.v2 #result .result-toc-chapter li::marker { color: #8490a1; font-size: 11px; }
body.v2 #result .locked .again { display: block; text-align: center; margin: 24px; }
@media(max-width:390px) { body.v2 #result .result-purchase, body.v2 #result .result-full-toc { padding-left: 18px; padding-right: 18px; } }