@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap");
:root{--ink:#20232c;--muted:#858892;--line:#e9eaf0;--accent:#ffbc1f;--paper:#fff;--bg:#f9fafc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;color:var(--ink);font-size:14px;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7b61ff;outline-offset:4px}.container{max-width:1180px;padding:0 24px;margin:auto}.utility{background:#f7f8fa;border-bottom:1px solid var(--line);font-size:11px;color:#777d89}.utility .container{height:36px;display:flex;align-items:center;justify-content:space-between}.utility i,.directory-note i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f8b620;margin-right:7px}.utility-detail{letter-spacing:.09em;font-size:9px}.utility-detail b{font-weight:400;letter-spacing:-.02em;margin-left:12px;color:#9398a1}.header{display:flex;align-items:center;height:125px;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:39px;letter-spacing:-.07em;font-weight:900;line-height:1}.brand-icon{background:var(--accent);width:43px;height:43px;display:grid;place-items:center;font-size:39px;border-radius:13px;transform:rotate(-7deg);font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:.28em;font-weight:700;margin:8px 0 0 3px}.brand-dot{color:#ffb514;margin-left:-10px;margin-top:9px}.header-caption{font-size:12px;line-height:1.7;color:#9498a1;border-left:1px solid var(--line);padding-left:25px}.header-caption strong{font-weight:500;color:#676c77}.search{margin-left:auto;display:flex;align-items:center;width:360px;height:47px;background:#f6f7f9;border:1px solid #e9ebef;border-radius:12px;overflow:hidden}.search input{background:none;border:0;outline:0;width:100%;padding:0 17px;font-size:12px;color:var(--ink)}.search button{border:0;background:none;font-size:29px;line-height:1;color:#262b35;width:53px;height:100%;cursor:pointer}.category-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:0}.nav-inner a{display:flex;align-items:center;gap:6px;padding:19px 11px 17px;font-size:11px;font-weight:650;white-space:nowrap;border-bottom:3px solid transparent}.nav-inner a:first-child{padding-left:4px;margin-right:7px}.nav-inner a.active{border-bottom-color:var(--accent);color:#a97000}.nav-inner a:hover{color:#b97700}.nav-inner a span{font-size:14px}.age{display:inline-grid!important;place-items:center;border:1.5px solid #d87979;border-radius:50%;font-size:8px!important;line-height:1;width:18px;height:18px;color:#c47171;font-weight:800}.notice{margin-top:24px;display:flex;align-items:center;gap:15px;padding:14px 18px;background:#fff9e9;border:1px solid #fbefcc;border-radius:9px;font-size:12px}.notice-tag{font-size:9px;font-weight:800;letter-spacing:.05em;background:#ffca4f;border-radius:4px;padding:5px 7px;color:#624606}.notice p{margin:0;color:#79663c;line-height:1.5}.notice-arrow{margin-left:auto;color:#a88431;font-size:20px}.intro{display:flex;align-items:center;justify-content:space-between;padding:38px 0 27px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.16em;color:#9a9da6}.intro h1{font-size:34px;letter-spacing:-.06em;margin:9px 0 10px;font-weight:800}.intro h1 span{color:#a97700}.intro p{margin:0;color:#888d98;font-size:12px}.mobile-break{display:none}.intro-stat{display:flex;align-items:center;gap:14px;padding:6px 2px}.intro-stat strong{font-size:46px;font-weight:750;letter-spacing:-.055em}.intro-stat span{font-size:11px;line-height:1.8;color:#9297a0}.quick-links{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:35px}.quick-links a{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 5px;font-size:12px;font-weight:600;border-right:1px solid var(--line);transition:background .15s}.quick-links a:last-child{border:0}.quick-links a:hover{background:#fff9e9}.quick-links a span{font-size:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{margin:0;font-size:19px;font-weight:750;letter-spacing:-.05em}.section-heading h2 span{font-weight:450}.section-heading>span{font-size:9px;letter-spacing:.08em;color:#979ca6}.banners{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.banner{position:relative;overflow:hidden;border-radius:12px;min-height:184px;padding:24px 26px;color:#fff}.banner-content{position:relative;z-index:1}.banner-eyebrow{font-size:8px;font-weight:700;letter-spacing:.17em;opacity:.67}.banner h3{font-size:26px;line-height:1.28;letter-spacing:-.06em;font-weight:750;margin:12px 0 16px}.banner p{font-size:10px;margin:0;opacity:.82;display:flex;align-items:center;gap:14px}.banner p span{font-size:16px}.purple{background:linear-gradient(115deg,#292445,#514076)}.orange{background:linear-gradient(115deg,#ffab46,#f97b47);color:#492b1b}.mint{background:linear-gradient(115deg,#c3eddf,#8dd3c6);color:#244d46}.blue{background:linear-gradient(115deg,#e0eaff,#b7ccfa);color:#263e6d}.banner-art{position:absolute;right:18px;top:0px;font-size:166px;line-height:1.2;transform:rotate(-13deg);opacity:.2;letter-spacing:-.1em}.orange .banner-art{right:20px;top:10px;font-size:150px;border:1px solid #63320a22;border-radius:100%;width:150px;height:150px;display:grid;place-items:center}.mint .banner-art{opacity:.16;font-size:172px}.blue .banner-art{font-size:185px;top:-9px}.caption-small{position:absolute;bottom:15px;right:16px;font-size:8px;opacity:.5;letter-spacing:.03em}.directory-heading{margin-top:42px;margin-bottom:19px}.directory-heading h2{margin-top:8px;font-size:24px}.directory-note{font-size:10px!important;letter-spacing:-.02em!important}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.directory-card{border:1px solid #e3e6ec;border-radius:12px;overflow:hidden;background:#fff;scroll-margin-top:20px;box-shadow:0 3px 12px #18254002}.directory-card header{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;background:#f8f9fb;border-bottom:1px solid #e9ecf0}.directory-card h3{margin:0;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:750}.card-icon{font-size:17px}.count{font-size:10px;color:#a0a6b0;letter-spacing:.04em;font-weight:600}.directory-card ol{list-style:none;padding:6px 16px 4px;margin:0}.directory-card li{min-height:39px;display:flex;align-items:center;gap:10px;border-bottom:1px dashed #eceef2}.directory-card li:last-child{border:0}.rank{font-size:10px;width:17px;height:19px;display:grid;place-items:center;color:#a6acb6;font-weight:700;flex-shrink:0}.rank-0{background:#fff1c8;color:#a57502;border-radius:4px}.rank-1{background:#edf0f5;color:#78869b;border-radius:4px}.rank-2{background:#f6eee8;color:#b08b70;border-radius:4px}.item-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick{font-size:7px;letter-spacing:.025em;color:#cb9418;background:#fffae9;padding:3px 4px;border-radius:3px;margin-left:auto}.item-dot{margin-left:auto;font-size:19px;color:#c4c9d2}.card-foot{border-top:1px solid #f0f1f5;color:#a0a6b1;padding:11px 16px;font-size:9px;background:#fdfdfe}.search-status{background:#fff8e2;border-radius:8px;padding:14px;font-size:13px}.bottom-note{display:flex;align-items:center;gap:19px;background:#f7f8fa;border:1px solid #eceef2;border-radius:12px;padding:23px 25px;margin:33px 0 45px}.bottom-note>span{font-size:31px;color:#d8aa46}.bottom-note strong{font-size:13px;font-weight:650}.bottom-note p{font-size:10px;color:#9399a4;margin:7px 0 0;line-height:1.6}.bottom-note a{margin-left:auto;font-size:10px;white-space:nowrap;color:#777d87}.footer{background:#f6f7f9;border-top:1px solid #e9ebef;padding:34px 0}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-size:26px;font-weight:850;letter-spacing:-.07em;color:#737985}.footer-brand>span{color:#e7b236}.footer-brand p{font-size:10px;font-weight:400;letter-spacing:-.02em;color:#9298a2;margin:7px 0 0}.footer-right{text-align:right;color:#989ea8;font-size:9px}.footer-right>span{font-size:8px;letter-spacing:.15em}.footer-right p{margin:9px 0}.footer-right small{font-size:9px;color:#a9aeb7}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-50px;left:10px;background:#fff;padding:10px;z-index:99}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1100px){.nav-inner{justify-content:space-between}.nav-inner a{padding-left:6px;padding-right:6px}}@media(max-width:1000px){.header-caption{display:none}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-inner{justify-content:center}.quick-links a{flex-direction:column;font-size:11px;gap:8px}.banner h3{font-size:24px}}@media(max-width:700px){.container{padding:0 18px}.utility .container{height:31px}.utility .container>span:first-child{font-size:9px}.utility-detail{font-size:8px}.utility-detail b{display:none}.header{height:auto;min-height:132px;flex-wrap:wrap;padding-top:20px;padding-bottom:17px;gap:18px}.brand{font-size:31px}.brand-icon{width:36px;height:36px;font-size:31px;border-radius:11px}.brand small{font-size:7px}.search{height:42px;width:100%;order:3}.nav-inner{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-left:18px;scrollbar-width:none}.nav-inner a{font-size:11px;padding:15px 12px 13px;flex-shrink:0}.notice{margin-top:18px;padding:12px;gap:10px}.notice p{font-size:10px}.notice-tag{font-size:8px}.intro{padding:28px 0 22px}.intro h1{font-size:28px}.intro p{font-size:11px}.intro-stat{display:none}.eyebrow{font-size:8px}.quick-links{grid-template-columns:repeat(4,1fr);margin-bottom:28px}.quick-links a{padding:13px 4px;border-bottom:1px solid var(--line);gap:7px;font-size:10px}.quick-links a:nth-child(4n){border-right:0}.quick-links a:nth-child(n+5){border-bottom:0}.quick-links a span{font-size:19px}.section-heading h2{font-size:17px}.section-heading>span{font-size:7px}.banners{gap:10px}.banner{min-height:163px;padding:17px 15px;border-radius:10px}.banner h3{font-size:18px;margin:12px 0 13px}.banner-eyebrow{font-size:6px;letter-spacing:.08em}.banner p{font-size:8px;gap:6px}.banner p span{font-size:12px}.banner-art{right:-25px;top:34px;font-size:125px!important}.orange .banner-art{width:110px;height:110px;right:-34px;top:42px;font-size:110px!important}.blue .banner-art{top:20px;right:-30px}.caption-small{font-size:6px;bottom:9px;right:10px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.directory-heading{margin-top:31px}.directory-heading h2{font-size:22px}.directory-note{font-size:8px!important;max-width:110px;line-height:1.7;text-align:right}.directory-card{border-radius:10px}.directory-card header{padding:13px 11px}.directory-card h3{font-size:12px;gap:6px}.card-icon{font-size:15px}.directory-card ol{padding:4px 10px}.directory-card li{gap:6px;min-height:37px}.item-name{font-size:10px}.rank{font-size:9px;width:15px;height:17px}.pick{font-size:6px;padding:2px}.card-foot{font-size:7px;padding:10px}.bottom-note{padding:18px 14px;gap:12px;margin:24px 0 30px}.bottom-note>span{font-size:23px}.bottom-note strong{font-size:11px}.bottom-note p{font-size:9px}.bottom-note a{display:none}.footer{padding:25px 0}.footer .container{gap:20px;align-items:flex-start}.footer-brand{font-size:22px}.footer-brand p{font-size:9px;max-width:120px;line-height:1.6}.footer-right{font-size:8px}.footer-right small{font-size:7px}.footer-right>span{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact directory revision */
body{font-family:"Noto Sans KR",sans-serif;letter-spacing:-.035em;-webkit-font-smoothing:antialiased}
.container{max-width:1262px}.quick-links{margin-top:26px}
.banners{grid-template-columns:repeat(2,minmax(0,600px));gap:14px}
.banner{width:100%;height:100px;min-height:100px;padding:13px 22px;border-radius:10px}
.banner-content{height:100%}.banner-eyebrow{font-size:7px;letter-spacing:.12em}
.banner h3{font-size:20px;line-height:1.25;letter-spacing:-.04em;margin:5px 0 0;font-weight:700}.banner h3 br{display:none}
.banner p{font-size:9px;margin-top:6px}
.banner-art,.mint .banner-art,.blue .banner-art{font-size:108px;right:18px;top:-18px}
.orange .banner-art{font-size:88px;right:22px;top:0;width:100px;height:100px}
.caption-small{bottom:9px;right:13px;font-size:7px}.brand{letter-spacing:-.075em}.section-heading h2{font-weight:700}.directory-card h3{font-weight:600}
@media(max-width:700px){.banners{grid-template-columns:1fr}.banner{max-width:600px;height:auto;min-height:0;aspect-ratio:6/1;padding:8px 14px}.banner-eyebrow,.banner p,.caption-small{display:none}.banner-content{display:flex;align-items:center}.banner h3{font-size:clamp(13px,3.4vw,20px);line-height:1.3;margin:0;max-width:85%}.banner-art,.mint .banner-art,.blue .banner-art{font-size:80px!important;top:-20px;right:12px}.orange .banner-art{font-size:65px!important;top:-12px;right:12px;width:80px;height:80px}.quick-links{margin-top:20px}}

/* Image banner layout */
.container{max-width:1248px}.featured{margin-top:24px}.banners{gap:0}.banner{border-radius:0}.banner:has(.banner-image){padding:0}.banner-image{display:block;width:100%;height:100%;object-fit:cover}#directory{margin-top:24px}

.support-banner{margin-left:auto;display:flex;align-items:center;gap:17px;width:370px;min-height:78px;padding:15px 23px;background:linear-gradient(115deg,#229ed9,#147dba);border-radius:13px;color:#fff;box-shadow:0 5px 18px #229ed920}.telegram-icon{display:grid;place-items:center;width:44px;height:44px;background:#ffffff20;border-radius:50%;padding:11px}.telegram-icon svg{width:100%;height:100%}.support-banner small{display:block;font-size:9px;letter-spacing:.15em;opacity:.8;margin-bottom:5px}.support-banner strong{display:block;font-size:23px;font-weight:700;letter-spacing:-.045em}.support-arrow{margin-left:auto;font-size:26px;opacity:.8}.support-banner[aria-disabled=true]{cursor:default}.footer{margin-top:36px}@media(max-width:700px){.support-banner{width:100%;min-height:72px;padding:12px 19px}.support-banner strong{font-size:22px}}

.directory-card ol>li:nth-child(n+9){display:none}.directory-card .item-domain{display:none}.view-all{border:0;background:transparent;color:#778394;display:flex;align-items:center;gap:4px;padding:5px;cursor:pointer;font-size:9px;white-space:nowrap}.view-all svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.view-all:hover{color:#a97700}.dialog-open{overflow:hidden}.list-dialog{border:0;border-radius:18px;padding:0;width:min(820px,calc(100% - 32px));max-height:85dvh;box-shadow:0 24px 90px #10182755;color:var(--ink)}.list-dialog::backdrop{background:#14202f88;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:25px;margin:7px 0 0}.dialog-count{color:#a97700;font-size:11px;font-weight:600}.dialog-close{border:1px solid var(--line);background:white;border-radius:8px;width:36px;height:36px;font-size:26px;cursor:pointer}.dialog-search{padding:18px 28px 12px}.dialog-search input{width:100%;border:1px solid #dce0e7;border-radius:9px;padding:13px 15px;font:inherit;background:#f8f9fb}.dialog-status{display:block;font-size:12px;color:#7c8592;margin-top:8px}.dialog-list{list-style:none;margin:0;padding:0 28px 20px;overflow-y:auto;max-height:calc(85dvh - 220px);overscroll-behavior:contain}.dialog-list li{display:flex;align-items:center;gap:16px;min-height:49px;border-bottom:1px solid var(--line)}.dialog-list .item-name{font-size:13px;font-weight:500;flex:1}.dialog-list .item-domain{font-size:11px;color:#9299a4;flex:1;overflow:hidden;text-overflow:ellipsis}.dialog-list .pick,.dialog-list .item-dot{display:none}.dialog-list a:hover{color:#b08013;text-decoration:underline}@media(max-width:700px){.view-all span{display:none}.list-dialog{width:calc(100% - 20px);max-height:90dvh;border-radius:12px}.dialog-head{padding:19px}.dialog-search{padding:15px 19px 8px}.dialog-list{padding:0 19px 16px;max-height:calc(90dvh - 210px)}.dialog-list li{gap:9px}.dialog-list .item-name{font-size:12px}.dialog-list .item-domain{font-size:10px}}

/* Readable directory */
.directory-grid{gap:14px;align-items:start}
.directory-card{border:1px solid #cdd2d9;border-radius:5px;box-shadow:none}
.directory-card header{background:#f7f8fa;padding:14px 12px;min-height:66px;border-bottom:1px solid #cdd2d9}
.directory-card h3{font-size:18px;font-weight:800;color:#181c24;gap:9px;min-width:0;line-height:1.35}
.card-icon{font-size:24px}.directory-card .age{width:27px;height:27px;font-size:14px!important;border-width:2px;color:#e34861;border-color:#e34861;flex-shrink:0}
.directory-card ol{padding:0 11px}
.directory-card li{min-height:46px;gap:8px;border-bottom:1px dashed #dfe3e8}
.directory-card .item-name{font-size:15px;font-weight:700;color:#303844;line-height:1.4;flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:10px 0}
.directory-card li:nth-child(1) .item-name,.directory-card li:nth-child(3) .item-name{color:#a34408}
.rank{width:23px;height:25px;font-size:12px;font-weight:800;color:#5e6877;border-radius:5px;background:#f0f2f5}
.rank-0{background:#ffe18b;color:#764800;border:1px solid #e4b63d}.rank-1{background:#e0e6ee;color:#46576a;border:1px solid #b6c2d1}.rank-2{background:#f4d7c2;color:#84431e;border:1px solid #d5a47f}
.directory-card .pick,.directory-card .item-dot{display:none}
.view-all{color:#455263;min-width:36px;min-height:36px;justify-content:center;padding:7px;flex-shrink:0}.view-all svg{width:20px;height:20px;stroke-width:2}.view-all span{display:none}
.nav-inner a{font-size:13px;font-weight:700;color:#3b4350}
.dialog-list .item-name{font-size:15px;font-weight:700;color:#293341}.dialog-list .item-domain{color:#606c7d}.dialog-list li{min-height:52px}
.banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.banner{height:auto;min-height:0;aspect-ratio:6/1;padding:0}.banner-image{object-fit:contain}
@media(max-width:700px){
.container{padding-left:10px;padding-right:10px}.featured{margin-top:16px}#directory{margin-top:16px}
.banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.banner{max-width:none;width:100%;height:auto;min-height:0;aspect-ratio:6/1;padding:0}
.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.directory-card header{padding:10px 8px;min-height:57px}.directory-card h3{font-size:15px;font-weight:800;gap:6px}.card-icon{font-size:21px}.directory-card .age{width:24px;height:24px;font-size:12px!important}
.directory-card ol{padding:0 7px}.directory-card li{min-height:43px;gap:6px}.directory-card .item-name{font-size:13px;font-weight:700;line-height:1.45;padding:9px 0}
.rank{width:20px;height:23px;font-size:11px}.view-all{min-width:30px;min-height:36px;padding:5px}.view-all svg{width:18px;height:18px}
.nav-inner a{font-size:12px;padding:14px 11px}.dialog-list .item-name{font-size:14px}.dialog-list .item-domain{font-size:11px}
}