@charset "utf-8";

/*상단박스 디폴트 테스트용*/
.latest_clean_top {height:29px; background:url(../images/top02.gif) repeat left top;}

/*상단박스 색상 선택별 탑이미지 불러오기*/
.latest_clean_top_orange {height:29px; background:url(../images/orange/top02.gif) repeat left top;}
.latest_clean_top_black  {height:29px; background:url(../images/black/top02.gif) repeat left top;}
.latest_clean_top_gray  {height:29px; background:url(../images/gray/top02.gif) repeat left top;}
.latest_clean_top_cyan  {height:29px; background:url(../images/cyan/top02.gif) repeat left top;}
.latest_clean_top_blue  {height:29px; background:url(../images/blue/top02.gif) repeat left top;}
.latest_clean_top_red  {height:29px; background:url(../images/red/top02.gif) repeat left top;}
.latest_clean_top_purple {height:29px; background:url(../images/purple/top02.gif) repeat left top;}
.latest_clean_top_white  {height:29px; background:url(../images/white/top02.gif) repeat left top;}

/*상단타이틀 설정*/
.latest_clean_title {padding-top:12px; background-color:transparent; color:#555555; font:.8em verdana, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-weight:bold;}

/*중단박스 라인박스 설정*/
.latest_clean_body    {padding:0px 10px 0px 0px; background:url(../images/middle02.gif) repeat-y right top;}
.latest_clean_body .bodyl {width:100%; overflow:hidden; padding:0px 0px 8px 0px; background:url(../images/middle01.gif) repeat-y left top;}
.latest_clean_line01    {height:8px; background:url(../images/line.gif) repeat-y left top;}
.latest_clean_line,
.latest_clean_body .bodyr {overflow:hidden; height:8px; background:url(../images/middle02.gif) repeat-y left top; }

/*하단박스설정*/
.latest_clean_bottom {height:7px; background:url(../images/bottom02.gif) repeat left top;}

/*텍스트설정*/
/*리스트*/
.latest_clean_body .items   {overflow:hidden; margin:0px; padding:0px 0px 0px 10px;  font: 11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; list-style:none;}
.latest_clean_body .items li   {height:15px; white-space:nowrap; border-bottom:1px dotted #DEDEDE; background:url(../images/arrow.gif) no-repeat left; padding:3px 0px 2px 8px;}

/*나머지부가요소*/
.latest_clean_body .date    {color:#FF6E6E; font:9px verdana;}
.latest_clean_body .category  {color:#149494; font:9px verdana;}
.latest_clean_body .comment  {color:#FE6700; font:9px verdana;}
.latest_clean_body .comment a {color:#FE6700; font:9px verdana;}
.latest_clean_body .name   {color:#7878E1; font:9px verdana;}

 <!--%import("css/default.css")-->
<style>
a.latest_clean_title:link { text-decoration:none; }
a.latest_clean_title:visited { text-decoration:none; }
a.latest_clean_title:active { text-decoration:none; }
a.latest_clean_title:hover { text-decoration:underline; color:#FF6E6E; }
</style>

<div class="latest_clean_top_{$colorset}">
 <div style="float:left;"><img src="./images/{$colorset}/top01.gif"></div>
 <div style="float:left;" class="latest_clean_title" zoom:1>< <div style="float:right;" class="latest_clean_title"><!--@if($widget_info->title && $widget_info->module_name)--><a href="{getUrl('','mid',$widget_info->module_name)}" class="more"><img src="./images/more.gif"></a><</div>

<div class="latest_clean_line01"><div style=" float:right;" class="latest_clean_line"><img src="./images/middle02.gif"></div></div>

<div class="latest_clean_body">
 <div class="bodyl">
  <ul class="items">
   <!--@foreach($widget_info->document_list as $oDocument)-->
    <li>

    <!--@if($widget_info->display_regdate == 'Y')-->
    <span class="date">{$oDocument->getRegdate("m/d")}</span>
    <!--@end-->

    <!--@if($widget_info->display_category == 'Y')-->
    <span class="category">{$oDocument->menuname}</span>
    <!--@end-->
    
    {$oDocument->printExtraImages($widget_info->duration_new)}

    <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitle($widget_info->subject_cut_size)}</a>
    
    <!--@if($oDocument->getCommentCount())-->
    <span class="comment"><a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a></span>
    <!--@end-->

    <!--@if($widget_info->display_author == 'Y')-->
    <span class="name">- {$oDocument->getNickName()}</span>
    <!--@end-->
    
    </li>
   <!--@end-->
  </ul>
 </div>

</div>

<div class="latest_clean_bottom">
 <div style=" float:left;"><img src="./images/bottom01.gif"></div>
 <div style=" float:center;" ><img src="./images/bottom02.gif"></div>
 <div style=" float:right;"><img src="./images/bottom03.gif"></div><div style="clear:both;"></div>
</div>