/* project.oodot.top — 시안 Hub.dc.html 의 CSS + 링크로 바꾼 것의 손질 */
[hidden]{display:none!important}
body{margin:0;background:#ffffff}
a{color:#1c4fd8}a:hover{color:#1740ad}
.od{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;color:#1d1d1f;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
.od *{box-sizing:border-box}
.wrap{max-width:1280px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}
.ln{color:inherit;text-decoration:none}
.ln:hover{color:#1d1d1f;text-decoration:underline;text-underline-offset:3px}
.tab{border:0;background:transparent;font:inherit;cursor:pointer;white-space:nowrap}
.cats{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.allgrid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:32px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.row-btn{width:100%;text-align:left;border:0;background:transparent;font:inherit;color:#1d1d1f;cursor:pointer}
.row-btn:hover .pname{text-decoration:underline;text-underline-offset:3px}
.card-btn{text-align:left;font:inherit;color:#1d1d1f;cursor:pointer;background:#ffffff}
.card-btn:hover{border-color:#cfcfd6!important}
.od a:focus-visible,.od button:focus-visible{outline:2px solid #2a64f6;outline-offset:2px}
@media (max-width:900px){.allgrid{grid-template-columns:1fr;gap:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hdr{flex-wrap:wrap;height:auto!important;padding-top:12px}.cats{order:3;width:100%;padding-bottom:4px}}
@media (max-width:600px){.cards{grid-template-columns:1fr}.hide-xs{display:none}}
a.tab,a.card-btn,a.row-btn{text-decoration:none;display:flex}
a.tab{display:inline-flex}
.cats::-webkit-scrollbar{display:none}
.skip{position:absolute;left:16px;top:-60px;z-index:50;padding:10px 16px;border-radius:10px;background:#1d1d1f;color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.skip:focus{top:12px;color:#fff}
@media (max-width:900px){.allgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.cats{flex:1 1 100%!important;margin:0 -14px}}
.brand-sub:hover{color:#5a5a61!important}