@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap");:root{--ink:#142542;--muted:#64748b;--blue:#0867dc;--line:#e7eef9;--pale:#f5faff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;font-family:Noto Sans KR,system-ui,sans-serif;color:var(--ink);word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #edf2fa}.header-inner{min-height:76px;gap:30px}.brand,.header-inner{display:flex;align-items:center}.brand{font-size:24px;font-weight:900;letter-spacing:-1.3px;white-space:nowrap}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:0;color:#697890}.brand-icon{display:inline-flex;align-items:center;justify-content:center;color:#e9ab0e;margin-right:7px}.desktop-nav{display:flex;flex:1 1;align-items:center;justify-content:flex-end;gap:19px}.desktop-nav a{font-size:12px;font-weight:800;white-space:nowrap}.desktop-nav a:hover,.footer a:hover{color:var(--blue)}.nav-cta{border-radius:100px;padding:11px 17px;background:#065cc8;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta span{margin-left:7px}.hero{background:radial-gradient(circle at 83% 30%,#9fd8ff 0,transparent 37%),linear-gradient(113deg,#eaf6ff,#dceeff 54%,#b4ddff);overflow:hidden}.hero-grid{min-height:485px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding:58px 0 64px}.pill{display:inline-flex;background:#0969da;color:#fff;font-size:12px;font-weight:800;padding:8px 16px;border-radius:50px;box-shadow:0 6px 18px #0354aa2b}.hero h1{margin:18px 0 20px;font-size:clamp(38px,4.8vw,64px);font-weight:900;letter-spacing:-3.3px;line-height:1.18}.hero h1 em{font-style:normal;color:#075dcf}.hero p{font-size:15px;line-height:1.95;color:#374e69;max-width:500px;margin:0 0 20px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;border-radius:50px;font-size:14px;font-weight:800;box-shadow:0 8px 17px #115abb15;transition:transform .2s}.article-card:hover,.btn:hover,.game-card:hover,.shortcut:hover{transform:translateY(-4px)}.btn.primary{color:#fff;background:#075bd1}.btn.secondary{background:#fff;border:1px solid #c7d9f9;color:#1456be}.hero .hero-note{margin-top:20px;font-size:11px;color:#3f6690;display:flex;gap:6px;align-items:center}.hero-art{min-height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.art-glow{position:absolute;width:480px;height:330px;background:radial-gradient(ellipse,#58a9f4aa,transparent 70%);filter:blur(20px)}.art-card{position:relative;width:235px;height:380px;transform:rotate(12deg);border:12px solid #202a44;border-radius:38px;background:linear-gradient(145deg,#1478d6,#093b9f 70%,#071b51);box-shadow:25px 30px 60px #185e9c6b,inset 0 0 30px #78caff33;color:white;text-align:center;padding-top:43px;display:flex;flex-direction:column;align-items:center;gap:20px}.art-card>span{font-weight:800;font-size:12px;letter-spacing:4px}.art-card strong{font-size:30px;line-height:1.1;letter-spacing:-1px}.art-symbol{color:#ffd45b;font-size:85px;font-weight:900;text-shadow:0 5px 15px #100f2877}.art-symbol span{font-size:22px}.art-chip{position:absolute;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;border:10px dashed #f9eabd;box-shadow:3px 8px 26px #0956ac55,inset 0 0 0 5px #fff5aa;color:#fff;font-size:37px;font-weight:900;background:#e8ac12;transform:rotate(-20deg)}.chip-one{left:8%;bottom:58px}.chip-two{right:6%;top:95px;background:#8865d4;border-color:#ddd5ff}.art-suit{position:absolute;font-size:110px;color:#ffffffab;text-shadow:5px 8px 15px #4389bb66}.suit-one{right:0;bottom:38px;transform:rotate(-15deg)}.suit-two{left:10%;top:30px;color:#f677a1bb;transform:rotate(15deg)}.art-caption{position:absolute;bottom:18px;right:5px;font-size:9px;letter-spacing:2px;color:#3772a2}.shortcuts{position:relative;z-index:3;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px;margin-top:-34px}.shortcut{background:#fff;border:1px solid #e6eefb;box-shadow:0 9px 20px #1c5d9b13;border-radius:17px;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.shortcut strong{font-size:12px}.shortcut-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center}.blue{color:#086bdb;background:#e6f2ff}.amber{color:#e8a40b;background:#fff4cf}.pink{color:#c43cbc;background:#fce9fb}.rose{color:#ef597e;background:#ffecf1}.mint{color:#079b9b;background:#e2fbf6}.purple{color:#8057d4;background:#f1eaff}.section{padding-top:68px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.eyebrow{display:block;color:#0872df;font-weight:900;font-size:11px;letter-spacing:2px;margin-bottom:7px}.info-grid h2,.section h2{font-size:clamp(23px,2.6vw,32px);margin:0 0 8px;letter-spacing:-1.6px}.section-heading p{font-size:13px;color:var(--muted);margin:0}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#0968d7}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}.game-card{border:1px solid #e5edfa;border-radius:20px;overflow:hidden;box-shadow:0 7px 22px #1c5d9b0e;transition:transform .2s;background:#fff}.game-visual{height:160px;background:linear-gradient(135deg,#086cdb,#001a62);position:relative;display:grid;place-items:center;overflow:hidden}.game-coral .game-visual{background:linear-gradient(135deg,#ff906c,#7b1f47)}.game-pink .game-visual{background:linear-gradient(135deg,#fa6b99,#72235a)}.game-navy .game-visual{background:linear-gradient(135deg,#192d65,#07142e)}.game-pip{font-size:95px;line-height:1;color:#ffffffd8;text-shadow:3px 6px 20px #0004}.game-visual-label{position:absolute;bottom:12px;left:16px;color:#fffc;font-size:12px;font-weight:900;letter-spacing:2px}.game-meta{padding:15px}.game-meta strong{font-size:15px;display:block}.game-meta span{display:block;margin-top:5px;font-size:11px;color:#72829b}.info-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:18px;gap:18px}.info-panel{border-radius:24px;padding:35px;background:linear-gradient(135deg,#0639ad,#0c7ce7);color:white}.eyebrow.light{color:#bddcff}.info-panel h2{line-height:1.4}.info-panel p{color:#dceaff;font-size:13px;line-height:1.9}.info-items{background:white;border-radius:18px;padding:9px 18px;margin-top:21px}.info-items a{display:flex;align-items:center;gap:12px;font-size:13px;color:#1a2b47;font-weight:800;padding:14px 0;border-bottom:1px solid #e6effb}.info-items a:last-child{border:0}.info-items a svg:first-child{color:#0870de}.info-items a svg:last-child{margin-left:auto;color:#7c95b5}.tips-panel{border:1px solid #dce9fb;background:#f8fbff;border-radius:24px;padding:35px}.tips-panel>p{color:#6b7d97;font-size:13px;line-height:1.8}.tip{display:flex;gap:13px;align-items:center;margin:22px 0}.tip>span{color:#1677e2;background:#e6f1ff;border-radius:13px;padding:12px;display:grid;place-items:center}.tip strong{display:block;font-size:14px}.tip small{display:block;font-size:11px;margin-top:5px;color:#7a8ca5}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.article-card{border:1px solid #e1eafb;background:linear-gradient(150deg,#f5faff,#fff);padding:27px;border-radius:22px;min-height:250px;transition:transform .2s}.article-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;margin-bottom:21px}.a-amber{background:#fff4da;color:#eba800}.a-blue{background:#e6f2ff;color:#1572df}.a-purple{background:#f4edff;color:#8857cb}.article-card small{color:#7891b1;font-size:11px;font-weight:800}.article-card h3{font-size:20px;line-height:1.45;letter-spacing:-.7px;margin:10px 0}.article-card p{font-size:12px;color:#687f9b;line-height:1.8}.article-card b{color:#0665d4;font-size:12px}.bottom-banner{margin-top:60px;margin-bottom:60px;background:linear-gradient(110deg,#063aa7,#076cde);border-radius:22px;padding:26px 34px;gap:32px;color:#fff}.bottom-banner,.bottom-logo{display:flex;align-items:center}.bottom-logo{font-size:26px;font-weight:900;white-space:nowrap;gap:8px}.bottom-logo svg{color:#ffdc4c}.bottom-banner>div:nth-child(2){border-left:1px solid #ffffff66;padding-left:28px;flex:1 1}.bottom-banner strong{font-size:16px}.bottom-banner p{font-size:12px;color:#deedff;margin:6px 0 0}.bottom-link{background:#ffdc47;color:#14284a;display:flex;align-items:center;justify-content:center;gap:5px;padding:14px 20px;border-radius:50px;font-size:13px;font-weight:900;white-space:nowrap}.footer{background:#f5f9ff;border-top:1px solid #e9eff9;padding:45px 0 115px}.footer-brand{font-size:22px}.footer p{max-width:720px;color:#64748b;line-height:1.9;font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.footer small,.footer-links a{color:#7b8ba4;font-size:11px}.mobile-nav{display:none}.inner-hero{padding:75px 0 60px;background:linear-gradient(135deg,#eaf6ff,#f6f9ff)}.inner-hero h1{font-size:clamp(30px,4vw,45px);letter-spacing:-2px;margin:8px 0}.inner-hero p{font-size:15px;color:#56708c;line-height:1.9;max-width:750px}.inner-page{padding:45px 0 90px;max-width:1000px}.inner-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:22px;gap:22px}.aside-card,.content-card{background:#fff;border:1px solid #e3ebf7;border-radius:23px;padding:30px;box-shadow:0 8px 30px #1051ab0a}.content-card h2{font-size:22px;margin:0 0 14px;letter-spacing:-1px}.content-card li,.content-card p{font-size:14px;color:#526781;line-height:2}.content-card section+section{border-top:1px solid #e9f0fb;margin-top:26px;padding-top:26px}.content-card ul{padding-left:20px}.aside-card h3{margin:0 0 13px}.aside-card a{display:flex;padding:12px 0;border-bottom:1px solid #e7eef9;font-size:13px;font-weight:700}.aside-card a:last-child{border:0}.disclaimer{font-size:12px!important;background:#f1f7ff;border-radius:12px;padding:15px;margin-top:25px!important}.placeholder{height:210px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeeff,#f4f7ff);color:#5b8cbd;font-weight:800;letter-spacing:1px;margin:20px 0}@media(max-width:1150px){.desktop-nav{gap:10px}.desktop-nav a{font-size:11px}.header-inner{gap:14px}}@media(max-width:900px){.desktop-nav,.nav-cta{display:none}.header-inner{min-height:65px}.hero-grid{grid-template-columns:1fr 1fr;min-height:430px}.hero h1{font-size:41px}.hero-art{transform:scale(.83);min-height:380px}.shortcuts{grid-template-columns:repeat(4,1fr)}.game-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(3,1fr)}.bottom-banner{gap:15px}.bottom-logo{font-size:20px}.bottom-banner>div:nth-child(2){padding-left:15px}}@media(max-width:640px){.shell{width:calc(100% - 32px)}.brand{font-size:21px}.hero-grid{display:block;min-height:0}.hero-copy{padding:44px 0 0}.hero h1{font-size:clamp(35px,9vw,47px);letter-spacing:-2.3px}.hero-copy>p{font-size:13px}.pill{font-size:11px}.hero-art{height:255px;min-height:255px;transform:none;margin-top:-15px}.art-card{transform:rotate(10deg) scale(.65)}.art-chip{transform:scale(.68)}.chip-one{left:9%;bottom:20px}.chip-two{right:9%;top:10px}.art-suit{font-size:80px}.art-caption{bottom:9px}.shortcuts{grid-template-columns:repeat(4,1fr);margin-top:-16px;gap:8px}.shortcut{min-height:88px;border-radius:13px}.shortcut strong{font-size:10px}.shortcut-icon{width:36px;height:36px;border-radius:10px}.shortcut-icon svg{width:21px}.section{padding-top:48px}.info-grid h2,.section h2{font-size:23px}.section-heading{align-items:start}.section-heading p{font-size:12px}.section-heading .text-link{font-size:10px;white-space:nowrap}.game-grid{gap:11px}.game-visual{height:128px}.game-meta{padding:11px}.game-meta strong{font-size:13px}.game-meta span{font-size:10px}.info-panel,.tips-panel{padding:23px;border-radius:18px}.article-grid{grid-template-columns:1fr;gap:11px}.article-card{min-height:0;padding:22px}.article-card h3{font-size:19px}.bottom-banner{flex-direction:column;align-items:stretch;text-align:left;gap:11px;margin-top:40px;margin-bottom:35px;padding:24px}.bottom-banner>div:nth-child(2){border:0;padding:0}.bottom-link{width:100%}.inner-hero{padding:43px 0}.inner-hero p{font-size:13px}.inner-page{padding:24px 0 55px}.inner-grid{grid-template-columns:1fr}.aside-card,.content-card{padding:21px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;justify-content:space-around;align-items:center;background:#fff;box-shadow:0 -7px 24px #0c488f19;border-top:1px solid #e6eef8;padding:13px 7px calc(13px + env(safe-area-inset-bottom))}.mobile-nav a{font-size:11px;color:#23538b;font-weight:900}.footer{padding-bottom:110px}}:focus-visible{outline:3px solid #f1ae25;outline-offset:3px}@media(hover:hover){.desktop-nav a,.footer-links a,.mobile-nav a{transition:color .2s ease}.desktop-nav a:hover,.mobile-nav a:hover{color:#0867dc}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.hero-copy{padding-top:38px}.hero h1{line-height:1.24}.button-row .btn{min-height:46px}.shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.shortcut{padding:8px 2px;text-align:center}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{min-width:0}.game-meta span{line-height:1.5}.section-heading{flex-wrap:wrap}.info-items a{line-height:1.5}.mobile-nav a{min-width:45px;min-height:28px;display:grid;place-items:center}.content-card li,.content-card p{line-height:1.95}.inner-hero h1{line-height:1.35}}@media(max-width:360px){.shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:33px}.btn{font-size:12px;padding:12px 15px}.game-visual{height:105px}}.breadcrumbs{display:flex;align-items:center;gap:10px;padding-top:20px;padding-bottom:4px;font-size:12px;font-weight:700;color:#64748b}.breadcrumbs a{color:#2563b8;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current=page]{color:#334155}@media(max-width:640px){.breadcrumbs{padding-top:13px;font-size:11px}.inner-page{scroll-margin-top:70px}.aside-card a{min-height:40px}}.brand:has(.site-logo){display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.site-logo{display:block;width:clamp(142px,15vw,200px);height:auto;max-height:65px;object-fit:contain}.footer-brand:has(.footer-logo){display:flex;align-items:center}.footer-logo{display:block;width:185px;max-width:100%;height:auto;object-fit:contain}@media(max-width:640px){.site-logo{width:148px;max-height:56px}.footer-logo{width:160px}}.desktop-nav a.is-active{color:#0869d8;font-weight:900;position:relative}.desktop-nav a.is-active:after{content:"";position:absolute;left:10%;right:10%;bottom:-9px;height:3px;border-radius:99px;background:#1388e8}.mobile-nav a.is-active{color:#0869d8;background:#eaf5ff;border-radius:12px;padding:5px 9px}@media(max-width:640px){.mobile-nav a{transition:background-color .18s,color .18s}.mobile-nav a.is-active{min-height:34px}}.page-image-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;margin-bottom:26px;background:#eaf5ff;border:1px solid #d9e9fa}.page-image-frame>img{display:block;width:100%;height:100%;object-fit:cover}.page-image-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#f5fbff,#d6edff);color:#1c528c;text-align:center;padding:16px}.image-fallback-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#1979d8;color:#fff;font-size:36px;font-weight:900;box-shadow:0 9px 25px #1979d833}.page-image-fallback strong{font-size:clamp(17px,3vw,25px)}.page-image-fallback small{font-size:10px;letter-spacing:.08em;color:#6b8fb2}@media(max-width:640px){.page-image-frame{border-radius:14px;margin-bottom:20px}.image-fallback-mark{width:48px;height:48px;font-size:28px}}.home-hero-image{min-width:0;align-self:center;width:100%}.home-hero-image .page-image-frame{margin:0;aspect-ratio:4/3;border-radius:28px;box-shadow:0 24px 60px rgba(16,88,157,.13)}.home-hero-image .page-image-frame img{object-fit:cover}@media(max-width:640px){.home-hero-image .page-image-frame{aspect-ratio:16/10;border-radius:18px}}.content-image{margin:20px 0 30px;max-width:100%}.content-image-fallback,.content-image>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:17px;border:1px solid #dceaf7;background:#eff8ff}.content-image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;text-align:center;color:#22588e;background:linear-gradient(145deg,#f7fcff,#d9efff)}.content-image-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#147bd5;color:white;font-size:30px;font-weight:900}.content-image-fallback small{font-size:10px;letter-spacing:.08em;color:#688eae}.content-image figcaption{padding:8px 2px 0;color:#66819c;font-size:12px;line-height:1.6}.home-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.home-image-grid>a{display:block;min-width:0;color:inherit;text-decoration:none}.home-image-grid .content-image{margin:0 0 12px}.home-image-grid .content-image-fallback,.home-image-grid .content-image>img{aspect-ratio:4/3}.home-image-grid>a>strong{font-size:15px;color:#1c4c80}@media(max-width:700px){.home-image-grid{grid-template-columns:1fr;gap:25px}.home-image-grid .content-image-fallback,.home-image-grid .content-image>img{aspect-ratio:16/10}.content-image-fallback,.content-image>img{border-radius:13px}}