@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap";:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--color-navy: #24388d;--color-light-blue: #7ac4e0;--color-accent: #e4f4fc;--color-black: #000000;--color-text-strong: #222;--color-text-default: #555;--color-text-light: #888;--color-text-white: #fff;--color-bg: #ffffff;--color-bg-light: #f9f9f9;--color-border: #ddd;--btn-radius: 6px;--btn-padding: 10px 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 5px 10px rgba(0, 0, 0, .2);--transition-fast: .2s ease-in-out;--transition-slow: .4s ease-in-out}:root{--color-blue: #00aeef;--color-light-gray: #edebe9;--color-cool-gray: #f7f7f8;--color-gray: #cccccc;--color-charcoal-gray: #333333;--color-dark-gray: #545454;--color-black: #333333;--color-white: #ffffff;--color-beige: #fdfbf7;--color-creamy-white: #f9f6f0;--color-warm-white: #fdfbf7;--font-family-base: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-base-plus: 1.125rem;--font-size-m: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-weight-regular: 400;--button-font-weight: 500;--font-weight-bold: 700;--line-height-base: 1.6;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--button-line-height: 3.125rem;--button-font-size: var(--font-size-sm);--button-padding: 0 var(--space-2);--break-point: 768px}body{font-family:Noto Sans KR,sans-serif}html,body{-webkit-user-select:none;user-select:none}body{margin:0;padding:2rem;background-color:var(--color-bg-light)}h1,h2{color:var(--color-blue);margin-bottom:var(--space-4)}.component-box{border:1px var(--color-black);padding:2rem;margin-bottom:2rem;background-color:var(--color-bg);border-radius:8px}