@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap";body{margin:0;padding:0;font-family:Noto Sans KR,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}#app{min-height:100vh;display:flex;flex-direction:column;height:auto}*{box-sizing:border-box}:root{--primary-color: #4f85e6;--secondary-color: #6c63ff;--accent-color: #f7542e;--text-color: #333333;--light-gray: #f5f5f5;--gray: #cccccc;--dark-gray: #666666;--white: #ffffff;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1)}.btn{display:inline-block;padding:10px 20px;border-radius:var(--border-radius);border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#3a70d0}.btn-secondary{background-color:var(--white);color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background-color:#f0f8ff}.input-field{width:100%;padding:12px 16px;border:1px solid var(--gray);border-radius:var(--border-radius);font-size:16px;transition:border .3s ease}.input-field:focus{outline:none;border-color:var(--primary-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}