<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>노래 맞추기 빙고</title>
<style>
@page {
size: A4;
margin: 20mm;
background-color: #fdfdfd;
}
body {
font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
text-align: center;
background-color: #fdfdfd;
color: #333;
margin: 0;
padding: 20px;
}
.header {
margin-bottom: 30px;
}
h1 {
font-size: 28pt;
color: #2c3e50;
margin-bottom: 10px;
border-bottom: 3px solid #3498db;
display: inline-block;
padding-bottom: 5px;
}
p {
font-size: 12pt;
color: #7f8c8d;
}
.bingo-board {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0;
width: 100%;
max-width: 700px;
margin: 0 auto;
border: 2px solid #2c3e50;
}
.cell {
aspect-ratio: 1 / 1;
border: 1px solid #bdc3c7;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
font-size: 10pt;
font-weight: bold;
word-break: keep-all;
background-color: white;
}
.free {
background-color: #ecf0f1;
color: #e74c3c;
font-size: 14pt;
}
.footer {
margin-top: 30px;
font-size: 10pt;
color: #95a5a6;
}
</style>
</head>
<body>
<div class="header">
<h1>🎵 노래 맞추기 빙고 🎵</h1>
<p>아는 노래가 나오면 칸을 채워보세요! 5줄을 완성하면 빙고!</p>
</div>
<div class="bingo-board">
<div class="cell">아이브 - Love Dive</div>
<div class="cell">아이유 - 밤편지</div>
<div class="cell">BTS - Dynamite</div>
<div class="cell">AKMU - 어떻게 이별까지 사랑하겠어</div>
<div class="cell">조용필 - 바운스</div>
<div class="cell">폴킴 - 모든 날, 모든 순간</div>
<div class="cell">블랙핑크 - How You Like That</div>
<div class="cell">지코 - 아무노래</div>
<div class="cell">빅뱅 - 봄여름가을겨울</div>
<div class="cell">데이식스 - 한 페이지가 될 수 있게</div>
<div class="cell">태연 - 사계</div>
<div class="cell">트와이스 - Cheer Up</div>
<div class="cell free">FREE (중앙)</div>
<div class="cell">임영웅 - 사랑은 늘 도망가</div>
<div class="cell">에스파 - Next Level</div>
<div class="cell">레드벨벳 - 빨간 맛</div>
<div class="cell">르세라핌 - Antifragile</div>
<div class="cell">잔나비 - 주저하는 연인들을 위해</div>
<div class="cell">이무진 - 신호등</div>
<div class="cell">윤하 - 사건의 지평선</div>
<div class="cell">성시경 - 거리에서</div>
<div class="cell">싸이 - 강남스타일</div>
<div class="cell">뉴진스 - Hype Boy</div>
<div class="cell">볼빨간사춘기 - 우주를 줄게</div>
<div class="cell">멜로망스 - 취중고백</div>
</div>
<div class="footer">
<p>선정된 곡들은 대중적으로 유명한 K-POP 및 인기 가요입니다.</p>
</div>
</body>
</html>