*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:Pretendard,-apple-system,sans-serif}a{color:inherit}header{color:#fff;background:#1a1a1a;padding:20px 0}header .inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}header h1{font-size:24px;font-weight:700}header h1 a{color:#fff;text-decoration:none}header h1 span{color:#e74c3c}header nav a{color:#ccc;margin-left:24px;font-size:15px;text-decoration:none}header nav a:hover,header nav .active-nav{color:#fff}footer{color:#888;text-align:center;background:#1a1a1a;padding:24px;font-size:14px}footer .footer-links{margin-top:8px}footer .footer-links a{color:#888;margin:0 8px;font-size:13px;text-decoration:none}footer .footer-links a:hover{color:#fff}