@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}:root{--footer-bg: #333;--footer-text: #fff;--footer-accent: #dadada;--font-main: "Noto Sans KR", sans-serif;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-weight-light: 350;--font-weight-regular: 400;--font-weight-bold: 500;--line-height-sm: 16.8px;--line-height-md: 19.6px;--line-height-lg: 22.8px;--line-height-xl: 26.6px;--letter-spacing-sm: .4px;--letter-spacing-md: .6px;--letter-spacing-lg: 1.44px;--letter-spacing-xl: 1.68px;--footer-width: 1200px;--footer-padding-x: 20px}.footer{background-color:var(--footer-bg);color:var(--footer-text);font-family:var(--font-main);padding:98px 0 40px}.footer-inner{max-width:var(--footer-width);margin:0 auto;padding:0 var(--footer-padding-x);display:flex;flex-direction:column;gap:40px}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr 3fr;gap:40px}.footer-title,.footer-newsletter h2{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-xl);color:var(--footer-text);display:block;text-transform:uppercase;margin-bottom:12px}.footer-links ul li a{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-xl);text-transform:uppercase;color:var(--footer-text);margin-top:12px}.footer-newsletter p{font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:var(--line-height-xl);color:var(--footer-text);margin-top:12px}.footer-newsletter form{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--footer-text);width:100%;margin-bottom:12px;gap:12px}.footer-newsletter input[type=email]{flex:1;background:transparent;border:none;color:var(--footer-text);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:normal;letter-spacing:var(--letter-spacing-sm);padding:8px 0;min-width:0}.footer-newsletter input::placeholder{color:var(--footer-text)}.input-group{display:flex;align-items:center;width:100%;gap:12px}.footer-newsletter button{background:none;border:none;padding:0;margin-left:8px;white-space:nowrap}.footer-socials{display:flex;gap:20px;margin-top:12px}.footer-socials svg{width:18px;height:18px;fill:var(--footer-accent)}.footer-newsletter>p:last-of-type a{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-lg);color:var(--footer-text);margin-top:16px}.footer-legal{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:var(--line-height-lg);letter-spacing:var(--letter-spacing-md);color:var(--footer-text);padding-top:20px;font-style:normal}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--footer-text);flex-wrap:wrap}.footer-bottom ul{display:flex;gap:32px;padding:0;flex-wrap:nowrap;white-space:nowrap}.footer-bottom ul li{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-lg);color:var(--footer-text)}.footer-bottom small{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:15.6px;letter-spacing:var(--letter-spacing-md);color:var(--footer-text);white-space:nowrap;font-style:normal}.footer a,.footer a:visited{color:var(--footer-text);text-decoration:none}.footer a:hover{text-decoration:underline;color:var(--footer-text)}@media (max-width: 768px){.footer-inner{gap:60px}.footer-links{grid-template-columns:1fr;gap:32px}.footer-socials{justify-content:center}.footer-newsletter form{flex-direction:column;align-items:flex-start}.footer-newsletter input[type=email]{width:100%;margin-bottom:8px}.footer-newsletter button{align-self:flex-end}}