:root{font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;color:#172c4b;background:#f6f7f9;font-synthesis:none;color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3469ba;outline-offset:4px}p,h1,h2,h3{margin:0;word-break:keep-all;overflow-wrap:anywhere}img{display:block;max-width:100%}.hub-header{background:#fff;border-bottom:1px solid #e2e6ec}.hub-header>div,.hub-main,.hub-footer>div{width:min(1120px,calc(100% - 48px));margin:auto}.hub-header>div{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hub-logo{font-weight:950;letter-spacing:-2px;font-size:36px;display:flex;align-items:center;gap:18px}.hub-logo span{font-size:13px;letter-spacing:0;font-weight:600;color:#576579}.hub-header nav{display:flex;gap:12px}.hub-header nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;font-weight:750;font-size:15px}.hub-intro{padding:44px 0 28px}.hub-eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.08em;line-height:1.5;color:#53647b}.hub-intro h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.8px;line-height:1.25;margin:9px 0 12px}.hub-intro>p:last-child{color:#53647b;line-height:1.6}.hub-services{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.hub-service{border-radius:24px;overflow:hidden;border:1px solid #dfe4eb;position:relative;min-width:0}.hub-service h2{font-size:clamp(27px,3vw,34px);line-height:1.25;letter-spacing:-1.2px;margin:10px 0 14px}.hub-service p{line-height:1.65;font-size:15px}.hub-card-copy{position:relative;z-index:1}.hub-game{background:#e7f0f5;min-height:350px;padding:30px}.hub-game img{position:absolute;right:0;bottom:0;width:66%;height:75%;object-fit:cover;object-position:50%;mask-image:linear-gradient(100deg,transparent,#000 35%);opacity:.96}.hub-game p{max-width:180px}.hub-cta{display:inline-flex;align-items:center;gap:22px;font-size:15px;font-weight:800;background:#172c4b;color:#fff;min-height:46px;border-radius:12px;padding:0 18px;margin-top:23px}.hub-shop{padding:30px;background:#fff}.hub-shop h2{margin-bottom:12px}.hub-shop form{display:flex;gap:8px;border:1px solid #abb9c8;border-radius:13px;padding:6px;background:#f8fafc;margin:24px 0 10px}.hub-shop input{min-width:0;width:100%;background:none;border:0;font-size:16px;padding:8px;color:#172c4b}.hub-shop button{flex:none;background:#172c4b;color:#fff;border:0;border-radius:9px;min-width:60px;min-height:44px;cursor:pointer;font-weight:700}.hub-shop nav{display:flex;flex-wrap:wrap;gap:5px 18px}.hub-shop nav a{min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:700}.hub-saju{grid-column:1/-1;background:#242128;color:#f8eacb;padding:27px 30px;display:flex;align-items:center;min-height:235px}.hub-saju .hub-eyebrow{color:#e0c18a}.hub-saju h2{font-family:"Noto Serif KR",serif;font-size:27px;line-height:1.4}.hub-saju p{color:#ded5c8}.hub-saju .hub-cta{background:#d8b878;color:#251c12;margin-top:17px}.hub-saju img{position:absolute;right:0;top:0;height:100%;width:38%;object-fit:cover;object-position:50% 40%;mask-image:linear-gradient(90deg,transparent,#000 40%)}.hub-section{margin-top:46px}.hub-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:20px}.hub-section-heading h2{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin-top:5px}.hub-section-heading>a{flex:none;font-size:14px;font-weight:750;min-height:44px;display:flex;align-items:center}.hub-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hub-small-game{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e0e5eb}.hub-small-game img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}.hub-small-game>div{padding:17px}.hub-small-game span{display:block;font-size:11px;color:#596b81;line-height:1.5}.hub-small-game h3{font-size:18px;margin:7px 0;letter-spacing:-.6px}.hub-small-game p{font-size:13px;line-height:1.65;color:#53647b}.hub-shopping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px;background:#fff;border:1px solid #e0e5eb;border-radius:22px}.hub-shopping-grid article>span{font-size:12px;color:#6a7a8e;font-weight:800}.hub-shopping-grid h3{font-size:19px;margin:10px 0}.hub-shopping-grid p{font-size:14px;color:#53647b;line-height:1.8}.hub-shopping-grid a{display:inline-flex;align-items:center;font-weight:750;font-size:13px;min-height:44px;margin-top:8px}.hub-continue{display:flex;align-items:center;gap:22px;border-top:1px solid #d6dde7;padding:32px 0;margin-top:44px}.hub-continue>div{margin-right:auto}.hub-continue h2{font-size:18px;margin-bottom:8px}.hub-continue p{font-size:13px;line-height:1.6;color:#53647b}.hub-continue>a{font-size:13px;font-weight:750;min-height:44px;display:flex;align-items:center}.hub-footer{background:#edf0f4;border-top:1px solid #dce2e9;padding:30px 0 max(30px,env(safe-area-inset-bottom))}.hub-footer .hub-logo{font-size:29px}.hub-footer p{font-size:14px;margin:8px 0 14px;color:#53647b}.hub-footer nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.hub-footer nav a{min-height:44px;display:flex;align-items:center}.hub-footer address{font-style:normal;font-size:12px;line-height:1.9;color:#53647b;margin-top:14px}.hub-article{padding:40px 0;max-width:780px;margin:auto}.hub-article h1{font-size:32px;margin-bottom:20px}.hub-article h2{font-size:22px;margin:30px 0 12px}.hub-article p,.hub-article li{font-size:16px;line-height:1.9}.hub-article nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.hub-article a{color:#285a98;text-decoration:underline;text-underline-offset:4px}.hub-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.hub-skip{position:fixed;top:10px;left:10px;z-index:10;transform:translateY(-200%);padding:15px;background:#172c4b;color:#fff;border-radius:10px}.hub-skip:focus{transform:none}a:active,button:active{opacity:.83}@media(hover:hover) and (pointer:fine){.hub-service,.hub-small-game{transition:transform 180ms ease,box-shadow 180ms ease}.hub-service:hover,.hub-small-game:hover{transform:translateY(-2px);box-shadow:0 8px 24px #172c4b0d}.hub-header nav a:hover,.hub-footer a:hover{text-decoration:underline;text-underline-offset:5px}}@media(max-width:700px){.hub-header>div,.hub-main,.hub-footer>div{width:calc(100% - 32px)}.hub-header>div{min-height:72px;gap:8px}.hub-logo{font-size:31px}.hub-logo span{display:none}.hub-header nav{gap:0}.hub-header nav a{font-size:13px;padding:0 9px}.hub-intro{padding:28px 0 22px}.hub-intro h1{font-size:31px}.hub-intro>p:last-child{font-size:14px}.hub-services{gap:14px;grid-template-columns:1fr}.hub-service{border-radius:20px}.hub-game{min-height:270px;padding:24px}.hub-game img{width:68%;height:100%;object-position:46%}.hub-game h2,.hub-shop h2{font-size:29px}.hub-game h2 br,.hub-shop h2 br{display:none}.hub-game h2{max-width:210px}.hub-game p{font-size:14px;max-width:155px}.hub-game .hub-cta{margin-top:24px}.hub-shop{padding:24px}.hub-shop>p br{display:none}.hub-shop form{margin-top:18px}.hub-shop nav a{font-size:13px}.hub-saju{padding:24px;min-height:250px}.hub-saju h2{font-size:25px;max-width:235px}.hub-saju p{font-size:13px;max-width:195px}.hub-saju img{width:47%;object-position:45%}.hub-section{margin-top:32px}.hub-section-heading h2{font-size:23px}.hub-section-heading>a{font-size:12px}.hub-game-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hub-small-game>div{padding:13px}.hub-small-game h3{font-size:17px}.hub-small-game p{font-size:13px}.hub-shopping .hub-section-heading{align-items:flex-start;flex-direction:column;gap:0}.hub-shopping-grid{grid-template-columns:1fr;padding:22px;gap:22px}.hub-shopping-grid article+article{border-top:1px solid #e3e8ef;padding-top:22px}.hub-shopping-grid h3{margin:7px 0}.hub-shopping-grid p{font-size:15px}.hub-continue{flex-wrap:wrap;gap:6px 22px;margin-top:30px;padding:27px 0}.hub-continue>div{width:100%;margin-bottom:7px}.hub-footer nav{gap:4px 15px}.hub-article h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
