@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#1763ff;--ink:#101b31;--muted:#748097;--line:#e6ebf3;--pale:#f5f7fb;--green:#08985e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;font-size:14px;background:linear-gradient(#fff,#fcfdff);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .18s,transform .18s,box-shadow .18s}a:hover{color:var(--blue)}button:hover{filter:brightness(.97)}:focus-visible{outline:3px solid #71a3ff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h2{font-size:21px;letter-spacing:-.7px;margin-bottom:16px}h3{font-size:14px;line-height:1.4;margin-bottom:8px}small{font-size:11px;color:var(--muted)}.wrap{max-width:1180px;width:calc(100% - 80px);margin-inline:auto}.muted{color:var(--muted)}em{font-style:normal;color:var(--blue)}header{background:#ffffffed;border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;gap:22px}.brand{font-size:32px;font-weight:900;letter-spacing:-1.6px;line-height:1}.brand span{color:var(--blue)}.tagline{color:var(--muted);font-size:11px;white-space:nowrap}.nav nav{display:flex;gap:30px;margin-left:30px;font-weight:500;align-self:stretch;align-items:center}.nav nav a:first-child{color:var(--blue)}.nav-cta{margin-left:auto;font-size:12px;white-space:nowrap;background:var(--blue);border-radius:8px;color:white;padding:10px 16px}.nav-cta:hover{color:#fff;background:#004ee8}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:9px;white-space:nowrap;font-weight:600;font-size:13px}.primary{color:#fff;border:1px solid var(--blue);background:var(--blue);box-shadow:0 4px 12px #1763ff1b}.primary:hover{color:white;background:#0752e5}.outline{background:white;color:var(--blue);border:1px solid #91b3ff}.hero{background:radial-gradient(ellipse at 70% 38%,#dbe8ff 0%,#eff5ff 43%,#f7f9fd 83%);overflow:hidden;border-bottom:1px solid var(--line)}.hero>.wrap{padding:46px 30px 28px}.hero-top{display:flex;align-items:center;justify-content:space-between;min-height:275px}.eyebrow{display:inline-block;color:#174aa5;background:#e6efff;border:1px solid #ccdeff;border-radius:30px;font-size:12px;font-weight:600;padding:3px 12px;margin-bottom:13px}.hero h1{font-size:50px;letter-spacing:-2.5px;line-height:1.17;font-weight:900;margin-bottom:16px}.hero-copy p{font-size:17px;line-height:1.7}.hero-art{display:flex;gap:18px;padding-right:6px;padding-left:36px;perspective:1000px}.floating-card{width:142px;min-height:222px;background:#ffffffdd;border:1px solid white;padding:27px 17px;border-radius:18px;display:flex;align-items:center;flex-direction:column;box-shadow:11px 12px 0 #ffffff5e,0 20px 50px #346ac016;transform:rotate(9deg);gap:7px}.floating-card:nth-child(2){transform:translateY(20px) rotate(9deg)}.floating-card:nth-child(3){transform:translateY(38px) rotate(9deg)}.floating-card b{font-size:14px;margin:4px 0 12px}.site-logo{--brand:#1763ff;flex:none;display:inline-flex;align-items:center;justify-content:center;color:white;background:linear-gradient(135deg,var(--brand),var(--brand) 65%,#ffffff35);box-shadow:inset 0 1px 6px #ffffff25;letter-spacing:-2px;font-weight:800;font-size:29px;width:58px;height:58px;border-radius:13px;font-family:Arial,sans-serif;text-shadow:0 1px 1px #0002}.site-logo[style*="07338c"]{font-style:italic;font-size:40px}.floating-card .site-logo{width:68px;height:68px;font-size:36px}.status{font-size:11px;white-space:nowrap;color:var(--green)}.status.warning{color:#a66e12}.search-box{display:flex;align-items:center;gap:18px;max-width:910px;margin:22px auto 20px;padding:8px 9px 8px 24px;border:1px solid #e1e8f4;border-radius:18px;background:#fff;box-shadow:0 5px 16px #172e5b12}.search-box>span{font-size:31px;line-height:1}.search-box input{border:0;outline:0;flex:1;width:0;background:transparent;font-size:14px;min-height:48px}.search-box input:focus-visible{outline:0}.search-box:focus-within{box-shadow:0 0 0 3px #80aaff55}.search-box .primary{height:50px;min-width:115px}.trending{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.trending b{font-size:12px;margin-right:20px}.trending button{border:1px solid #e0e7f3;border-radius:30px;color:#45546b;background:#ffffffad;padding:4px 12px;font-size:11px}.category-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:12px;padding-block:22px;border-bottom:1px solid #f0f2f7}.category{border:1px solid var(--line);border-radius:12px;background:var(--pale);padding:10px 4px;color:var(--ink);font-size:12px;min-height:79px}.category>span{display:block;font-size:26px;line-height:1.2;color:var(--blue);margin-bottom:7px}.category.selected{background:linear-gradient(135deg,#1763ff,#458dff);color:white;box-shadow:0 5px 10px #1763ff27;border-color:#2f7bff}.category.selected>span{color:white}.popular{padding-block:25px 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:0}.section-heading>a,.detail-link{color:var(--blue);font-size:12px;white-space:nowrap}.featured-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.community-card{border:1px solid var(--line);background:#fff;border-radius:11px;position:relative;padding:24px 14px 13px;min-width:0}.community-card:hover{border-color:#abc7ff;box-shadow:0 6px 20px #224a8510}.rank{position:absolute;top:0;left:9px;border-radius:0 0 10px 10px;background:linear-gradient(#ecf0f5,#d6dce5);color:#243148;font-weight:700;font-size:12px;padding:4px 8px}.rank-1{background:linear-gradient(#f5c970,#d9a23b);color:white}.rank-2{background:linear-gradient(#bbc2cd,#8792a2);color:white}.rank-3{background:linear-gradient(#e8b592,#ba8761);color:white}.card-title{display:block}.featured-grid .card-title{text-align:center}.featured-grid .site-logo{margin-bottom:14px}.featured-grid h3{font-weight:700}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:9px}.tags span{background:#f0f3f8;color:#4d5b73;border-radius:5px;font-size:10px;padding:1px 7px}.featured-grid .tags{justify-content:center}.community-card>small{display:block;margin-block:0 7px}.outbound{display:block;border:1px solid #8eb0ff;color:var(--blue);border-radius:4px;text-align:center;padding:5px;font-size:11px;font-weight:500}.outbound:hover{background:#eef4ff}.panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:26px}.panel{border:1px solid var(--line);border-radius:13px;background:#fff;padding:18px;min-width:0}.panel h2{font-size:20px}.update-row{display:grid;grid-template-columns:36px 1.1fr .9fr .7fr auto;gap:12px;align-items:center;border-top:1px solid #edf0f6;padding:10px 0}.update-row .site-logo{width:35px;height:35px;border-radius:7px;font-size:18px;letter-spacing:-1px}.update-row>a:not(.detail-link){font-size:13px}.sample-badge{font-size:10px;padding:2px 8px;background:#f3f5f8;border-radius:20px;color:#69758b}.panel-note{font-size:10px;margin:5px 0 0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-grid>a{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:13px 5px 11px;position:relative}.category-grid>a:hover{background:#f2f6ff}.mini-rank{position:absolute;left:9px;top:9px;background:#edf0f6;border-radius:5px;font-size:11px;padding:0 5px}.category-icon{font-size:28px;color:var(--blue);margin-bottom:7px}.category-grid b{font-size:12px;font-weight:500}.cta{display:flex;align-items:center;gap:14px;background:linear-gradient(115deg,#ecf3ff,#f1f5ff);padding:25px 26px;border-radius:13px;margin-bottom:28px}.cta-icon{font-size:54px;line-height:1;color:var(--blue);margin-right:10px}.cta div{flex:1}.cta h2{font-size:18px;margin-bottom:3px}.cta p{margin-bottom:0;color:#697791;font-size:13px}.directory{padding-bottom:45px;scroll-margin-top:20px}.directory .section-heading{align-items:center}.controls{display:flex;align-items:center;gap:10px}.controls select,.controls input{height:38px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#526077;font-size:12px;padding:6px 12px;max-width:185px}.all-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.compact{padding:13px;min-height:106px}.compact .card-title{display:flex;align-items:flex-start;gap:12px}.compact .site-logo{width:46px;height:46px;font-size:25px;border-radius:10px;letter-spacing:-1.5px}.compact h3{font-size:12px;margin-bottom:5px}.compact .tags{margin-bottom:4px;gap:3px}.compact .tags span{font-size:9px;padding-inline:5px}.compact small{display:block;font-size:9px}.compact .status{font-size:10px}.directory>.muted{font-size:11px;margin-top:-4px}.empty{text-align:center;border:1px dashed #ccd8ea;border-radius:13px;padding:55px}.empty[hidden]{display:none}footer{border-top:1px solid var(--line);padding:30px 0 35px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}footer .brand{font-size:25px}footer p{margin:0;font-size:12px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:20px;font-size:11px}footer>small{flex-basis:100%;font-size:10px}.page-intro{padding:45px 0 20px}.page-intro h1{font-size:35px;letter-spacing:-1.5px;margin-bottom:8px}.page-intro p{color:var(--muted)}main>.directory{padding-top:30px}.detail{padding-block:35px 65px}.back{display:block;margin-bottom:24px;color:#65728a;font-size:13px}.detail-hero{display:flex;align-items:center;gap:25px;padding:35px;background:linear-gradient(120deg,#edf3ff,#f8faff);border:1px solid #e2eaf9;border-radius:18px;margin-bottom:24px}.detail-hero>.site-logo{width:100px;height:100px;font-size:52px;border-radius:22px}.detail-hero h1{font-size:35px;letter-spacing:-1px;margin-bottom:5px}.detail-hero p{color:var(--muted);margin-bottom:12px}.detail-hero small{display:block}.detail-hero>.outbound{margin-left:auto;padding:13px 20px;border-radius:8px;background:var(--blue);color:white;font-size:13px}.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.detail-grid .panel{padding:26px}.detail-grid .panel h2:not(:first-child){margin-top:34px}.detail-grid aside .compact{margin-bottom:12px}.detail-grid dl{display:grid;grid-template-columns:140px 1fr;gap:14px;font-size:13px;border-top:1px solid var(--line);padding-top:20px}.detail-grid dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.notice{padding:14px;background:#f4f7fb;color:#68768b;border-radius:8px;font-size:12px;line-height:1.8;margin-top:20px}.form-page,.guide{padding-block:40px 65px;max-width:980px}.form-page h1,.guide h1{font-size:36px;letter-spacing:-1px;margin-bottom:8px}.form-page>p{color:var(--muted);margin-bottom:30px}.form-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.form-layout .panel{padding:27px}.form-layout label{display:block;font-size:13px;font-weight:500;margin-bottom:18px}.form-layout input:not([type=checkbox]),.form-layout select,.form-layout textarea{display:block;width:100%;border:1px solid #dce3ee;border-radius:7px;background:#fcfdff;padding:11px;margin-top:7px}.form-layout textarea{resize:vertical}.form-layout label.checkbox{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;font-weight:400}.form-layout input[type=checkbox]{margin-top:4px}.form-layout aside p{color:#66738a;line-height:1.9}.text-button{display:block;border:0;background:none;color:#6d7c91;font-size:11px;margin-top:14px;padding:0}.guide .panel{padding:35px;margin-top:25px}.guide h2{margin-top:25px}.guide p{color:#65728a}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:10px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.filter-hidden{display:none!important}@media(min-width:1400px){.hero>.wrap{padding-top:55px;padding-bottom:32px}.hero-top{min-height:290px}.hero-art{padding-right:35px}.floating-card{width:155px;min-height:230px}.hero h1{font-size:54px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.tagline{display:none}.nav nav{margin-left:20px;gap:23px}.hero h1{font-size:44px}.hero-art{gap:12px;padding-left:10px}.floating-card{width:120px;padding-inline:10px}.hero>.wrap{padding-inline:20px}.trending b{margin-right:8px}.trending button{padding:4px 9px}.all-grid{grid-template-columns:repeat(4,1fr)}.update-row{gap:8px;grid-template-columns:30px 1fr auto auto}.update-row>small{display:none}.update-row .site-logo{width:30px;height:30px}.cta{padding:22px 20px}.cta h2{font-size:16px}.cta .primary,.cta .outline{padding:12px 15px}}@media(max-width:820px){.nav{gap:16px;min-height:65px}.nav nav{gap:18px;margin-left:auto;font-size:12px}.nav-cta{display:none}.hero>.wrap{padding:35px 8px 24px}.hero-top{min-height:240px}.hero h1{font-size:39px}.hero-copy p{font-size:14px}.floating-card{width:100px;min-height:185px;padding:20px 9px}.floating-card .site-logo{width:50px;height:50px;font-size:29px}.floating-card b{font-size:11px;margin-bottom:6px}.floating-card small{font-size:8px}.floating-card .status{font-size:9px}.hero-art{gap:9px;padding:0}.search-box{margin-top:28px}.featured-grid{grid-template-columns:repeat(3,1fr)}.category-strip{display:flex;overflow:auto;gap:10px;padding-block:17px}.category{flex:none;width:74px;min-height:73px}.panels{grid-template-columns:1fr;gap:18px}.category-grid>a{min-height:115px}.update-row{grid-template-columns:35px 1fr 1fr 1fr auto}.update-row>small{display:block}.all-grid{grid-template-columns:repeat(3,1fr)}.cta{flex-wrap:wrap}.cta div{flex-basis:calc(100% - 80px)}.cta .outline{margin-left:70px}.directory .section-heading{align-items:flex-start;flex-direction:column;gap:12px}.controls{width:100%}.controls .small-search{flex:1}.controls input{width:100%;max-width:none}.detail-grid{grid-template-columns:1fr}.detail-hero{padding:25px;flex-wrap:wrap}.detail-hero>.outbound{margin-left:0}.form-layout{grid-template-columns:1fr}.form-layout aside{order:-1}}@media(max-width:560px){.wrap{width:calc(100% - 32px)}.brand{font-size:28px}.nav nav{gap:13px;font-size:11px}.nav nav a:last-child{display:none}.hero>.wrap{padding-top:30px}.hero-top{display:block;min-height:0}.hero h1{font-size:38px}.hero-copy p{font-size:14px;margin-bottom:22px}.hero-art{position:relative;margin:0 auto;justify-content:center;height:184px;max-width:340px}.floating-card{min-height:168px;width:94px;padding:15px 7px;gap:3px;transform:rotate(-8deg)}.floating-card:nth-child(2){transform:translateY(5px) rotate(3deg)}.floating-card:nth-child(3){transform:translateY(10px) rotate(9deg)}.floating-card b{font-size:10px}.search-box{margin:20px 0 14px;padding:6px 7px 6px 13px;gap:7px;border-radius:13px}.search-box input{font-size:12px}.search-box>span{font-size:25px}.search-box .primary{min-width:70px;height:43px;padding:8px 12px;font-size:12px}.trending{gap:5px}.trending b{flex-basis:100%;margin-bottom:4px}.trending button{font-size:10px}.category-strip{width:calc(100% - 16px);margin-left:16px}.category{width:65px;font-size:11px}.category>span{font-size:24px}.section-heading h2{font-size:18px}.popular{padding-top:20px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:10px}.community-card{padding-top:23px}.featured-grid .site-logo{margin-bottom:10px}.panels{margin-bottom:20px}.panel{padding:15px}.update-row{grid-template-columns:30px 1fr auto auto;gap:8px}.update-row>small{display:none}.update-row>a:not(.detail-link){font-size:12px}.detail-link{font-size:10px}.update-row .status{font-size:10px}.category-grid{gap:8px}.category-grid b{font-size:11px}.cta{gap:10px;padding:20px 16px}.cta-icon{font-size:40px;margin-right:0}.cta div{flex-basis:calc(100% - 65px)}.cta h2{font-size:15px}.cta p{font-size:11px}.cta .outline{margin-left:0;flex:1}.cta .primary{flex:1}.all-grid{grid-template-columns:repeat(2,1fr);gap:8px}.compact{padding:12px 9px}.compact .card-title{gap:8px}.compact .site-logo{width:35px;height:35px;font-size:20px;border-radius:8px;letter-spacing:-1px}.compact h3{font-size:11px}.compact .tags span{font-size:8px}.compact .status{font-size:9px}.compact small{font-size:8px}.controls{gap:7px;flex-wrap:wrap}.controls select{flex:1;max-width:none}.small-search{flex-basis:100%!important}.controls input{max-width:none}.directory{padding-bottom:28px}footer{gap:12px}footer>div{margin-left:0;flex-basis:100%}.page-intro{padding:32px 0 5px}.page-intro h1{font-size:28px}.detail-hero{gap:18px;padding:22px}.detail-hero>.site-logo{width:65px;height:65px;font-size:36px;border-radius:15px}.detail-hero h1{font-size:27px}.detail-hero small{font-size:9px}.detail-hero .eyebrow{font-size:10px}.detail-grid .panel{padding:20px}.detail-grid dl{grid-template-columns:110px 1fr;font-size:12px}.form-page h1,.guide h1{font-size:29px}.form-layout .panel,.guide .panel{padding:20px}.form-page,.guide{padding-block:28px 40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.55;cursor:wait}
[hidden]{display:none!important}