Content 확장 위젯 2 복사하여 갤러리형 thumbnail 사이 간격 다르게 적용하고 싶어요

<ul class="widgetGalleryA2" style="width:{$widget_info->cols_list_count*($widget_info->thumbnail_width+28)}px;">
{@$_idx=0}
    <!--@foreach($widget_info->content_items as $key => $item)-->
    <li<!--@if($_idx>0 && $_idx % $widget_info->cols_list_count==0)--> class="clearLeft"<!--@end--> style="<!--@if($_idx >= $widget_info->list_count)-->display:none;<!--@end-->width:{$widget_info->thumbnail_width}px;">
        <!--@foreach($widget_info->option_view_arr as $k => $v)-->
            <!--@if($v=='thumbnail')-->
                <a href="{$item->getLink()}" class="thumb" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px">
                    <!--@if($item->getThumbnail())-->
                        <img src="{$item->getThumbnail()}" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"/>
                    <!--@else-->
                        <span class="imgNone">{$lang->none_image}</span>
                    <!--@end-->
                <!--@if($widget_info->show_browser_title=='Y' && $item->getBrowserTitle())-->
                    <strong class="board">{$item->getBrowserTitle()}</strong>
                <!--@end-->
<!--@if($widget_info->show_content_title=='Y' && $item->getDocumentTitle())-->
<a href="{$item->getDocumentURL()}"><strong class="board">{$item->getDocumentTitle()}</strong></a>
<!--@end-->
                <!--@if($widget_info->show_category=='Y' && $item->getCategory())-->
                    <strong class="category">{$item->getCategory()}</strong>
                <!--@end-->
                </a>

.widgetGalleryA2{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA2:after{ content:""; display:block; clear:both;}
.widgetGalleryA2 li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA2 li.clearRight{ margin-right:0;}
.widgetGalleryA2 li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA2 li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA2 li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA2 li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA2 li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA2 li .author{ display:block;}
.widgetGalleryA2 li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA2 li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA2 li .date{ font:11px Tahoma;}
.widgetGalleryA2 li .hour{ font:11px Tahoma;}