@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);:root{--primary-color:#3f51b5;--primary-light:#757de8;--primary-dark:#002984;--secondary-color:#2196f3;--secondary-light:#6ec6ff;--secondary-dark:#0069c0;--text-primary:#212121;--text-secondary:#757575;--text-disabled:#9e9e9e;--bg-default:#f5f5f5;--bg-paper:#fff;--bg-overlay:#00000080;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--info-color:#2196f3;--border-color:#e0e0e0;--shadow-light:0 2px 4px #0000001a;--shadow-medium:0 4px 8px #0000001f;--shadow-heavy:0 8px 16px #00000024;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-round:50%;--transition-speed:0.3s;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f5f5f5;background-color:var(--bg-default);color:#212121;color:var(--text-primary);font-family:Noto Sans KR,sans-serif;font-size:16px;line-height:1.5;width:100%}#root,body,html{height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none}img{height:auto;max-width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.container{margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:0 16px;padding:0 var(--spacing-md);width:100%}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.align-center{align-items:center;display:flex}.justify-center{display:flex;justify-content:center}.space-between{display:flex;justify-content:space-between}.text-center{text-align:center}.hidden{display:none}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mt-xs{margin-top:4px;margin-top:var(--spacing-xs)}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:32px;margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:4px;margin-left:var(--spacing-xs)}.ml-sm{margin-left:8px;margin-left:var(--spacing-sm)}.ml-md{margin-left:16px;margin-left:var(--spacing-md)}.ml-lg{margin-left:24px;margin-left:var(--spacing-lg)}.ml-xl{margin-left:32px;margin-left:var(--spacing-xl)}.mr-xs{margin-right:4px;margin-right:var(--spacing-xs)}.mr-sm{margin-right:8px;margin-right:var(--spacing-sm)}.mr-md{margin-right:16px;margin-right:var(--spacing-md)}.mr-lg{margin-right:24px;margin-right:var(--spacing-lg)}.mr-xl{margin-right:32px;margin-right:var(--spacing-xl)}.p-xs{padding:4px;padding:var(--spacing-xs)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.p-xl{padding:32px;padding:var(--spacing-xl)}@media (max-width:1200px){:root{--container-width:960px}}@media (max-width:992px){:root{--container-width:720px}}@media (max-width:768px){:root{--container-width:540px}body,html{font-size:14px}}@media (max-width:576px){:root{--container-width:100%}.container{padding:0 8px;padding:0 var(--spacing-sm)}}