:root{--sidebar:161px;--green:#1f8059;--blue:#2a4e91;--line:#ccc;--muted:#686868}*{box-sizing:border-box}html{color:#222;background:#fff;font-family:'Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif;font-size:13.3333px}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2875c7;outline-offset:3px}img{border:0;vertical-align:middle}p,h1,h2,h3{margin:0}h1,h2,h3{font-size:inherit}button,.button{border:1px solid #bbb;background:linear-gradient(#fff,#eee);padding:6px 14px;color:#222;border-radius:2px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus{position:fixed;left:10px;top:10px;background:#fff;padding:12px;z-index:100}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#f5f5f5;border-right:1px solid #aaa;overflow-y:auto;overflow-x:hidden;z-index:20}.brand{display:block;width:100%;height:100px;padding:10px 0 10px 8px;background:var(--blue);overflow:hidden}.brand img{display:block;width:140px;height:80px;max-width:100%;object-fit:contain}.sidebar nav a{display:block;min-height:40px;padding:12px 16px 10px;border-bottom:1px solid #c8c8c8;border-top:1px solid #fff;font-weight:bold;color:#555;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#e5e9ed;color:#1c573e;text-decoration:none}.mobile-header{display:none}.site-content{margin-left:170px;width:1000px;max-width:calc(100% - 180px);padding:10px 0 20px;min-width:0}.main-intro{border:1px solid #d1d0c2;background:#fffdec;padding:7px;color:#333;line-height:normal}.main-intro h1{font-size:16px;color:var(--green);margin-bottom:2px}.updated{font-size:12px}.ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px}.ranking-link{display:block;min-width:0;height:100%;color:inherit;text-decoration:none}.ranking-link:hover,.ranking-link:focus-visible{text-decoration:none}.ranking-link>.ranking-card{height:100%}.ranking-card{border:1px solid var(--line);min-width:0;cursor:pointer}.ranking-card h2{padding:9px 7px;background:linear-gradient(#fff,#eee);border-bottom:1px solid var(--line);font-size:16px;line-height:1.2}.ranking-shortcut{color:#1765ff;font-weight:normal}.ranking-logo{display:flex;height:100px;align-items:center;justify-content:center}.ranking-logo img{width:200px;height:80px;max-width:95%;object-fit:contain}.benefit{text-align:center;font-weight:bold;background:#f5f5f5;border-block:1px solid #d8d8d8;padding:4px;font-size:13.3333px}.ranking-description{padding:4px;line-height:1.55;min-height:47px;font-size:13.3333px}.ranking-actions{display:flex;justify-content:center;gap:6px;padding:0 5px 5px}.ranking-actions span{display:inline-block;padding:2px 9px;background:var(--green);font-weight:bold;color:white;font-size:13.3333px}.latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 10px}.latest-box{min-width:0;border-top:2px solid #555}.latest-box h2{padding:9px 8px;background:#f4f4f4;border-bottom:1px solid #ccc;font-size:14px}.latest-box ul{list-style:none;margin:0;padding:6px}.latest-box li{display:flex;gap:5px;align-items:baseline;min-width:0;padding:6px 0;border-bottom:1px dotted #e4e4e4}.latest-title-group{display:flex;align-items:baseline;gap:4px;flex:1;min-width:0}.latest-title{display:block;min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-title-group .comment-count{flex:0 0 auto}.latest-box time{font-size:11px;color:var(--muted);white-space:nowrap}.comment-count{font-size:11px;color:var(--green);white-space:nowrap}.site-footer{clear:both;text-align:center;margin-top:32px;padding:18px 8px;border-top:1px solid #ddd;color:#666;font-size:13px;line-height:1.8}.site-footer a{color:#333}.breadcrumb{padding:8px 2px 14px;color:#666;font-size:15px;line-height:1.7;display:flex;flex-wrap:wrap;gap:8px}.board-heading{display:flex;align-items:center;gap:10px;margin:12px 0 10px;padding:9px 6px;border-bottom:2px solid #666}.board-heading h1,.board-heading h2{font-size:16px}.table-scroll{overflow-x:auto}.posts-table{border-collapse:collapse;width:100%;table-layout:fixed}.posts-table th{padding:9px 5px;background:#f2f2f2;border-top:1px solid #ccc;border-bottom:1px solid #bbb;color:#444}.posts-table td{border-bottom:1px solid #e6e6e6;padding:9px 7px;line-height:1.35}.posts-table .number-col{width:65px;text-align:center;font-size:12px;color:#777}.posts-table .author-col{width:115px;text-align:center;overflow-wrap:anywhere}.posts-table .date-col{width:100px;text-align:center;font-size:12px;white-space:nowrap;color:#666}.subject-cell{overflow-wrap:anywhere}.subject-cell>a:hover{color:var(--green)}.notice-row{background:#fafaf3;font-weight:bold}.selected{background:#eff7f3}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:20px 0 12px}.pagination a,.pagination strong{display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:30px;border:1px solid #ddd;padding:3px 7px;font-size:12px}.pagination strong{background:#555;color:#fff;border-color:#555}.search-form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0 25px}.search-form select,.search-form input[type=search]{border:1px solid #aaa;padding:6px;background:white;height:31px}.search-form input[type=search]{width:200px;max-width:50vw}.search-form button{height:31px;padding:4px 13px}.search-form fieldset{display:flex;gap:7px;padding:0;border:0;margin:0;font-size:11px}.search-form label{display:inline-flex;align-items:center}.search-summary{padding:5px 7px 12px;color:#666}.search-summary a{text-decoration:underline}.empty{text-align:center!important;padding:24px 8px!important;color:#777;font-size:12px}.post-view{border-top:2px solid #666}.post-heading{padding:15px 12px;border-bottom:1px solid #ccc;background:#fafafa}.board-label{font-size:11px;color:#777;margin-bottom:5px}.post-heading h1{font-size:19px;line-height:1.5;overflow-wrap:anywhere}.post-meta{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:12px;color:#666;margin-top:10px}.post-body{padding:25px 15px 35px;min-height:150px}.post-content{line-height:1.85;font-size:14px;overflow-wrap:anywhere;overflow-x:auto;max-width:100%}.post-content p{margin:0 0 1em}.post-content img{max-width:100%;height:auto}.post-content img[data-fallback-applied="1"]{max-width:260px;height:auto}.post-content table{border-collapse:collapse;max-width:100%;font-size:inherit}.post-content td,.post-content th{border:1px solid #ccc;padding:5px;overflow-wrap:anywhere}.post-content a{color:#205ca5;text-decoration:underline}.post-content pre{white-space:pre-wrap;background:#f4f4f4;padding:12px}.post-content blockquote{margin:10px 0;padding:8px 15px;border-left:3px solid #ccc;background:#fafafa}.post-content h2,.post-content h3,.post-content h4{font-weight:bold;margin:1em 0 .5em}.post-content h2{font-size:20px}.post-content h3{font-size:18px}.post-content h4{font-size:16px}.legacy-center{text-align:center}.media-unavailable{display:block;border:1px solid #ddd;background:#f6f6f6;color:#777;font-size:12px;padding:14px;margin:10px 0}.comments{border-top:1px solid #ccc}.comments>h2{font-size:14px;padding:10px 12px;background:#f5f5f5}.comments>h2 span{color:var(--green)}.comment{padding:16px 13px;border-bottom:1px solid #ddd}.comment>header{display:flex;align-items:baseline;gap:14px;margin-bottom:9px;font-size:12px}.comment>header time{font-size:11px;color:#777}.comment-body{font-size:13px}.post-navigation{font-size:12px;border-top:1px solid #ccc;margin-top:18px}.post-navigation>div{display:flex;gap:12px;padding:10px 8px;border-bottom:1px solid #ddd}.post-navigation span{color:#777;flex:none}.post-navigation a{overflow-wrap:anywhere}.post-actions{display:flex;justify-content:flex-end;padding:15px 0}.button{display:inline-block}.notice-box{padding:30px 15px;line-height:2}.notice-box h1{font-size:20px}.notice-box a{text-decoration:underline}@media(max-width:1050px){.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand img{max-width:100%}.ranking-grid{gap:12px;margin-inline:0}.ranking-card h2{font-size:13px}.ranking-description{min-height:67px}.latest-grid{gap:12px;margin-inline:0}.site-content{padding-right:10px}.posts-table .author-col{width:90px}}@media(max-width:760px){html{font-size:13px}.mobile-header{display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:white;padding:10px 14px;min-height:54px}.mobile-brand{display:block;flex:none;line-height:0}.mobile-brand img{display:block;width:105px;height:60px;object-fit:contain}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;color:white;background:transparent;border:1px solid #a3b5d5;border-radius:3px}.burger-lines{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:17px}.burger-lines>span{display:block;width:100%;height:2px;background:currentColor;border-radius:1px}.sidebar{position:static;width:100%;height:auto;border-right:0;background:#f5f5f5;overflow-x:hidden;overflow-y:visible}.sidebar .brand{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav a{min-height:42px;border-right:1px solid #ddd;padding:12px 15px}.js .sidebar{display:none}.js .sidebar.is-open{display:block}.site-content{margin:0;width:auto;max-width:none;padding:10px}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ranking-description{min-height:81px}.ranking-logo img{max-width:96%}.benefit{font-size:11px}.latest-grid{grid-template-columns:1fr}.main-intro h1{font-size:15px}.posts-table .number-col{display:none}.posts-table .author-col{width:74px;font-size:11px}.posts-table .date-col{width:85px;font-size:11px}.posts-table td{padding:10px 4px}.post-heading{padding-inline:8px}.post-body{padding:20px 6px}.post-heading h1{font-size:18px}.post-content{font-size:14px}.search-form fieldset{width:100%;justify-content:center}.site-footer{margin-top:24px}}@media(max-width:600px){.ranking-grid{grid-template-columns:1fr}.ranking-description{min-height:0}.ranking-card h2{font-size:15px}.benefit{font-size:12px}.ranking-logo{height:100px}.posts-table .author-col{width:60px}.latest-box time{font-size:10px}}.page-not-found .error-page {    box-sizing: border-box;    display: flex;    align-items: center;    justify-content: center;    min-height: 380px;    padding: 56px 20px 64px;    background: #fff;    color: #666;    text-align: center;}.page-not-found .error-content { width: 100%; max-width: 560px; }.page-not-found .error-code {    margin: 0;    color: #aaa;    font-family: Arial, sans-serif;    font-size: clamp(76px, 12vw, 104px);    font-weight: 300;    line-height: 1.1;    letter-spacing: -0.03em;}.page-not-found .error-label {    margin: 8px 0 24px;    color: #888;    font-size: 11px;    font-weight: 400;    letter-spacing: 0.12em;}.page-not-found .error-page h1 {    margin: 0 0 12px;    color: #555;    font-size: 18px;    font-weight: 400;    line-height: 1.6;    word-break: keep-all;}.page-not-found .error-description {    margin: 0;    color: #777;    font-size: 13px;    line-height: 1.85;    word-break: keep-all;}.page-not-found .error-home {    display: inline-flex;    align-items: center;    justify-content: center;    min-height: 36px;    margin-top: 24px;    padding: 7px 20px;    border: 1px solid #ccc;    border-radius: 2px;    background: #fafafa;    color: #666;    font-size: 13px;    font-weight: 400;    line-height: 1.5;    text-decoration: none;}.page-not-found .error-home:hover { background: #f1f1f1; border-color: #aaa; color: #444; text-decoration: none; }.page-not-found .error-home:focus-visible { outline: 2px solid #999; outline-offset: 3px; }@media (max-width: 760px) {    .page-not-found .error-page { min-height: 340px; padding: 40px 16px 48px; }    .page-not-found .error-page h1 { font-size: 17px; }}/* 순위 카드 hover 효과 */.ranking-card {    transition: border-color .18s ease;}.ranking-logo {    overflow: hidden;}.ranking-logo img {    transition: transform .2s ease;}.ranking-actions span {    transition: background-color .18s ease;}@media (hover: hover) {    .ranking-link:hover .ranking-card {        border-color: #888;    }    .ranking-link:hover .ranking-logo img {        transform: scale(1.04);    }    .ranking-link:hover .ranking-actions span {        background-color: #299568;    }}.ranking-link:focus-visible .ranking-card {    border-color: #888;}.ranking-link:focus-visible .ranking-actions span {    background-color: #299568;}@media (prefers-reduced-motion: reduce) {    .ranking-card,    .ranking-logo img,    .ranking-actions span {        transition: none;    }    .ranking-link:hover .ranking-logo img {        transform: none;    }}