@font-face{font-family:Pretendard;src:url('/assets/PretendardVariable.woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0;padding-bottom:112px;background:#f7f8fa;color:#08283e;font-family:Pretendard,Arial,sans-serif;text-align:center}a{color:inherit;text-decoration:none}
header{min-height:88px;background:#fff;border-bottom:1px solid #e1e5e9;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;gap:20px}.brand{display:flex;align-items:center;gap:14px}.mark{display:block;width:90px;height:47px;background:url('/assets/mg-brand-board.png') -35px -14.6px/361px 240.7px no-repeat}.wordmark strong{display:block;font-size:23px;font-weight:800}.wordmark small{display:block;font-size:8px;letter-spacing:.32em;margin-top:5px}nav{display:flex;gap:28px;color:#5d6e7d;font-size:22px}.header-call{font-weight:750;font-size:24px;border-bottom:1px solid #9aaab5;padding:9px 0}
.blog-intro,.blog-article{max-width:980px;margin:auto;padding:72px 24px 38px}.eyebrow{font-size:10px;letter-spacing:.24em;color:#667a8d;margin:0 0 14px}.blog-intro h1,.blog-article h1{font-size:clamp(32px,5vw,58px);font-weight:550;letter-spacing:-.06em;line-height:1.25;margin:0}.blog-intro>p:last-child{color:#6f7d87;line-height:1.8}.article-grid{max-width:1120px;margin:auto;padding:18px 24px 70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{display:block;text-align:center;background:#fff;border:1px solid #dce3e9;padding:28px;min-height:220px}.article-card img{display:block;width:calc(100% + 56px);height:170px;object-fit:cover;margin:-28px -28px 24px}.article-card h2{font-size:25px;line-height:1.4;margin:16px 0 10px}.article-card p{color:#5d6e7d;line-height:1.8;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card span{color:#0862b7;font-size:13px;font-weight:700}.empty{grid-column:1/-1;padding:60px;background:#fff;color:#6f7d87}
.blog-article{background:#fff;margin-top:34px}.blog-article>time{display:block;margin-top:12px;color:#667a8d;font-size:12px}.article-body{max-width:760px;margin:48px auto 0}.article-body h2{font-size:27px;line-height:1.45;margin:48px 0 16px}.article-body p{font-size:17px;line-height:2;letter-spacing:-.02em;word-break:keep-all;margin:0 0 25px}.article-body figure{margin:38px 0}.article-body img{display:block;width:100%;height:auto}.source{margin:52px auto 0;color:#667a8d;font-size:14px}.source a{color:#0862b7;text-decoration:underline}
.contact{position:fixed;inset:auto 0 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:96px;padding:18px 32px calc(18px + env(safe-area-inset-bottom));background:#08283ef5;color:#fff}.contact p{margin:0;font-size:17px}.contact small{display:block;color:#b3c2ce;font-size:10px;margin-top:7px}.actions{display:flex;gap:9px}.actions a{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:156px;padding:13px 20px;background:#075db3;color:#fff;font-size:12px}.actions a+a{background:transparent;border:1px solid #8299aa;min-width:114px}.footer{padding:28px;background:#07273d;color:#bccbd5;font-size:11px}.footer a{display:inline-block;margin-bottom:12px;font-size:16px;font-weight:700}a:focus-visible{outline:3px solid #0862b7;outline-offset:5px}
@media(min-width:701px) and (max-width:1100px){header{flex-wrap:wrap;padding:18px 24px}nav{order:3;width:100%;justify-content:center}}@media(max-width:700px){body{padding-bottom:92px}header{min-height:100px;padding:16px 12px;flex-wrap:wrap;justify-content:center}.mark{width:64px;height:34px;background-size:264px 176px;background-position:-25.6px -10.4px}.wordmark strong{font-size:16px}.wordmark small{font-size:6px}.header-call{font-size:19px}nav{display:flex;order:3;width:100%;justify-content:center;gap:18px;font-size:15px}.blog-intro,.blog-article{padding:48px 16px 28px}.article-grid{grid-template-columns:1fr;padding:12px 16px 48px}.article-card{padding:22px;min-height:0}.article-card img{width:calc(100% + 44px);height:150px;margin:-22px -22px 20px}.article-card h2{font-size:22px}.article-body{margin-top:34px}.article-body p{font-size:16px;line-height:1.9}.article-body h2{font-size:23px}.contact{min-height:82px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.contact>div:first-child{display:none}.contact .actions{width:100%;flex-wrap:nowrap}.contact .actions a{flex:1;min-width:0;padding:12px 8px}.contact .actions a+a{flex:0 0 100px;min-width:0}}@media(prefers-reduced-motion:reduce){.article-card{transition:none}}