:root{--color-text:#17233f;--color-muted:#77839a;--color-primary:#4268f5;--color-border:#e8edf5;--color-background:#f7f9fc}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans","Noto Sans KR",sans-serif;color:var(--color-text);background:#fff}a{color:inherit;text-decoration:none}.page-wrap{max-width:1180px}.site-header{height:74px;background:#fff;border-bottom:1px solid var(--color-border)}.brand{display:inline-flex;align-items:center;font-size:1.25rem;font-weight:800;letter-spacing:-.6px}.brand-mark{display:block;width:32px;height:32px;margin-right:8px;object-fit:contain;flex-shrink:0}.nav-link{color:#45516b;font-size:.9rem;font-weight:650}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.hero{padding:74px 0 70px;background:linear-gradient(115deg,#f1f5ff,#f9f7ff 55%,#fff7f1);border-bottom:1px solid #edf0f7}.eyebrow{color:#4b70e8;font-size:.9rem;font-weight:800;letter-spacing:.04em}.hero h1{margin:16px 0;font-size:clamp(2.3rem, 5vw, 4rem);font-weight:850;letter-spacing:-2px;line-height:1.18}.hero h1 span{color:#526cf1}.hero p{max-width:560px;color:#69758d;font-size:1.05rem;line-height:1.85}.btn-main{padding:12px 23px;border-radius:999px;color:#fff;background:var(--color-primary);font-weight:700}.btn-main:hover{color:#fff;background:#3156df}.btn-outline{padding:11px 22px;border:1px solid #dce3f0;border-radius:999px;background:#fff;font-weight:700}.section{padding-top:54px}.section-title{margin:0;font-size:1.45rem;font-weight:850;letter-spacing:-.6px}.section-desc{margin:6px 0 0;color:var(--color-muted);font-size:.9rem}.category{display:block;position:relative;height:174px;padding:22px;overflow:hidden;border:1px solid transparent;border-radius:18px;transition:.2s}.category:hover{transform:translateY(-4px);box-shadow:0 12px 30px #17233f12}.category .symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;font-size:1.3rem}.category h3{margin:15px 0 6px;font-size:1.08rem;font-weight:800}.category p{margin:0;color:#748099;font-size:.82rem}.learning{background:#eef4ff;border-color:#e1eaff}.learning .symbol{background:#4b7ff1}.travel{background:#edfaf5;border-color:#dcf3e9}.travel .symbol{background:#36ad86}.living{background:#fff2ef;border-color:#ffe4df}.living .symbol{background:#ed776e}.games{background:#f4efff;border-color:#e9e0ff}.games .symbol{background:#8056e8}.content-card{height:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:#fff;transition:.2s}.content-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #17233f12}.content-image{height:145px;overflow:hidden;background:#edf1f8}.content-image img{width:100%;height:100%;object-fit:cover}.content-info{padding:14px}.label{padding:4px 9px;border-radius:20px;color:#4b70e8;background:#edf3ff;font-size:.68rem;font-weight:800}.content-info h3{margin:10px 0 14px;font-size:.94rem;font-weight:800}.meta{display:flex;justify-content:space-between;color:#8994a8;font-size:.75rem}.feature-card{height:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:16px}.feature-card img{width:100%;height:185px;object-fit:cover}.feature-body{padding:18px}.feature-body h3{font-size:1.1rem;font-weight:800}.feature-body p{color:var(--color-muted);font-size:.86rem;line-height:1.7}.list-box{overflow:hidden;border:1px solid var(--color-border);border-radius:14px}.list-row{display:flex;align-items:center;gap:13px;padding:13px 15px;border-bottom:1px solid var(--color-border)}.list-row:last-child{border-bottom:0}.list-number{width:22px;color:#8a96aa;font-weight:800}.list-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f1f4fb}.list-row strong{font-size:.87rem}.list-row small{display:block;margin-top:3px;color:#8a96aa}.list-arrow{margin-left:auto;color:#6684ed}.game-card{height:100%;padding:22px;border:1px solid #e9e2ff;border-radius:16px;background:#f4f0ff}.game-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:#8056e8;font-size:1.4rem}.game-preview{margin-top:18px;padding:14px;border-radius:13px;background:#fff}.game-link{display:block;margin-top:14px;padding:10px;border-radius:30px;color:#fff;background:linear-gradient(90deg,#4b7ff1,#8056e8);font-size:.85rem;font-weight:800;text-align:center}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.footer-brand{max-width:420px}.footer-copyright{margin-top:18px;color:#a0a9b8;font-size:.8rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px}.footer-links a{color:#66748d;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary)}@media (max-width:576px){.footer-content{flex-direction:column;gap:24px}.footer-links{justify-content:flex-start;gap:12px 18px}}@media (max-width:767px){.site-header{height:auto;padding:13px 0}.desktop-nav{display:none}.hero{padding:58px 0}.category{height:155px;padding:17px}.category h3{font-size:.98rem}.category p{font-size:.74rem}.content-image{height:115px}.section{padding-top:38px}}.site-header{position:sticky;top:0;z-index:1030}.page-hero{padding:48px 0 42px;background:linear-gradient(115deg,#f1f5ff,#f9f7ff 55%,#fff7f1);border-bottom:1px solid #edf0f7}.page-hero h1{margin:10px 0;font-size:clamp(2rem, 4vw, 3rem);font-weight:850;letter-spacing:-1.5px}.page-hero p{color:#69758d;line-height:1.8;max-width:680px}.page-content{min-height:50vh}.placeholder-card{height:100%;padding:22px;border:1px solid var(--color-border);border-radius:16px;background:#fff}.placeholder-card h3{font-size:1.05rem;font-weight:800}.site-footer{margin-top:60px;padding:34px 0;color:#fff;background:#192943}.footer-muted{line-height:1.6;color:#bac5d8;font-size:.8rem}@media(max-width:767px){.site-header{height:auto;padding:13px 0}.desktop-nav{display:none}.page-hero{padding:38px 0}}.notice-list{border-top:1px solid var(--color-border)}.notice-item{border-bottom:1px solid var(--color-border)}.notice-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:19px 4px;border:0;background:0 0;color:var(--color-text);text-align:left;cursor:pointer}.notice-info{display:flex;flex-direction:column;gap:6px}.notice-title{font-size:.95rem;font-weight:750}.notice-date{color:var(--color-muted);font-size:.78rem}.notice-icon{position:relative;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#f1f4fb;transition:transform .2s}.notice-icon::after,.notice-icon::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;border-radius:2px;background:#66748d}.notice-icon::before{transform:translate(-50%,-50%) rotate(45deg);margin-left:-2.5px}.notice-icon::after{transform:translate(-50%,-50%) rotate(-45deg);margin-left:2.5px}.notice-toggle:not(.collapsed) .notice-icon{transform:rotate(180deg)}.notice-content{padding:0 36px 22px 4px;color:#69758d;font-size:.88rem;line-height:1.85}.notice-toggle:hover .notice-title{color:var(--color-primary)}.notice-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:4px}