.wb{--wb-bg:#fffdf9;--wb-ink:#18181b;--wb-sub:#6b7280;--wb-line:rgba(15,23,42,0.08);background-color:var(--wb-bg);min-height:100%;font-family:Pretendard,Pretendard Variable,system-ui,sans-serif;padding-bottom:64px}.wb-hero{display:flex;flex-direction:column;align-items:center;gap:22px;padding:56px 20px 36px;text-align:center}.wb-hero__pill{background-color:#fff;border:1px solid var(--wb-line);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;color:var(--wb-sub)}.wb-hero__title{margin:0;max-width:760px;font-size:46px;font-weight:900;line-height:1.26;letter-spacing:-.01em;color:var(--wb-ink);word-break:keep-all}.wb-hero__sub{margin:0;max-width:620px;font-size:18px;font-weight:500;line-height:1.66;color:var(--wb-sub);word-break:keep-all}.wb-controls{flex-direction:column;gap:24px;padding:0 20px}.wb-controls,.wb-search{display:flex;align-items:center}.wb-search{gap:12px;width:min(560px,100%);height:56px;background-color:#fff;border:1.5px solid rgba(15,23,42,.12);border-radius:16px;box-shadow:0 12px 28px rgba(15,23,42,.04);padding:0 18px}.wb-search svg{flex-shrink:0}.wb-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:var(--wb-ink);font-family:inherit}.wb-search__input::placeholder{color:#9ca3af}.wb-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.wb-chip{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border:none;border-radius:14px;background:transparent;font-family:inherit;font-size:15px;font-weight:700;color:#a7b0be;cursor:pointer;transition:background-color .15s,color .15s}.wb-chip:hover{color:var(--wb-ink)}.wb-chip--active{background-color:rgba(15,23,42,.06);color:#1a1a1a}.wb-chip__count{font-size:13px}.wb-body{max-width:1080px;margin:42px auto 0;padding:0 20px}.wb-main{display:flex;flex-direction:column;gap:22px}.wb-main__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.wb-main__title{display:flex;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900;color:var(--wb-ink)}.wb-main__count{font-size:15px;font-weight:800;color:var(--wb-sub)}.wb-main__sub{margin:6px 0 0;font-size:14px;font-weight:500;color:var(--wb-sub)}.wb-empty{padding:40px 0;text-align:center;color:var(--wb-sub);font-size:15px}.wb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:20px}.wb-card{display:flex;flex-direction:column;gap:10px;background-color:#fff;border:1px solid var(--wb-line);border-radius:20px;box-shadow:0 14px 34px rgba(15,23,42,.06);padding:12px 12px 13px;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease}.wb-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(15,23,42,.1)}.wb-card__cover{position:relative;border-radius:14px;overflow:hidden;background-color:#f5f4f1;border:1px solid var(--wb-line);aspect-ratio:4/3}.wb-card__img{display:block;width:100%;height:100%;object-fit:cover}.wb-card__text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 2px}.wb-card__headline{margin:0;font-size:15.5px;font-weight:900;letter-spacing:-.02em;line-height:1.3;color:var(--wb-ink);word-break:keep-all}.wb-card__desc{margin:0;font-size:12.5px;font-weight:500;line-height:1.45;color:var(--wb-sub);word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.wb-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:auto;padding:0 2px;font-size:12px;font-weight:700;color:var(--wb-sub)}.wb-card__dot{color:#cbd1dc}.wb-card__get{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid var(--wb-line);border-radius:999px;padding:11px 12px;font-size:13px;font-weight:800;color:var(--wb-ink);white-space:nowrap;transition:background-color .15s}.wb-card:hover .wb-card__get{background-color:#f6f6f4}@media (max-width:640px){.wb-hero{padding:36px 18px 28px}.wb-hero__title{font-size:30px}.wb-hero__sub{font-size:15px}.wb-body{padding:0 16px}.wb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wb-card{gap:9px;border-radius:16px;padding:9px 9px 11px}.wb-card__headline{font-size:14px}.wb-card__desc,.wb-card__get,.wb-card__meta{font-size:11.5px}.wb-chips{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.wb-chip{flex-shrink:0}}