:root{--ink:#191f28;--sub:#6b7684;--line:#edf0f3;--blue:#3182f6;--bg:#f7f8fa;--pink:#faeaf2;--violet:#f0ecff;--amber:#fff2d9;--green:#e6f6ed;--yellow:#fff8cd;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3182f680}h1,h2,h3,p{margin:0}p{line-height:1.7}svg.icon{width:24px;height:24px;flex-shrink:0}.pink{background:var(--pink);color:#c25288}.violet{background:var(--violet);color:#8466ce}.blue{background:#eaf2ff;color:#3182f6}.amber{background:var(--amber);color:#c48a35}.green{background:var(--green);color:#30a473}.yellow{background:var(--yellow);color:#9e8525}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:#fff;z-index:99}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.header-inner{max-width:1160px;height:82px;margin:auto;display:flex;align-items:center;gap:62px;padding:0 30px}.logo{font-size:25px;font-weight:800;display:flex;gap:9px;align-items:center;letter-spacing:-1px}.logo-symbol{display:grid;grid-template-columns:repeat(2,8px);gap:3px;background:var(--blue);padding:8px;border-radius:11px}.logo-symbol i{width:8px;height:8px;background:white;border-radius:3px}.logo-symbol i:nth-child(2),.logo-symbol i:nth-child(3){opacity:.7}.header-inner nav{display:flex;gap:30px;color:#6b7684;font-size:15px;font-weight:600}.header-inner nav a:hover{color:var(--blue)}.private-pill{margin-left:auto;font-size:11px;color:#8b95a1;background:#f5f6f8;border-radius:8px;padding:7px 9px;white-space:nowrap}.container{max-width:1160px;padding:0 30px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:68px 0 48px;align-items:center}.eyebrow{display:block;color:var(--blue);font-size:13px;font-weight:700;margin-bottom:15px;letter-spacing:-.2px}.hero h1{font-size:42px;line-height:1.4;letter-spacing:-1.9px;font-weight:750}.hero-copy>p{color:var(--sub);font-size:16px;margin:18px 0 27px;line-height:1.8}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:15px 19px;min-height:50px;font-weight:650;font-size:15px;transition:background .15s,transform .15s}.primary{background:var(--blue);color:white}.primary:hover{background:#1b64da}.primary .icon,.secondary .icon{width:19px;height:19px}.secondary{background:#f2f4f6;color:#4e5968}.secondary:hover{background:#e5e8eb}.hero-note{display:block;color:#8b95a1;font-size:12px;margin-top:13px}.hero-feature{height:330px;background:#f1f0ff;border-radius:28px;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.feature-label{font-size:12px;font-weight:600;color:#8677b8;margin-bottom:10px;z-index:1}.hero-feature h2{font-size:30px;line-height:1.4;letter-spacing:-1px;color:#4f4382;z-index:1}.feature-bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#82759f;margin-top:22px;z-index:1}.feature-decoration{position:absolute;inset:0;pointer-events:none}.float-shape{position:absolute;width:91px;height:91px;border-radius:27px;display:grid;place-items:center;box-shadow:0 9px 0 #00000004}.float-shape .icon{width:40px;height:40px;stroke-width:1.7}.one{right:110px;top:28px;background:#ffdce9;color:#dd7096;transform:rotate(-15deg)}.two{right:16px;top:75px;background:#ddd5ff;color:#9275d7;transform:rotate(14deg)}.three{right:105px;top:145px;background:#fff4ce;color:#d6b35b;transform:rotate(9deg)}.four{right:-12px;top:197px;background:#dbe9ff;color:#7399df;transform:rotate(-12deg)}.category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 0 50px}.category-nav>a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:17px;transition:background .15s}.category-nav>a:hover{background:#f8f9fb}.category-nav strong{font-size:14px}.category-icon{width:46px;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon .icon{width:23px;height:23px}.category-nav .cat-arrow{margin-left:auto;width:15px;color:#b0b8c1}.browse{padding-bottom:8px}.browse-heading{display:flex;justify-content:space-between;align-items:center}.browse-heading h2{font-size:26px;letter-spacing:-1px}.browse-heading .eyebrow{color:#8b95a1;font-size:12px;margin-bottom:8px}.sort-badge{font-size:12px;border:1px solid var(--line);padding:8px 12px;border-radius:9px;color:#6b7684}.ranking-note{font-size:13px;color:#8b95a1;margin-top:9px}.search-field{display:flex;align-items:center;gap:12px;background:#f7f8fa;border-radius:13px;padding:14px 17px;margin:24px 0 35px;color:#8b95a1}.search-field input{border:0;background:transparent;flex:1;min-width:0;font-size:14px;outline:none}.search-field kbd{border:1px solid #e5e8eb;padding:2px 7px;border-radius:5px;font-size:12px}.category-section{padding-bottom:42px;margin-bottom:31px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.section-title{display:flex;align-items:center;gap:13px}.section-head h3,.section-head h2{font-size:19px;letter-spacing:-.5px}.section-title p{color:#8b95a1;font-size:13px;margin-top:4px}.more{display:inline-flex;align-items:center;gap:4px;color:#8b95a1;font-size:12px;white-space:nowrap}.more .icon{width:15px;height:15px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card{display:flex;gap:19px;border:1px solid var(--line);border-radius:19px;padding:20px;transition:transform .15s,box-shadow .15s;min-width:0}.service-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #191f2808}.service-art{position:relative;width:108px;height:128px;border-radius:15px;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.service-art>.icon{width:42px;height:42px;z-index:1;transform:rotate(-8deg)}.art-orbit{position:absolute;border:22px solid #ffffff44;border-radius:50%;width:120px;height:120px;right:-65px;bottom:-40px}.service-copy{align-self:center;min-width:0}.card-meta{font-size:11px;color:#8b95a1}.service-copy h3{font-size:17px;letter-spacing:-.5px;line-height:1.5;margin:6px 0}.service-copy p{font-size:12px;color:#8b95a1;line-height:1.7}.card-link{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:13px;color:#6b7684;font-weight:600}.card-link .icon{width:13px;height:13px}.coming-card{display:flex;flex-direction:column;gap:8px;background:#fafbfc;border-radius:17px;padding:25px 28px}.coming-card>span:first-child{font-size:12px;color:#8b95a1}.coming-card strong{font-size:16px;font-weight:550}.coming-card .more{margin-top:5px}.share-banner{display:flex;align-items:center;gap:18px;background:#f5f8ff;border-radius:20px;padding:30px;margin-bottom:70px}.share-banner h2{font-size:18px;letter-spacing:-.5px;margin-bottom:6px}.share-banner p{font-size:13px;color:#8b95a1}.portal-footer{border-top:1px solid var(--line);padding:38px max(30px,calc((100vw - 1100px)/2));display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;background:#fafbfc}.portal-footer .logo{font-size:22px}.footer-dot{color:var(--blue)}.portal-footer p{font-size:12px;color:#8b95a1;margin-top:10px}.portal-footer nav{display:flex;gap:20px;align-items:center;font-size:12px;color:#8b95a1}.footer-caption{width:100%;font-size:11px!important}.category-page{min-height:65vh;padding-top:32px;padding-bottom:80px}.breadcrumb{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#8b95a1}.breadcrumb .icon{width:14px;height:14px}.back-arrow{transform:rotate(180deg)}.category-intro{padding:36px 0 30px}.category-icon.large{width:64px;height:64px;border-radius:20px}.large .icon{width:30px;height:30px}.category-intro h1{font-size:33px;letter-spacing:-1px;margin:18px 0 9px}.category-intro p{font-size:15px;color:#8b95a1}.category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 35px}.category-tabs a{padding:10px 15px;border-radius:10px;background:#f7f8fa;font-size:13px;color:#6b7684}.category-tabs [aria-current]{background:#eaf2ff;color:#3182f6;font-weight:600}.muted{color:#8b95a1;font-size:13px}.empty-state{padding:55px 20px;text-align:center;border:1px solid var(--line);border-radius:24px}.empty-state h2{font-size:23px;margin-top:22px}.empty-state p{font-size:14px;color:#8b95a1;margin:15px 0 25px}.test-container,.result-container{max-width:620px;margin:auto;padding:30px 24px 70px;min-height:75vh}.test-intro{text-align:center;padding-top:30px}.test-art{display:grid;place-items:center;width:150px;height:150px;border-radius:42px;position:relative;overflow:hidden;margin:0 auto 32px}.test-art>.icon{width:60px;height:60px;transform:rotate(-8deg)}.test-intro h1{font-size:30px;letter-spacing:-1px;margin-bottom:14px}.test-intro>p{color:#8b95a1;font-size:14px}.test-intro .test-subtitle{color:#4e5968;font-size:18px;margin-bottom:9px}.full{width:100%}.test-intro .primary{margin-top:32px}.test-notice{font-size:12px!important;line-height:1.8;color:#8b95a1!important;margin-top:19px;text-align:center}.question-wrap{padding-top:42px}.progress-top{display:flex;align-items:center;justify-content:space-between;color:#8b95a1;font-size:13px}.progress-top button{border:0;background:none;color:#8b95a1;padding:8px}.progress-track{height:5px;background:#f2f4f6;border-radius:5px;overflow:hidden;margin:12px 0 38px}.progress-track div{height:100%;background:var(--blue);transition:width .2s}.question-wrap h1{font-size:27px;line-height:1.5;letter-spacing:-1px;margin:0 0 28px}.options{display:grid;gap:12px}.answer{border:1px solid #e5e8eb;border-radius:15px;background:white;color:#4e5968;padding:20px;text-align:left;line-height:1.6;display:flex;gap:12px;align-items:center}.answer:hover{background:#f7faff;border-color:#3182f6}.answer[aria-pressed=true]{background:#eaf2ff;border-color:#3182f6;color:#2272e4}.answer-number{font-size:12px;background:#f2f4f6;border-radius:7px;min-width:26px;height:26px;display:grid;place-items:center}.question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.question-footer .primary{min-width:150px}.question-note{font-size:12px;color:#8b95a1;text-align:center;margin-top:25px}.result-card{border-radius:27px;margin-top:27px;padding:30px 27px;text-align:center;overflow:hidden}.result-kicker{font-size:12px;font-weight:600}.result-symbol{width:80px;height:80px;background:#ffffff80;border-radius:27px;margin:24px auto 20px;display:grid;place-items:center}.result-symbol .icon{width:38px;height:38px}.result-card h1{font-size:32px;letter-spacing:-1px;line-height:1.4}.result-subtitle{font-size:14px;margin-top:10px}.result-body{background:#ffffffc9;border-radius:19px;padding:23px;margin-top:24px;color:#4e5968;text-align:left}.result-body>p{font-size:14px;line-height:1.95}.result-body h2{font-size:15px;margin-top:23px}.result-body ul{padding-left:18px;font-size:13px;line-height:2.3;margin-bottom:23px}.result-signature{font-size:11px;display:block;text-align:center;color:#8b95a1}.result-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin-top:18px}.result-actions button{font-size:13px;padding:14px 10px}.result-actions .icon{width:17px}.result-next{margin-top:28px;text-align:center}.text-link{display:inline-block;font-size:13px;color:#8b95a1;padding:20px}.related{margin-top:30px;border-top:1px solid var(--line);padding-top:28px}.related h2{font-size:19px;margin-bottom:17px}#portal-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);transition:transform .2s;background:#333d4b;color:white;padding:14px 21px;border-radius:13px;font-size:13px;z-index:50;max-width:90vw;pointer-events:none;opacity:0}#portal-toast.show{transform:translateX(-50%) translateY(0);opacity:1}#search-status{font-size:14px;color:#8b95a1;margin-bottom:20px}[hidden]{display:none!important}dialog{border:0;border-radius:22px;box-shadow:0 15px 80px #0003;padding:30px;max-width:calc(100vw - 40px);width:460px}dialog::backdrop{background:#0005}dialog h2{font-size:21px;margin-bottom:12px}dialog p{font-size:14px;color:#8b95a1}dialog input{width:100%;padding:12px;margin:20px 0;border:1px solid #e5e8eb;border-radius:9px}dialog button{width:100%}@media(min-width:950px){.service-grid:has(>.service-card:only-child){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:34px}.hero-feature{height:300px;padding:25px}.float-shape{width:75px;height:75px;border-radius:23px}.one{right:84px}.two{right:4px}.three{right:69px;top:132px}.four{top:174px;right:-20px}.category-nav{gap:9px}.category-nav>a{padding:13px;gap:8px}.category-nav .cat-arrow{display:none}.service-card{padding:15px;gap:13px}.service-art{width:80px;height:116px}.service-copy h3{font-size:15px}.service-copy p{font-size:11px}}@media(max-width:640px){.header-inner{height:67px;padding:0 20px;gap:25px}.logo{font-size:23px}.header-inner nav{gap:18px;font-size:13px}.private-pill{font-size:9px;padding:6px}.container{padding:0 20px}.hero{display:block;padding:38px 0 30px}.hero h1{font-size:33px;letter-spacing:-1.5px}.hero-copy>p{font-size:14px;margin:15px 0 23px}.hero-copy .primary{padding:13px 17px;font-size:14px}.hero-feature{height:180px;margin-top:30px;border-radius:22px;padding:24px}.hero-feature h2{font-size:22px;line-height:1.35}.hero-feature h2 br{display:none}.feature-label{font-size:11px;margin-bottom:9px}.feature-bottom{font-size:11px;margin-top:19px;max-width:220px}.float-shape{width:65px;height:65px;border-radius:21px}.float-shape .icon{width:29px;height:29px}.one{right:67px;top:14px}.two{right:0;top:46px}.three{right:53px;top:99px}.four{display:none}.category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:36px}.category-nav>a{border:0;padding:0;flex-direction:column;gap:10px}.category-nav strong{font-size:11px;font-weight:550;white-space:nowrap}.category-nav .category-icon{width:53px;height:53px;border-radius:18px}.browse-heading h2{font-size:23px}.ranking-note{font-size:12px}.search-field{margin:21px 0 28px;padding:13px}.search-field input{font-size:12px}.search-field kbd{display:none}.service-grid{grid-template-columns:1fr;gap:13px}.section-head{margin-bottom:15px}.section-title{gap:10px}.section-title h3{font-size:17px}.section-title p{font-size:11px;max-width:230px}.section-title .category-icon{width:39px;height:39px;border-radius:12px}.section-title .icon{width:20px}.more{font-size:11px}.service-card{padding:17px;gap:17px}.service-art{width:87px;height:109px}.service-copy h3{font-size:16px;margin:5px 0}.service-copy p{font-size:12px}.card-link{margin-top:10px}.category-section{margin-bottom:25px;padding-bottom:28px}.coming-card{padding:22px}.coming-card strong{font-size:14px;line-height:1.6}.share-banner{padding:23px 18px;gap:12px;margin-bottom:38px}.share-banner .category-icon{width:38px;height:38px}.share-banner h2{font-size:15px}.share-banner p{font-size:11px}.portal-footer{padding:28px 20px;gap:23px}.portal-footer nav{font-size:11px;gap:18px}.category-page{padding-top:25px;padding-bottom:45px}.category-intro{padding-top:29px}.category-intro h1{font-size:29px}.category-intro p{font-size:13px}.category-tabs{gap:6px}.category-tabs a{font-size:11px;padding:9px 11px}.test-container,.result-container{padding:24px 20px 45px}.test-intro h1{font-size:27px}.test-intro .test-subtitle{font-size:17px}.test-intro>p{font-size:13px}.question-wrap h1{font-size:24px}.answer{font-size:14px;padding:17px 15px}.result-card{padding:27px 19px}.result-card h1{font-size:29px}.result-subtitle{font-size:12px}.result-body{padding:19px}.result-body>p{font-size:13px}.result-actions{gap:6px}.result-actions button{font-size:12px;padding:13px 6px;gap:5px}.result-actions .icon{width:15px}.result-card ul{font-size:12px}.empty-state h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:365px){.private-pill{display:none}.hero h1{font-size:29px}.header-inner nav{margin-left:auto}.feature-bottom{max-width:180px}.service-copy h3{font-size:14px}.section-title p{max-width:190px}}

.info-page{max-width:800px;margin:auto;padding:38px 30px 70px;line-height:1.9}.info-page h1{font-size:32px;line-height:1.4;letter-spacing:-1px;margin:24px 0 18px}.info-page h2{font-size:21px;margin:32px 0 12px;letter-spacing:-.5px}.info-page p,.info-page li{font-size:15px;color:#4e5968}.info-page p+p{margin-top:14px}.info-page ul{padding-left:22px}.info-page li+li{margin-top:8px}.info-page .primary{margin-top:28px}.info-page p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.info-page{padding:26px 20px 45px}.info-page h1{font-size:28px}.info-page h2{font-size:20px}.info-page p,.info-page li{font-size:14px}}

/* Christmas feature uses the existing responsive card layout. */
.christmas-feature{background:#edf7f1}.christmas-feature h2{color:#285a46}.christmas-feature .feature-label,.christmas-feature .feature-bottom{color:#537c68}.christmas-feature .one{background:#fae5e8;color:#bf596d}.christmas-feature .two{background:#fff0cc;color:#ba9142}.christmas-feature .three{background:#d4ebdf;color:#418463}.christmas-feature .four{background:#e8e0f5;color:#9374b6}

@media(max-width:640px){.christmas-feature h2{font-size:21px;max-width:225px}.christmas-feature h2 br{display:block}.christmas-feature .float-shape{width:52px;height:52px}.christmas-feature .one{right:20px;top:12px}.christmas-feature .two{right:-15px;top:65px}.christmas-feature .three{right:20px;top:115px}.christmas-feature .feature-bottom{max-width:210px}}