body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0; padding: 20px; background-color: #f8f9fa; color: #333; } .container { max-width: 800px; margin: 0 auto; background: #ffffff; border: 1px solid #e1e4e8; border-radius: 0; padding: 24px; } .header-image { width: 100%; height: auto; display: block; border: 1px solid #d1d5db; border-radius: 0; margin-bottom: 20px; } .title-area { border-bottom: 2px solid #2b2b2b; padding-bottom: 12px; margin-bottom: 20px; } .title { font-size: 24px; font-weight: bold; color: #1a1a1a; margin: 0 0 8px 0; } .badge { display: inline-block; background-color: #fee500; color: #000000; font-weight: bold; font-size: 12px; padding: 4px 8px; border-radius: 0; margin-bottom: 8px; } .section { border: 1px solid #e9ecef; border-radius: 0; padding: 16px; margin-bottom: 20px; background-color: #fff; } .section-title { font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 12px; color: #2c3e50; border-left: 4px solid #fee500; padding-left: 8px; } ul { margin: 0; padding-left: 20px; } li { margin-bottom: 8px; line-height: 1.6; } .iframe-container { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 비율 유지 */ margin-bottom: 20px; border: 1px solid #e1e4e8; border-radius: 0; } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 0; } .footer { margin-top: 30px; padding-top: 16px; border-top: 1px solid #e1e4e8; font-size: 13px; color: #6c757d; } .footer a { color: #0066cc; text-decoration: none; } .footer a:hover { text-decoration: underline; }