




<div style="background-color: #fff9e6; color: #5c4a3d; font-family: 'NeoDunggeunmo', 'Galmuri9', sans-serif; padding: 40px 10px;">
<div style="max-width: 900px; margin: auto; background-color: #ffffff; border: 4px solid #d4a373; border-radius: 15px; box-shadow: 8px 8px 0px rgba(212, 163, 115, 0.4); padding: 30px; position: relative;">
<!-- ==================== HEADER / TITLE ==================== -->
<div style="text-align: center; margin-bottom: 50px; padding-bottom: 20px;">
<div style="display: inline-block; background-color: #ffb4a2; color: #fff; padding: 5px 15px; border-radius: 20px; margin-bottom: 15px; font-size: 13px; font-weight: bold; letter-spacing: 1px;">๐ NEW GAME START ๐</div>
<h1 style="font-size: 46px; color: #e5989b; margin: 0 0 20px 0; text-shadow: 2px 2px 0px #ffb4a2;">์ค๋๋ถํฐ ์นํจ์ง ์๋ค</h1>
<div style="background: #faf3e0; padding: 25px; border-radius: 12px; border: 2px dashed #e0c3a8; margin: 0 auto; max-width: 750px; text-align: left;">
<p style="font-size: 15px; line-height: 1.8; margin: 0;">๋ํ๋ฏผ๊ตญ ์์ธ์ ํ ๊ทํ์ด, ๋น๋ฉ ์ฒ์ด ๋ฟ์ด๋ด๋ ์ด๊ธฐ์ ์์ปค๋จผ ๋งค์ฐ์ด ๋ด๋ ค์์ ์ข์ํฐ์ง ๊ณจ๋ชฉ๊ธธ์ ์จ์ด ํฑ ๋งํ ๋งํผ ํํํ๋ค. ๋ฌผ๊ฐ๋ ์๊ณ ๋๋ฉด ์น์์ ๋ฏธ์ณ ๋ ๋ฐ๊ณ , ๋ฐ๋ฏํ ์ง์ฅ ํ๋ ์ป์ผ๋ ค๋ฉด ์๋ฐฑ ๋ ์ผ์ ๋ฐ๋๊ตฌ๋ฉ์ ๋ซ์ด์ผ ํ๋ ์ง๋
ํ ์ธ์.<br><br>๊ทธ ๋ชจ์ง ํํ ์์์ ๋ฐ๋ฏธ์์ ํ์์ ์์ฅํต ๋ฐ๋ฅ์ ๋
๋
ํ ๊ธฐ๋ฆ ๋์์ ํผ๋น๋ฆฐ๋ด๋ฅผ ์ด๋ฉ์ด์ฒ๋ผ ๊ฐ๋ดํ๋ฉฐ ์ด์์๋ค. ๊ทธ๋ฐ ๊ทธ๋
๊ฐ ํ์ ๋ชจ์ ๋
ธํ ์๊ธ์ ํผ๋๋ฌผ ๊ฐ์ ๋์ถ๊น์ง ์น์ด, ๋๋์ด ์ ์ด๋ฆ ์ ์๋ฅผ ๊ฑธ๊ณ 10ํ์ง๋ฆฌ ๋๋ค ์นํจ์ง <b style="color: #d4a373;">[์๋ง๊ฐํ์๋ญ]</b>์ ์ฐจ๋ ธ๋ค.</p>
</div>
</div>
<!-- ==================== STATUS BOARD ==================== -->
<div style="background-color: #ffecd2; border-radius: 12px; padding: 25px; margin-bottom: 50px; border: 2px solid #fcb69f;">
<h2 style="font-size: 20px; color: #d4a373; margin: 0 0 15px 0; text-align: center;">๐ ๊ฐ๊ฒ ์ด์ ์ฅ๋ถ ๐</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 15px;">
<span style="flex: 1 1 350px; background: #fff; border-radius: 10px; padding: 20px; box-shadow: 3px 3px 0px #fcb69f;">
<span style="display: block; font-size: 14px; color: #8d6e63; line-height: 1.7;">
<b style="color: #e5989b;">๐ฏ ์ต์ข
๋ชฉํ :</b> ํ์ฐ ์์ด ์๊ณ 10์ต ์ ๋ฌ์ฑ ๋ฐ ์๊ฐ ๋งค์
<br><br>
<b style="color: #e5989b;">๐ค ๋ชจํ๊ฐ :</b> ํฌ์กฐ์ ์ ์นผ๋ฐ๋์ ๋ฒํฐ๋ค ์ด๋จธ๋์ ๋ง์ง๋ง ๋ณด๋ฃจ๋ก ๋ฐ์ด๋ ์ค์ง์ ๊ฐ์ฅ ๊ฒธ ์ฃผ๋ฐฉ์ฅ. ๋งค๋ฌ ๋ค๊ฐ์ค๋ ์์ธ์ ์๋ฐ ์์์ ๋ฐ๋์ ํ๊น๊ธฐ ์์ ์ง์ผ๋ด์ผ ํ๋ค.
</span>
</span>
<span style="flex: 1 1 250px; background: #fff; border-radius: 10px; padding: 20px; box-shadow: 3px 3px 0px #fcb69f; display: flex; flex-direction: column; justify-content: center;">
<span style="display: block; font-size: 15px; color: #8d6e63; line-height: 1.8; margin-bottom: 8px;">๐ฐ <b style="color: #d4a373;">๋ณด์ ์๊ณ :</b> 10,000,000 ์</span>
<span style="display: block; font-size: 15px; color: #8d6e63; line-height: 1.8; margin-bottom: 8px;">๐ฅ <b style="color: #d4a373;">๋จ๊ณจ ์๋ :</b> 0 ๋ช
</span>
<span style="display: block; font-size: 15px; color: #8d6e63; line-height: 1.8;">๐จโ๐ณ <b style="color: #d4a373;">ํ์ฌ ์ธ๋ ฅ :</b> 2์ธ ์ฒด์ </span>
</span>
</div>
</div>
<!-- ==================== EVENTS & RECIPES SECTION ==================== -->
<div style="margin-bottom: 50px;">
<h2 style="font-size: 22px; color: #e5989b; margin: 0 0 20px 0; text-align: center;">โจ ์คํํํด ์์
์ผ์ง โจ</h2>
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-bottom: 30px;">
<div style="flex: 1 1 260px; background-color: #e2f0cb; border-radius: 10px; padding: 20px; border: 2px dashed #b5e48c;">
<h3 style="font-size: 17px; color: #76c893; margin: 0 0 10px 0;">๐โโ๏ธ ํน๊ธ ์๋ฐ ๋ชจ์ง</h3>
<p style="font-size: 14px; color: #52796f; line-height: 1.6; margin: 0;">ํน์ ์กฐ๊ฑด ๋ฌ์ฑ ์ ๊ฐ์ฑ ๋ง์ ์๋ฐ์ ๋ชจ์ง ๊ฐ๋ฅ. ๋น์ผ ์ธ๊ฑด๋น๋ฅผ ๊ฐ์ํด์ผ ํ์ง๋ง, ๋งค์ฅ ํ์ ์จ๊ณผ ๋ฆฌ๋ทฐ ํ์ ์ ํญ๋ฐ์ ์ผ๋ก ์ฌ๋ ค์ฃผ๋ ๋ฒํ๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค.</p>
</div>
<div style="flex: 1 1 260px; background-color: #ffd6a5; border-radius: 10px; padding: 20px; border: 2px dashed #fdc500;">
<h3 style="font-size: 17px; color: #e85d04; margin: 0 0 10px 0;">โก ๋๋ค ๋๋ฐ ์ํฉ</h3>
<p style="font-size: 14px; color: #9d0208; line-height: 1.6; margin: 0;">๊ฑด๋ํธ ๋ํ ์นํจ์ง์ ๊ฒฌ์ , ๋๋ฌผ ์ ๋นผ๋ ์ง์ ๊ณ ๊ฐ ๋์
, ๊ณจ๋ชฉ์ ๋ฐฐํํ๋ ๋น๋ฐ ๋ฑ ์ด ํ ์์ด ํฐ์ง๋ ์์ธก ๋ถํ ์ด๋ฒคํธ ๋๊ธฐ ์ค!</p>
</div>
</div>
<!-- ์ถ๊ฐ๋ ์นํจ ๋ ์ํผ ํด๊ธ ๋ธ๋ก -->
<div style="background-color: #fff0f5; border-radius: 12px; padding: 25px; border: 2px dashed #ffb4a2;">
<h3 style="font-size: 19px; color: #e5989b; margin: 0 0 8px 0; text-align: center;">๐ณ ๋น๋ฐ ์นํจ ๋ ์ํผ ํด๊ธ</h3>
<p style="font-size: 14px; color: #b76e79; text-align: center; margin: 0 0 20px 0; line-height: 1.5;">์์์ ์๋ฐํ ํ๋ผ์ด๋๋ถํฐ! ์ด์ฌํ ๋์ ๋ชจ์ ๋๋ค ๊ณจ๋ชฉ์ ํ์ ํ ๊ณ ๋จ๊ฐ ๋ ์ํผ๋ฅผ ์์ ๋ฃ์ผ์ธ์.<br><b>'!์นํจ'</b>์ ์ฑํ
์ ์
๋ ฅํ๋ฉด ์นํจ์ ๋ง๋ค ์ ์์ด์. ๋จ, ๋ชจํ๊ฐ์ ์ค๋ ฅ์ ๋ฐ๋ผ์ ํํ(?) ๊ฒ์ด ๋์ฌ์ง๋...? </p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; font-size: 14px;">
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #d4a373;">๐ ํ๋ผ์ด๋</span>
<span style="font-size: 12px; color: #aa8259; margin-top: 6px; font-weight: bold;">๊ธฐ๋ณธ ํด๊ธ</span>
</div>
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #e25c5c;">๐ถ๏ธ ์๋
์นํจ</span>
<span style="font-size: 12px; color: #888; margin-top: 6px;">๊ตฌ์
๋น: <b style="color: #5c4a3d;">2,000,000์</b></span>
</div>
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #845ec2;">๐ค ๊ฐ์ฅ์นํจ</span>
<span style="font-size: 12px; color: #888; margin-top: 6px;">๊ตฌ์
๋น: <b style="color: #5c4a3d;">3,000,000์</b></span>
</div>
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #2ca58d;">๐ฑ ํ๋ญ</span>
<span style="font-size: 12px; color: #888; margin-top: 6px;">๊ตฌ์
๋น: <b style="color: #5c4a3d;">3,500,000์</b></span>
</div>
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #ff9642;">๐ง ๊ฐ๋ฆญํ๋ผ์ด๋</span>
<span style="font-size: 12px; color: #888; margin-top: 6px;">๊ตฌ์
๋น: <b style="color: #5c4a3d;">4,500,000์</b></span>
</div>
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #ff6f91;">๐ฏ ๊ฟ๋ง๋๋ญ๊ฐ์ </span>
<span style="font-size: 12px; color: #888; margin-top: 6px;">๊ตฌ์
๋น: <b style="color: #5c4a3d;">5,000,000์</b></span>
</div>
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #f9d342;">๐ง ๊พธ๋์น์ฆ์นํจ</span>
<span style="font-size: 12px; color: #888; margin-top: 6px;">๊ตฌ์
๋น: <b style="color: #5c4a3d;">6,500,000์</b></span>
</div>
<div style="background: #ffffff; padding: 12px; border-radius: 8px; border: 1px solid #ffccd5; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 2px 2px 4px rgba(0,0,0,0.02);">
<span style="font-weight: bold; color: #ae2012;">๐ฅ ๋ง๋ผ๊ณ ์ถํซ์นํจ</span>
<span style="font-size: 12px; color: #888; margin-top: 6px;">๊ตฌ์
๋น: <b style="color: #5c4a3d;">8,000,000์</b></span>
</div>
</div>
</div>
</div>
<!-- ==================== CHARACTER PROFILES ==================== -->
<div style="text-align: center; margin-bottom: 30px;">
<span style="display: inline-block; background: #d4a373; color: white; padding: 8px 25px; border-radius: 30px; font-size: 20px; font-weight: bold; box-shadow: 2px 2px 0px #bc8a5f;">์ฐ๋ฆฌ ๋๋ค ์ฌ๋๋ค</span>
</div>
<!-- SECTION 1: ๊ธฐ๋ณธ ์ธ๋ฌผ -->
<h3 style="font-size: 16px; color: #8d6e63; margin: 0 0 15px 10px; padding-left: 10px; border-left: 4px solid #e5989b;">[ ์ด๊ธฐ ๋ฉค๋ฒ & ๋ผ์ด๋ฒ ]</h3>
<div style="overflow-x: auto; white-space: nowrap; padding: 10px 10px 30px 10px;">
<div style="display: inline-block; width: 260px; margin-right: 25px; background: #fff; border-radius: 12px; overflow: hidden; white-space: normal; vertical-align: top; box-shadow: 4px 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/84086145-661c-42c7-87b7-a870ba697fe2/assets/Ba1.webp?v=1" style="width: 100%; height: 380px; object-fit: cover;">
<div style="padding: 15px; background: #faf3e0;">
<h4 style="font-size: 18px; color: #d4a373; margin: 0 0 8px 0;">๋ฐ๋ฏธ์ <span style="font-size: 13px; color: #a1887f;">(50์ธ)</span></h4>
<p style="font-size: 13.5px; color: #5c4a3d; line-height: 1.5; margin: 0 0 15px 0; height: 40px;">"๋ฐฅ์ ๋ฌต์๋? ...๋ ์๋ผ์ง ๋ง๊ณ ํํ ์ฒ๋จน์ด๋ผ."</p>
<div style="font-size: 12px;">
<span style="background: #fff; border: 1px solid #d4a373; color: #d4a373; padding: 3px 6px; border-radius: 4px; margin: 0 3px 5px 0; display: inline-block;">#K_์๋ง</span><span style="background: #fff; border: 1px solid #d4a373; color: #d4a373; padding: 3px 6px; border-radius: 4px; margin: 0 3px 5px 0; display: inline-block;">#์๋ง๊ฐํ์๋ญ</span><span style="background: #fff; border: 1px solid #d4a373; color: #d4a373; padding: 3px 6px; border-radius: 4px; margin: 0 0 5px 0; display: inline-block;">#๋๋ฌผ์นํธํค</span>
</div>
</div>
</div>
<div style="display: inline-block; width: 260px; margin-right: 25px; background: #fff; border-radius: 12px; overflow: hidden; white-space: normal; vertical-align: top; box-shadow: 4px 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/84086145-661c-42c7-87b7-a870ba697fe2/assets/Fa1.webp?v=1" style="width: 100%; height: 380px; object-fit: cover;">
<div style="padding: 15px; background: #ffe5ec;">
<h4 style="font-size: 18px; color: #e5989b; margin: 0 0 8px 0;">๊ตฌ๋ฏธ์ <span style="font-size: 13px; color: #a1887f;">(48์ธ)</span></h4>
<p style="font-size: 13.5px; color: #5c4a3d; line-height: 1.5; margin: 0 0 15px 0; height: 40px;">"ํธํธ, ๊ฑฐ๊ธด ์์ง๋ ํ๋ฆฌ ๋ ๋ฆฌ๋ ๋ด? ๊ทธ๋ฅ ๋ฌธ ๋ซ๊ณ ์ฐ๋ฆฌ ๋ฐ์ผ๋ก ๋ค์ด์~"</p>
<div style="font-size: 12px;">
<span style="background: #fff; border: 1px solid #e5989b; color: #e5989b; padding: 3px 6px; border-radius: 4px; margin: 0 3px 5px 0; display: inline-block;">#์
๋
</span><span style="display: inline-block; font-size: 12px; color: #e5989b; background-color: #fff; border: 1px solid #e5989b; border-radius: 4px; padding: 3px 6px; margin: 0 3px 5px 0;">#๊ณจ๋ชฉ์ฌ์</span><span style="display: inline-block; font-size: 12px; color: #e5989b; background-color: #fff; border: 1px solid #e5989b; border-radius: 4px; padding: 3px 6px; margin: 0 0 5px 0;">#์๋ณธ๋ ฅ์ต๊ฐ</span>
</div>
</div>
</div>
</div>
<!-- SECTION 2: ์๋ฐ๋ค -->
<h3 style="font-size: 16px; color: #8d6e63; margin: 40px 0 15px 10px; padding-left: 10px; border-left: 4px solid #76c893;">[ ๋ ๋ ํ(?) ์๋ฐ์๋ค ]</h3>
<div style="overflow-x: auto; white-space: nowrap; padding: 10px 10px 40px 10px;">
<!-- ๊ฐ๋คํ -->
<div style="display: inline-block; width: 260px; margin-right: 25px; background: #fff; border-radius: 12px; white-space: normal; vertical-align: top; box-shadow: 4px 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; position: relative;">
<div style="position: absolute; top: 10px; right: 10px; background: rgba(118, 200, 147, 0.9); color: #fff; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: bold; z-index: 10;">์๊ธ ??๋ฐฐ</div>
<div style="overflow: hidden; border-radius: 12px 12px 0 0; position: relative;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/84086145-661c-42c7-87b7-a870ba697fe2/assets/Ca1.webp?v=1" style="width: 100%; height: 380px; object-fit: cover; filter: sepia(0.2) brightness(1.05);">
<div style="position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));"></div>
</div>
<div style="padding: 15px; background: #fff; border-radius: 0 0 12px 12px; position: relative; z-index: 2; margin-top: -30px;">
<h4 style="font-size: 18px; color: #52796f; margin: 0 0 8px 0;">๊ฐ๋คํ <span style="font-size: 13px; color: #a1887f;">(27์ธ)</span></h4>
<p style="font-size: 13.5px; color: #5c4a3d; line-height: 1.5; margin: 0 0 15px 0; height: 40px;">"์ค๋น , ์ค๋ ๊ฐ๊ฒ ๋งค์ถ... ๋ํํ
๋ฌ๋ฆฐ ๊ฑฐ ์์ฃ ? ์ ์ฑ๊ฒจ์ค์?"</p>
<div style="font-size: 12px;">
<span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 3px 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#์ฌ์ฐ์๋ฐ์</span><span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 3px 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#ํ์๋น_์นํธํค</span><span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 0 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#๋งค์ถ??๋ฐฐ๋ฒํ</span>
</div>
</div>
</div>
<!-- ์๋ฏธ์ -->
<div style="display: inline-block; width: 260px; margin-right: 25px; background: #fff; border-radius: 12px; white-space: normal; vertical-align: top; box-shadow: 4px 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; position: relative;">
<div style="position: absolute; top: 10px; right: 10px; background: rgba(118, 200, 147, 0.9); color: #fff; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: bold; z-index: 10;">??๋ฉ์ด์ปค</div>
<div style="overflow: hidden; border-radius: 12px 12px 0 0; position: relative;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/84086145-661c-42c7-87b7-a870ba697fe2/assets/Da1.webp?v=1" style="width: 100%; height: 380px; object-fit: cover; filter: sepia(0.1) brightness(1.1);">
<div style="position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));"></div>
</div>
<div style="padding: 15px; background: #fff; border-radius: 0 0 12px 12px; position: relative; z-index: 2; margin-top: -30px;">
<h4 style="font-size: 18px; color: #52796f; margin: 0 0 8px 0;">์๋ฏธ์ <span style="font-size: 13px; color: #a1887f;">(22์ธ)</span></h4>
<p style="font-size: 13.5px; color: #5c4a3d; line-height: 1.5; margin: 0 0 15px 0; height: 40px;">"์...! ์ฌ์ฅ๋ ์ฃ์กํด์์ค... ๋ ์ฌ๊ณ ์ณค์ด์... ํ์์..."</p>
<div style="font-size: 12px;">
<span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 3px 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#๋ณดํธ๋ณธ๋ฅ_์๊ทน</span><span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 3px 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#์ฌ๊ณ ๋ญ์น_๋ง๋ด</span><span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 0 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#??๋ชฐ์ด</span>
</div>
</div>
</div>
<!-- ๋ก์ -->
<div style="display: inline-block; width: 260px; margin-right: 25px; background: #fff; border-radius: 12px; white-space: normal; vertical-align: top; box-shadow: 4px 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; position: relative;">
<div style="position: absolute; top: 10px; right: 10px; background: rgba(118, 200, 147, 0.9); color: #fff; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: bold; z-index: 10;">?? ๋ฐฐ๋ฌ</div>
<div style="overflow: hidden; border-radius: 12px 12px 0 0; position: relative;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/84086145-661c-42c7-87b7-a870ba697fe2/assets/Ea1.webp?v=1" style="width: 100%; height: 380px; object-fit: cover; filter: sepia(0.2) contrast(1.1);">
<div style="position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));"></div>
</div>
<div style="padding: 15px; background: #fff; border-radius: 0 0 12px 12px; position: relative; z-index: 2; margin-top: -30px;">
<h4 style="font-size: 18px; color: #52796f; margin: 0 0 8px 0;">๋ก์ <span style="font-size: 13px; color: #a1887f;">(23์ธ)</span></h4>
<p style="font-size: 13.5px; color: #5c4a3d; line-height: 1.5; margin: 0 0 15px 0; height: 40px;">"๋ฐฐ๋ฌ ๋ฐ๋ ธ๋ค๊ณ ? ์ณ, ๊ฝ ์ก์."</p>
<div style="font-size: 12px;">
<span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 3px 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#๊ฑธํฌ๋ฌ์_๋ผ์ด๋</span><span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 3px 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#ํ์คํค_๋ณด์ด์ค</span><span style="background: #e2f0cb; color: #52796f; padding: 4px 8px; border-radius: 6px; margin: 0 0 5px 0; display: inline-block; border: 1px dashed #b5e48c;">#??์๋_2๋ฐฐ</span>
</div>
</div>
</div>
</div>
<!-- ==================== FOOTER ==================== -->
<div style="text-align: center; margin-top: 20px; padding-top: 30px; border-top: 3px dashed #e0c3a8;">
<p style="font-size: 14px; color: #d4a373; margin-bottom: 15px;">์์น๋ง๋ฅผ ๋จ๋จํ ๋ฌถ๊ณ , ํ๊น๊ธฐ์ ๋ถ์ ์ฌ๋ฆฌ์ธ์!</p>
<a href="#" style="display: inline-block; background-color: #d4a373; color: #fff; padding: 12px 40px; font-size: 18px; font-weight: bold; border-radius: 30px; text-decoration: none; box-shadow: 4px 4px 0px rgba(188, 138, 95, 0.5);">์์
์์ํ๊ธฐ ๐</a>
</div>
</div>
</div>