/* Shared visual refresh. Content order, menu hierarchy and board formats are retained. */
:root{--blue:#244b86;--ink:#17243b;--muted:#56657b;--line:#e1e7ef;--surface:#fff;--canvas:#f6f8fb;color:var(--ink);font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;letter-spacing:-.025em}
body{background:var(--canvas);color:var(--ink)}
header#top{background:#fff;border-bottom:1px solid var(--line)}
.masthead{min-height:152px;gap:32px}
.wordmark span{color:#5d6b7d;letter-spacing:.08em;margin-top:6px}
.search-form{border:1px solid #a3afc0;border-radius:10px;overflow:hidden;background:#fff}
.search-form:focus-within{outline:3px solid #2761a8;outline-offset:3px}
.search-form input{border:0;height:46px;padding:10px 15px;color:var(--ink);background:transparent;font-size:15px}
.search-form button{width:46px;background:#244b86;border-radius:0}
.search-form input:focus-visible,.search-form button:focus-visible{outline:2px solid #183e72;outline-offset:-3px}
.nav-border{border-top:1px solid #edf0f5;border-bottom:0;background:#fff}
.main-nav>ul>li>a,.main-nav>ul>li>button{font-size:13px;letter-spacing:-.02em;color:#344359;padding-block:21px;transition:color .15s,background .15s}
.main-nav>ul>li>a:hover,.main-nav>ul>li>button:hover,.main-nav>ul>li>a.active{color:#16477f;background:#f2f6fc}
.main-nav .dropdown{border:1px solid var(--line);border-top:3px solid #244b86;border-radius:0 0 12px 12px;box-shadow:0 14px 30px #14253d14;overflow:hidden}
.dropdown a{padding:13px 18px;border-color:#edf0f5;color:#344359}
.member-links{gap:12px;color:#46566b;font-weight:600}
.page-title{background:#edf2f8;color:var(--ink);border-bottom:1px solid #dde5ef;padding:26px 0}
.page-title h1{color:#172c4a;font-size:24px;letter-spacing:-.04em;font-weight:800}
.page-title nav{color:#53637a;font-size:12px}
.page-title nav a{color:#365c8c}
.content-layout{padding-top:38px;padding-bottom:72px}
.primary{padding-right:32px}
.sidebar{padding:4px 0 20px 28px;border-left:1px solid #e0e6ee}
.sidebar h2{border-left:0;font-size:14px;letter-spacing:-.01em;font-weight:750;color:#283e5b;padding:0;margin:0 0 16px}
.sidebar h2:not(:first-child){margin-top:34px}
.recent{font-size:14px;line-height:1.7;padding:14px 0;color:#4e5c70;border-color:#e2e8ef}
.recent:hover{color:#174d88}
.intro-box,.intro-box.board-intro{border:1px solid #dce4ee;border-top:3px solid #5678a6;border-radius:12px;background:#fff;padding:22px 24px;margin-bottom:24px;box-shadow:0 3px 12px #243e6004}
.intro-box h2,.board-intro h2{font-size:16px;line-height:1.6;font-weight:750;color:#213c60;border:0;padding:0;margin:0 0 10px}
.intro-box p,.board-intro p{font-size:14px;line-height:1.9;color:#47576d;margin-bottom:0;overflow-wrap:anywhere}
.intro-box p+p,.board-intro p+p{margin-top:16px}
.board-intro a{color:#174f8d}
.board-intro.notice-intro h2{background:#eaf1fb;color:#244b86;font-size:14px;padding:7px 14px;border-radius:7px;margin-bottom:14px}
.notice-intro h2+p{border-top:1px solid #e3e9f1;padding-top:14px}
.telegram-cta{display:flex;align-items:center;gap:15px;min-height:148px;padding:22px 18px;background:#eaf5fc;border:1px solid #bcd8ed;border-radius:14px;color:#163c5e;box-shadow:0 5px 14px #1a72900a}
.telegram-cta>img{width:66px;height:66px;object-fit:contain;flex:none}
.telegram-cta-copy{display:flex;flex-direction:column;min-width:0;gap:13px}
.telegram-cta-copy strong{font-size:15px;line-height:1.6;font-weight:750}
.telegram-cta-action{font-size:12px;line-height:1.5;color:#235579;font-weight:700}
a.telegram-cta:hover{background:#dceffa;border-color:#7bb4d9;color:#143852}
a.telegram-cta .telegram-cta-action{display:inline-block;padding:8px 10px;border-radius:7px;background:#125d8d;color:#fff;text-align:center}
.board-total{font-size:13px;color:#59697e;margin:20px 0 28px;font-variant-numeric:tabular-nums}
.post-grid{gap:16px;margin-bottom:22px}
.post-card{border:1px solid #dce4ee;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #18314f06;transition:box-shadow .2s,border-color .2s}
.post-card:hover{border-color:#b8c9de;box-shadow:0 8px 24px #18314f0d}
.post-card-copy{padding:16px 15px 26px}
.post-card h2{font-size:23px;line-height:1.42;min-height:4.26em;letter-spacing:-.045em;margin-bottom:18px}
.post-card h2 a{color:#24364e}
.post-card h2 a:hover{color:#24558f}
.card-meta,.post-card time{font-size:13px;color:#566780}
.post-card .post-excerpt{font-size:14px;line-height:1.75;color:#56657a;margin-top:36px}
.board-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dbe3ed;border-radius:12px;overflow:hidden;font-size:14px}
.board-table th,.board-table td{border:0;border-bottom:1px solid #e5eaf1;padding-left:14px;padding-right:14px}
.board-table th{height:46px;background:#eaf0f7;color:#3c526f;font-size:13px;font-weight:700}
.board-table td+td,.board-table th+th{border-left:1px solid #e5eaf1}
.board-table tbody tr:nth-child(even){background:#f8fafd}
.board-table tbody tr:hover{background:#f1f6fc}
.board-table tbody tr:last-child td{border-bottom:0}
.board-table td a{padding-block:12px;min-height:48px;color:#344962}
.board-table td:not(:first-child){font-size:13px;color:#596a80}
.page-guidance{margin-top:42px}
.guidance-block{border:1px solid #e0e7f0;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:24px}
.guidance-block h2{font-size:20px;letter-spacing:-.035em;background:#edf2f8;border-bottom:1px solid #e0e7f0;color:#233d60;padding:20px 23px}
.guidance-block p,.guidance-block li{color:#495a71;font-size:15px;line-height:1.95}
.term-card{border:1px solid #dce5f0;border-radius:14px;box-shadow:0 4px 18px #1c345b06;padding:26px 22px}
.term-number{background:#edf3fc;color:#345986;border-radius:6px}
.term-title-link{color:#243a58}
.term-read-button{border:1px solid #ccd9ea;background:#f0f5fc;color:#2a5082;border-radius:8px;min-height:44px}
.term-explanation,.article-content{background:#fff;border-color:#e0e7ef;border-radius:12px}
.term-explanation h2,.article-content h2{color:#213d60;letter-spacing:-.035em}
.article-content{padding:26px}
.article-content p{color:#41526a;line-height:1.95}
.article-content .lead{background:#eef3f9;border-left:3px solid #7292bc;border-radius:0 9px 9px 0}
.button{border-radius:8px;background:#244b86;border-color:#244b86;min-height:44px}
.pagination a{border-radius:7px;border-color:#c8d5e5;background:#fff;color:#345781;min-width:42px;min-height:42px}
.pagination a[aria-current=page]{background:#244b86;color:#fff;border-color:#244b86}
.intro{background:#fff}
.intro>h2,.features h2,.guide-section>.wrap>h2{color:#193556;font-weight:800;letter-spacing:-.045em}
.section-sub{color:#5b6b80;line-height:1.85}
.intro-grid h2{color:#244262;letter-spacing:-.04em}
.intro-grid p,.guide-copy p{color:#495b72;line-height:1.95}
.board-summary{border:1px solid #dfe7f0;background:#f7f9fc;border-radius:14px;padding:26px 24px}
.board-summary h3{color:#2a4466;font-size:16px}
.board-summary .summary-post{color:#53647b;font-size:13px}
.features{background:#f1f5fa}
.feature-grid article{border:1px solid #e1e8f1;border-radius:16px;box-shadow:0 6px 22px #243f6205}
.feature-grid h3{color:#264465;font-size:18px}
.feature-grid p{color:#53647a;line-height:1.9}
.faq-section{background:#fff}
.faq-layout>div:first-child h2{color:#1e3b5c}
.accordion{border:1px solid #dce5f0;border-radius:14px;padding:14px;background:#f7f9fc}
.accordion button{font-size:14px;background:#fff;border:1px solid #e4eaf2;border-radius:8px;margin:5px 0;color:#334c6c}
.accordion button[aria-expanded=true]{color:#174c86;border-color:#bbcee5}
.accordion .answer{background:#edf3fa;color:#435b77;border-radius:8px;margin-bottom:10px;line-height:1.9}
.guide-section{background:#f6f8fc}
.guide-row{border-bottom:1px solid #e1e7ef;padding-bottom:38px}
.guide-row:last-child{border:0;padding-bottom:0}
.guide-copy h2{color:#213f64;letter-spacing:-.04em}
.site-footer{background:#112139;color:#d5deeb}
.footer-company{border-color:#ffffff20;padding-block:34px}
.footer-company p{color:#d5deeb;font-size:13px;line-height:1.9}
.site-footer .footer-grid{gap:42px;padding-block:40px 50px}
.footer-grid h2{border-left:0;padding-left:0;color:#fff;font-size:15px;letter-spacing:-.01em}
.footer-grid p{color:#cad7e7;line-height:1.9}
.site-footer .telegram-contact{background:#183a58;border-color:#2d526f;border-radius:12px}
.telegram-copy,.telegram-copy small{color:#edf6ff}
.footer-menu a{border-color:#ffffff15;color:#d5e2f3}
.copyright{background:#0b192c;color:#aebed3;font-size:12px}
.to-top{background:#233c5d;border:1px solid #637e9f;border-radius:9px;box-shadow:0 3px 12px #13274320;color:#fff}
.mobile-bottom{background:#112139;border-top:1px solid #3d5270}
.member-panel{border-color:#d9e3ef;border-radius:16px;box-shadow:0 6px 26px #1d365308}
.member-panel h2{color:#244568}
.member-panel input{border-radius:8px;border-color:#91a3bb}
@media(max-width:1100px) and (min-width:960px){.main-nav>ul>li>a,.main-nav>ul>li>button{font-size:12px;padding-inline:8px}}
@media(max-width:959px){.masthead{min-height:100px}.mobile-toggle{border:1px solid #9fb0c6;border-radius:8px;color:#244566;background:#f4f7fb}.main-nav{background:#193457}.main-nav>ul>li>a,.main-nav>ul>li>button{color:#fff;background:transparent;padding:13px 6px}.main-nav>ul>li>a:hover,.main-nav>ul>li>button:hover,.main-nav>ul>li>a.active{color:#fff;background:#ffffff0f}.main-nav .dropdown{background:#112a4a;border:0;border-radius:8px}.dropdown a{color:#e4edf8}.member-links{color:#fff}.sidebar{padding-left:22px}.primary{padding-right:22px}}
@media(max-width:760px){.primary{padding-right:0}.sidebar{border-left:0;border-top:1px solid #dce5ef;padding:28px 0 0;margin-top:38px}.telegram-cta{max-width:440px}}
@media(max-width:600px){.page-title{padding:22px 0}.page-title h1{font-size:22px}.page-title nav{color:#53637a}.content-layout{padding-top:24px}.intro-box,.intro-box.board-intro{padding:20px 18px;border-width:1px;border-top-width:3px}.post-card h2{font-size:23px;min-height:0}.post-card-copy{padding:18px}.post-card .post-excerpt{margin-top:28px}.board-table th,.board-table td{padding-inline:6px}.board-table th{font-size:12px}.board-table td:not(:first-child){font-size:12px}.board-table th:first-child{width:50%}.board-table th:nth-child(2){width:20%}.board-table th:nth-child(3){width:30%}.guidance-block h2{font-size:19px;padding:18px}.guidance-block p,.guidance-block li{font-size:14px}.article-content{padding:20px 16px}.footer-company{padding-block:28px}.site-footer .footer-grid{gap:30px}.telegram-cta{min-height:132px}.hero-copy{border-radius:12px}.board-summary{padding:22px 18px}.accordion{padding:10px}.accordion button{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
