:root{--hanji:#f8f5ec;--page:#f0ede5;--hanji-dim:#efe9dc;--ink:#1a1612;--ink-2:#3a332a;--ink-3:#6f665a;--ink-4:#867c6b;--rule:#cfc6b2;--rule-soft:#e3dbc9;--cheong:#1e5b82;--cheong-dk:#144261;--jeok:#b23a2e;--surf:#f7f7f7}.useful-hub{color:var(--ink);background:var(--page);background-image:radial-gradient(#3c2d1406 1px,#0000 1px),radial-gradient(#3c2d1405 1px,#0000 1px),repeating-linear-gradient(#0000 0 22px,#3c2d1403 22px 23px);background-position:0 0,7px 11px,0 0;background-size:14px 14px,23px 23px,100% 100%;padding-bottom:32px;font-family:Inter,system-ui,sans-serif;line-height:1.55}.useful-hub .myeongjo{font-family:Nanum Myeongjo,serif}.useful-hub a{color:inherit;text-decoration:none}.useful-hub button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.useful-page-head{margin-bottom:18px}.useful-page-head h1{font-size:var(--fs-h2);letter-spacing:-1.2px;color:var(--ink);margin-bottom:5px;font-weight:800;line-height:1.1}.useful-page-head .h1-ko{color:var(--ink-4);margin-bottom:6px;font-family:Nanum Myeongjo,serif;font-size:14px;font-style:italic}.useful-page-head .dek{color:var(--ink-3);max-width:760px;font-size:15px;line-height:1.55}.useful-group-grid{background:var(--rule-soft);border:1px solid var(--rule-soft);grid-template-columns:repeat(6,1fr);gap:1px;margin-bottom:28px;display:grid}@media (max-width:1100px){.useful-group-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:760px){.useful-group-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.useful-group-grid{grid-template-columns:repeat(2,1fr)}}.useful-group-card{background:var(--surf);cursor:pointer;color:inherit;flex-direction:column;padding:12px;text-decoration:none;transition:background .12s;display:flex;position:relative}.useful-group-card:hover{background:#fff}.useful-group-card.disabled{opacity:.6;pointer-events:none}.useful-group-emoji{margin-bottom:8px;font-size:28px;line-height:1}.useful-group-name{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.3}.useful-group-ko{color:var(--ink-3);margin-bottom:8px;font-family:Nanum Myeongjo,serif;font-size:12px;font-style:italic;line-height:1.4}.useful-group-count{color:var(--ink-3);font-size:12px}.useful-group-count strong{color:var(--ink);font-weight:700}.useful-group-coming{color:var(--ink-3);font-size:12px}.useful-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--cheong);margin-bottom:8px;font-size:11px;font-weight:700}.useful-scenario-card{background:var(--surf);border:1px solid var(--rule-soft);cursor:pointer;flex-direction:column;padding:20px;transition:background .12s;display:flex}.useful-scenario-card:hover{background:#fff}.useful-explore-card{background:var(--surf);border:1px solid var(--rule-soft);cursor:pointer;flex-direction:column;transition:background .12s;display:flex;overflow:hidden}.useful-explore-card:hover{background:#fff}