/* 신규 가이드 전용 스타일 — .sfg / .sfg-body 범위만. 기존 공통 CSS는 수정하지 않음 */
.sfg-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#0b2d85;color:#fff;padding:8px 14px}
.sfg-skip:focus{left:8px;top:8px}
.sfg-body #header #L_SITE_LOGO{float:left;padding-left:30px;line-height:0;font-size:0}
.sfg-body #header #L_SITE_LOGO a{display:block;line-height:100px;vertical-align:middle}
@media only screen and (min-width:981px) and (max-width:1200px){.sfg-body #header #L_SITE_LOGO{padding-left:20px}}
@media only screen and (max-width:980px){.sfg-body #header #L_SITE_LOGO{padding-left:20px}.sfg-body #header #L_SITE_LOGO a{line-height:65px}}
@media only screen and (max-width:768px){.sfg-body #header #L_SITE_LOGO{padding-left:10px}.sfg-body #header #L_SITE_LOGO img{width:200px}}
.sfg-body .sub-visual .sfg-visual-t{margin-bottom:10px;letter-spacing:-1px;line-height:1;font-weight:400;font-size:40px;color:#fff}
@media (max-width:768px){.sfg-body .sub-visual .sfg-visual-t{font-size:20px;margin-bottom:5px}}

.sfg{display:block;max-width:880px;margin:0 auto;padding:56px 20px 72px;color:#222;font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word}
.sfg h1{font-size:34px;line-height:1.35;font-weight:700;color:#0b2d85;margin:10px 0 18px;letter-spacing:-.5px}
.sfg h2{font-size:24px;line-height:1.4;font-weight:700;color:#111;margin:48px 0 14px;padding-top:6px;border-top:2px solid #0b2d85;letter-spacing:-.3px}
.sfg h3{font-size:19px;line-height:1.45;font-weight:700;color:#0b2d85;margin:28px 0 10px}
.sfg p{margin:0 0 14px}
.sfg a{color:#0b4fb3;text-decoration:underline;text-underline-offset:2px}
.sfg a:hover,.sfg a:focus{color:#0b2d85}
.sfg :focus-visible{outline:3px solid #f3c906;outline-offset:2px}
.sfg ul,.sfg ol{margin:0 0 16px;padding-left:1.4em}
.sfg li{margin-bottom:6px}
.sfg-crumb{font-size:14px;color:#555}
.sfg-crumb a{color:#555}
.sfg-answer{font-size:19px;line-height:1.8;background:#f3f7ff;border-left:5px solid #0b2d85;padding:18px 20px;border-radius:6px}
.sfg-meta,.sfg-updated{font-size:14px;color:#555}
.sfg-updated{margin-top:36px;padding-top:14px;border-top:1px solid #ddd}
.sfg-note{font-size:15px;color:#4a4a4a;background:#fffbe6;border:1px solid #f0e2a0;padding:10px 14px;border-radius:6px}

.sfg-table{width:100%;overflow-x:auto;margin:0 0 18px;-webkit-overflow-scrolling:touch}
.sfg table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.6}
.sfg .sfg-wide table{min-width:620px}
.sfg .sfg-kv table td:first-child,.sfg .sfg-kv table th:first-child{white-space:nowrap}
.sfg table td:first-child{min-width:5.5em}
.sfg caption{white-space:normal;caption-side:top;text-align:left;font-weight:700;color:#333;padding:0 0 8px;font-size:15px}
.sfg th,.sfg td{white-space:normal;word-break:keep-all;overflow-wrap:break-word;border:1px solid #d5dbe6;padding:10px 12px;vertical-align:top;text-align:left}
.sfg thead th{background:#0b2d85;color:#fff;font-weight:600}
.sfg tbody tr:nth-child(even) td{background:#f8f9fc}

.sfg-fig{margin:8px 0 22px}
.sfg-fig img{display:block;width:100%;height:auto;border:1px solid #e3e6ee;border-radius:6px;background:#f4f4f4}
.sfg-fig figcaption{font-size:14px;color:#555;margin-top:6px}

.sfg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:10px}
.sfg-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #cfd8ea;border-radius:10px;background:#fff;text-decoration:none !important;color:#222 !important;height:100%}
.sfg-card strong{font-size:19px;color:#0b2d85}
.sfg-card span{font-size:15px;line-height:1.6;color:#444}
.sfg-card:hover,.sfg-card:focus{border-color:#0b2d85;box-shadow:0 2px 10px rgba(11,45,133,.12)}

.sfg-list{list-style:none;padding:0 !important}
.sfg-list li{padding:12px 0;border-bottom:1px solid #e5e8ef;margin:0}
.sfg-list a{font-weight:700;font-size:17px}
.sfg-list span{display:block;font-size:14.5px;color:#555;line-height:1.6;margin-top:2px}

.sfg-faq{border:1px solid #d5dbe6;border-radius:8px;margin:0 0 10px;background:#fff}
.sfg-faq summary{cursor:pointer;padding:14px 44px 14px 16px;position:relative;list-style:none}
.sfg-faq summary::-webkit-details-marker{display:none}
.sfg-faq summary::after{content:"+";position:absolute;right:16px;top:12px;font-size:22px;color:#0b2d85;line-height:1.2}
.sfg-faq[open] summary::after{content:"−"}
.sfg-faq summary h3{display:inline;font-size:17px;margin:0;color:#111}
.sfg-faq-a{padding:0 16px 14px}
.sfg-faq-a p{margin:0}

.sfg-cta{margin:40px 0 0;padding:22px;border-radius:10px;background:#0b2d85;color:#fff}
.sfg-cta h2{border:0;color:#fff;margin:0 0 8px;padding:0;font-size:21px}
.sfg-cta p{color:#fff}
.sfg-cta .sfg-note{background:transparent;border:0;color:#dfe6f7;padding:0;margin:0}
.sfg-btn{display:inline-block;margin:4px 6px 4px 0;padding:11px 20px;border-radius:6px;background:#f3c906;color:#111 !important;font-weight:700;text-decoration:none !important}
.sfg-btn-line{background:transparent;border:2px solid #fff;color:#fff !important}
.sfg-related ul{padding-left:1.2em}

@media (max-width:900px){.sfg-cards{grid-template-columns:1fr}}
@media (max-width:768px){
 .sfg{padding:32px 16px 56px;font-size:16px}
 .sfg h1{font-size:25px}
 .sfg h2{font-size:20px;margin-top:38px}
 .sfg-answer{font-size:16.5px;padding:14px 15px}
 .sfg table{font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){.sfg *{transition:none !important;animation:none !important;scroll-behavior:auto !important}}