2025년 7월 민생지원금 종합 안내

body { font-family: ‘Noto Sans KR’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; line-height: 1.6; color: #333; margin: 0 auto; padding: 20px; background-color: #f9f9f9; } .container { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } h1 { color: #2c5aa0; font-size: 2.2em; text-align: center; margin-bottom: 30px; border-bottom: 3px solid #2c5aa0; padding-bottom: 15px; } h2 { color: #1e3a8a; font-size: 1.5em; margin-top: 40px; margin-bottom: 20px; padding-left: 15px; border-left: 4px solid #3b82f6; } h3 { color: #1f2937; font-size: 1.2em; margin-top: 25px; margin-bottom: 15px; } .highlight-box { background: linear-gradient(135deg, #e3f2fd, #f3e5f5); border: 2px solid #2196f3; border-radius: 10px; padding: 20px; margin: 20px 0; box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2); } .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 20px 0; } .info-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; transition: transform 0.2s; } .info-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .amount-table { width: 100%; border-collapse: collapse; margin: 20px 0; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .amount-table th, .amount-table td { padding: 12px; text-align: left; border-bottom: 1px solid #e2e8f0; } .amount-table th { background: #1e40af; color: white; font-weight: 600; } .amount-table tr:nth-child(even) { background: #f8fafc; } .warning-box { background: #fef2f2; border: 2px solid #f87171; border-radius: 8px; padding: 15px; margin: 20px 0; } .success-box { background: #f0fdf4; border: 2px solid #4ade80; border-radius: 8px; padding: 15px; margin: 20px 0; } .step-container { counter-reset: step-counter; } .step { counter-increment: step-counter; position: relative; padding: 15px 15px 15px 50px; margin: 15px 0; background: #f1f5f9; border-radius: 8px; border-left: 4px solid #3b82f6; } .step::before { content: counter(step-counter); position: absolute; left: 15px; top: 15px; background: #3b82f6; color: white; width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; } .contact-info { background: #f8fafc; border-radius: 8px; padding: 20px; margin: 20px 0; } .faq-item { margin: 15px 0; padding: 15px; background: #f9fafb; border-radius: 8px; border-left: 3px solid #10b981; } .faq-question { font-weight: 600; color: #047857; margin-bottom: 8px; } .emoji { font-size: 1.2em; } @media (max-width: 768px) { .container { padding: 20px; margin: 10px; } h1 { font-size: 1.8em; } .info-grid { grid-template-columns: 1fr; } }