@charset "UTF-8";
:root{--ink:#182b20;--muted:#6b766d;--green:#156737;--green-dark:#104f2a;--yellow:#f1d34f;--border:#dce3da;--page:#f3f5f0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd8c00;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:20;background:white;padding:12px}.skip-link:focus{transform:none}.line-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
/* Brand and search occupy one compact row; the link grid starts immediately below. */
.header{background:#fff;border-top:5px solid var(--green);border-bottom:1px solid var(--border)}.header-inner{max-width:1520px;margin:auto;min-height:106px;padding:20px 34px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;color:var(--green-dark)}.brand-emblem{width:54px;height:54px}.brand-wordmark{display:flex;flex-direction:column;gap:7px;font-size:31px;font-weight:850;line-height:1;letter-spacing:-2px;white-space:nowrap}.brand-english{font-size:9px;letter-spacing:3px;font-weight:750;color:#64835a}.search-box{display:flex;align-items:center;flex:1;max-width:620px;min-width:0;border:2px solid var(--green);border-radius:8px;padding:5px 6px 5px 15px;gap:12px;background:#fff}.search-box>span{color:var(--green)}.search-box input{border:0;min-width:0;flex:1;padding:11px 0;font-size:15px;background:none;outline-offset:0}.search-box input::placeholder{color:#7d897c}.search-box button{border:0;border-radius:4px;color:#233f21;background:var(--yellow);font-size:15px;font-weight:800;padding:11px 22px;flex-shrink:0}.search-box button:hover{background:#e6c236}.favorites-shortcut{margin-left:auto;background:#fff;border:1px solid #cbd7c7;display:flex;align-items:center;gap:7px;border-radius:7px;padding:12px;font-size:13px;font-weight:700;white-space:nowrap}.favorites-shortcut>span:first-child{font-size:21px;color:#9b8017;line-height:1}.favorites-shortcut>span:last-child{background:#edf3e7;border-radius:4px;padding:3px 6px;color:var(--green)}.favorites-shortcut:hover{background:#f7f7e8}
.layout{max-width:1520px;margin:auto;padding:0 34px}.intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 1px 16px}.intro>div{display:flex;align-items:center;gap:12px;min-width:0}.intro-label{border-radius:4px;background:var(--yellow);color:#455023;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}.intro h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-1px}.intro p{font-size:12px;color:var(--muted);margin:0;white-space:nowrap}.sidebar{margin-bottom:0}.category-nav{display:flex;flex-wrap:wrap;gap:7px;background:#fff;padding:12px;border:1px solid var(--border);border-radius:8px}.category-button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:1px solid transparent;border-radius:5px;background:#f3f6ef;padding:11px 9px;font-size:14px;font-weight:700;white-space:nowrap;color:#476040;min-height:43px;text-decoration:none}.category-button:hover{background:#e8efdf}.category-button.active{background:var(--green);color:#fff;box-shadow:inset 0 -3px var(--yellow)}.category-symbol{display:grid;place-items:center}.category-symbol .line-icon{width:17px;height:17px}.category-count{font-size:11px;line-height:1.2;color:#718267;font-weight:600}.active .category-count{color:#e4eebc}.category-separator{display:none}.main-column{min-width:0}.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 13px}.results-toolbar h2{font-size:19px;font-weight:800;letter-spacing:-.8px;line-height:1.3;margin:0}.results-toolbar h2 span{display:inline-block;font-size:13px;color:var(--green);background:#e2ebda;padding:4px 8px;border-radius:4px;margin-left:5px;letter-spacing:0;vertical-align:middle}.directory-tools{display:flex;align-items:center;gap:16px}.directory-hint{font-size:11px;color:#7b8574}.directory-hint>span{color:#927715;font-size:17px;vertical-align:-1px;margin-right:4px}.sort-control select{border:1px solid #d7dfd2;background:white;border-radius:4px;padding:7px 10px;color:#57664d;font-size:12px}
/* Three strong category headers and larger site names create clear scanning anchors. */
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.category-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #cfdbcb;border-radius:8px;scroll-margin-top:16px;box-shadow:0 2px 0 #dfe6d966}.card-heading{display:flex;align-items:center;gap:11px;padding:16px 18px;background:var(--green);color:#fff;border-bottom:3px solid var(--yellow);min-height:64px}.card-icon{display:grid;place-items:center;color:#fae782;flex-shrink:0}.card-icon .line-icon{width:24px;height:24px;stroke-width:1.7}.card-heading h3{font-size:21px;font-weight:800;letter-spacing:-.7px;margin:0}.card-heading>span:last-child{margin-left:auto;color:#e2ebce;background:#ffffff17;padding:4px 7px;border-radius:4px;white-space:nowrap;font-size:11px}.link-list{list-style:none;margin:0;padding:0 12px 5px}.link-row{display:flex;align-items:center;min-height:68px;gap:2px;border-bottom:1px solid #eaf0e6}.link-row:last-child{border-bottom:0}.site-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:12px 3px;text-decoration:none;border-radius:4px}.site-link:hover{background:#f4f8ed}.site-index{font-size:12px;color:#89977e;font-weight:750;min-width:20px;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.link-row:first-child .site-index{background:var(--yellow);color:#52511d;padding:5px 2px;border-radius:3px}.link-row:nth-child(2) .site-index,.link-row:nth-child(3) .site-index{color:#357644}.site-badge{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #dce6d2;border-radius:7px;background:#f1f5e9;color:#5e7a49;font-size:15px;font-weight:800}.site-copy{display:block;min-width:0}.site-name{display:block;font-size:18px;line-height:1.4;font-weight:800;letter-spacing:-.5px;overflow-wrap:anywhere}.site-description{display:block;color:#7b8672;font-size:11px;line-height:1.5;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.external-arrow{color:#608843;margin-left:5px;font-size:12px;font-weight:500;opacity:0}.site-link:hover .external-arrow,.site-link:focus-visible .external-arrow{opacity:1}.site-link:hover .site-name{color:var(--green)}.favorite-toggle{border:0;background:transparent;flex:0 0 32px;min-height:42px;line-height:1;font-size:24px;color:#bcc7af;padding:5px;border-radius:4px}.favorite-toggle:hover{background:#fbf7df;color:#b28d00}.favorite-toggle[aria-pressed="true"]{color:#b28d00}.empty-state{text-align:center;border:1px solid var(--border);background:white;border-radius:8px;padding:55px 20px}.empty-state[hidden]{display:none}.empty-state>span{font-size:35px;color:#718e53}.empty-state h3{font-size:20px;margin:15px 0 9px}.empty-state p{font-size:14px;color:var(--muted)}.empty-state button{background:var(--green);color:white;border:0;border-radius:5px;font-weight:700;padding:12px 20px;margin-top:10px}
footer{display:flex;align-items:center;gap:15px;border-top:1px solid #dce4d5;margin-top:30px;padding:22px 0 28px;font-size:11px;color:#859078}.footer-brand{font-size:17px;font-weight:800;letter-spacing:-1px;color:#63814e;text-decoration:none}footer p{margin:0}footer>span{margin-left:auto;font-size:10px}.noscript{text-align:center;padding:20px;background:#fff;font-size:13px}
@media(min-width:1800px){.header-inner,.layout{max-width:1640px}.header-inner{gap:50px}.search-box{max-width:700px}.site-name{font-size:19px}.site-description{font-size:12px}.link-row{min-height:71px}}
@media(max-width:1180px){.header-inner{gap:24px;padding:18px 25px;min-height:99px}.layout{padding:0 25px}.brand-wordmark{font-size:27px}.brand-emblem{width:47px;height:47px}.search-box button{padding-left:16px;padding-right:16px}.favorites-shortcut{font-size:12px}.category-button{font-size:12px;gap:5px;padding-left:7px;padding-right:7px}.category-symbol{display:none}.directory-grid{gap:13px}.card-heading{padding:14px}.card-heading h3{font-size:19px}.site-badge{display:none}.site-name{font-size:17px}.site-description{font-size:11px}.site-link{gap:9px}.link-list{padding-left:10px;padding-right:10px}.card-heading>span:last-child{font-size:10px}}
@media(max-width:920px){.header-inner{flex-wrap:wrap;gap:18px;padding:17px 22px}.brand-wordmark{font-size:27px}.search-box{order:3;flex-basis:100%;max-width:none}.favorites-shortcut{margin-left:auto}.layout{padding:0 22px}.intro{padding-top:18px}.intro p{display:none}.category-nav{gap:6px;padding:9px}.category-button{flex:0 0 calc(25% - 5px);min-height:40px;font-size:13px}.category-symbol{display:grid}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.site-name{font-size:18px}.site-badge{display:grid}.card-heading h3{font-size:20px}}
@media(max-width:560px){.header{border-top-width:4px}.header-inner{padding:15px 14px;gap:15px}.brand-emblem{width:41px;height:41px}.brand{gap:9px}.brand-wordmark{font-size:25px;letter-spacing:-1.8px;gap:5px}.brand-english{font-size:7px;letter-spacing:2.7px}.favorites-shortcut{font-size:11px;padding:9px 7px;gap:4px}.favorites-shortcut>span:first-child{font-size:19px}.favorites-shortcut>span:last-child{padding:3px 4px}.search-box{padding-left:12px;gap:9px}.search-box input{font-size:13px;padding:10px 0}.search-box button{font-size:13px;padding:10px 17px}.search-box .line-icon{width:18px;height:18px}.layout{padding:0 12px}.intro{padding:16px 2px 13px}.intro>div{gap:8px}.intro-label{font-size:10px;padding:5px 7px}.intro h1{font-size:16px;letter-spacing:-.7px}.category-nav{padding:8px;gap:5px}.category-button{font-size:11px;padding:9px 3px;gap:4px;flex-basis:calc(25% - 4px);min-height:37px}.category-symbol{display:none}.category-count{font-size:9px}.results-toolbar{margin:19px 2px 12px}.results-toolbar h2{font-size:17px}.results-toolbar h2 span{font-size:11px;padding:3px 6px}.directory-hint{display:none}.sort-control select{font-size:11px;padding:6px 8px}.directory-grid{grid-template-columns:1fr;gap:16px}.card-heading{padding:14px 17px;min-height:58px;gap:10px}.card-heading h3{font-size:21px}.card-heading>span:last-child{font-size:11px}.link-list{padding:0 13px 4px}.link-row{min-height:66px}.site-link{padding:11px 3px;gap:12px}.site-index{font-size:12px;min-width:21px}.site-badge{width:29px;height:29px;flex-basis:29px}.site-name{font-size:18px}.site-description{font-size:11px}.favorite-toggle{flex-basis:37px;font-size:24px;min-height:44px}footer{gap:9px;margin-top:25px;font-size:10px}.footer-brand{font-size:15px}footer p{display:none}footer>span{font-size:9px}}
@media(max-width:350px){.brand-wordmark{font-size:22px}.brand-emblem{width:36px;height:36px}.favorites-shortcut{font-size:10px;padding:7px 5px}.intro h1{font-size:14px}.category-button{font-size:10px}.site-badge{display:none}}
@media(prefers-reduced-motion:no-preference){.site-link,.favorite-toggle,.category-button{transition:background-color .12s,color .12s}}

/* Category Top10 lists: site names and original list positions only. */
.top-label{font-size:13px;color:#ffe675;letter-spacing:0;font-weight:750;margin-left:3px}
.link-row{min-height:46px}
.site-link{padding:10px 5px;gap:13px}
.site-name{font-size:17px;line-height:1.35}
.site-index{min-width:24px;font-size:12px}
.site-description:empty{display:none}
.site-copy{overflow:hidden}
.favorite-toggle{min-height:39px;font-size:21px;flex-basis:30px}
.card-heading{padding:14px 16px;min-height:59px;gap:9px}
.card-heading h3{font-size:20px;white-space:nowrap}
.card-heading>span:last-child{display:none}
.card-heading .line-icon{width:23px;height:23px}
.link-list{padding:2px 11px 5px}
.listing-basis{font-size:11px;color:#7b8572;line-height:1.7;margin:19px 2px 0}
.category-nav{gap:6px}
.category-button{font-size:13px;gap:6px}
@media(min-width:1380px){.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-button{padding-left:7px;padding-right:7px}}
@media(min-width:1800px){.site-name{font-size:18px}.link-row{min-height:48px}}
@media(max-width:1180px){.category-symbol{display:none}.card-heading h3{font-size:19px}}
@media(max-width:920px){.category-button{flex-basis:calc(25% - 5px)}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-name{font-size:17px}}
@media(max-width:560px){.directory-grid{grid-template-columns:1fr}.card-heading{padding:14px 17px}.card-heading h3{font-size:21px}.site-name{font-size:18px}.link-row{min-height:46px}.site-link{padding:10px 5px}.top-label{font-size:14px}.intro h1{font-size:15px}.listing-basis{font-size:10px}.category-button{font-size:11px;flex-basis:calc(25% - 5px)}}

.banner-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 17px}.ad-banner{display:block;min-width:0;overflow:hidden;border-radius:5px;background:transparent}.ad-banner img{display:block;width:100%;height:auto}.card-empty{font-size:12px;color:#879779;padding:20px;text-align:center}.brand-emblem{object-fit:contain}.site-name{overflow-wrap:anywhere}@media(max-width:560px){.banner-wall{grid-template-columns:1fr;gap:7px;margin-bottom:13px}}