<div style="width:100%;max-width:600px;margin:0 auto;
font-family:Arial,sans-serif;
background:#f0f2f5;border-radius:10px;overflow:hidden; position:relative;">

<!-- HEADER -->
<div style="
height:250px;
background:url('https://upload3.inven.co.kr/upload/2022/06/28/bbs/i13240957047.jpg?MW=800') center/cover no-repeat;">
</div>

<!-- PROFILE -->
<div style="
display:flex;
align-items:flex-end;
padding:0 20px;
margin-top:-15px;
flex-wrap:wrap;">

<!-- PROFILE IMAGE -->
<div style="
width:120px;height:120px;
border-radius:50%;
overflow:hidden;
border:5px solid #fff;
background:#ddd;
flex-shrink:0;">
<img src="https://upload3.inven.co.kr/upload/2020/12/27/bbs/i15278194758.png?MW=800" style="
width:100%;height:100%;
object-fit:cover;
object-position:center;">
</div>

<!-- PROFILE INFO -->
<div style="
margin-left:20px;
padding-bottom:10px;
flex:1;">

<div style="font-size:24px;font-weight:bold;">
테스트
<svg
width="18"
height="18"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#1877F2"
fill-rule="evenodd"
d="
M12 0
C5.372 0 0 5.372 0 12
C0 18.628 5.372 24 12 24
C18.628 24 24 18.628 24 12
C24 5.372 18.628 0 12 0
Z

M10.2 16.2
L5.8 11.8
L7.5 10.1
L10.2 12.8
L16.5 6.5
L18.2 8.2
Z
"
/>
</svg>


</div>

<div style="font-size:14px;color:#65676b;margin:4px 0 8px;">
Friends <b>77</b> · Following <b>258</b>
</div>

<!-- ACTION BUTTONS -->
<div style="
display:flex;
gap:8px;
flex-wrap:wrap;">

<!-- FOLLOWING -->
<a href="https://www.inven.co.kr/board/webzine/4712" style="
text-decoration:none;
background:#e4e6eb;
color:#050505;
font-size:14px;
font-weight:600;
padding:6px 14px;
border-radius:6px;
display:flex;
align-items:center;
gap:6px;"
target="_blank">
<img src="https://upload3.inven.co.kr/upload/2026/01/20/bbs/i1283209308.png?MW=800" style="width:13px; height:13px;">
<p style="margin-left:1px;">팔로잉</p>
</a>

<!-- MESSAGE -->
<a href="https://www.inven.co.kr/member/note/?act=write&rurl=_close&nick=Artifact" style="
text-decoration:none;
background:#1877f2;
color:#fff;
font-size:14px;
font-weight:600;
padding:6px 14px;
border-radius:6px;
display:flex;
align-items:center;"
target="_blank">
<img src="https://upload3.inven.co.kr/upload/2026/01/20/bbs/i1335546165.png?MW=800" style="width:13px; height:13px;">
<p style="margin-left:5px;">메시지 보내기</p>
</a>
<!-- MORE -->
<div data-inven-toggle="more-options-menu" style="
text-decoration:none;
background:#e4e6eb;
color:#050505;
font-size:18px;
font-weight:bold;
padding:4px 10px;
border-radius:6px;
line-height:1;">
…
</div>
</div>
</div>
</div>

<div data-inven-id="more-options-menu" style="display:none;position:absolute;top:370px;right:30px;width:200px;background-color:white;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:8px 0;">

<a href="https://imart.inven.co.kr/attendance/" target="_BLANK" data-inven-over-css="{'_SELF_':{'backgroundColor':'#F5F5F5'}}" data-inven-out-css="{'_SELF_':{'backgroundColor':'white'}}" style="display:block;padding:12px 20px;color:black;text-decoration:none;font-size:15px;"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#555555" style="margin-right:12px;vertical-align:middle;"><path d="M12 2.59l5.7 5.7-1.41 1.42L13 6.41V16h-2V6.41l-3.3 3.3-1.41-1.42L12 2.59zM21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z"></path></svg>출석체크</a>
<a href="https://imart.inven.co.kr/imarble/" target="_BLANK" data-inven-over-css="{'_SELF_':{'backgroundColor':'#F5F5F5'}}" data-inven-out-css="{'_SELF_':{'backgroundColor':'white'}}" style="display:block;padding:12px 20px;color:black;text-decoration:none;font-size:15px;"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#555555" style="margin-right:12px;vertical-align:middle;"><path d="M12 2.59l5.7 5.7-1.41 1.42L13 6.41V16h-2V6.41l-3.3 3.3-1.41-1.42L12 2.59zM21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z"></path></svg>미니게임</a>
<a href="https://www.inven.co.kr/member/inventory/myblock_write.php" target="_BLANK" data-inven-over-css="{'_SELF_':{'backgroundColor':'#F5F5F5'}}" data-inven-out-css="{'_SELF_':{'backgroundColor':'white'}}" style="display:block;padding:12px 20px;color:black;text-decoration:none;font-size:15px;"><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#555555" style="margin-right:12px;vertical-align:middle;"><path d="M12 3.75c-4.55 0-8.25 3.69-8.25 8.25 0 1.92.66 3.68 1.75 5.08L17.09 5.5C15.68 4.4 13.92 3.75 12 3.75zm6.5 3.17L6.92 18.5c1.4 1.1 3.16 1.75 5.08 1.75 4.56 0 8.25-3.69 8.25-8.25 0-1.92-.65-3.68-1.75-5.08zM1.75 12C1.75 6.34 6.34 1.75 12 1.75S22.25 6.34 22.25 12 17.66 22.25 12 22.25 1.75 17.66 1.75 12z"></path></svg>차단하기</a>
</div>

<!-- POST -->
<div style="
background:#fff;
margin:20px;
border-radius:10px;
padding:15px;">

<!-- POST HEADER -->
<div style="display:flex;align-items:center;">
<div style="
width:40px;height:40px;
border-radius:50%;
overflow:hidden;
background:#ddd;
margin-right:10px;
flex-shrink:0;">
<img src="https://upload3.inven.co.kr/upload/2020/12/27/bbs/i15278194758.png?MW=800" style="
width:100%;height:100%;
object-fit:cover;
object-position:center;">
</div>
<div>
<div style="font-size:14px;font-weight:bold;">테스트
<svg
width="11"
height="11"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#1877F2"
fill-rule="evenodd"
d="
M12 0
C5.372 0 0 5.372 0 12
C0 18.628 5.372 24 12 24
C18.628 24 24 18.628 24 12
C24 5.372 18.628 0 12 0
Z

M10.2 16.2
L5.8 11.8
L7.5 10.1
L10.2 12.8
L16.5 6.5
L18.2 8.2
Z
"
/>
</svg>
</div>
<div style="font-size:12px;color:#65676b;">
방금 · 전체 공개
</div>
</div>
</div>

<!-- CONTENT -->
<div style="margin:10px 0;font-size:15px;">
ChatGPT🤖가 만들어준 인장틀 📸
</div>

<!-- PHOTO GRID -->
<div style="
display:grid;
grid-template-columns:1fr 1fr;
gap:2px;
border-radius:8px;
overflow:hidden;">

<img src="https://upload3.inven.co.kr/upload/2022/11/11/bbs/i14727917055.jpg?MW=800" style="width:100%;height:160px;object-fit:cover;">
<img src="https://upload3.inven.co.kr/upload/2022/11/11/bbs/i15996652778.jpg?MW=800" style="width:100%;height:160px;object-fit:cover;">
<img src="https://upload3.inven.co.kr/upload/2023/04/10/bbs/i15356124066.jpg?MW=800" style="width:100%;height:160px;object-fit:cover;">

<div style="position:relative;">
<img src="https://upload3.inven.co.kr/upload/2023/04/10/bbs/i15321143123.jpg?MW=800" style="width:100%;height:160px;object-fit:cover;">
<div style="
position:absolute;inset:0;
background:rgba(0,0,0,0.6);
color:#fff;
font-size:32px;
font-weight:bold;
display:flex;
height: 160px;
align-items:center;
justify-content:center;">
<a href="https://www.inven.co.kr/board/webzine/4730" style="text-decoration:none;" target="_BLANK">더보기</a>
</div>
</div>
</div>

<!-- COUNTS -->
<div style="
display:flex;
justify-content:space-between;
font-size:13px;
color:#65676b;
margin:10px 0;">
<span>👍 좋아요 128</span>
<span>댓글 32</span>
</div>

<!-- ACTIONS -->
<div style="
display:flex;
justify-content:space-around;
border-top:1px solid #ddd;
padding-top:10px;
font-size:14px;
color:#65676b;">

<div style="display:flex;align-items:center;gap:6px;">
👍 좋아요
</div>
<div style="display:flex;align-items:center;gap:6px;">
💬 댓글
</div>
<div style="display:flex;align-items:center;gap:6px;">
🔗 공유
</div>
</div>

</div>
</div>