<div style='width:470px; padding:20px; border: 1px solid #d1d1d1; border-radius: 5px; -webkit-text-size-adjust: 100%;'>

<div data-inven-id="execute" style="width:470px; margin-bottom:20px; display:flex; justify-content: space-between; padding-bottom:10px; border-bottom: 1px solid #d1d1d1;">
<div style="padding-top:8px;">
<img src="https://upload2.inven.co.kr/upload/2019/09/12/bbs/i13384908769.png" style="height:30px;">
</div>

<div data-inven-action="" data-inven-nick-default="커플" data-no-tooltip style="border:0px solid black; height:32px; margin-left:5px;">
<span data-inven-attr-for="input" style="width:150px; height:30px; border:1px solid #d1d1d1; font-size:1rem; border-radius:3px; padding-left:5px;"></span>
<span data-inven-attr-for="last-attack-all" data-inven-text="마격" style="margin-left:3px; width:50px; height:30px; border:0px solid black; font-size:1rem; background-color:transparent; color:#575757;"></span>
<span data-inven-attr-for="send-note" style="width:50px; height:30px; border:0px solid black; font-size:1rem; background-color:transparent; color:#575757;"></span>
<span data-inven-attr-for="search-profile" style="width:50px; height:30px; border:0px solid black; font-size:1rem; background-color:transparent; color:#575757;"></span>
</div>

</div>


<div style="width:470px; padding-top:5px;">

<div style="background: linear-gradient(45deg, #faa04e, #c42d91); width:150px; height:150px; border-radius:50%; float:left; display: inline-block;">
<img src="프사주소" style="margin:5px; width:130px; height:130px; border:5px solid white; border-radius:50%; float:left; margin-right:10px;">
</div>
<div style="float:left; display: inline-block; width:310px; text-align:center; font-family:malgun gothic, sans-serif; color:black; font-size:30px; margin-left:10px; margin-bottom:35px;">
아이디 넣는 곳
<img src="https://optimal.inven.co.kr/upload/2019/01/10/bbs/i14187975233.png" style="width:30px; margin-left:5px;">
</div>
<div style="width:100px; font-size:20px; text-align:center; float:left; margin-left:10px;"><span style="font-weight:bold; font-size:22px;">785</span><br><span style="color:#636363;">게시물</span></div>
<div style="width:100px; font-size:20px; text-align:center; float:left;"><span style="font-weight:bold; font-size:22px;">79.6천</span><br><span style="color:#636363;">팔로워</span></div>
<div style="width:100px; font-size:20px; text-align:center; float:left;"><span style="font-weight:bold; font-size:22px;">195</span><br><span style="color:#636363;">팔로잉</span></div>
</div>


<div style="display: inline-block; margin-top:20px; width:480px; font-family:malgun gothic; font-weight:bold; color:black; line-height:25px;">
<p style="font-size:16px;">대충 설명하는 내용</p>
<p style="color:#003569; font-weight:normal; font-size:16px;">@태그걸고싶은사람</p>
</div>

<div data-inven-id="margin" style="margin-top:10px;">
<a href="팔로우링크" style="text-decoration:none;" target="_BLANK">
<div data-inven-id="follow" style="width:470px; padding:5px 0px 5px 0px; display:inline-block; border-radius:5px; background-color:#3997f0; color:white; font-weight:bold; font-size:14px; text-align:center;">
팔로우
</div>
</a>
</div>

<div data-inven-id="align" style="display:flex; margin-top:10px; width:470px; justify-content:space-between;">


<a href="http://imart.inven.co.kr/attendance/" style="text-decoration:none;" target="_BLANK">
<div data-inven-id="att" style="width:138px; padding:4px 0px 4px 0px; display:inline-block; border:1px solid grey; color:black; border-radius:5px; font-size:12px; text-align:center;">
출석체크
</div>
</a>

<a href="http://www.inven.co.kr/member/note/?act=write&rurl=_close&nick=닉네임 넣는 곳" style="text-decoration:none;" target="_BLANK">
<div data-inven-id="msg" style="width:138px; padding:4px 0px 4px 0px; display:inline-block; border:1px solid grey; color:black; border-radius:5px; font-size:12px; text-align:center;">
메시지
</div>
</a>

<a href="http://hs.inven.co.kr/" style="text-decoration:none;" target="_BLANK">
<div data-inven-id="hsi" style="width:138px; padding:4px 0px 4px 0px; display:inline-block; border:1px solid grey; color:black; border-radius:5px; font-size:12px; text-align:center;">
하스스톤 인벤
</div>
</a>

<div data-inven-id="rcd" data-inven-show="recommend,rcd2" data-inven-hide="rcd" style="width:18px; padding:4px 5px 4px 5px; display:inline-block; border:1px solid grey; border-radius:5px; color:grey; font-size:12px; text-align:center;">
▼
</div>

<div data-inven-show="rcd" data-inven-hide="recommend,rcd2" data-inven-id="rcd2" style="width:18px; padding:4px 5px 4px 5px; display:none; border:1px solid grey; border-radius:5px; background-color:#3997f0; color:white; font-size:12px; text-align:center;">
▲
</div>


</div>



<div data-inven-id="recommend" style="margin-top:25px; height:230px; display: none; text-align:left;">
<div style="display: inline-block; margin-left:2px; margin-bottom:7px; width:130px; color:#515151; font-weight:bold; font-family:malgun gothic; font-size:15px;">추천 계정 </div><br>

<div style="display: inline-block; width:145px; height:200px; border:1px solid; border-color:#e6e6e6; border-radius:2px;font-family:malgun gothic; font-size:15px; padding-bottom:5px;">
<center>
<img src="추천프사1" style="margin-top:20px; width:80px; height:80px; border:1px solid; border-color:#e6e6e6; border-radius:80px;">
<br><b>아이디1 </b><img src="https://optimal.inven.co.kr/upload/2019/01/10/bbs/i14187975233.png" style="width:15px;"> <br> 이름1 <br>
<a href="추천링크1" style="text-decoration:none;" target="_BLANK">
<div style="width:90px; padding:3px; margin-top:10px; display:inline-block; border-radius:3px; background-color:#3997f0; color:white; font-weight:bold; font-size:14px; text-align:center;">
팔로우
</div>
</a>
</center>
</div>

<div style="display: inline-block; width:145px; height:200px; border:1px solid; border-color:#e6e6e6; margin-left:6px; border-radius:2px; font-family:malgun gothic; font-size:15px; padding-bottom:5px;">
<center>
<img src="추천프사2" style="margin-top:20px; width:80px; height:80px; border:1px solid; border-color:#e6e6e6; border-radius:80px;">
<br><b>아이디2 </b><img src="https://optimal.inven.co.kr/upload/2019/01/10/bbs/i14187975233.png" style="width:15px;"> <br> 이름2 <br>
<a href="추천링크2" style="text-decoration:none;" target="_BLANK">
<div style="width:90px; padding:3px; margin-top:10px; display:inline-block; border-radius:3px; background-color:#3997f0; color:white; font-weight:bold; font-size:14px; text-align:center;">
팔로우
</div>
</a>
</center>
</div>

<div style="display: inline-block; width:145px; height:200px; border:1px solid; border-color:#e6e6e6; margin-left:6px; border-radius:2px; font-family:malgun gothic; font-size:15px; padding-bottom:5px;">
<center>
<img src="추천프사3" style="margin-top:20px; width:80px; height:80px; border:1px solid; border-color:#e6e6e6; border-radius:80px;">
<br><b>아이디3 </b><img src="https://optimal.inven.co.kr/upload/2019/01/10/bbs/i14187975233.png" style="width:15px;"> <br> 이름3 <br>
<a href="추천링크3" style="text-decoration:none;" target="_BLANK">
<div style="width:90px; padding:3px; margin-top:10px; display:inline-block; border-radius:3px; background-color:#3997f0; color:white; font-weight:bold; font-size:14px; text-align:center;">
팔로우
</div>
</a>
</center>
</div>

</div>


<div data-inven-tabs data-inven-tab-random style="margin-top:20px; text-decoration:none; font-family:dotum; font-size:12px;">

<div style="display:flex; width:470px;">
<div data-inven-tab-for="tab_1" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px;">
<img src="사진1" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_2" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진2" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_3" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진3" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_4" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진4" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_5" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진5" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_6" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px; ">
<img src="사진6" style="width:68px; height:68px; border:1px solid grey;">
</div>
</div>

<div style="display:flex; width:470px; margin-top:10px;">
<div data-inven-tab-for="tab_7" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px;">
<img src="사진7" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_8" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진8" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_9" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진9" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_10" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진10" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_11" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진11" style="width:68px; height:68px; border:1px solid grey;">
</div>
<div data-inven-tab-for="tab_12" 
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.2'}}" 
style="display:inline-block; border-radius:2px; margin-left:10px; ">
<img src="사진12" style="width:68px; height:68px; border:1px solid grey;">
</div>
</div>


<div data-inven-tab-id="tab_1">
<img src="사진1" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_2">
<img src="사진2" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_3">
<img src="사진3" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_4">
<img src="사진4" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_5">
<img src="사진5" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_6">
<img src="사진6" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_7">
<img src="사진7" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_8">
<img src="사진8" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_9">
<img src="사진9" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_10">
<img src="사진10" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_11">
<img src="사진11" style="margin-top:10px; width:470px">
</div>

<div data-inven-tab-id="tab_12">
<img src="사진12" style="margin-top:10px; width:470px">
</div>

</div>


</div>