Comzil.com 블로그 스킨


스킨에서..
일단..
아래 스킨을 선택합니다.  스킨선택에서
2단형보기 - 2번 페이지의 "IS BASE " 입니다.

제목 IS BASE(사용자 수정/업로드) ver.0.33(사용자 수정/업로드)
저작권 하단 저작자 표기를 유지하는 범위에서 수정 사용 및 재배포 가능합니다.
만든이 iendev
홈페이지 http://iscubix.com
설명 텍스트 중심의 2단 레이아웃 스킨입니다. 블로그 이미지는 170px, 컨텐츠는 500px에 최적화되어 있습니다. 부가 기능에 대해서는 제작자 블로그의 해당 글을 참조하여 주시기 바랍니다.





skin.html
-------------------------------------------------


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="컴질스토리" href="https://comzil.tistory.com/rss" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="stylesheet" media="print" type="text/css" href="./images/print.css" />
<link rel="shortcut icon" href="https://comzil.com/favicon.ico" />

<title>컴질스토리 :: Comzil.com 블로그 스킨</title>




<script language="javascript" src="./images/is_base.js"></script>
<script language="javascript">
 var is_skinURL = "./"; // Skin Location
/* *************************************************
[ 사이드바 아이템 내용 보여주기 여부 설정 ]
아래 각 변수에 0 또는 1을 설정하여 주시기 바랍니다.
0 - 내용 숨기기. 아이템 타이틀 클릭시 보여집니다.
1 - 내용 보여주기. 아이템 타이틀 클릭시 숨겨집니다.
아이템 자체의 보여주기 여부는 태터 관리자
페이지에서 설정 가능합니다.
**************************************************** */
 
 var f_cat_div = 1; // Category
 var f_as_div = 1; // Archive & Search
 var f_rct_article_div = 1; // Recent Article
 var f_calendar_box = 1; // Calendar
 var f_tag_div = 1; // Tag
 var f_rct_comment_div = 1;  // Recent Comment
 var f_rct_tb_div = 1; // Trackback
 var f_link_div = 1; // Link
 var f_cnt_div = 1; // Counter

/* ************************************************* */
</script>





</head>

<body id="tt-body-page" onload="init_side_detail();">
<a name="top"></a>
<s_t3>


 <div id="container">
 
  <div id="header">  
    <div class="header_wrap">
     <div class="blogTitle"><a href="https://comzil.com/">컴질스토리</a></div>
     <div class="blogMenu">
      <ul>
       <!-- 블로그 사용 환경에 맞게 아래 주석으로 처리된 메뉴를 활성화 시키시기 바랍니다. -->
       
                                                               

<li class="tab_blog"><a href="https://comzil.com/">BLOG</a></li>

<li class="tab_ceo1"><STRONG><FONT color=#0000ff><A href="http://www.ceo1.kr" target=_blank><STRONG><FONT color=#0000ff>CEO1</FONT></STRONG></A></FONT></STRONG></li>

<li class="tab_ceo1ad"><STRONG><FONT color=#0000ff><A href="http://www.ceo1ad.com/doit" target=_blank><STRONG><FONT color=#0000ff>CEO1AD</FONT></STRONG></A></FONT></STRONG></li>


       <li class="tab_tag"><a href="https://comzil.tistory.com/tag">TAG</a></li>
       <li class="tab_media"><a href="https://comzil.com/media">MEDIA</a></li>
       <li class="tab_loc"><a href="https://comzil.tistory.com/location">LOCATION</a></li>
       <!--<li class="tab_key"><a href="https://comzil.tistory.com/keylog">KEYLOG</a></li>-->
       <li class="tab_guest"><a href="https://comzil.tistory.com/guestbook">GUESTBOOK</a></li>

     
      </ul>
     </div>
    </div>  
  </div>

  <!-- header close -->


  <div id="content">
 
 
   <!-- 키워드 -->
   <s_keyword>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>  
    <div class="keylog">
     <h3>KEYLOG</h3>
      <ul>
       <s_keyword_date_rep><s_keyword_rep>
        <a href="javascript:;" onclick=""></a>
       </s_keyword_rep></s_keyword_date_rep>
      </ul>
      <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </s_keyword>

   <!-- 글 검색 목록 -->
   <s_list>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>    
    <div class="searchList">
      <h3>BLOG ARTICLE <span class="kw"></span><span class="count"> | ARTICLE FOUND</span></h3>
      <ol>
       <s_list_rep>
        <li>
         <span class="date"></span>
         <a href=""></a>
         <span class="cnt"></span>
        </li>
       </s_list_rep>
      </ol>
      <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_list>
   
   <!-- 댓글 검색 목록 -->
   <s_rplist>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="searchRplist">

     <h3>COMMENT <span class="kw"></span> <span class="count">| COMMENT FOUND</span></h3>
     <ol>
      <s_rplist_rep>
       <li>
        <span class="date"></span>
        <a href=""></a>
        <span class="cnt"></span>
        <span class="name"></span>
       </li>
      </s_rplist_rep>
     </ol>
     <br/>    
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_rplist>

   <s_local>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="localog">
     <h3>LOCATION</h3>
     <s_local_spot_rep>
      <div class="spot" style="margin-left: px">
       
      </div>
     </s_local_spot_rep>
     <s_local_info_rep>
      <div class="info" style="margin-left: px">
       <a href=""></a>
      </div>
     </s_local_info_rep>
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </s_local>

   <s_tag>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="taglog">
     <h3>TAG</h3>
     <ul>
      <s_tag_rep>
       <li>
        <a href="" class=""></a>
       </li>
      </s_tag_rep>
     </ul>
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </s_tag>

   <s_guest>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="guestbook">
     <h3>GUESTBOOK</h3>
     <s_guest_input_form>
      <div class="guestWrite">
       <s_guest_member>
        <s_guest_form>
         <div class="input_writer">
          <input type="text" name="" value="" /> <input type="password" maxlength="8" name="" value="" /> <input type="text" name="" value="" class="homepage" />
         </div>
        </s_guest_form>
       </s_guest_member>
       <textarea name="" cols="50" rows="6"></textarea><br/>
       <input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
      </div><!-- guestWrite close -->
     </s_guest_input_form>
     <s_guest_container>
      <div class="guestList">
       <ol>
        <s_guest_rep>
         <li id="">
          <div class="">
           <span class="name"></span>
           <span class="date"> </span>
           <span class="control">
            <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
            <a href="#" onclick="" class="write">&nbsp;<span>댓글쓰기</span></a>
           </span>
           <p></p>
          </div>
          <s_guest_reply_container>
           <ul>
            <s_guest_reply_rep>
             <li id="">
              <div class="">
               <span class="name"></span>
               <span class="date"> </span>
               <span class="control">
                <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
               </span>
               <p></p>
              </div>
             </li>
            </s_guest_reply_rep>
           </ul>
          </s_guest_reply_container>
         </li>
        </s_guest_rep>
       </ol>
      </div><!-- guestList close -->
     </s_guest_container>
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
    <!-- guestbook close -->
   </s_guest>

   <!-- NOTICE -->
   <s_notice_rep>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="entryNotice">

     <div class="titleWrap">
       <h2><a href="/351"></a></h2>
       <span class="category_notice">NOTICE </span>
       <span class="date"></span>      
     </div><!-- titleWrap close -->    
   
     <div class="article">

     
     </div>
     <div class="actionTrail" style="padding-bottom:35px;">
      <div class="tbcm">      
      </div>
      <div class="goup" ><a href="#"><img src="./images/subup.gif"></a></div>    
     </div>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_notice_rep>
   
   <!-- MEDIA -->
   <s_media>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="medialog">
     <h3>MEDIA</h3>
     <div class="media_div">
      <br/>
     </div>
     
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>    
    </s_media>
 
   <!-- PROTECTED ARTICLE -->
   <s_article_protected>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>  
    <div class="entryProtected">
     <div class="titleWrap">
      <h2><a href="/351">Comzil.com 블로그 스킨</a></h2>
      <span class="date">2008. 10. 20. 21:27</span>
     </div>
      <div class="protected_box">    
       <div class="text">
        <p>PROTECTED ARTICLE. TYPE THE PASSWORD.</p>
        <p><input id="entry351password" name="entry351password" type="password" maxlength="16" onkeydown="if (event.keyCode == 13) {reloadEntry(351);return false;}" /> <input type="button" class="submit" value="SUBMIT" onclick="{reloadEntry(351);return false;}" /></p>
       </div>    
      </div>
      <div class="box_hblank2"></div>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_article_protected>

   <!-- ARTICLE -->
   <s_article_rep>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="entry">
      <div class="titleWrap">
       <h2><a href="/351">Comzil.com 블로그 스킨</a></h2>
       <span class="category"><a href="/category/Internet%20">Internet </a> </span>
       <span class="date">2008. 10. 20. 21:27</span>
       <s_ad_div>
        <div class="admin">
         <a href="">EDIT</a> |
         <a href="#" onclick="">EIDT(WIN)</a> |
         ()→<a href="#" onclick=""></a> |
         <a href="#" onclick="">TRACKBACK</a> |
         <a href="#" onclick="">DELETE</a>
        </div>
       </s_ad_div>
 
<br>
<center><iframe src='http://hycu.com.ne.kr/banner/ceo1.htm' width=600 height=75 frameborder=0 scrolling=no topmargin=0
leftmargin=0></iframe></center>
상단 랜덤배너 소스
<br>

<hr size="1" noshade color="#CCCCCC">




      </div><!-- titleWrap close -->


      <div class="article" style="font:10pt/150% 웹정10;">
                                                      


     


스킨에서..
일단..
아래 스킨을 선택합니다.  스킨선택에서
2단형보기 - 2번 페이지의 "IS BASE " 입니다.

제목 IS BASE(사용자 수정/업로드) ver.0.33(사용자 수정/업로드)
저작권 하단 저작자 표기를 유지하는 범위에서 수정 사용 및 재배포 가능합니다.
만든이 iendev
홈페이지 http://iscubix.com
설명 텍스트 중심의 2단 레이아웃 스킨입니다. 블로그 이미지는 170px, 컨텐츠는 500px에 최적화되어 있습니다. 부가 기능에 대해서는 제작자 블로그의 해당 글을 참조하여 주시기 바랍니다.





skin.html
-------------------------------------------------


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="컴질스토리" href="https://comzil.tistory.com/rss" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="stylesheet" media="print" type="text/css" href="./images/print.css" />
<link rel="shortcut icon" href="https://comzil.com/favicon.ico" />

<title>컴질스토리 :: Comzil.com 블로그 스킨</title>




<script language="javascript" src="./images/is_base.js"></script>
<script language="javascript">
 var is_skinURL = "./"; // Skin Location
/* *************************************************
[ 사이드바 아이템 내용 보여주기 여부 설정 ]
아래 각 변수에 0 또는 1을 설정하여 주시기 바랍니다.
0 - 내용 숨기기. 아이템 타이틀 클릭시 보여집니다.
1 - 내용 보여주기. 아이템 타이틀 클릭시 숨겨집니다.
아이템 자체의 보여주기 여부는 태터 관리자
페이지에서 설정 가능합니다.
**************************************************** */
 
 var f_cat_div = 1; // Category
 var f_as_div = 1; // Archive & Search
 var f_rct_article_div = 1; // Recent Article
 var f_calendar_box = 1; // Calendar
 var f_tag_div = 1; // Tag
 var f_rct_comment_div = 1;  // Recent Comment
 var f_rct_tb_div = 1; // Trackback
 var f_link_div = 1; // Link
 var f_cnt_div = 1; // Counter

/* ************************************************* */
</script>





</head>

<body id="tt-body-page" onload="init_side_detail();">
<a name="top"></a>
<s_t3>


 <div id="container">
 
  <div id="header">  
    <div class="header_wrap">
     <div class="blogTitle"><a href="https://comzil.com/">컴질스토리</a></div>
     <div class="blogMenu">
      <ul>
       <!-- 블로그 사용 환경에 맞게 아래 주석으로 처리된 메뉴를 활성화 시키시기 바랍니다. -->
       
                                                               

<li class="tab_blog"><a href="https://comzil.com/">BLOG</a></li>

<li class="tab_ceo1"><STRONG><FONT color=#0000ff><A href="http://www.ceo1.kr" target=_blank><STRONG><FONT color=#0000ff>CEO1</FONT></STRONG></A></FONT></STRONG></li>

<li class="tab_ceo1ad"><STRONG><FONT color=#0000ff><A href="http://www.ceo1ad.com/doit" target=_blank><STRONG><FONT color=#0000ff>CEO1AD</FONT></STRONG></A></FONT></STRONG></li>


       <li class="tab_tag"><a href="https://comzil.tistory.com/tag">TAG</a></li>
       <li class="tab_media"><a href="https://comzil.com/media">MEDIA</a></li>
       <li class="tab_loc"><a href="https://comzil.tistory.com/location">LOCATION</a></li>
       <!--<li class="tab_key"><a href="https://comzil.tistory.com/keylog">KEYLOG</a></li>-->
       <li class="tab_guest"><a href="https://comzil.tistory.com/guestbook">GUESTBOOK</a></li>

     
      </ul>
     </div>
    </div>  
  </div>

  <!-- header close -->


  <div id="content">
 
 
   <!-- 키워드 -->
   <s_keyword>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>  
    <div class="keylog">
     <h3>KEYLOG</h3>
      <ul>
       <s_keyword_date_rep><s_keyword_rep>
        <a href="javascript:;" onclick=""></a>
       </s_keyword_rep></s_keyword_date_rep>
      </ul>
      <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </s_keyword>

   <!-- 글 검색 목록 -->
   <s_list>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>    
    <div class="searchList">
      <h3>BLOG ARTICLE <span class="kw"></span><span class="count"> | ARTICLE FOUND</span></h3>
      <ol>
       <s_list_rep>
        <li>
         <span class="date"></span>
         <a href=""></a>
         <span class="cnt"></span>
        </li>
       </s_list_rep>
      </ol>
      <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_list>
   
   <!-- 댓글 검색 목록 -->
   <s_rplist>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="searchRplist">

     <h3>COMMENT <span class="kw"></span> <span class="count">| COMMENT FOUND</span></h3>
     <ol>
      <s_rplist_rep>
       <li>
        <span class="date"></span>
        <a href=""></a>
        <span class="cnt"></span>
        <span class="name"></span>
       </li>
      </s_rplist_rep>
     </ol>
     <br/>    
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_rplist>

   <s_local>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="localog">
     <h3>LOCATION</h3>
     <s_local_spot_rep>
      <div class="spot" style="margin-left: px">
       
      </div>
     </s_local_spot_rep>
     <s_local_info_rep>
      <div class="info" style="margin-left: px">
       <a href=""></a>
      </div>
     </s_local_info_rep>
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </s_local>

   <s_tag>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="taglog">
     <h3>TAG</h3>
     <ul>
      <s_tag_rep>
       <li>
        <a href="" class=""></a>
       </li>
      </s_tag_rep>
     </ul>
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </s_tag>

   <s_guest>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="guestbook">
     <h3>GUESTBOOK</h3>
     <s_guest_input_form>
      <div class="guestWrite">
       <s_guest_member>
        <s_guest_form>
         <div class="input_writer">
          <input type="text" name="" value="" /> <input type="password" maxlength="8" name="" value="" /> <input type="text" name="" value="" class="homepage" />
         </div>
        </s_guest_form>
       </s_guest_member>
       <textarea name="" cols="50" rows="6"></textarea><br/>
       <input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
      </div><!-- guestWrite close -->
     </s_guest_input_form>
     <s_guest_container>
      <div class="guestList">
       <ol>
        <s_guest_rep>
         <li id="">
          <div class="">
           <span class="name"></span>
           <span class="date"> </span>
           <span class="control">
            <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
            <a href="#" onclick="" class="write">&nbsp;<span>댓글쓰기</span></a>
           </span>
           <p></p>
          </div>
          <s_guest_reply_container>
           <ul>
            <s_guest_reply_rep>
             <li id="">
              <div class="">
               <span class="name"></span>
               <span class="date"> </span>
               <span class="control">
                <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
               </span>
               <p></p>
              </div>
             </li>
            </s_guest_reply_rep>
           </ul>
          </s_guest_reply_container>
         </li>
        </s_guest_rep>
       </ol>
      </div><!-- guestList close -->
     </s_guest_container>
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
    <!-- guestbook close -->
   </s_guest>

   <!-- NOTICE -->
   <s_notice_rep>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="entryNotice">

     <div class="titleWrap">
       <h2><a href=""></a></h2>
       <span class="category_notice">NOTICE </span>
       <span class="date"></span>      
     </div><!-- titleWrap close -->    
   
     <div class="article">

     
     </div>
     <div class="actionTrail" style="padding-bottom:35px;">
      <div class="tbcm">      
      </div>
      <div class="goup" ><a href="#"><img src="./images/subup.gif"></a></div>    
     </div>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_notice_rep>
   
   <!-- MEDIA -->
   <s_media>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="medialog">
     <h3>MEDIA</h3>
     <div class="media_div">
      <br/>
     </div>
     
     <br/>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>    
    </s_media>
 
   <!-- PROTECTED ARTICLE -->
   <s_article_protected>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>  
    <div class="entryProtected">
     <div class="titleWrap">
      <h2><a href=""></a></h2>
      <span class="date"></span>
     </div>
      <div class="protected_box">    
       <div class="text">
        <p>PROTECTED ARTICLE. TYPE THE PASSWORD.</p>
        <p><input id="" name="" type="password" maxlength="16" onkeydown="if (event.keyCode == 13) " /> <input type="button" class="submit" value="SUBMIT" onclick="" /></p>
       </div>    
      </div>
      <div class="box_hblank2"></div>
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    <div class="box_hblank1"></div>
   </s_article_protected>

   <!-- ARTICLE -->
   <s_article_rep>
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="entry">
      <div class="titleWrap">
       <h2><a href=""></a></h2>
       <span class="category"><a href=""></a> </span>
       <span class="date"></span>
       <s_ad_div>
        <div class="admin">
         <a href="">EDIT</a> |
         <a href="#" onclick="">EIDT(WIN)</a> |
         ()→<a href="#" onclick=""></a> |
         <a href="#" onclick="">TRACKBACK</a> |
         <a href="#" onclick="">DELETE</a>
        </div>
       </s_ad_div>
 
<br>
<center><iframe src='http://hycu.com.ne.kr/banner/ceo1.htm' width=600 height=75 frameborder=0 scrolling=no topmargin=0
leftmargin=0></iframe></center>
상단 랜덤배너 소스
<br>

<hr size="1" noshade color="#CCCCCC">




      </div><!-- titleWrap close -->


      <div class="article" style="font:10pt/150% 웹정10;">
                                                      


     


      </div>
<center>
<hr size="1" noshade color="#CCCCCC">

<iframe src='http://hycu.com.ne.kr/banner/random.htm' width=600 height=75 frameborder=0 scrolling=no topmargin=0 leftmargin=0></iframe>
<br>
하단 랜덤배너소스
</center>


      <s_tag_label>
       <div class="tagTrail"></div>
      </s_tag_label>
      <div class="actionTrail">
       <div class="tbcm">
        <a href="#tb" onclick="">
        <s_tb_count>TRACKBACK <span class="cnt"></span></s_tb_count></a>



        <span class="tbcm_vbar"> AND </span>
        <a href="#rp" onclick="">
        <s_rp_count>COMMENT <span class="cnt"></span></s_rp_count></a>
       </div>
       <div class="goup"><a href="#"><img src="./images/subup.gif"></a></div>
      </div>
      <s_tb>
       <div class="trackback">
        <div class="trackback_address"></div>
        <s_tb_container>
         <ol>
          <s_tb_rep>



           <li id="">
            <h4><a href="" onclick="window.open(this.href); return false" rel="external nofollow"></a></h4>
            <span class="from">FROM <span class="name"></span></span>
            <span class="date"></span>
            <a href="#" onclick="; return false" class="delete">&nbsp;<span>삭제</span></a>
            <p></p>
           </li>
          </s_tb_rep>
         </ol>
        </s_tb_container>
       </div><!-- trackback close -->
<br>


      </s_tb>
      <s_rp>
       <div class="comment">
        <div class="comment_title">YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST</div>
        <div class="commentList">
         <s_rp_container>
          <ol>
           <s_rp_rep>
            <li id="">
             <div class="">
              <span class="name"></span>
              <span class="date"> </span>
              <span class="control">
               <a href="" class="address">&nbsp;<span>댓글주소</span></a>
               <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
               <a href="#" onclick="" class="write">&nbsp;<span>댓글쓰기</span></a>
              </span>
              <p></p>
             </div>
             <s_rp2_container>
              <ul>
               <s_rp2_rep>
                <li id="">
                 <div class="">
                  <span class="name"></span>
                  <span class="date"> </span>
                  <span class="control">
                   <a href="" class="address">&nbsp;<span>댓글주소</span></a>
                   <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
                  </span>
                  <p></p>
                 </div>
                </li>
               </s_rp2_rep>
              </ul>
             </s_rp2_container>
            </li>
           </s_rp_rep>
          </ol>
         </s_rp_container>
        </div><!-- commentList close -->

        <s_rp_input_form>
         <div class="commentWrite">
          <s_rp_member>
           <s_rp_guest>
             <div class="input_writer">
             <input type="text" name="" value="" />
             <input type="password" maxlength="8" name="" value="" /> <input type="text" class="homepage" name="" value=""/>
             </div>
           </s_rp_guest>
             <div class="input_sec">
              <input type="checkbox" name="" class="checkbox" /> <label for="_">ONLY SHOW TO ADMIN</label>
             </div>
          </s_rp_member>
           <textarea name="" rows="10" cols="50"></textarea><br/>
           <input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
         </div><!-- commentWrite close -->
        </s_rp_input_form>
       </div><!-- comment close -->
     
     </s_rp><br/>
    </div><!-- entry close -->
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b><div class="box_hblank1"></div>
   </s_article_rep>


   <!-- 페이징 및 하단 COPYRIGHT -->
   <div id="footer">    
    <s_paging>
      <div class="paging">
       <a class="">PREV</a>
       <span class="numbox">
        <s_paging_rep>
        <a class="num"> </a>
        </s_paging_rep>
       </span>
       <a class="">NEXT</a>
      </div>

<center>


</center>
<br>

</p>

    </s_paging>
    <div class="copyright">
     POWERED BY <a href="http://tattertools.com" onclick="window.open(this.href); return false">TATTER TOOLS</a> | SKIN BY <a href="http://iscubix.com" onclick="window.open(this.href); return false">IENDEV</a> | IS Base 0.34<br/>
     <a href="https://comzil.tistory.com/guestbook">COPYRIGHT ⓒ 컴질스토리, ALL RIGHTS RESERVED. CONTACT BLOGGER.</a></span>
    </div>    
   </div>

<script type="text/javascript">
/* 컴질 가로 */
aladdin_ttb_key = 'ttbdoit2143007'
aladdin_ttb_channel = '1261';
aladdin_ttb_width = '753';
aladdin_ttb_height = '182';
</script>
<script type="text/javascript" language="javascript" src="http://ttb2.aladdin.co.kr/ad_ttb.aspx"></script>

       
 
  </div><!-- content close -->

  <div id="sidebar">
    <b class="ntop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
   
    <div class="side_item" id="side_item">
    <s_sidebar>
     <!-- 기본 사이드바 -->
     <s_sidebar_element>
     <!-- 블로그 로고 모듈 -->
      <div class="blogImage"><img src="https://tistory1.daumcdn.net/tistory/584868/attach/de912291ccb44041b3b172939c1364dc" alt="블로그 이미지" /></div>      
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 블로그 설명 모듈 -->      
      <div class="blogDesc">'컴질스토리'은 IT전문 블로그입니다. 유용한 컴퓨터 정보를 공유합니다. <br/><span style="font-family:웹정10">by</span> <strong>컴질스토리</strong></div>
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 블로그 관리자 버튼 모듈 -->      
      <div class="admin_button"><a href="https://comzil.tistory.com/manage"><img src="./images/btn_admin.gif"></a> <a href="https://comzil.tistory.com/manage/entry/post"><img src="./images/btn_entry.gif"></a></div>
     </s_sidebar_element>
     
     <s_sidebar_element>
     <!-- 공지사항 모듈 -->
      <s_rct_notice>
       <div class="notice">
        <ul>
         <s_rct_notice_rep>
          <li><a href=""></a> </li>
         </s_rct_notice_rep>
        </ul>
       </div>
      </s_rct_notice>
     </s_sidebar_element>
     
     <s_sidebar_element>
     <!-- 카테고리 모듈 -->





      <div class="category">
       <h3 onclick="javascript:show_hide_div('cat_div');">ARTICLE CATEGORY</h3>
       <div id="cat_div">
       

All Post (2030)
Free Apps (8)
Internet (539)
Operating System (158)
Software (565)
Mobile (130)
Blog (156)
Uncategorized (473)

       </div>
      </div>
     </s_sidebar_element>
     
     <s_sidebar_element>
     <!-- 최근 보관함 및 검색 모듈 -->
      <div id="archive" class="archive">
       <h3 onclick="javascript:show_hide_div('as_div');">ARCHIVE & SEARCH</h3>
       <div id="as_div">
        <select id="sel_archive" onChange="javascript:location.href = this.options[selectedIndex].value;;" >
          <option value="">--- Select Archive ---</option>
         <s_archive_rep>
          <option value=""> <span class="cnt">()</span></option>
         </s_archive_rep>
        </select>
        <s_search>
         <div style="float:left;width:95px;">
          <input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { }"/></div>
         <div >
         <a href="javascript:;"><img src="./images/search_button.gif" onclick="" /></a>
         </div>
        </s_search>
       </div>
      </div>
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 달력 모듈 -->
     <div class="calendar" >  
      <h3 onclick="javascript:show_hide_div('calendar_box');">CALENDAR</h3>          
      <div id="calendar_box" >
       <div class="calendar_box_d" >
       

«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

       </div>
      </div>
     </div>
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 최근 글 모듈 -->
      <div class="recentPost">
       <h3 onclick="javascript:show_hide_div('rct_article_div');">RECENT ARTICLE</h3>
       <div id="rct_article_div">  
       <ul>
        <s_rctps_rep>
         <li>
          <a href=""> </a>
          <span class="cnt"></span>
         </li>
        </s_rctps_rep>
       </ul>
       </div>
      </div>
     </s_sidebar_element>    

     <s_sidebar_element>
     <!-- 태그목록 모듈 -->
      <div class="tagbox">
       <h3 onclick="javascript:show_hide_div('tag_div');">TAG CLOUD</h3>
       <div id="tag_div" >
        <ul>
         <s_random_tags>
          <li><a href="" class=""> </a></li>
         </s_random_tags>
        </ul>
       </div>
      </div>
     </s_sidebar_element>
     <s_sidebar_element>
     <!-- 최근 댓글 모듈 -->
      <div class="recentComment">
       <h3 onclick="javascript:show_hide_div('rct_comment_div');">RECENT COMMENT</h3>
       <div id="rct_comment_div" >
        <ul>
         <s_rctrp_rep>
          <li>
           <a href=""></a>
          </li>
         </s_rctrp_rep>
        </ul>
       </div>
      </div>
     </s_sidebar_element>
     <s_sidebar_element>
     <!-- 최근 트랙백 모듈 -->
      <div class="recentTrackback">
       <h3 onclick="javascript:show_hide_div('rct_tb_div');">RECENT TRACKBACK</h3>
       <div id="rct_tb_div" >
        <ul>
         <s_rcttb_rep>
          <li>
           <a href=""></a>
          </li>
         </s_rcttb_rep>
        </ul>
       </div>
      </div>
     </s_sidebar_element>    
     <s_sidebar_element>
     <!-- 링크 모듈 -->
      <div class="link">
       <h3 onclick="javascript:show_hide_div('link_div');">MY LINK</h3>
       <div id="link_text_div" >

       </div>
       <div id="link_div" >
        <ul>
         <s_link_rep>
          <li>
            <a href="" onclick="window.open(this.href); return false"><script>is_LinkIcon("");</script></a>
          </li>
         </s_link_rep>
        </ul>
       </div>
      </div>
     </s_sidebar_element>  
     <s_sidebar_element>
     <!-- 카운터 모듈 -->
      <div class="counter">
       <h3 onclick="javascript:show_hide_div('cnt_div');">COUNTER</h3>
       <div id="cnt_div" class="detail" >
       <span class="total"><script>document.write (addCommas(""));</script></span><br/>
       TODAY <span class="tynum"></span> | YESTERDAY <span class="tynum"></span>
       
       </div>
      </div>
     </s_sidebar_element>  
     <s_sidebar_element>
      <!-- RSS 링크 및 배너 -->      
       <div class="btn">      
        <a href="https://comzil.tistory.com/rss" onclick="window.open(this.href); return false"><img src="./images/rss.gif" style="border:0"/></a> <a href="http://iscubix.com" onclick="window.open(this.href); return false"><img src="./images/iscubix.gif" style="border:0"/></a>        
<br>
<br>
<center>
사이드바 랜덤배너소스


<br>
<!--[Start] BLOGlink -->
<script type='text/javascript'>
<!--
e9_bloglink_unit = 3;
e9_bloglink_width = 180;
e9_bloglink_skin = 0;
e9_bloglink_border = 'ffffff';
e9_bloglink_border_type = 'solid';
e9_bloglink_bg = 'ffffff';
e9_bloglink_link = '6a6a6a';
e9_bloglink_desc = '8c8c8c';
e9_bloglink_url = 'a8a8a8';
e9_bloglink_menu_bg = 'f7f7f7';
e9_bloglink_menu_link = 'dd7d00';

//특정단어가 이름이나 설명에 포함되는 블로그의 광고를 필터링할 수 있습니다.
//쉼표(,)로 구분하여 다수의 단어를 설정할 수 있으며 최소 한글 2글자 영어 3글자 이상이어야 합니다.
//예) e9_bloglink_filter_word = '야동,야사';
e9_bloglink_filter_word = '';
//-->
</script><script type='text/javascript' src='http://bloglink.mixsh.com/widget/script/ab.js'></script>
<!--[End] BLOGlink -->

</center>


       </div>
     </s_sidebar_element>
    </s_sidebar><div class="sbox_hblank1"></div>
    </div>
   
    <b class="nbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>  
    <br /><br />
  </div>
  <!-- sidebar close -->  
 </div><!-- container close -->
<script></script>
</s_t3>



</body>
</html>

----------------------------------




style.css


---------------------------------
@charset "utf-8";

/* 본문 공통 */


body{
  font:11px/18px Dotum, Tahoma, Verdana, AppleGothic, Sans-serif;
  background:url(images/bg.gif) top left repeat;  
  background-color:#D5D5D5;
  color:#333;
  line-height:18px;
  padding:0px;
  margin:0px;
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#c45050;  text-decoration:none;}
a:active        { color:#333;     text-decoration:none;}


/* 종류별 코멘트 */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { color:#f30; }
/* 종류별 코멘트 */
    .guest_general          {  }
    .guest_admin            {  }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { color:#c45050;  font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}
/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { pading-bottom:15px;}
 .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;} */

hr              { display:none; }
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              { font-family:dotum,tahoma; font-size:11px; padding-bottom:5px;}
h3              { font-family:tahoma; font-size:11px; padding-bottom:5px; }
h4              { font-size:11px; padding-bottom:5px;}
input           { border:1px solid #aaa; font-size:11px; }
textarea        { border:1px solid #aaa; font-size:11px; }


/* 블로그 레이아웃 */
/* 본문 글 넓이를 변경 하려면 아래에서 container와 content의 width를 변경하시기 바랍니다. */
/* 이때 index.xml에서 본문 넓이(contentWidth) 변경후 스킨 리셋 (다른 스킨으로 변경후 다시 현재 스킨 선택) 하시기를 권장합니다. */

#tool      {
  width:100%;
  min-height:10px;
  clear:both;

     }
#container {  
  width:950px;
  border:0px ;
  margin:0px auto;
  padding:0px;   
}
#header {  
  margin-bottom:10px;
  min-height:10px;
  clear:both;
  overflow:hidden;  
}
#content {
  float:right;
  width:750px;
  overflow:hidden;  
}
#sidebar {
  display:block;
  float:right;
  width:190px;
  margin-right:10px;
  overflow:hidden;
}


/* ***** Header ***** */

#header .header_wrap   { }
#header .blogTitle     { padding-top:25px; padding-left:2px; }
#header .blogTitle  a  { color:#000000; font:1.0em tahoma,dotum; font-weight:bold; float:left;  padding-bottom:3px; border-bottom:2px dotted #c45050;}
#header .blogMenu      { text-align:right; padding-right:2px;}

#header .blogMenu ul   { margin:0;  padding-bottom:7px;  list-style:none;}
#header .blogMenu li   {  padding-bottom:3px; display:inline;  background:url(images/bullBar.gif) no-repeat;  margin-left:3px;  padding-left:7px;}
#header .blogMenu li a { color:#000000; font:11px tahoma; }
#header li.tab_blog    { background:none;  }
#header li.tab_blog a  { font-weight:bold; }

/* Head Background Image */
body#tt-body-blog #header .blogMenu li.tab_blog a ,
body#tt-body-page #header .blogMenu li.tab_blog a,
body#tt-body-category #header .blogMenu li.tab_blog a,
body#tt-body-search #header .blogMenu li.tab_blog a,
body#tt-body-archive #header .blogMenu li.tab_blog a,
body#tt-body-entry #header .blogMenu li.tab_blog a,
body#tt-body-notice #header .blogMenu li.tab_blog a   { color:#c45050;}
body#tt-body-location #header .blogMenu li.tab_loc a  { color:#c45050;}
body#tt-body-tag #header .blogMenu li.tab_tag a    { color:#c45050;}
body#tt-body-keylog #header .blogMenu li.tab_key a    { color:#c45050;}
body#tt-body-media #header .blogMenu li.tab_media a    { color:#c45050;}
body#tt-body-guestbook #header .blogMenu li.tab_guest a   { color:#c45050;}

body#tt-body-media #content { background:url(images/bg_mcontent.gif) no-repeat; padding-top:42px; text-align:center;  }

/* ***** ROUND BOX *** */
.rtop, .rbottom{display:block; }
.rtop * {display:block; height:1px; overflow:hidden; background: #EEEEEE} 
.rbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; }

.htop, .hbottom{display:block; }
.htop * {display:block; height:1px; overflow:hidden; background: #ffffff} 
.hbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; }

.ntop, .nbottom{display:block; }
.ntop * {display:block; height:1px; overflow:hidden; background: #f9f9f9} 
.nbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #f9f9f9; }

.r1{margin:0 5px; background:#999999}
.r2{margin:0 3px; border-left:2px solid #999999; border-right:2px solid #999999;}
.r3{margin:0 2px; border-left:1px solid #999999; border-right:1px solid #999999;}
.r4{margin:0 1px; height:2px; border-left:1px solid #999999; border-right:1px solid #999999;}

.ftop, .fbottom{display:block; }
.ftop * {display:block; height:1px; overflow:hidden; } 
.fbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; }

.f1{margin:0 5px; background:#BBBBBB}
.f2{margin:0 3px; border-left:2px solid #BBBBBB; border-right:2px solid #BBBBBB;}
.f3{margin:0 2px; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.f4{margin:0 1px; height:2px; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.box_hblank1 { padding:5px; }
.box_hblank2 { padding:10px; }

/* ***** Tool   ***** */
#tool .admin_button   { text-align:right; float: right; padding: 5px 5px 0px 0px; clear:both; margin:0px;}

/* ***** title_wrap **** */
.titleWrap               { margin-bottom: 12px;}

/* ***** artice_title : h2 hover**** */

#content .notice,
#content .keylog,
#content .localog,
#content .taglog,
#content .entryNotice,
#content .entryProtected,
#content .guestbook,
#content .searchList,
#content .searchRplist,
#content .entry { padding:18px 18px 0px 18px;  border-left:1px solid #999999; border-right:1px solid #999999; background:url("images/bg_entry_top.jpg") repeat-x 0px 0px; background-color:#ffffff;  }

#content .prologue h3,
#content .notice h3,
#content .profile h3,
#content .keylog h3,
#content .localog h3,
#content .taglog h3,
#content .guestbook h3,
#content .searchList h3,
#content .searchRplist h3   { border-bottom:1px solid #ccc;  margin-bottom:10px;  color:#222;}

.searchList .kw,
.searchRplist .kw            { padding-left:3px;color:#c45050;}
.searchList ol,
.searchRplist ol            { list-style:none;  padding:0px;  margin:0;}
.searchList li,
.searchRplist li            { background:url(images/line_dot_gray2.gif) 0px 19px repeat-x;   padding-bottom:2px;  margin-bottom:5px;}
.searchList .date,
.searchRplist .date         { font:10px Tahoma;  margin-right:10px; float:left; width:50px; text-align:right}
.keylog .title,
.searchList .title,
.searchRplist .title        { padding-left:10px; font:11px Dotum, Tahoma;  margin-right:10px; float:left; }
.searchList .count,
.searchRplist .count        { padding-left:3px; font-weight:normal; font:8px tahoma;}
.searchList .cnt            { font:9px Tahoma;  color:#f60;}
.searchRplist .name         { font:10px Dotum, Tahoma;    color:#999;  padding-left:8px;}

.localog .spot              { background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
.localog .info              { background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
.localog a:link             { color:#c45050;}
.localog a:visited          { color:#c45050;}
.localog a:hover            { color:#c45050;  text-decoration:none; }
.localog a:active        { color:#c45050;  text-decoration:none;}

.keylog ul                  { margin:0; text-align:justify; }
.keylog a:hover             { background-color:#eee;  color:#000;}
.key1      { cursor: pointer; border-bottom: 1px dotted #ccc; }

.taglog ul                  { margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1    { font-weight:bold;  color:#B80D0D}
.taglog li .cloud2    { font-weight:bold;  color:#0D66B8}
.taglog li .cloud3    { font-weight:bold;  color:#C45050;}
.taglog li .cloud4    { }
.taglog li .cloud5    { }

.guestbook p                { padding:6px 0 0 0; margin:0px;}

.guestWrite                     {  margin:0px; padding:10px;  background-color:#f5f5f5;  border:1px solid #ddd;}
.guestWrite .input_writer  { float:left; margin-bottom:4px;}
.guestWrite .input_sec      { float:right; margin-bottom:4px; }
.guestWrite input               { width:80px; }
.guestWrite textarea            { font:11px dotum,tahoma; margin-bottom:5px;width:98%;  height:100px;}
.guestWrite .homepage           { width:130px;}
.guestWrite .submit             { border:0px }
.guestWrite .checkbox           { border:none; padding:0; margin:0; width:20px;}

.guestList                  { padding:0px;}
.guestList ol    { padding:0px;}
.guestList ol,
.guestList ul               { list-style:none; font:11px Dotum, Tahoma; line-height:18px; margin:0px; padding:0px; margin-top:10px;}
.guestList li p             { margin-top:5px; padding-top:5px;}
.guestList ol li            { border:5px solid #eee;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
.guestList li ul li         { margin-left:20px; margin-top:10px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px; border:none;  overflow:hidden;}
.guestList li .name         { color:#666;  font-weight:bold;}
.guestList li .name   a:hover { color:#3D8EC1;  text-decoration:none;}
.guestList li .date         { font:11px Tahoma;}
.guestList .control a.modify       { background:url(images/iconModify.gif) no-repeat;  padding:0 0 2px 53px;  text-decoration:none;}
.guestList .control a.modify span  { display:none;}
.guestList .control a.write        { background:url(images/iconWrite.gif) no-repeat;  padding:0 5px 2px 53px;  text-decoration:none;}
.guestList .control a.write span   { display:none;}

/* entry */

.entryProtected h2,
.entry h2                { background:url(images/icon_title.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px;  color:#222; font-size:11px;}
.entryNotice h2          { background:url(images/icon_notice.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px;  color:#222; font-size:11px;}


.titleWrap .admin        { padding-top:5px; }
.titleWrap .category     { font-size:11px;  ;  margin-right:5px;}
.titleWrap .category_notice  { font:11px tahoma;  margin-right:5px;}
.titleWrap .date         { font:8px Tahoma;  color:#888;}
.entryProtected .protected_box { background-color:#f9f9f9; padding:10px; }
.entryProtected .text    { background:url(images/imgProtected.gif) 15px 5px no-repeat ; font:10px Tahoma; font-weight:bold; padding-left:42px;  }
.entryProtected .text p  { padding:4px; margin:0px; }
.entryProtected input    { width:100px; height:12px; font:10px tahoma;}
.entryProtected .submit  { width:50px; height:16px;  font:10px tahoma;  background-color:#f5f5f5;}
.admin         { font:10px tahoma,Dotum; }
.article                 { text-align:justify; font-size:11px; font-family: 돋움,tahoma; width:100%; margin:0px 0px 22px 0px; overflow:hidden; background-color:#ffffff; clear:both}
.article  a:link         { color:#c45050;     text-decoration:none;}
.article  a:visited      { color:#c45050;     text-decoration:none;}
.article  a:hover        { color:#c45050;     text-decoration:none;}
.article  a:active       { color:#c45050;     text-decoration:none;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { font-size:11px; background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:35px;  margin-left:5px;}

.goup                    { float:right; width:43px; text-align:right; }
.tagTrail                { padding:0px 0px 10px 64px; background:url(images/tag.gif) 0px 1px no-repeat; }
.tagItem                 { }

.actionTrail             { clear:both;  margin-top:5px; padding:12px 1px 22px 1px; font:11px Dotum, Tahoma; background-color:#ffffff; border-top:1px solid #cccccc  }
.tbcm      { font:11px tahoma; float:left; width:auto;padding-top:3px; background-color:#ffffff}
.tbcm_vbar     { color:#C6C6C6; padding:0px 4px 0px 4px;}
.actionTrail .cnt        { color:#f60; padding-left:4px; font-weight:bold;}

.trackback               { clear:both; padding:10px 0px 0px 0px;  width:100%;  overflow:hidden;}
.taackback ol,ul,li      { margin:0;  padding:0;   }
.trackback_address       { background:url(images/clip_tb.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:10px/1 tahoma; cursor:pointer; padding:10px 10px 10px 110px; margin:0px;}
.trackback a             { color:#000;}
.trackback .from         { font-weight:normal;  padding:0px; margin:0px;}
.trackback h4            { font-weight:normal;  padding:0px; margin:0px;}
.trackback ol            { padding:0px; margin:0;  padding-top:5px; padding-bottom:5px;  list-style:none;}
.trackback li            { margin-bottom:5px; margin-top:0px; padding-top:5px; padding-bottom:10px; background:url(images/line_dot_gray2.gif) bottom left repeat-x; }
.trackback .date         { font:10px Tahoma;  color:#777;}
.trackback p             { font:11px Dotum, Tahoma; line-height:18px; margin:0px; margin-top:5px; padding:0px; padding-top:0px;color:#999;}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}


.comment                          { clear:both; padding:10px 0px 5px 0px; line-height:18px; width:100%; overflow:hidden;}
.comment_title                    { background:url(images/clip_reply.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:8px tahoma,dotum; padding:10px 10px 10px 110px; }
.comment p                        { font:11px Dotum, Tahoma; line-height:18px; margin:0px; padding:0px; margin-top:10px;margin-bottom:10px;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:10px Tahoma;  color:#777;}
.comment .name                    { font-weight:bold;}
.comment ol li             { background:url(images/line_dot_gray2.gif) bottom repeat-x; padding:10px 0px 2px 0px;}
.comment li ul li                 { border:0px; padding:0px 0px 0px 35px;  background:url("images/iconIndentArrow_local.gif") no-repeat 18px 2px;}
.comment .control a.address       { font-size:14px;background:url(images/iconAddress.gif) 0px 0px no-repeat;  padding-left:38px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { font-size:14px;background:url(images/iconModify.gif) no-repeat;  padding-left:55px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { font-size:14px;background:url(images/iconWrite.gif) no-repeat;  padding-left:40px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                     { margin:0px; padding:10px;  margin-top:10px; background-color:#f5f5f5;  border:1px solid #ddd;}
.commentWrite .input_writer    { float:left; margin-bottom:4px;}
.commentWrite .input_sec    { float:right; margin-right:6px; margin-bottom:5px; font:8px tahoma; }
.commentWrite input               { width:80px; }
.commentWrite textarea            { font:11px dotum,tahoma; margin-bottom:5px;width:99%;  height:100px;}
.commentWrite .homepage           { width:130px;}
.commentWrite .submit             { border:0px }
.commentWrite .checkbox           { border:none; padding:0; margin:0; width:20px;}


/* ***** sidebar ***** */

#sidebar                       { }
#sidebar .side_item         { padding:10px 10px 10px 10px;  padding-left:8px; border-left:1px solid #999999; border-right:1px solid #999999; background-color:#f9f9f9; }

#sidebar a:link          { color:#333;  text-decoration:none;}
#sidebar a:visited       { color:#333;  text-decoration:none;}
#sidebar a:hover         { color:#C45050;  text-decoration:none;}
#sidebar a:active        { color:#333;  text-decoration:none;}
        
#sidebar ul                    { list-style:none;}
#sidebar li                    { padding-left:0px;}
#sidebar h3                    { cursor:pointer; font-family:tahoma,dotum; font-size:11px;  font-weight:bold; color:#C45050; background:url(images/line_dot_gray.gif) 0px 22px repeat-x; margin-bottom:10px;}
#sidebar .item_title            { font-family:tahoma,dotum; font-size:11px;  font-weight:bold; color:#C45050; margin-bottom:35px;}
#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#sidebar .date                 { font:10px Tahoma;  color:#888;}
#sidebar .name                 { font:0.9em Dotum, Arial, sans-serif;  color:#888;}

#sidebar .blogImage img        { width:170px; padding-bottom:0px;}
#sidebar .blogDesc             { margin-top:10px; color:#888;  line-height:16px;  }
#sidebar .userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

#sidebar .notice               { margin-top:10px; padding:0;}
#sidebar .notice li            { margin:0px; padding:0px; padding-bottom:1px; background:none;}
#sidebar .notice a:link,
#sidebar .notice a:visited     { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}
#sidebar .notice a:hover       { background:url(images/iconNotice_on.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}


#sidebar .category             { margin-top:10px;  margin-bottom:0px;background:none;}
#sidebar .category h3          { margin-bottom:10px;}
#sidebar .category li          { background:none;}
#sidebar .category li ul li    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:10px;}
#sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#sidebar .category li ul li ul li a{ color:#999;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { font-size:11px, dotum; cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { padding-left:1px; font-size:11px; cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}

#sidebar .archive              { margin-top:10px; font-family:tahoma;}
#sidebar .archive select       { font-size:10px;font-family:tahoma;width:162px;}
#sidebar .archive  input       { margin-top:5px; font:11px dotum,tahoma; width:90px;  height:13px;}
#sidebar .archive  img         { margin-top:5px; }

#sidebar .recentPost           { margin-top:10px; }
#sidebar .recentSc             { margin-top:10px; }

#sidebar .calendar             { margin-top:10px;}
#sidebar #calendar_box     { }
#sidebar .calendar_box_d       { font:11px verdana; padding:0px 5px 0px 0px;}

/* 달력 월 표시 */
 .cal_month { font-size:100%; height:20px; font-family:tahoma; text-align:center; color:#e1cdbd; }
/* 달력 요일 표시 */
 .cal_week1 {font-size:100%; font-weight:normal; font-family:dotum; height:15px; text-align:center;}
/* 달력 일요일 표시 */
 .cal_week2 {font-size:100%; font-weight:normal; font-family:dotum; color: #ff845e; text-align:center;}
/* 달력 지난 달 날짜 표시 */
 .cal_day1 { font-size:100%; font-family:tahoma; color:#000; text-align:center;}
/* 달력 다음 달 날짜 표시 */
 .cal_day2 {font-size:100%; font-family:tahoma; color: #000; text-align:center;}
/* 달력 이번 달 날짜 표시 */
 .cal_day3 { font-size:100%; font-family:tahoma;   text-align:center;}
/* 달력 오늘 날짜 표시 */
 .cal_day4 { font-size:100%; font-family:tahoma; text-decoration:underline; text-align:center; }
/* 달력 글쓴 날 링크 스타일 */
a.cal_click{ font-weight:bold; color:#B80D0D;}
a.cal_click:link { color:#B80D0D; text-align:center;}
a.cal_click:visited { color:#B80D0D;  text-align:center;}
a.cal_click:hover { color : #fff;  text-align:center;}


#sidebar .tagbox               { margin-top:10px;}
#sidebar .tagbox ul            { text-align:justify;}
#sidebar .tagbox li            { background:none;  display:inline;}
#sidebar .tagbox a             { letter-spacing:-1px;}
#sidebar .tagbox li .cloud1    { font-weight:bold;  color:#B80D0D}
#sidebar .tagbox li .cloud2    { font-weight:bold;  color:#0D66B8}
#sidebar .tagbox li .cloud3    { font-weight:bold;  color:#C45050;}
#sidebar .tagbox li .cloud4    { }
#sidebar .tagbox li .cloud5    { }

#sidebar .recentComment        { margin-top:10px;}
#sidebar .recentTrackback      { margin-top:10px;}
#sidebar .link                 { margin-top:10px;}
#sidebar .link  li             { }
#sidebar .yag                  { margin-top:10px;}
#sidebar .counter              { margin-top:10px; font-size:11px; font-family:tahoma; }
#sidebar .detail               { font-size:10px; line-height:20px; margin-top:10px;}
#sidebar .counter .detail .total {  font-size:18px;  font-weight:bold; color:#E27F7F;  }
#sidebar .counter .detail .tynum { color:#C45050 }

#sidebar .btn               { margin-top:10px;}

/* 페이징  */
.selected      { font:11px tahoma, dotum; font-weight:bold;  color:#f30;}
.no-more-prev,
.no-more-next     { font:11px; color:#858585;}
.paging       { margin-bottom:15px;  text-align:center;  font:11px tahoma;}
.paging .numbox     { border-left:1px solid #B5B5B5; padding-left:6px; margin-left:6px;  font:11px verdana;}
.paging .num     { border-right:1px solid #B5B5B5; padding-right:8px; margin-right:5px;}

/* ***** footer ***** */
#footer       { font:10px/1.8 tahoma,dotum; margin-top:10px;margin-bottom:20px;color:#A0A0A0}
#footer .copyright    { text-align:center; }
#footer a:link     { color:#888888;     text-decoration:none;}
#footer a:visited    { color:#888888;     text-decoration:none;}
#footer a:hover     { color:#000000;  text-decoration:none;}
#footer a:active    { color:#888888;     text-decoration:none;}



--------------------------------------


      </div>
<center>
<hr size="1" noshade color="#CCCCCC">

<iframe src='http://hycu.com.ne.kr/banner/random.htm' width=600 height=75 frameborder=0 scrolling=no topmargin=0 leftmargin=0></iframe>
<br>
하단 랜덤배너소스
</center>


      <s_tag_label>
       <div class="tagTrail"></div>
      </s_tag_label>
      <div class="actionTrail">
       <div class="tbcm">
        <a href="#tb" onclick="">
        <s_tb_count>TRACKBACK <span class="cnt"></span></s_tb_count></a>



        <span class="tbcm_vbar"> AND </span>
        <a href="#rp" onclick="">
        <s_rp_count>COMMENT <span class="cnt">0</span></s_rp_count></a>
       </div>
       <div class="goup"><a href="#"><img src="./images/subup.gif"></a></div>
      </div>
      <s_tb>
       <div class="trackback">
        <div class="trackback_address"></div>
        <s_tb_container>
         <ol>
          <s_tb_rep>



           <li id="">
            <h4><a href="" onclick="window.open(this.href); return false" rel="external nofollow"></a></h4>
            <span class="from">FROM <span class="name"></span></span>
            <span class="date"></span>
            <a href="#" onclick="; return false" class="delete">&nbsp;<span>삭제</span></a>
            <p></p>
           </li>
          </s_tb_rep>
         </ol>
        </s_tb_container>
       </div><!-- trackback close -->
<br>


      </s_tb>
      <s_rp>
       <div class="comment">
        <div class="comment_title">YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST</div>
        <div class="commentList">
         <s_rp_container>
          <ol>
           <s_rp_rep>
            <li id="">
             <div class="">
              <span class="name"></span>
              <span class="date"> </span>
              <span class="control">
               <a href="" class="address">&nbsp;<span>댓글주소</span></a>
               <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
               <a href="#" onclick="" class="write">&nbsp;<span>댓글쓰기</span></a>
              </span>
              <p></p>
             </div>
             <s_rp2_container>
              <ul>
               <s_rp2_rep>
                <li id="">
                 <div class="">
                  <span class="name"></span>
                  <span class="date"> </span>
                  <span class="control">
                   <a href="" class="address">&nbsp;<span>댓글주소</span></a>
                   <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
                  </span>
                  <p></p>
                 </div>
                </li>
               </s_rp2_rep>
              </ul>
             </s_rp2_container>
            </li>
           </s_rp_rep>
          </ol>
         </s_rp_container>
        </div><!-- commentList close -->

        <s_rp_input_form>
         <div class="commentWrite">
          <s_rp_member>
           <s_rp_guest>
             <div class="input_writer">
             <input type="text" name="" value="" />
             <input type="password" maxlength="8" name="" value="" /> <input type="text" class="homepage" name="" value=""/>
             </div>
           </s_rp_guest>
             <div class="input_sec">
              <input type="checkbox" name="" class="checkbox" /> <label for="_351">ONLY SHOW TO ADMIN</label>
             </div>
          </s_rp_member>
           <textarea name="" rows="10" cols="50"></textarea><br/>
           <input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
         </div><!-- commentWrite close -->
        </s_rp_input_form>
       </div><!-- comment close -->
     
     </s_rp><br/>
    </div><!-- entry close -->
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b><div class="box_hblank1"></div>
   </s_article_rep>


   <!-- 페이징 및 하단 COPYRIGHT -->
   <div id="footer">    
    <s_paging>
      <div class="paging">
       <a class="">PREV</a>
       <span class="numbox">
        <s_paging_rep>
        <a class="num"> </a>
        </s_paging_rep>
       </span>
       <a class="">NEXT</a>
      </div>

<center>


</center>
<br>

</p>

    </s_paging>
    <div class="copyright">
     POWERED BY <a href="http://tattertools.com" onclick="window.open(this.href); return false">TATTER TOOLS</a> | SKIN BY <a href="http://iscubix.com" onclick="window.open(this.href); return false">IENDEV</a> | IS Base 0.34<br/>
     <a href="https://comzil.tistory.com/guestbook">COPYRIGHT ⓒ 컴질스토리, ALL RIGHTS RESERVED. CONTACT BLOGGER.</a></span>
    </div>    
   </div>

<script type="text/javascript">
/* 컴질 가로 */
aladdin_ttb_key = 'ttbdoit2143007'
aladdin_ttb_channel = '1261';
aladdin_ttb_width = '753';
aladdin_ttb_height = '182';
</script>
<script type="text/javascript" language="javascript" src="http://ttb2.aladdin.co.kr/ad_ttb.aspx"></script>

       
 
  </div><!-- content close -->

  <div id="sidebar">
    <b class="ntop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
   
    <div class="side_item" id="side_item">
    <s_sidebar>
     <!-- 기본 사이드바 -->
     <s_sidebar_element>
     <!-- 블로그 로고 모듈 -->
      <div class="blogImage"><img src="https://tistory1.daumcdn.net/tistory/584868/attach/de912291ccb44041b3b172939c1364dc" alt="블로그 이미지" /></div>      
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 블로그 설명 모듈 -->      
      <div class="blogDesc">'컴질스토리'은 IT전문 블로그입니다. 유용한 컴퓨터 정보를 공유합니다. <br/><span style="font-family:웹정10">by</span> <strong>컴질스토리</strong></div>
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 블로그 관리자 버튼 모듈 -->      
      <div class="admin_button"><a href="https://comzil.tistory.com/manage"><img src="./images/btn_admin.gif"></a> <a href="https://comzil.tistory.com/manage/entry/post"><img src="./images/btn_entry.gif"></a></div>
     </s_sidebar_element>
     
     <s_sidebar_element>
     <!-- 공지사항 모듈 -->
      <s_rct_notice>
       <div class="notice">
        <ul>
         <s_rct_notice_rep>
          <li><a href=""></a> </li>
         </s_rct_notice_rep>
        </ul>
       </div>
      </s_rct_notice>
     </s_sidebar_element>
     
     <s_sidebar_element>
     <!-- 카테고리 모듈 -->





      <div class="category">
       <h3 onclick="javascript:show_hide_div('cat_div');">ARTICLE CATEGORY</h3>
       <div id="cat_div">
       

All Post (2030)
Free Apps (8)
Internet (539)
Operating System (158)
Software (565)
Mobile (130)
Blog (156)
Uncategorized (473)

       </div>
      </div>
     </s_sidebar_element>
     
     <s_sidebar_element>
     <!-- 최근 보관함 및 검색 모듈 -->
      <div id="archive" class="archive">
       <h3 onclick="javascript:show_hide_div('as_div');">ARCHIVE & SEARCH</h3>
       <div id="as_div">
        <select id="sel_archive" onChange="javascript:location.href = this.options[selectedIndex].value;;" >
          <option value="">--- Select Archive ---</option>
         <s_archive_rep>
          <option value=""> <span class="cnt">()</span></option>
         </s_archive_rep>
        </select>
        <s_search>
         <div style="float:left;width:95px;">
          <input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { }"/></div>
         <div >
         <a href="javascript:;"><img src="./images/search_button.gif" onclick="" /></a>
         </div>
        </s_search>
       </div>
      </div>
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 달력 모듈 -->
     <div class="calendar" >  
      <h3 onclick="javascript:show_hide_div('calendar_box');">CALENDAR</h3>          
      <div id="calendar_box" >
       <div class="calendar_box_d" >
       

«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

       </div>
      </div>
     </div>
     </s_sidebar_element>

     <s_sidebar_element>
     <!-- 최근 글 모듈 -->
      <div class="recentPost">
       <h3 onclick="javascript:show_hide_div('rct_article_div');">RECENT ARTICLE</h3>
       <div id="rct_article_div">  
       <ul>
        <s_rctps_rep>
         <li>
          <a href=""> </a>
          <span class="cnt"></span>
         </li>
        </s_rctps_rep>
       </ul>
       </div>
      </div>
     </s_sidebar_element>    

     <s_sidebar_element>
     <!-- 태그목록 모듈 -->
      <div class="tagbox">
       <h3 onclick="javascript:show_hide_div('tag_div');">TAG CLOUD</h3>
       <div id="tag_div" >
        <ul>
         <s_random_tags>
          <li><a href="" class=""> </a></li>
         </s_random_tags>
        </ul>
       </div>
      </div>
     </s_sidebar_element>
     <s_sidebar_element>
     <!-- 최근 댓글 모듈 -->
      <div class="recentComment">
       <h3 onclick="javascript:show_hide_div('rct_comment_div');">RECENT COMMENT</h3>
       <div id="rct_comment_div" >
        <ul>
         <s_rctrp_rep>
          <li>
           <a href=""></a>
          </li>
         </s_rctrp_rep>
        </ul>
       </div>
      </div>
     </s_sidebar_element>
     <s_sidebar_element>
     <!-- 최근 트랙백 모듈 -->
      <div class="recentTrackback">
       <h3 onclick="javascript:show_hide_div('rct_tb_div');">RECENT TRACKBACK</h3>
       <div id="rct_tb_div" >
        <ul>
         <s_rcttb_rep>
          <li>
           <a href=""></a>
          </li>
         </s_rcttb_rep>
        </ul>
       </div>
      </div>
     </s_sidebar_element>    
     <s_sidebar_element>
     <!-- 링크 모듈 -->
      <div class="link">
       <h3 onclick="javascript:show_hide_div('link_div');">MY LINK</h3>
       <div id="link_text_div" >

       </div>
       <div id="link_div" >
        <ul>
         <s_link_rep>
          <li>
            <a href="" onclick="window.open(this.href); return false"><script>is_LinkIcon("");</script></a>
          </li>
         </s_link_rep>
        </ul>
       </div>
      </div>
     </s_sidebar_element>  
     <s_sidebar_element>
     <!-- 카운터 모듈 -->
      <div class="counter">
       <h3 onclick="javascript:show_hide_div('cnt_div');">COUNTER</h3>
       <div id="cnt_div" class="detail" >
       <span class="total"><script>document.write (addCommas(""));</script></span><br/>
       TODAY <span class="tynum"></span> | YESTERDAY <span class="tynum"></span>
       
       </div>
      </div>
     </s_sidebar_element>  
     <s_sidebar_element>
      <!-- RSS 링크 및 배너 -->      
       <div class="btn">      
        <a href="https://comzil.tistory.com/rss" onclick="window.open(this.href); return false"><img src="./images/rss.gif" style="border:0"/></a> <a href="http://iscubix.com" onclick="window.open(this.href); return false"><img src="./images/iscubix.gif" style="border:0"/></a>        
<br>
<br>
<center>
사이드바 랜덤배너소스


<br>
<!--[Start] BLOGlink -->
<script type='text/javascript'>
<!--
e9_bloglink_unit = 3;
e9_bloglink_width = 180;
e9_bloglink_skin = 0;
e9_bloglink_border = 'ffffff';
e9_bloglink_border_type = 'solid';
e9_bloglink_bg = 'ffffff';
e9_bloglink_link = '6a6a6a';
e9_bloglink_desc = '8c8c8c';
e9_bloglink_url = 'a8a8a8';
e9_bloglink_menu_bg = 'f7f7f7';
e9_bloglink_menu_link = 'dd7d00';

//특정단어가 이름이나 설명에 포함되는 블로그의 광고를 필터링할 수 있습니다.
//쉼표(,)로 구분하여 다수의 단어를 설정할 수 있으며 최소 한글 2글자 영어 3글자 이상이어야 합니다.
//예) e9_bloglink_filter_word = '야동,야사';
e9_bloglink_filter_word = '';
//-->
</script><script type='text/javascript' src='http://bloglink.mixsh.com/widget/script/ab.js'></script>
<!--[End] BLOGlink -->

</center>


       </div>
     </s_sidebar_element>
    </s_sidebar><div class="sbox_hblank1"></div>
    </div>
   
    <b class="nbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>  
    <br /><br />
  </div>
  <!-- sidebar close -->  
 </div><!-- container close -->
<script></script>
</s_t3>



</body>
</html>

----------------------------------




style.css


---------------------------------
@charset "utf-8";

/* 본문 공통 */


body{
  font:11px/18px Dotum, Tahoma, Verdana, AppleGothic, Sans-serif;
  background:url(images/bg.gif) top left repeat;  
  background-color:#D5D5D5;
  color:#333;
  line-height:18px;
  padding:0px;
  margin:0px;
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#c45050;  text-decoration:none;}
a:active        { color:#333;     text-decoration:none;}


/* 종류별 코멘트 */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { color:#f30; }
/* 종류별 코멘트 */
    .guest_general          {  }
    .guest_admin            {  }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { color:#c45050;  font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}
/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { pading-bottom:15px;}
 .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;} */

hr              { display:none; }
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              { font-family:dotum,tahoma; font-size:11px; padding-bottom:5px;}
h3              { font-family:tahoma; font-size:11px; padding-bottom:5px; }
h4              { font-size:11px; padding-bottom:5px;}
input           { border:1px solid #aaa; font-size:11px; }
textarea        { border:1px solid #aaa; font-size:11px; }


/* 블로그 레이아웃 */
/* 본문 글 넓이를 변경 하려면 아래에서 container와 content의 width를 변경하시기 바랍니다. */
/* 이때 index.xml에서 본문 넓이(contentWidth) 변경후 스킨 리셋 (다른 스킨으로 변경후 다시 현재 스킨 선택) 하시기를 권장합니다. */

#tool      {
  width:100%;
  min-height:10px;
  clear:both;

     }
#container {  
  width:950px;
  border:0px ;
  margin:0px auto;
  padding:0px;   
}
#header {  
  margin-bottom:10px;
  min-height:10px;
  clear:both;
  overflow:hidden;  
}
#content {
  float:right;
  width:750px;
  overflow:hidden;  
}
#sidebar {
  display:block;
  float:right;
  width:190px;
  margin-right:10px;
  overflow:hidden;
}


/* ***** Header ***** */

#header .header_wrap   { }
#header .blogTitle     { padding-top:25px; padding-left:2px; }
#header .blogTitle  a  { color:#000000; font:1.0em tahoma,dotum; font-weight:bold; float:left;  padding-bottom:3px; border-bottom:2px dotted #c45050;}
#header .blogMenu      { text-align:right; padding-right:2px;}

#header .blogMenu ul   { margin:0;  padding-bottom:7px;  list-style:none;}
#header .blogMenu li   {  padding-bottom:3px; display:inline;  background:url(images/bullBar.gif) no-repeat;  margin-left:3px;  padding-left:7px;}
#header .blogMenu li a { color:#000000; font:11px tahoma; }
#header li.tab_blog    { background:none;  }
#header li.tab_blog a  { font-weight:bold; }

/* Head Background Image */
body#tt-body-blog #header .blogMenu li.tab_blog a ,
body#tt-body-page #header .blogMenu li.tab_blog a,
body#tt-body-category #header .blogMenu li.tab_blog a,
body#tt-body-search #header .blogMenu li.tab_blog a,
body#tt-body-archive #header .blogMenu li.tab_blog a,
body#tt-body-entry #header .blogMenu li.tab_blog a,
body#tt-body-notice #header .blogMenu li.tab_blog a   { color:#c45050;}
body#tt-body-location #header .blogMenu li.tab_loc a  { color:#c45050;}
body#tt-body-tag #header .blogMenu li.tab_tag a    { color:#c45050;}
body#tt-body-keylog #header .blogMenu li.tab_key a    { color:#c45050;}
body#tt-body-media #header .blogMenu li.tab_media a    { color:#c45050;}
body#tt-body-guestbook #header .blogMenu li.tab_guest a   { color:#c45050;}

body#tt-body-media #content { background:url(images/bg_mcontent.gif) no-repeat; padding-top:42px; text-align:center;  }

/* ***** ROUND BOX *** */
.rtop, .rbottom{display:block; }
.rtop * {display:block; height:1px; overflow:hidden; background: #EEEEEE} 
.rbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; }

.htop, .hbottom{display:block; }
.htop * {display:block; height:1px; overflow:hidden; background: #ffffff} 
.hbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; }

.ntop, .nbottom{display:block; }
.ntop * {display:block; height:1px; overflow:hidden; background: #f9f9f9} 
.nbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #f9f9f9; }

.r1{margin:0 5px; background:#999999}
.r2{margin:0 3px; border-left:2px solid #999999; border-right:2px solid #999999;}
.r3{margin:0 2px; border-left:1px solid #999999; border-right:1px solid #999999;}
.r4{margin:0 1px; height:2px; border-left:1px solid #999999; border-right:1px solid #999999;}

.ftop, .fbottom{display:block; }
.ftop * {display:block; height:1px; overflow:hidden; } 
.fbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; }

.f1{margin:0 5px; background:#BBBBBB}
.f2{margin:0 3px; border-left:2px solid #BBBBBB; border-right:2px solid #BBBBBB;}
.f3{margin:0 2px; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.f4{margin:0 1px; height:2px; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.box_hblank1 { padding:5px; }
.box_hblank2 { padding:10px; }

/* ***** Tool   ***** */
#tool .admin_button   { text-align:right; float: right; padding: 5px 5px 0px 0px; clear:both; margin:0px;}

/* ***** title_wrap **** */
.titleWrap               { margin-bottom: 12px;}

/* ***** artice_title : h2 hover**** */

#content .notice,
#content .keylog,
#content .localog,
#content .taglog,
#content .entryNotice,
#content .entryProtected,
#content .guestbook,
#content .searchList,
#content .searchRplist,
#content .entry { padding:18px 18px 0px 18px;  border-left:1px solid #999999; border-right:1px solid #999999; background:url("images/bg_entry_top.jpg") repeat-x 0px 0px; background-color:#ffffff;  }

#content .prologue h3,
#content .notice h3,
#content .profile h3,
#content .keylog h3,
#content .localog h3,
#content .taglog h3,
#content .guestbook h3,
#content .searchList h3,
#content .searchRplist h3   { border-bottom:1px solid #ccc;  margin-bottom:10px;  color:#222;}

.searchList .kw,
.searchRplist .kw            { padding-left:3px;color:#c45050;}
.searchList ol,
.searchRplist ol            { list-style:none;  padding:0px;  margin:0;}
.searchList li,
.searchRplist li            { background:url(images/line_dot_gray2.gif) 0px 19px repeat-x;   padding-bottom:2px;  margin-bottom:5px;}
.searchList .date,
.searchRplist .date         { font:10px Tahoma;  margin-right:10px; float:left; width:50px; text-align:right}
.keylog .title,
.searchList .title,
.searchRplist .title        { padding-left:10px; font:11px Dotum, Tahoma;  margin-right:10px; float:left; }
.searchList .count,
.searchRplist .count        { padding-left:3px; font-weight:normal; font:8px tahoma;}
.searchList .cnt            { font:9px Tahoma;  color:#f60;}
.searchRplist .name         { font:10px Dotum, Tahoma;    color:#999;  padding-left:8px;}

.localog .spot              { background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
.localog .info              { background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
.localog a:link             { color:#c45050;}
.localog a:visited          { color:#c45050;}
.localog a:hover            { color:#c45050;  text-decoration:none; }
.localog a:active        { color:#c45050;  text-decoration:none;}

.keylog ul                  { margin:0; text-align:justify; }
.keylog a:hover             { background-color:#eee;  color:#000;}
.key1      { cursor: pointer; border-bottom: 1px dotted #ccc; }

.taglog ul                  { margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1    { font-weight:bold;  color:#B80D0D}
.taglog li .cloud2    { font-weight:bold;  color:#0D66B8}
.taglog li .cloud3    { font-weight:bold;  color:#C45050;}
.taglog li .cloud4    { }
.taglog li .cloud5    { }

.guestbook p                { padding:6px 0 0 0; margin:0px;}

.guestWrite                     {  margin:0px; padding:10px;  background-color:#f5f5f5;  border:1px solid #ddd;}
.guestWrite .input_writer  { float:left; margin-bottom:4px;}
.guestWrite .input_sec      { float:right; margin-bottom:4px; }
.guestWrite input               { width:80px; }
.guestWrite textarea            { font:11px dotum,tahoma; margin-bottom:5px;width:98%;  height:100px;}
.guestWrite .homepage           { width:130px;}
.guestWrite .submit             { border:0px }
.guestWrite .checkbox           { border:none; padding:0; margin:0; width:20px;}

.guestList                  { padding:0px;}
.guestList ol    { padding:0px;}
.guestList ol,
.guestList ul               { list-style:none; font:11px Dotum, Tahoma; line-height:18px; margin:0px; padding:0px; margin-top:10px;}
.guestList li p             { margin-top:5px; padding-top:5px;}
.guestList ol li            { border:5px solid #eee;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
.guestList li ul li         { margin-left:20px; margin-top:10px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px; border:none;  overflow:hidden;}
.guestList li .name         { color:#666;  font-weight:bold;}
.guestList li .name   a:hover { color:#3D8EC1;  text-decoration:none;}
.guestList li .date         { font:11px Tahoma;}
.guestList .control a.modify       { background:url(images/iconModify.gif) no-repeat;  padding:0 0 2px 53px;  text-decoration:none;}
.guestList .control a.modify span  { display:none;}
.guestList .control a.write        { background:url(images/iconWrite.gif) no-repeat;  padding:0 5px 2px 53px;  text-decoration:none;}
.guestList .control a.write span   { display:none;}

/* entry */

.entryProtected h2,
.entry h2                { background:url(images/icon_title.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px;  color:#222; font-size:11px;}
.entryNotice h2          { background:url(images/icon_notice.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px;  color:#222; font-size:11px;}


.titleWrap .admin        { padding-top:5px; }
.titleWrap .category     { font-size:11px;  ;  margin-right:5px;}
.titleWrap .category_notice  { font:11px tahoma;  margin-right:5px;}
.titleWrap .date         { font:8px Tahoma;  color:#888;}
.entryProtected .protected_box { background-color:#f9f9f9; padding:10px; }
.entryProtected .text    { background:url(images/imgProtected.gif) 15px 5px no-repeat ; font:10px Tahoma; font-weight:bold; padding-left:42px;  }
.entryProtected .text p  { padding:4px; margin:0px; }
.entryProtected input    { width:100px; height:12px; font:10px tahoma;}
.entryProtected .submit  { width:50px; height:16px;  font:10px tahoma;  background-color:#f5f5f5;}
.admin         { font:10px tahoma,Dotum; }
.article                 { text-align:justify; font-size:11px; font-family: 돋움,tahoma; width:100%; margin:0px 0px 22px 0px; overflow:hidden; background-color:#ffffff; clear:both}
.article  a:link         { color:#c45050;     text-decoration:none;}
.article  a:visited      { color:#c45050;     text-decoration:none;}
.article  a:hover        { color:#c45050;     text-decoration:none;}
.article  a:active       { color:#c45050;     text-decoration:none;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { font-size:11px; background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:35px;  margin-left:5px;}

.goup                    { float:right; width:43px; text-align:right; }
.tagTrail                { padding:0px 0px 10px 64px; background:url(images/tag.gif) 0px 1px no-repeat; }
.tagItem                 { }

.actionTrail             { clear:both;  margin-top:5px; padding:12px 1px 22px 1px; font:11px Dotum, Tahoma; background-color:#ffffff; border-top:1px solid #cccccc  }
.tbcm      { font:11px tahoma; float:left; width:auto;padding-top:3px; background-color:#ffffff}
.tbcm_vbar     { color:#C6C6C6; padding:0px 4px 0px 4px;}
.actionTrail .cnt        { color:#f60; padding-left:4px; font-weight:bold;}

.trackback               { clear:both; padding:10px 0px 0px 0px;  width:100%;  overflow:hidden;}
.taackback ol,ul,li      { margin:0;  padding:0;   }
.trackback_address       { background:url(images/clip_tb.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:10px/1 tahoma; cursor:pointer; padding:10px 10px 10px 110px; margin:0px;}
.trackback a             { color:#000;}
.trackback .from         { font-weight:normal;  padding:0px; margin:0px;}
.trackback h4            { font-weight:normal;  padding:0px; margin:0px;}
.trackback ol            { padding:0px; margin:0;  padding-top:5px; padding-bottom:5px;  list-style:none;}
.trackback li            { margin-bottom:5px; margin-top:0px; padding-top:5px; padding-bottom:10px; background:url(images/line_dot_gray2.gif) bottom left repeat-x; }
.trackback .date         { font:10px Tahoma;  color:#777;}
.trackback p             { font:11px Dotum, Tahoma; line-height:18px; margin:0px; margin-top:5px; padding:0px; padding-top:0px;color:#999;}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}


.comment                          { clear:both; padding:10px 0px 5px 0px; line-height:18px; width:100%; overflow:hidden;}
.comment_title                    { background:url(images/clip_reply.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:8px tahoma,dotum; padding:10px 10px 10px 110px; }
.comment p                        { font:11px Dotum, Tahoma; line-height:18px; margin:0px; padding:0px; margin-top:10px;margin-bottom:10px;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:10px Tahoma;  color:#777;}
.comment .name                    { font-weight:bold;}
.comment ol li             { background:url(images/line_dot_gray2.gif) bottom repeat-x; padding:10px 0px 2px 0px;}
.comment li ul li                 { border:0px; padding:0px 0px 0px 35px;  background:url("images/iconIndentArrow_local.gif") no-repeat 18px 2px;}
.comment .control a.address       { font-size:14px;background:url(images/iconAddress.gif) 0px 0px no-repeat;  padding-left:38px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { font-size:14px;background:url(images/iconModify.gif) no-repeat;  padding-left:55px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { font-size:14px;background:url(images/iconWrite.gif) no-repeat;  padding-left:40px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                     { margin:0px; padding:10px;  margin-top:10px; background-color:#f5f5f5;  border:1px solid #ddd;}
.commentWrite .input_writer    { float:left; margin-bottom:4px;}
.commentWrite .input_sec    { float:right; margin-right:6px; margin-bottom:5px; font:8px tahoma; }
.commentWrite input               { width:80px; }
.commentWrite textarea            { font:11px dotum,tahoma; margin-bottom:5px;width:99%;  height:100px;}
.commentWrite .homepage           { width:130px;}
.commentWrite .submit             { border:0px }
.commentWrite .checkbox           { border:none; padding:0; margin:0; width:20px;}


/* ***** sidebar ***** */

#sidebar                       { }
#sidebar .side_item         { padding:10px 10px 10px 10px;  padding-left:8px; border-left:1px solid #999999; border-right:1px solid #999999; background-color:#f9f9f9; }

#sidebar a:link          { color:#333;  text-decoration:none;}
#sidebar a:visited       { color:#333;  text-decoration:none;}
#sidebar a:hover         { color:#C45050;  text-decoration:none;}
#sidebar a:active        { color:#333;  text-decoration:none;}
        
#sidebar ul                    { list-style:none;}
#sidebar li                    { padding-left:0px;}
#sidebar h3                    { cursor:pointer; font-family:tahoma,dotum; font-size:11px;  font-weight:bold; color:#C45050; background:url(images/line_dot_gray.gif) 0px 22px repeat-x; margin-bottom:10px;}
#sidebar .item_title            { font-family:tahoma,dotum; font-size:11px;  font-weight:bold; color:#C45050; margin-bottom:35px;}
#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#sidebar .date                 { font:10px Tahoma;  color:#888;}
#sidebar .name                 { font:0.9em Dotum, Arial, sans-serif;  color:#888;}

#sidebar .blogImage img        { width:170px; padding-bottom:0px;}
#sidebar .blogDesc             { margin-top:10px; color:#888;  line-height:16px;  }
#sidebar .userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

#sidebar .notice               { margin-top:10px; padding:0;}
#sidebar .notice li            { margin:0px; padding:0px; padding-bottom:1px; background:none;}
#sidebar .notice a:link,
#sidebar .notice a:visited     { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}
#sidebar .notice a:hover       { background:url(images/iconNotice_on.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}


#sidebar .category             { margin-top:10px;  margin-bottom:0px;background:none;}
#sidebar .category h3          { margin-bottom:10px;}
#sidebar .category li          { background:none;}
#sidebar .category li ul li    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:10px;}
#sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#sidebar .category li ul li ul li a{ color:#999;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { font-size:11px, dotum; cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { padding-left:1px; font-size:11px; cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}

#sidebar .archive              { margin-top:10px; font-family:tahoma;}
#sidebar .archive select       { font-size:10px;font-family:tahoma;width:162px;}
#sidebar .archive  input       { margin-top:5px; font:11px dotum,tahoma; width:90px;  height:13px;}
#sidebar .archive  img         { margin-top:5px; }

#sidebar .recentPost           { margin-top:10px; }
#sidebar .recentSc             { margin-top:10px; }

#sidebar .calendar             { margin-top:10px;}
#sidebar #calendar_box     { }
#sidebar .calendar_box_d       { font:11px verdana; padding:0px 5px 0px 0px;}

/* 달력 월 표시 */
 .cal_month { font-size:100%; height:20px; font-family:tahoma; text-align:center; color:#e1cdbd; }
/* 달력 요일 표시 */
 .cal_week1 {font-size:100%; font-weight:normal; font-family:dotum; height:15px; text-align:center;}
/* 달력 일요일 표시 */
 .cal_week2 {font-size:100%; font-weight:normal; font-family:dotum; color: #ff845e; text-align:center;}
/* 달력 지난 달 날짜 표시 */
 .cal_day1 { font-size:100%; font-family:tahoma; color:#000; text-align:center;}
/* 달력 다음 달 날짜 표시 */
 .cal_day2 {font-size:100%; font-family:tahoma; color: #000; text-align:center;}
/* 달력 이번 달 날짜 표시 */
 .cal_day3 { font-size:100%; font-family:tahoma;   text-align:center;}
/* 달력 오늘 날짜 표시 */
 .cal_day4 { font-size:100%; font-family:tahoma; text-decoration:underline; text-align:center; }
/* 달력 글쓴 날 링크 스타일 */
a.cal_click{ font-weight:bold; color:#B80D0D;}
a.cal_click:link { color:#B80D0D; text-align:center;}
a.cal_click:visited { color:#B80D0D;  text-align:center;}
a.cal_click:hover { color : #fff;  text-align:center;}


#sidebar .tagbox               { margin-top:10px;}
#sidebar .tagbox ul            { text-align:justify;}
#sidebar .tagbox li            { background:none;  display:inline;}
#sidebar .tagbox a             { letter-spacing:-1px;}
#sidebar .tagbox li .cloud1    { font-weight:bold;  color:#B80D0D}
#sidebar .tagbox li .cloud2    { font-weight:bold;  color:#0D66B8}
#sidebar .tagbox li .cloud3    { font-weight:bold;  color:#C45050;}
#sidebar .tagbox li .cloud4    { }
#sidebar .tagbox li .cloud5    { }

#sidebar .recentComment        { margin-top:10px;}
#sidebar .recentTrackback      { margin-top:10px;}
#sidebar .link                 { margin-top:10px;}
#sidebar .link  li             { }
#sidebar .yag                  { margin-top:10px;}
#sidebar .counter              { margin-top:10px; font-size:11px; font-family:tahoma; }
#sidebar .detail               { font-size:10px; line-height:20px; margin-top:10px;}
#sidebar .counter .detail .total {  font-size:18px;  font-weight:bold; color:#E27F7F;  }
#sidebar .counter .detail .tynum { color:#C45050 }

#sidebar .btn               { margin-top:10px;}

/* 페이징  */
.selected      { font:11px tahoma, dotum; font-weight:bold;  color:#f30;}
.no-more-prev,
.no-more-next     { font:11px; color:#858585;}
.paging       { margin-bottom:15px;  text-align:center;  font:11px tahoma;}
.paging .numbox     { border-left:1px solid #B5B5B5; padding-left:6px; margin-left:6px;  font:11px verdana;}
.paging .num     { border-right:1px solid #B5B5B5; padding-right:8px; margin-right:5px;}

/* ***** footer ***** */
#footer       { font:10px/1.8 tahoma,dotum; margin-top:10px;margin-bottom:20px;color:#A0A0A0}
#footer .copyright    { text-align:center; }
#footer a:link     { color:#888888;     text-decoration:none;}
#footer a:visited    { color:#888888;     text-decoration:none;}
#footer a:hover     { color:#000000;  text-decoration:none;}
#footer a:active    { color:#888888;     text-decoration:none;}



--------------------------------------