1. ¼öÁ¤ÇÑ ¹æ¸í·Ï ºÎºÐ »ðÀÔ ÄÚµå

<div class="emoticonborder">
<div class="emoticonspace"><img src="./images/bbcode-left.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[b]','[/b]');return false;" title="ÁøÇÏ°Ô" class="rollover">
<img class="rollover" src="./images/bbcode-01.gif" align="texttop" class="rollover">
<img src="./images/bbcode-01b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[i]','[/i]');return false;" title="±â¿ïÀÓ" class="rollover">
<img class="rollover" src="./images/bbcode-02.gif" align="texttop" class="rollover">
<img src="./images/bbcode-02b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[u]','[/u]');return false;" title="¹ØÁÙ" class="rollover">
<img class="rollover" src="./images/bbcode-03.gif" align="texttop" class="rollover">
<img src="./images/bbcode-03b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div> 
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[color=white]','[/color]');return false;" title="±ÛÀÚ»ö" class="rollover">
<img class="rollover" src="./images/bbcode-04.gif" align="texttop" class="rollover">
<img src="./images/bbcode-04b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[quote]','[/quote]');return false;" title="Àοë" class="rollover">
<img class="rollover" src="./images/bbcode-05.gif" align="texttop" class="rollover">
<img src="./images/bbcode-05b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[img]','[/img]');return false;" title="±×¸² ³Ö±â" class="rollover">
<img class="rollover" src="./images/bbcode-06.gif" align="texttop" class="rollover">
<img src="./images/bbcode-06b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[ur=http://]','[/ur]');return false;" title="ÇÏÀÌÆÛ¸µÅ©" class="rollover">
<img class="rollover" src="./images/bbcode-07.gif" align="texttop" class="rollover">
<img src="./images/bbcode-07b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('[##_guest_input_comment_##]','[embed=ÁÖ¼Ò Æø ³ÐÀÌ]','[/img]');return false;" title="¿µ»ó ³Ö±â" class="rollover">
<img class="rollover" src="./images/bbcode-08.gif" align="texttop" class="rollover">
<img src="./images/bbcode-08b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-right.gif"></div>
<div class="emoticonspace"><img src="./images/bbcode-left.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', ':)');return false;" title=":)" class="rollover">
<img class="rollover" src="./images/bbcode-09.gif">
<img src="./images/bbcode-09b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', ';)');return false;" title=";)" class="rollover">
<img class="rollover" src="./images/bbcode-10.gif">
<img src="./images/bbcode-10b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', ':P');return false;" title=":P" class="rollover">
<img class="rollover" src="./images/bbcode-11.gif">
<img src="./images/bbcode-11b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', '8D');return false;" title="8D" class="rollover">
<img class="rollover" src="./images/bbcode-12.gif">
<img src="./images/bbcode-12b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', ':(');return false;" title=":(" class="rollover">
<img class="rollover" src="./images/bbcode-13.gif">
<img src="./images/bbcode-13b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', '--;');return false;" title="--;" class="rollover">
<img class="rollover" src="./images/bbcode-14.gif">
<img src="./images/bbcode-14b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', ':D');return false;" title=":D" class="rollover">
<img class="rollover" src="./images/bbcode-15.gif">
<img src="./images/bbcode-15b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', ':O');return false;" title=":O" class="rollover">
<img class="rollover" src="./images/bbcode-16.gif">
<img src="./images/bbcode-16b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('[##_guest_input_comment_##]', '', ':x');return false;" title=":x" class="rollover">
<img class="rollover" src="./images/bbcode-17.gif">
<img src="./images/bbcode-17b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-right.gif"></div>
<div class="emoticonusage">
<a href="#" onClick="bbcodeintro();return false;" title="BBCode »ç¿ë¹ý" class="rollover">
<strong>BBCode »ç¿ë¹ý</strong></a></span></div>
</div>



2. ¼öÁ¤ÇÑ ´ñ±Û ºÎºÐ »ðÀÔ ÄÚµå

<div class="emoticonborder">
<div class="emoticonspace"><img src="./images/bbcode-left.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[b]','[/b]');return false;" title="ÁøÇÏ°Ô" class="rollover">
<img class="rollover" src="./images/bbcode-01.gif" align="texttop" class="rollover">
<img src="./images/bbcode-01b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[i]','[/i]');return false;" title="±â¿ïÀÓ" class="rollover">
<img class="rollover" src="./images/bbcode-02.gif" align="texttop" class="rollover">
<img src="./images/bbcode-02b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[u]','[/u]');return false;" title="¹ØÁÙ" class="rollover">
<img class="rollover" src="./images/bbcode-03.gif" align="texttop" class="rollover">
<img src="./images/bbcode-03b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div> 
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[color=white]','[/color]');return false;" title="±ÛÀÚ»ö" class="rollover">
<img class="rollover" src="./images/bbcode-04.gif" align="texttop" class="rollover">
<img src="./images/bbcode-04b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[quote]','[/quote]');return false;" title="Àοë" class="rollover">
<img class="rollover" src="./images/bbcode-05.gif" align="texttop" class="rollover">
<img src="./images/bbcode-05b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[img]','[/img]');return false;" title="±×¸² ³Ö±â" class="rollover">
<img class="rollover" src="./images/bbcode-06.gif" align="texttop" class="rollover">
<img src="./images/bbcode-06b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[ur=http://]','[/ur]');return false;" title="ÇÏÀÌÆÛ¸µÅ©" class="rollover">
<img class="rollover" src="./images/bbcode-07.gif" align="texttop" class="rollover">
<img src="./images/bbcode-07b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onclick="insertAtCursor('comment_[##_article_rep_id_##]','[embed=ÁÖ¼Ò Æø ³ÐÀÌ]','[/img]');return false;" title="¿µ»ó ³Ö±â" class="rollover">
<img class="rollover" src="./images/bbcode-08.gif" align="texttop" class="rollover">
<img src="./images/bbcode-08b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-right.gif"></div>
<div class="emoticonspace"><img src="./images/bbcode-left.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', ':)');return false;" title=":)" class="rollover">
<img class="rollover" src="./images/bbcode-09.gif">
<img src="./images/bbcode-09b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', ';)');return false;" title=";)" class="rollover">
<img class="rollover" src="./images/bbcode-10.gif">
<img src="./images/bbcode-10b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', ':P');return false;" title=":P" class="rollover">
<img class="rollover" src="./images/bbcode-11.gif">
<img src="./images/bbcode-11b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', '8D');return false;" title="8D" class="rollover">
<img class="rollover" src="./images/bbcode-12.gif">
<img src="./images/bbcode-12b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', ':(');return false;" title=":(" class="rollover">
<img class="rollover" src="./images/bbcode-13.gif">
<img src="./images/bbcode-13b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', '--;');return false;" title="--;" class="rollover">
<img class="rollover" src="./images/bbcode-14.gif">
<img src="./images/bbcode-14b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', ':D');return false;" title=":D" class="rollover">
<img class="rollover" src="./images/bbcode-15.gif">
<img src="./images/bbcode-15b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', ':O');return false;" title=":O" class="rollover">
<img class="rollover" src="./images/bbcode-16.gif">
<img src="./images/bbcode-16b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-border.gif"></div>
<div class="emoticons">
<a href="#" onClick="insertAtCursor('comment_[##_article_rep_id_##]', '', ':x');return false;" title=":x" class="rollover">
<img class="rollover" src="./images/bbcode-17.gif">
<img src="./images/bbcode-17b.gif"></a></div>
<div class="emoticonspace"><img src="./images/bbcode-right.gif"></div>
<div class="emoticonusage">
<a href="#" onClick="bbcodeintro();return false;" title="BBCode »ç¿ë¹ý" class="rollover">
<strong>BBCode »ç¿ë¹ý</strong></a></span></div>
</div>