<b>이미지가 아닌 HTML구성 인장입니다! 마음껏 눌러보세요!</b><br />
<!-- 카카오톡 본체 div 틀입니다 --><div data-inven-id="main_kakao" style="display:block">
<div data-inven-id="top_1" style="display:block"><img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16246669336.jpg" width="450"></div>
<div data-inven-id="top_2" style="display:none"><img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16276560980.jpg" width="450"></div>
<div data-inven-id="top_3" style="display:none"><img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16206654932.jpg" width="450"></div>
<div data-inven-id="top_4" style="display:none"><img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16237531670.jpg" width="450"></div>
<!-- 카카오톡 총 4개 탭 버튼을 위한 tab 입니다. --><div data-inven-tabs>
<div data-inven-tab-for="tab_1"
        data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16246843518.jpg)'},'top_1':{'display':'block'},'top_2':{'display':'none'},'top_3':{'display':'none'},'top_4':{'display':'none'}}"
        data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16218467717.jpg)'}}"
        style="border:0px; margin:0px; width:113px; height:60px; padding: 0px; display:inline-block;"></div>
<div data-inven-tab-for="tab_2"
        data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16201751093.jpg)'},'top_1':{'display':'none'},'top_2':{'display':'block'},'top_3':{'display':'none'},'top_4':{'display':'none'}}"
        data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16277744252.jpg)'}}"
        style="border:0px; margin:0px; width:112px; height:60px; padding: 0px; display:inline-block;"></div>
<div data-inven-tab-for="tab_3"
        data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16256603010.jpg)'},'top_1':{'display':'none'},'top_2':{'display':'none'},'top_3':{'display':'block'},'top_4':{'display':'none'}}"
        data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16228798311.jpg)'}}"
        style="border:0px; margin:0px; width:112px; height:60px; padding: 0px; display:inline-block;"></div>
<div data-inven-tab-for="tab_4"
        data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16216618867.jpg)'},'top_1':{'display':'none'},'top_2':{'display':'none'},'top_3':{'display':'none'},'top_4':{'display':'block'}}"
        data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16287476558.jpg)'}}"
        style="border:0px; margin:0px; width:113px; height:60px; padding: 0px; display:inline-block;"></div>
<div style="clear:left"></div>
<!-- 탭 내용 부분 -->
<!-- 본인소개, 친구 프로필 탭 --><div data-inven-tab-id="tab_1" style="display:none; border: 0px; width: 450px; padding: 0px;">
<div data-inven-id="con_1_search" style="display:block; cursor:pointer; width:450px; height:51px; padding:0px; border:0px;"
     data-inven-click-css="{'_SELF_':{'display':'none'},'con_1_search2':{'display':'block'}}">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i14130650352.jpg" width="450"></div>
<!-- 친구검색을 누르면 마격기가 나옵니다 --><div data-inven-id="con_1_search2" style="display:none; border: 0px; width: 450px; padding: 0px;"><br />
<div data-inven-action data-inven-label="마격" style="width:450px; min-height:51px; border:0px; margin:0px; padding:0px;">
<span data-inven-attr-for="label" style="font-weight: bold;"></span>
<span data-inven-attr-for="input" style="height:20px;"></span>
<span data-inven-attr-for="last-attack-10" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>
<span data-inven-attr-for="last-attack-20" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>
<span data-inven-attr-for="last-attack-all" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>
<span data-inven-attr-for="search-profile" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>
<span data-inven-attr-for="action-result" style="border-color: #000000; color: #000000; font-weight: bold;">
</span>
</div>
</div>
<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16256169595.jpg">
<!-- 본인 프로필 --><div style="padding:0px; margin:0px; display:block; background-image:url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16439262642.jpg);">
<div data-inven-click-css="{'main_kakao':{'display':'none'},'ext_mypage':{'display':'block'}}" style="cursor:pointer; padding:0px; margin:0px; display:block; background-image:url(https://upload2.inven.co.kr/upload/2017/01/17/bbs/i13914801295.jpg); width: 450px; height:75px;">
<br /><br /><p align="right"><b>오버워치&네코아츠메 합니다!　　    </b></p></div></div>
<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i14340170088.jpg">
<!-- 친구 프로필 -->
<div data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con1_n1':{'display':'block'}}" style="cursor:pointer; padding:0px; margin:0px; display:block;">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i15673948403.jpg">
</div>
<div data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con1_n2':{'display':'block'}}" style="cursor:pointer; padding:0px; margin:0px; display:block;">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i16442591118.jpg">
</div>
</div>
<!-- 카톡 메시지 탭 --><div data-inven-tab-id="tab_2" style="display:none; border: 0px; width: 450px; padding: 0em;">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i14731962200.jpg">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i15664495582.jpg">
<div data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con2_mydata':{'display':'block'}}">
<img src="https://upload2.inven.co.kr/upload/2017/01/09/bbs/i15782963382.jpg">
</div>
<div data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con2_injang':{'display':'block'}}">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i16475592517.jpg">
</div>
</div>
<!-- 검색 탭 자유롭게 활용하셔도 됩니다 --><div data-inven-tab-id="tab_3" style="display:none; border: 0px; width: 450px; padding: 0em;">
<img src="https://upload2.inven.co.kr/upload/2017/01/09/bbs/i13330776144.jpg">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i15790505079.jpg">
</div>
<!-- 설정 탭 자유롭게 활용하셔도 됩니다 --><div data-inven-tab-id="tab_4" style="display:none; border: 0px; width: 450px; padding: 0em;">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i15701994840.jpg">
</div>
</div>
</div>
<!-- 여기부터는 프로필을 클릭할 때나, 채팅창 등 카카오톡 메인 틀에서 벗어나는 페이지들에 대한 HTML 코드입니다 -->
<!-- 내 프로필을 클릭할 때 뜨는 창 --><div data-inven-id="ext_mypage" style="display:none">
<img src="http://www.randomurl.ze.am/?id=cdbCcu2FT5w" usemap="#ext_mypagemap" />
<map name="ext_mypagemap">
<area shape="rect" coords="4,35,47,79" title="backtomain" data-inven-click-css="{'ext_mypage':{'display':'none'},'main_kakao':{'display':'block'}}">
<area shape="rect" coords="125,624,327,666" title="sendmessage" href="http://www.inven.co.kr/member/note/?act=write&rurl=_close&nick=%EC%8B%9D%ED%96%A5" target="_blank">
<area shape="circle" coords="120,722,40" title="registdate" data-inven-tooltip="수정중">
<area shape="circle" coords="226,723,40" title="lasthitcal" href="http://randomurl.ze.am/inven/lh.php?nick=%EC%8B%9D%ED%96%A5" target="_blank">
<area shape="circle" coords="330,723,40" title="snslink" href="http://www.inven.co.kr/member/inventory/view_inventory.php?nick=%EC%8B%9D%ED%96%A5" target="_blank">
</map>
</div>
<!-- 친구 프로필을 누르면 나오는 창 -->
<div data-inven-id="ext_con1_n1" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i16630363003.jpg" usemap="#ext_con1_n1">
<map name="ext_con1_n1">
<area shape="rect" coords="4,35,47,79" title="backtomain" data-inven-click-css="{'ext_con1_n1':{'display':'none'},'main_kakao':{'display':'block'}}">
</map>
</div>
<div data-inven-id="ext_con1_n2" style="display:none;">
<img src="http://www.randomurl.ze.am/?id=xGG6RAwlQsl" usemap="#ext_con1_n2">
<map name="ext_con1_n2">
<area shape="rect" coords="4,35,47,79" title="backtomain" data-inven-click-css="{'ext_con1_n2':{'display':'none'},'main_kakao':{'display':'block'}}">
</map>
</div>
<!-- 카톡 메시지 창 - 자기소개 -->
<div data-inven-id="ext_con2_mydata" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/01/17/bbs/i16290884364.jpg" usemap="#ext_messmap" />
<map name="ext_messmap">
<area shape="rect" coords="1,32,30,86" title="backtomain" data-inven-click-css="{'ext_con2_movie':{'display':'none'},'main_kakao':{'display':'block'}}">
</map>
<div style="background-image:url('https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15001422533.jpg'); width:450px; min-height:659px;">
<br />
<table border="0px" margin="0px" cellpadding="0">
<tbody>
<tr><td width="245px"></td>
<td>
<div style="border:0px; border-radius:4px; background-color:#FFEB00; width:160px; height:15px; padding:8px; margin:0px; text-align:left;">
<span style="font-weight:bold;">수정해주세요</span></div>
</td></tr>
<tr></tr>
<tr><td></td>
<td>
<div style="border:0px; border-radius:4px; background-color:#FFEB00; width:160px; height:15px; padding:8px; margin:0px; text-align:left;">
<span style="font-weight:bold;">수정해주세요</span></div>
</td></tr></tbody></table>
<br />
</div>
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15028699018.jpg">
</div>
<!-- 카톡 메시지 창 - 받은인장 -->
<div data-inven-id="ext_con2_injang" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15678883603.jpg" usemap="#ext_messmap2" />
<map name="ext_messmap2">
<area shape="rect" coords="1,32,30,86" title="backtomain" data-inven-click-css="{'ext_con2_injang':{'display':'none'},'main_kakao':{'display':'block'}}">
</map>
<div style="background-image:url('https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15001422533.jpg'); width:450px; min-height:659px;">
<br />
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i16402572051.png" width="280">
</div>
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i16437245832.png" width="280">
</div>
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i13832639712.jpg" width="280">
</div>
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i13813132565.jpg" width="280">
</div>
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i13859736511.jpg" width="280">
</div>
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i13845700204.png" width="280">
</div>
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i13435301621.jpg" width="280">
</div>
<div style="border:0px; border-radius:5px; background-color:#FFFFFF; min-width:160px; min-height:15px; max-width:280px; padding:8px; margin:10px; text-align:left;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15728578797.png" width="280">
</div>
<br />
</div>
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15028699018.jpg">
</div>