* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; } body { background-color: #f8f9fa; padding: 2rem; color: #333; } .container { max-width: 1200px; margin: 0 auto; } .section { background: white; padding: 2.5rem; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); } .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 1rem; padding: 1rem; } .service-item { background: #f8f9fa; padding: 1.5rem; border-radius: 8px; border-left: 4px solid #27ae60; transition: all 0.3s ease; display: flex; align-items: center; min-height: 80px; } .service-item:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); background: #fff; } .service-item:before { content: '•'; color: #27ae60; margin-right: 10px; font-size: 1.2em; } .service-item-content { font-size: 1.1em; line-height: 1.4; } @media (max-width: 768px) { .services-grid { grid-template-columns: 1fr; } .service-item { min-height: 60px; } } @media (max-width: 480px) { .section { padding: 1.5rem; } .service-item { padding: 1.25rem; } }