.list{max-width:1160px;margin:0 auto;padding:48px 24px 64px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.head h1{margin:0;font-family:"Noto Serif KR",serif;font-size:28px;font-weight:600;display:flex;align-items:baseline;gap:12px}.head h1 small{font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:400;color:var(--fg3);font-variant-numeric:tabular-nums}.sbox{position:relative;width:280px;max-width:100%}.search{width:100%;height:40px;box-sizing:border-box;padding:0 12px;background:var(--panel);border:1px solid var(--line-soft);color:var(--fg);font:inherit;font-size:14px}.search:focus{outline:none;border-color:var(--fg4)}.kind{display:flex;gap:0;margin-top:24px;border-bottom:1px solid var(--line-soft)}.kind button{flex:0 0 128px;justify-content:center;height:44px;padding:0 4px 2px;border:0;background:none;color:var(--fg3);font:inherit;font-size:15px;cursor:pointer;display:flex;align-items:center;white-space:nowrap}.kind button[aria-selected=true]{color:var(--fg-hi);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.big{margin:40px 0 0;padding-bottom:10px;border-bottom:1px solid var(--line-soft);font-family:"Noto Serif KR",serif;font-size:22px;font-weight:600;display:flex;align-items:baseline;gap:10px}.big small{font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:400;color:var(--fg3)}.grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px 12px;margin-top:16px}.card{display:flex;flex-direction:column;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.card .pic{position:relative;aspect-ratio:2 / 3;background:var(--pop);overflow:hidden}.card .pic img{width:100%;height:100%;object-fit:cover;display:block}.card .pic em{position:absolute;left:4px;top:4px;padding:0 5px 1px;background:rgba(var(--bg-rgb),.8);font-style:normal;font-size:11px;font-weight:600;color:var(--fg)}.card b{margin-top:6px;font-size:13px;font-weight:600;line-height:1.35}.card small{font-size:12px;color:var(--fg3);line-height:1.35}.card:hover .pic{outline:1px solid var(--fg4);outline-offset:-1px}.card:hover b{text-decoration:underline}.g5{color:var(--grade-s)}.g4{color:var(--stigma-4)}.g3{color:var(--stigma-3)}.dms{display:flex;gap:3px;margin-top:4px}.ex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin-top:16px}.ex a{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-faint);color:inherit;text-decoration:none;min-width:0}.ex .ic{position:relative;flex:none;width:48px;height:48px}.ex .ic img:first-child{width:48px;height:48px;background:var(--pop)}.ex .ic img+img{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;border:2px solid var(--bg);background:var(--pop)}.ex b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex small{font-size:12px;color:var(--fg3)}.ex a:hover b{text-decoration:underline}.card.row{flex-direction:row;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-faint);min-width:0}.card.row .ic img{width:48px;height:48px;display:block;background:var(--pop)}.card.row .tx{min-width:0}.card.row b{margin:0;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card.row .dms{align-items:center;margin-top:3px}.card.row .gl{font-style:normal;font-size:12px;font-weight:700;margin-right:4px}.filters{margin-top:24px;display:flex;flex-direction:column;gap:12px}.filters[hidden]{display:none}.filters .lc-res{margin-top:4px}.frow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.grades,.slots,.sortsw{display:flex;gap:4px}.grades button{width:44px;height:32px;padding:0 0 3px;border:1px solid var(--line-soft);background:var(--well);font:700 15px "Noto Serif KR",serif;cursor:pointer}.grades button[data-g="5"]{color:var(--grade-s)}.grades button[data-g="4"]{color:var(--stigma-4)}.grades button[data-g="3"]{color:var(--stigma-3)}.grades button[aria-pressed=true]{border-color:currentColor;background:rgba(var(--fg-rgb),.08)}.slots button{width:44px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-soft);background:var(--well);cursor:pointer}.slots button .dm{opacity:.5}.slots button[aria-pressed=true]{border-color:var(--fg);background:rgba(var(--fg-rgb),.1)}.slots button[aria-pressed=true] .dm{opacity:1}.sortsw button,.chip{height:32px;padding:0 12px 2px;border:1px solid var(--line-soft);background:var(--well);color:var(--fg3);font:inherit;font-size:13px;cursor:pointer}.sortsw button[aria-pressed=true],.chip[aria-pressed=true]{border-color:var(--fg);background:rgba(var(--fg-rgb),.1);color:var(--fg-hi);font-weight:600}.profs{display:flex;flex-wrap:wrap;gap:4px}.profs button{flex:0 0 auto;height:32px;display:flex;align-items:center;gap:6px;padding:0 12px 0 8px;border:1px solid var(--line-soft);background:var(--well);color:var(--fg3);font:inherit;font-size:13px;cursor:pointer}.profs button img{width:20px;height:20px;object-fit:contain;opacity:.75}.profs button[aria-pressed=true]{background:rgba(var(--fg-rgb),.1);border-color:var(--fg);color:var(--fg-hi);font-weight:600}.profs button[aria-pressed=true] img{opacity:1}.profs button:disabled,.grades button:disabled{opacity:.35;cursor:default}.tagbtn{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 8px 2px 6px;border:0;background:none;color:var(--fg);font:inherit;font-size:14px;cursor:pointer}.tagbtn[aria-expanded=true]{font-weight:600;color:var(--fg-hi)}.tagbtn b{color:var(--link);font-weight:600}#out>:first-child{margin-top:24px}.push{margin-left:auto}.panel{display:flex;flex-direction:column;gap:16px;padding:20px 24px;background:var(--panel);border:1px solid var(--border)}.panel[hidden]{display:none}.panel h3{margin:0 0 10px;font-size:14px;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px}.filters button:disabled{opacity:.28;cursor:default}@media(max-width:767px){.panel{padding:16px}.profs button{padding:0;gap:0;font-size:0}}.empty{margin-top:32px;padding:48px 0;text-align:center;color:var(--fg3);font-size:14px;border:1px solid var(--line-faint)}@media(max-width:1279px){.list{padding:16px 16px 48px}.head h1{font-size:24px}.sbox{width:100%}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ex{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.big{font-size:19px;margin-top:28px}}@media(max-width:767px){.kind button{flex:1 1 0;min-width:0;font-size:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.card b{font-size:12px}.ex{grid-template-columns:1fr}}@media(max-width:767px){.head h1 small,.search{font-size:13px}.big{font-size:16px}.card.row b,.tagbtn,.empty{font-size:13px}}