/* 계절 테마와 별개로 메인 이용안내의 기본 디자인을 유지합니다. */
body[data-page-kind="hub"] #hubScreen .home-info-footer,
body[data-page-kind="hub"] #hubScreen .home-info-footer *,
body[data-page-kind="hub"] #hubScreen .real-live-footer,
body[data-page-kind="hub"] #hubScreen .real-live-footer *{box-sizing:border-box;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important}
body[data-page-kind="hub"] #hubScreen .home-info-footer{width:100%;margin:28px auto 12px;padding:26px;border:2px solid #fff;border-radius:27px;background:linear-gradient(145deg,#fafdff,#f0f5ff);box-shadow:0 6px 0 #d6e2f0,0 15px 25px #20396312;color:#1c365e}
body[data-page-kind="hub"] #hubScreen .home-info-footer__head{display:flex;align-items:center;gap:13px;margin-bottom:23px}
body[data-page-kind="hub"] #hubScreen .home-info-footer__heading-icon{display:grid;place-items:center;flex:0 0 51px;width:51px;height:51px;border:2px solid #fff;border-radius:15px;background:linear-gradient(140deg,#326acb,#619ee9);color:#fff;box-shadow:0 4px 0 #c3d4ec}
body[data-page-kind="hub"] #hubScreen .home-info-footer svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body[data-page-kind="hub"] #hubScreen .home-info-footer__mark{display:block;margin-bottom:4px;color:#3265a6;font-size:10px;font-weight:1000;letter-spacing:.17em}
body[data-page-kind="hub"] #hubScreen #homeInfoTitle{margin:0;color:#17375f!important;font-size:26px;font-weight:1000;line-height:1.25;letter-spacing:-.045em}
body[data-page-kind="hub"] #hubScreen .home-info-footer__all{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;padding:11px 14px;border:1px solid #cadaf0;border-radius:12px;background:#fff;color:#315e9c;font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 3px 0 #dbe5f2}
body[data-page-kind="hub"] #hubScreen .home-info-footer__all svg{width:17px;height:17px}
body[data-page-kind="hub"] #hubScreen .home-info-footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-page-kind="hub"] #hubScreen .home-info-footer__item{--guide-accent:#3e6eb1;--guide-tint:#edf4ff;--guide-line:#cdddf4;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:15px;padding:22px 19px 18px;border:1px solid var(--guide-line);border-radius:20px;background:linear-gradient(150deg,#fff,var(--guide-tint));color:#254364;text-decoration:none;box-shadow:0 4px 0 var(--guide-line);transition:transform .15s,box-shadow .15s}
body[data-page-kind="hub"] #hubScreen .home-info-footer__item.guide-tools{--guide-accent:#7751a7;--guide-tint:#f4eeff;--guide-line:#e1d2f1}
body[data-page-kind="hub"] #hubScreen .home-info-footer__item.guide-online{--guide-accent:#267761;--guide-tint:#eaf8f2;--guide-line:#cae5da}
body[data-page-kind="hub"] #hubScreen .home-info-footer__icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border:1px solid var(--guide-line);border-radius:14px;background:var(--guide-tint);color:var(--guide-accent);box-shadow:inset 0 2px 0 #fff}
body[data-page-kind="hub"] #hubScreen .home-info-footer__copy{display:flex;flex:1;flex-direction:column;min-width:0;width:100%}
body[data-page-kind="hub"] #hubScreen .home-info-footer__copy h3{margin:0 0 10px;color:#203d65!important;font-size:21px;font-weight:1000;letter-spacing:-.03em;line-height:1.25}
body[data-page-kind="hub"] #hubScreen .home-info-footer__copy p{flex:1;margin:0 0 18px;color:#465b78!important;font-size:14px;line-height:1.75;font-weight:600;word-break:keep-all;overflow-wrap:anywhere}
body[data-page-kind="hub"] #hubScreen .home-info-footer__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--guide-line);color:var(--guide-accent);font-size:13px;font-weight:900}
body[data-page-kind="hub"] #hubScreen .home-info-footer__cta svg{width:18px;height:18px}
body[data-page-kind="hub"] #hubScreen .home-info-footer__item:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--guide-line)}
body[data-page-kind="hub"] #hubScreen .home-info-footer a:focus-visible,
body[data-page-kind="hub"] #hubScreen .real-live-footer a:focus-visible{outline:3px solid #3e79ca;outline-offset:4px}
body[data-page-kind="hub"] #hubScreen .real-live-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;min-height:74px;padding:22px 4px 15px;color:#536b8c;font-size:12px;font-weight:800}
body[data-page-kind="hub"] #hubScreen .real-footer-brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#4b6385}
body[data-page-kind="hub"] #hubScreen .real-footer-brand>span:first-child{color:#d96792;font-size:17px}
body[data-page-kind="hub"] #hubScreen #real-site-version{padding:5px 8px;border:1px solid #d7e2ef;border-radius:7px;background:#fff;color:#647b98;font-size:10px;font-weight:800}
body[data-page-kind="hub"] #hubScreen .real-live-footer nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
body[data-page-kind="hub"] #hubScreen .real-live-footer nav a{display:inline-flex;align-items:center;min-height:33px;padding:7px 10px;border:1px solid #dbe4ef;border-radius:8px;background:#ffffffbf;color:#455e80;text-decoration:none;font-size:11px;font-weight:800}
@media(max-width:700px){
 body[data-page-kind="hub"] #hubScreen .home-info-footer{margin-top:22px;padding:20px 15px;border-radius:22px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__head{gap:10px;flex-wrap:wrap;margin-bottom:18px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__heading-icon{flex-basis:43px;width:43px;height:43px;border-radius:12px}
 body[data-page-kind="hub"] #hubScreen #homeInfoTitle{font-size:21px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__all{margin-left:53px;padding:8px 12px;font-size:12px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__grid{grid-template-columns:1fr;gap:13px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__item{flex-direction:row;gap:13px;padding:18px 15px;border-radius:17px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__icon{width:41px;height:41px;border-radius:12px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__copy h3{font-size:18px;margin-bottom:7px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__copy p{font-size:13px;line-height:1.65;margin-bottom:12px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__cta{font-size:12px;padding-top:10px}
 body[data-page-kind="hub"] #hubScreen .real-live-footer{justify-content:center;padding:18px 5px 12px;gap:11px}
 body[data-page-kind="hub"] #hubScreen .real-footer-brand{justify-content:center;gap:7px;font-size:11px}
 body[data-page-kind="hub"] #hubScreen .real-live-footer nav{justify-content:center}
}
@media(max-width:360px){
 body[data-page-kind="hub"] #hubScreen .home-info-footer{padding:18px 11px}
 body[data-page-kind="hub"] #hubScreen #homeInfoTitle{font-size:19px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__item{gap:10px;padding:16px 11px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__icon{width:34px;height:37px;border-radius:10px}
 body[data-page-kind="hub"] #hubScreen .home-info-footer__icon svg{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){body[data-page-kind="hub"] #hubScreen .home-info-footer__item{transition:none}}