@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;700;800&family=Outfit:wght@600;800&display=swap');
:root{--ink:#071a2c;--lime:#d9f45a;--coral:#ff6848;--paper:#f4f3ee;--line:#d8dcd6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif}.site-head{height:78px;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.wordmark{display:flex;flex-direction:column;color:inherit;text-decoration:none;line-height:1}.wordmark b{font-size:11px;color:#739000}.wordmark span{margin-top:4px;font-size:22px;font-weight:800}.site-head nav{display:flex;gap:28px;margin-left:auto}.site-head nav a{color:#52606b;text-decoration:none;font-size:13px;font-weight:700}.site-head nav .on{color:var(--ink);border-bottom:2px solid var(--coral)}.directory-hero{padding:72px max(22px,calc((100% - 1180px)/2)) 62px;background:var(--ink);color:#fff}.directory-hero>p,.section-title small{margin:0;color:var(--lime);font:800 11px Outfit;letter-spacing:2px}.directory-hero h1{max-width:760px;margin:12px 0 34px;font-size:clamp(38px,6vw,72px);line-height:1.08;letter-spacing:-.05em}.directory-search{display:flex;max-width:670px;padding:7px;background:#fff}.directory-search input{flex:1;min-width:0;border:0;padding:15px 17px;font:inherit;outline:none}.directory-search button{border:0;background:var(--coral);color:#fff;padding:0 27px;font-weight:800}.category-filter{display:flex;gap:8px;overflow:auto;padding:18px max(22px,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid var(--line)}.category-filter button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 16px;color:#5d6870;font:700 12px inherit}.category-filter button.on{border-color:var(--ink);background:var(--ink);color:#fff}.directory-section{max-width:1180px;margin:auto;padding:58px 22px 90px}.section-title{display:flex;align-items:end;margin-bottom:20px}.section-title small{color:var(--coral)}.section-title h2{margin:5px 0 0;font-size:30px}.section-title>span{margin-left:auto;color:#788188;font-size:12px}.all-title{margin-top:60px}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.business-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.2s}.business-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #071a2c14}.business-card>a{display:block;color:inherit;text-decoration:none}.business-image{aspect-ratio:16/10;background:linear-gradient(135deg,#dce3d5,#ecede8);overflow:hidden}.business-image img{width:100%;height:100%;object-fit:cover}.business-image .placeholder{height:100%;display:grid;place-items:center;font:800 52px Outfit;color:#98a28f}.business-copy{padding:20px}.business-meta{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#71808a;font-size:11px}.business-meta .badge{background:var(--lime);color:#4e6100;padding:4px 7px;font-weight:800}.business-copy h3{margin:0;font-size:21px}.business-copy p{min-height:44px;margin:8px 0 15px;color:#65717a;font-size:13px;line-height:1.65}.business-address{font-size:11px;color:#8a9297}.featured-grid .business-card:first-child{grid-column:span 2}.featured-grid .business-card:first-child .business-image{aspect-ratio:2/1}.empty{padding:70px 20px;text-align:center;color:#758087;background:#fff;border:1px solid var(--line)}footer{display:flex;align-items:center;gap:24px;padding:38px max(22px,calc((100% - 1180px)/2));background:#fff;border-top:1px solid var(--line)}footer p{margin:0;color:#778087;font-size:12px}footer>a:not(.wordmark){margin-left:auto;color:#5f6b72;font-size:11px;text-decoration:none}footer>a+ a{margin-left:0!important}@media(max-width:760px){.site-head{height:68px}.site-head nav{gap:13px}.site-head nav a{font-size:11px}.directory-hero{padding-top:48px}.directory-search button{padding:0 18px}.directory-section{padding-top:38px}.business-grid{grid-template-columns:1fr}.featured-grid .business-card:first-child{grid-column:auto}.featured-grid .business-card:first-child .business-image{aspect-ratio:16/10}footer{align-items:flex-start;flex-wrap:wrap}footer p{width:100%}footer>a:not(.wordmark){margin-left:0}}