:root{--light-blue:#eef4ff;--line:#e4e7ec;--muted:#6b6b6b;--text:#17191d;--green:#16a34a;--max:1200px}
*{box-sizing:border-box}body{margin:0;background:#f7f7f8;color:var(--text);font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;font-size:14px;word-break:keep-all;overflow-wrap:anywhere}a{text-decoration:none;color:inherit}button,input{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#111;color:#fff;padding:8px;z-index:10}.page{width:min(calc(100% - 28px),var(--max));margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 0 1px #eceef1}
.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}.logo{font-size:30px;font-weight:900;letter-spacing:-2px;color:#183b97}.logo .accent{color:#f04458}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#667085;font-weight:700;margin-top:-2px}.top-actions{display:flex;align-items:center;gap:17px;color:#707781;font-size:12px}.top-actions a:hover{color:var(--blue)}.register{border:1px solid #d9e2f7;color:var(--blue);background:#f7faff;border-radius:4px;padding:12px 14px;font-weight:700}
.search-row{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;gap:8px}.search-row input{height:38px;flex:1;border:1px solid #dfe3e9;border-radius:4px;padding:0 13px;outline:none;min-width:0}.search-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,79,195,.1)}.search-row button{height:38px;border:0;border-radius:4px;background:var(--blue);color:#fff;padding:0 22px;font-weight:700;cursor:pointer}
.network-bar{height:62px;margin:10px 0 0;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;color:#222;font-weight:800;font-size:17px}.network-bar a:nth-child(1){color:#1a56db}.network-bar a:nth-child(2){color:#137333}.network-bar a:nth-child(3){color:#8a5a00}.network-bar a:nth-child(4){color:#df3142}.network-bar a:nth-child(5){color:#6148d8}.network-bar a:nth-child(6){color:#e62117}.network-bar a:nth-child(7){color:#111}.network-bar a:nth-child(8){color:#3157a6}.network-bar a:hover{opacity:.6}
main{padding:0 0 42px}
.crumbs{font-size:12px;color:#6b7280;margin:12px 0 0}.crumbs a{color:var(--blue);font-weight:700}
.page-h1{font-size:26px;letter-spacing:-1px;margin:14px 0 8px;text-wrap:balance}.page-lead{margin:0 0 18px;max-width:940px}.page-lead p{color:#555c68;line-height:1.85;font-size:14px;margin:0 0 11px;text-wrap:pretty}.page-lead p:last-child{margin-bottom:0}
.banner-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:4px;margin:7px 0 4px}.banner{height:98px;position:relative;overflow:hidden;border:1px solid #dce4f0;background:linear-gradient(105deg,#eaf1ff,#c8d9ff);padding:18px 20px;display:flex;align-items:center}.banner.green{background:linear-gradient(105deg,#eef9f4,#bdebd6)}.banner.yellow{background:linear-gradient(105deg,#fff7df,#ffe4a8)}.banner.pink{background:linear-gradient(105deg,#fff0f1,#ffc9d0)}.banner:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;right:-24px;top:-35px;background:rgba(255,255,255,.35)}.banner .banner-title{position:relative;z-index:1;margin:0;font-size:22px;font-weight:800;letter-spacing:-1.5px;color:var(--text)}.banner p{position:relative;z-index:1;margin:3px 0 0;font-size:12px;color:#526176}.banner b{color:var(--blue)}.banner.green b{color:#087b40}.banner.yellow b{color:#a15a00}.banner.pink b{color:#bd2537}
.trust-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border:1px solid var(--line);margin:10px 0;background:#fff}.trust-item{padding:13px 15px;border-right:1px solid var(--line);font-size:13px;color:#5a6270}.trust-item:last-child{border-right:0}.trust-item strong{display:block;color:#202631;font-size:13px;margin-bottom:3px}.trust-item a{color:var(--blue);font-weight:700}
.category-nav{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 10px}.category-nav .navtab{display:flex;align-items:center;justify-content:center;flex:1 1 calc(100%/11 - 1px);min-width:96px;box-sizing:border-box;min-height:44px;text-align:center;background:#fff;padding:10px 8px;color:#4b515b;font-weight:700;font-size:13px;letter-spacing:-.4px;line-height:1.25}.category-nav .navtab:hover,.category-nav .navtab.active{background:var(--blue);color:#fff}
@media(max-width:1100px){.category-nav .navtab{flex-basis:calc(100%/7 - 1px)}}
.seo-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.seo-links a{font-size:12px;color:#3f5f9e;background:var(--light-blue);border:1px solid #dce7ff;border-radius:4px;padding:7px 10px}.seo-links a:hover{background:#dfeaff;color:#123fa7}
.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.list-box{border:1px solid var(--line);background:#fff;min-height:300px}.list-title{height:58px;margin:0;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:17px;font-weight:800;letter-spacing:-.7px}.list-title span{font-size:21px;margin-right:6px}.list-title a{font-size:22px;color:#6b7280;font-weight:300}.list-body{padding:12px 15px}.site-row{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px}.rank{width:19px;height:19px;display:grid;place-items:center;color:#fff;border-radius:4px;background:#596579;font-size:10px;font-weight:800;flex:0 0 auto}.site-row:nth-child(1) .rank{background:#7a5200}.site-row:nth-child(2) .rank{background:#536176}.site-row:nth-child(3) .rank{background:#7b4a27}.site-row a,.site-row span:not(.rank){font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-row a:hover{color:var(--blue)}.site-row em{font-style:normal;font-size:10px;color:var(--green);margin-left:auto;flex:0 0 auto}.more{display:block;border-top:1px solid var(--line);margin:7px -15px -12px;padding:11px 15px;color:var(--blue);font-size:12px;text-align:right;font-weight:700}
.empty{grid-column:1/-1;padding:40px;text-align:center;color:#777}.empty a{color:var(--blue);font-weight:700}

/* 생활 가이드 — 카드 목록 */
.guide-section{margin:16px 0;border:1px solid var(--line);background:#fcfcfd;padding:20px}.guide-section h2{font-size:20px;margin:0 0 6px;letter-spacing:-1px;text-wrap:balance}.section-lead{color:#5f6672;line-height:1.8;margin:0 0 14px;max-width:940px;text-wrap:pretty}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.guide-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:#fff;padding:15px;transition:border-color .12s}.guide-card:hover{border-color:var(--blue)}.guide-card strong{font-size:15px;letter-spacing:-.5px;line-height:1.4;color:#17233d}.guide-card span{font-size:12px;line-height:1.7;color:#6b7280;text-wrap:pretty}.guide-card em{font-style:normal;font-size:11px;color:#667085;margin-top:auto}
.guide-section .more{display:inline-block;border:0;margin:14px 0 0;padding:0;color:var(--blue);font-weight:700;font-size:13px;text-align:left}

/* 가이드 본문 */
.guide{max-width:820px}
.guide-meta{font-size:12px;color:#667085;margin:0 0 16px}.guide-meta a{color:var(--blue);font-weight:700}
/* 답변 우선 블록: 앞뒤 문맥 없이 잘라내도 그 자체로 정답이어야 하는 문단.
   AI 검색이 인용하는 단위이므로 시각적으로도 문서의 첫 결론 자리에 둔다. */
.answer{border-left:4px solid var(--blue);background:var(--light-blue);padding:16px 18px;margin:0 0 26px}.answer p{margin:0;font-size:15px;line-height:1.85;color:#1c2b4a;text-wrap:pretty}
.guide-block{margin:0 0 28px}.guide-block h2{font-size:19px;letter-spacing:-.8px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);text-wrap:balance}.guide-block p{color:#4d5462;line-height:1.85;margin:0 0 10px;text-wrap:pretty}
.official{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.official a{display:inline-block;border:1px solid #d9e2f7;background:#f7faff;color:var(--blue);font-weight:700;border-radius:4px;padding:9px 13px;font-size:13px}.official a:hover{background:#e9f1ff}
.prep{margin:0;padding-left:20px;color:#4d5462}.prep li{line-height:1.85;margin-bottom:6px}
.steps{margin:0;padding:0;list-style:none;counter-reset:step}
.steps li{counter-increment:step;position:relative;padding:0 0 18px 40px;border-left:2px solid var(--line);margin-left:12px}.steps li:last-child{border-left-color:transparent;padding-bottom:0}
.steps li:before{content:counter(step);position:absolute;left:-13px;top:0;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.steps li strong{display:block;font-size:15px;letter-spacing:-.4px;margin-bottom:4px}.steps li p{margin:0;font-size:13.5px;line-height:1.8;color:#5a6270}
.step-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--blue)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.facts-table,.compare-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:420px}
.facts-table th,.compare-table th,.facts-table td,.compare-table td{border:1px solid var(--line);padding:11px 13px;text-align:left;line-height:1.7}
.facts-table th,.compare-table thead th{background:#f6f8fb;font-weight:700;color:#3a414d;white-space:nowrap}
.facts-table th{width:34%}.compare-table tbody th{background:#f6f8fb;white-space:normal}
.pitfall{border:1px solid #f3dfc4;background:#fffaf1;padding:14px 16px;margin-bottom:8px}.pitfall strong{display:block;color:#8a5a12;margin-bottom:5px;font-size:14px}.pitfall p{margin:0;font-size:13.5px;line-height:1.8;color:#6b6255}
.routing{border:1px solid var(--line)}
.routing-row{display:grid;grid-template-columns:1fr auto 1.3fr;gap:14px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.routing-row:last-child{border-bottom:0}
.routing-row .when{font-size:13.5px;color:#3a414d;font-weight:700}.routing-row .go{color:var(--blue);font-size:14px;white-space:nowrap}.routing-row .note{font-size:12.5px;color:#6b7280;line-height:1.6}
.disclaimer{font-size:12px;color:#667085;line-height:1.8;border-top:1px solid var(--line);padding-top:14px;margin-top:30px}
.guide .faq{grid-template-columns:1fr;margin-top:0}
/* 카테고리 페이지: 박스가 하나뿐이므로 폭을 채우고 링크를 2열로 흘린다 */
.content-grid.single{grid-template-columns:1fr}.content-grid.single .list-body{column-count:2;column-gap:34px}.content-grid.single .site-row{break-inside:avoid}.content-grid.single .more{column-span:all}
@media(max-width:560px){.content-grid.single .list-body{column-count:1}}
.info-section{margin-top:14px;border:1px solid var(--line);padding:20px;background:#fcfcfd}.info-section h2{font-size:20px;margin:0 0 10px;letter-spacing:-1px;text-wrap:balance}.info-section p{color:#5f6672;line-height:1.85;margin:0 0 11px;max-width:940px;text-wrap:pretty}.info-section p:last-child{margin-bottom:0}
.faq{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.faq details{border:1px solid var(--line);padding:13px;background:#fff}.faq summary{font-weight:700;cursor:pointer}.faq summary{line-height:1.5}.faq p{font-size:13px;line-height:1.75;color:#5a6270;margin-top:9px;text-wrap:pretty}
.footer{border-top:1px solid var(--line);padding:20px 26px;color:#6b7280;font-size:12px;display:flex;justify-content:space-between;gap:10px}.footer strong{color:#323740}.footer a{color:#6b7280}
@media(max-width:850px){.category-nav .navtab{flex-basis:calc(100%/5 - 1px);min-width:88px}.content-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr 1fr}.routing-row{grid-template-columns:1fr;gap:4px}.network-bar{font-size:14px}.masthead{height:82px}.top-actions a:not(.register){display:none}.faq{grid-template-columns:1fr 1fr}.trust-bar{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){.page{width:100%}.masthead{padding:0 14px}.logo{font-size:24px}.network-bar{overflow:auto;justify-content:flex-start;gap:25px;padding:0 15px}.network-bar a{flex:0 0 auto}.banner-grid{grid-template-columns:1fr}.banner{height:88px}.content-grid{grid-template-columns:1fr}.category-nav .navtab{flex-basis:calc(100%/3 - 1px);min-width:0;font-size:12px;padding:11px 4px}.faq{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-section{padding:16px}.footer{display:block}.footer div+div{margin-top:8px}.trust-bar{grid-template-columns:1fr}.trust-item,.trust-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}.page-h1{font-size:21px}}