<div style="max-width: 800px; margin: 0 auto; padding: 20px; font-family: 'Malgun Gothic', '맑은 고딕', sans-serif; line-height: 1.6; color: #333;">
<!-- 헤더 섹션 -->
<div style="text-align: center;background: linear-gradient(135deg, #becaff 0%, #ffffff 100%);color: black;padding: 30px 20px;border-radius: 10px;margin-bottom: 30px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
<h1 style="margin: 0 0 10px 0;font-size: 2.2em;font-weight: bold;color: #000;">▶ 포유소프트</h1>
<p style="font-size: 1.1em;opacity: 0.9;margin: 0;color: #000;">HTML5/H5 웹 미니게임 개발 전문 기업</p>
<div style="margin-top: 15px; font-size: 0.95em; opacity: 0.9; animation: sparkle 2.5s ease-in-out infinite;">
<p style="margin: 5px 0;color: #000;">● 홈페이지: <a href="https://www.fusoft001.com" target="_blank" style="color: white !important;text-decoration: none;display: inline-block;padding: 8px 15px;border: 2px solid rgba(255,255,255,0.3);border-radius: 25px;margin: 5px 10px;transition: all 0.3s ease;background: linear-gradient(45deg, #ffffff, #764ba2);animation: sparkle 2s ease-in-out infinite, colorChange 4s ease-in-out infinite;font-weight: bold;">www.fusoft001.com</a></p>
<p style="margin: 5px 0;color: #000;">▶ 텔레그램: <a href="https://t.me/fusoft001" target="_blank" style="color: white !important; text-decoration: none; display: inline-block; padding: 8px 15px; border: 2px solid rgba(255,255,255,0.3); border-radius: 25px; margin: 5px 10px; transition: all 0.3s ease; background: linear-gradient(45deg, #667eea, #764ba2); animation: sparkle 2s ease-in-out infinite, colorChange 4s ease-in-out infinite; font-weight: bold;">@fusoft001</a></p>
</div>
</div>
<!-- 이미지 배너 -->
<div style="text-align: center; margin: 20px 0;">
<img src="https://wwwimageup.fusoft001.com/other/website/images/image_68084d9f4523e_1745374623.png" alt="포유소프트 배너" style="max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.15);">
</div>
<!-- 소개 섹션 -->
<div style="background: #f8f9fa; padding: 25px; border-radius: 10px; margin-bottom: 30px; border-left: 5px solid #667eea;">
<h2 style="color: #667eea; margin-bottom: 15px; font-size: 1.5em;">▶ 전문 서비스 영역</h2>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="margin-bottom: 10px; padding: 8px 0; border-bottom: 1px solid #e9ecef;">▶ HTML5 웹 미니게임 개발</li>
<li style="margin-bottom: 10px; padding: 8px 0; border-bottom: 1px solid #e9ecef;">▶ 모바일 브라우저 최적화</li>
<li style="margin-bottom: 10px; padding: 8px 0; border-bottom: 1px solid #e9ecef;">▶ 반응형 게임 UI/UX 디자인</li>
<li style="margin-bottom: 10px; padding: 8px 0; border-bottom: 1px solid #e9ecef;">▶ 크로스 플랫폼 호환성</li>
<li style="margin-bottom: 10px; padding: 8px 0; border-bottom: 1px solid #e9ecef;">▶ 게임 성능 최적화</li>
</ul>
</div>
<!-- 게임 카테고리 -->
<div style="margin-bottom: 30px;">
<h2 style="text-align: center; color: #333; margin-bottom: 25px; font-size: 1.8em;">▶ 게임 카테고리</h2>
<table style="width: 100%; margin-bottom: 20px; border-collapse: collapse;">
<tr>
<td style="background: white; padding: 15px; border: 1px solid #ddd; text-align: center; width: 33.33%; vertical-align: top;">
<div style="font-size: 2em; margin-bottom: 8px;">⚡</div>
<h3 style="color: #667eea; margin-bottom: 8px; font-size: 1.1em;">타이머 게임</h3>
<p style="color: #666; font-size: 0.85em; line-height: 1.3;">30초~5분 단위의 빠른 게임플레이</p>
</td>
<td style="background: white; padding: 15px; border: 1px solid #ddd; text-align: center; width: 33.33%; vertical-align: top;">
<div style="font-size: 2em; margin-bottom: 8px;">●</div>
<h3 style="color: #667eea; margin-bottom: 8px; font-size: 1.1em;">캐주얼 게임</h3>
<p style="color: #666; font-size: 0.85em; line-height: 1.3;">누구나 쉽게 즐길 수 있는 게임</p>
</td>
<td style="background: white; padding: 15px; border: 1px solid #ddd; text-align: center; width: 33.33%; vertical-align: top;">
<div style="font-size: 2em; margin-bottom: 8px;">♠</div>
<h3 style="color: #667eea; margin-bottom: 8px; font-size: 1.1em;">카드/보드 게임</h3>
<p style="color: #666; font-size: 0.85em; line-height: 1.3;">전략적 사고가 필요한 게임</p>
</td>
</tr>
<tr>
<td style="background: white; padding: 15px; border: 1px solid #ddd; text-align: center; width: 33.33%; vertical-align: top;">
<div style="font-size: 2em; margin-bottom: 8px;">◆</div>
<h3 style="color: #667eea; margin-bottom: 8px; font-size: 1.1em;">확률형 게임</h3>
<p style="color: #666; font-size: 0.85em; line-height: 1.3;">운과 전략이 결합된 게임</p>
</td>
<td style="background: white; padding: 15px; border: 1px solid #ddd; text-align: center; width: 33.33%; vertical-align: top;">
<div style="font-size: 2em; margin-bottom: 8px;">◎</div>
<h3 style="color: #667eea; margin-bottom: 8px; font-size: 1.1em;">웹3 게임</h3>
<p style="color: #666; font-size: 0.85em; line-height: 1.3;">블록체인 기반 차세대 게임</p>
</td>
<td style="background: white; padding: 15px; border: 1px solid #ddd; text-align: center; width: 33.33%; vertical-align: top;">
<div style="font-size: 2em; margin-bottom: 8px;">▶</div>
<h3 style="color: #667eea; margin-bottom: 8px; font-size: 1.1em;">맞춤형 개발</h3>
<p style="color: #666; font-size: 0.85em; line-height: 1.3;">고객 요구사항에 맞춘 게임</p>
</td>
</tr>
</table>
</div>
<!-- 키워드 섹션 -->
<div style="background: #f8f9fa; padding: 25px; border-radius: 10px; margin-bottom: 30px;">
<h2 style="color: #333; margin-bottom: 20px; text-align: center; font-size: 1.8em;">키워드</h2>
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">HTML5 게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">웹 미니게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">H5 게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">브라우저 게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">모바일 게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">캐주얼 게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">타이머 게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">카드게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">확률게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">웹3 게임</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">게임 개발</div>
<div style="display: inline-block; background: #4a90e2; color: white; padding: 6px 12px; border: 2px solid #4a90e2; font-size: 0.9em; font-weight: bold; margin: 3px;">포유소프트</div>
</div>
<h3 style="color: #333; margin-bottom: 15px; font-size: 1.3em;">게임 장르 분류표</h3>
<table style="width: 100%; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
<thead>
<tr style="background: linear-gradient(135deg, #667eea, #764ba2); color: white;">
<th style="padding: 15px; text-align: left; font-weight: 600; color: #fff;">원문 키워드</th>
<th style="padding: 15px; text-align: left; font-weight: 600; color: #fff;">표준 장르명</th>
<th style="padding: 15px; text-align: left; font-weight: 600; color: #fff;">분류</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #e9ecef;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">HTML5GAME/H5게임 개발</td>
<td style="padding: 12px 15px; color: #666;">H5 웹게임 개발</td>
<td style="padding: 12px 15px; color: #666;">공통</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef; background: #f8f9fa;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">30초/1분/2분/3분/5분</td>
<td style="padding: 12px 15px; color: #666;">타이머형 미니게임</td>
<td style="padding: 12px 15px; color: #666;">캐주얼</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">슈팅</td>
<td style="padding: 12px 15px; color: #666;">슈팅</td>
<td style="padding: 12px 15px; color: #666;">캐주얼</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef; background: #f8f9fa;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">레이싱</td>
<td style="padding: 12px 15px; color: #666;">레이싱</td>
<td style="padding: 12px 15px; color: #666;">캐주얼</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">뽑기</td>
<td style="padding: 12px 15px; color: #666;">뽑기/룰렛형</td>
<td style="padding: 12px 15px; color: #666;">확률형</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef; background: #f8f9fa;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">카드게임</td>
<td style="padding: 12px 15px; color: #666;">카드게임</td>
<td style="padding: 12px 15px; color: #666;">카드/보드</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">포커/홀덤/바카라</td>
<td style="padding: 12px 15px; color: #666;">포커·홀덤·바카라</td>
<td style="padding: 12px 15px; color: #666;">카드/보드</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef; background: #f8f9fa;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">하이로</td>
<td style="padding: 12px 15px; color: #666;">High-Low</td>
<td style="padding: 12px 15px; color: #666;">카드/보드</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">사다리/파워볼</td>
<td style="padding: 12px 15px; color: #666;">사다리·파워볼</td>
<td style="padding: 12px 15px; color: #666;">확률/베팅형</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef; background: #f8f9fa;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">주사위/홀짝/언더오버</td>
<td style="padding: 12px 15px; color: #666;">주사위·홀짝·Over/Under</td>
<td style="padding: 12px 15px; color: #666;">확률/베팅형</td>
</tr>
<tr style="border-bottom: 1px solid #e9ecef;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">Hashgame</td>
<td style="padding: 12px 15px; color: #666;">해시 게임(Provably Fair)</td>
<td style="padding: 12px 15px; color: #666;">웹3</td>
</tr>
<tr style="background: #f8f9fa;">
<td style="padding: 12px 15px; font-weight: 500; color: #333;">Tokengame</td>
<td style="padding: 12px 15px; color: #666;">토큰 게임</td>
<td style="padding: 12px 15px; color: #666;">웹3</td>
</tr>
</tbody>
</table>
</div>
<!-- 연락처 섹션 -->
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 10px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
<h2 style="margin-bottom: 20px; font-size: 1.8em; color: #fff;">문의하기</h2>
<p style="margin-bottom: 20px; font-size: 1.1em; opacity: 0.9; color: #fff;">HTML5/H5 웹 미니게임 개발이 필요하시다면 <span style="background: rgba(255,255,255,0.2); padding: 2px 8px; border-radius: 4px; font-weight: bold; color: #fff;">언제든지 연락주세요!</span></p>
<div style="text-align: center; margin-top: 20px; overflow: hidden;">
<div style="background: rgba(255,255,255,0.1); padding: 15px 20px; border-radius: 8px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); display: inline-block; margin: 10px; vertical-align: top;">
<p style="margin: 0; font-size: 0.9em; opacity: 0.8; color: #fff;">홈페이지</p>
<a href="https://www.fusoft001.com" target="_blank" style="color: white; text-decoration: none; font-weight: bold; font-size: 1.1em;">www.fusoft001.com</a>
</div>
<div style="background: rgba(255,255,255,0.1); padding: 15px 20px; border-radius: 8px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); display: inline-block; margin: 10px; vertical-align: top;">
<p style="margin: 0; font-size: 0.9em; opacity: 0.8; color: #fff;">텔레그램</p>
<a href="https://t.me/fusoft001" target="_blank" style="color: white; text-decoration: none; font-weight: bold; font-size: 1.1em;">@fusoft001</a>
</div>
</div>
<p style="margin-top: 20px; font-weight: bold; color: #fff;">포유소프트와 함께 성공적인 게임 서비스를 만들어보세요.</p>
</div>
</div>
