diff --git a/widgets/tag_list/skins/blog_tag_list/css/normal.css b/widgets/tag_list/skins/blog_tag_list/css/normal.css
new file mode 100644
index 000000000..a211c2884
--- /dev/null
+++ b/widgets/tag_list/skins/blog_tag_list/css/normal.css
@@ -0,0 +1,9 @@
+div#tag { position:relative; border:1px solid #e0e1db; background:url(../images/normal/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#tag h2 { position:relative; border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; font-family:Tahoma;}
+/*:first-child+html .boxTypeB h2 { height:20px;} */
+div#tag .tagList { padding:1.2em; overflow:hidden;}
+div#tag .tagList li { display:inline; color:#a4a4a4; margin-right:.1em; line-height:1.5em;}
+div#tag .tagList li a { color:#a4a4a4;}
+div#tag .tagList li.typeA a { color:#fe3614; font-weight:bold;}
+div#tag .tagList li.typeB a { color:#fe3614;}
+div#tag .tagList li.typeC a { font-weight:bold;}
diff --git a/widgets/tag_list/skins/blog_tag_list/css/style.css b/widgets/tag_list/skins/blog_tag_list/css/style.css
deleted file mode 100644
index e7f26641a..000000000
--- a/widgets/tag_list/skins/blog_tag_list/css/style.css
+++ /dev/null
@@ -1,7 +0,0 @@
-div#tag { padding-bottom:1em;}
-div#tag .tagList { padding:1.2em; overflow:hidden;}
-div#tag .tagList li { display:inline; color:#a4a4a4; margin-right:.1em; line-height:1.5em;}
-div#tag .tagList li a { color:#a4a4a4;}
-div#tag .tagList li.typeA a { color:#fe3614; font-weight:bold;}
-div#tag .tagList li.typeB a { color:#fe3614;}
-div#tag .tagList li.typeC a { font-weight:bold;}
diff --git a/widgets/tag_list/skins/blog_tag_list/list.html b/widgets/tag_list/skins/blog_tag_list/list.html
index 4518a07bb..17054695e 100644
--- a/widgets/tag_list/skins/blog_tag_list/list.html
+++ b/widgets/tag_list/skins/blog_tag_list/list.html
@@ -4,54 +4,29 @@
     <!--%import("css/normal.css")-->
 <!--@end-->
 
-<div class="tag_list_{$colorset}" style="width:100%">
-    <div class="tag_list_box">
-
-        <!--@if($widget_info->title)-->
-        <div class="title_box">
-            <div class="title">{$widget_info->title}</div>
-        </div>
-        <!--@end-->
-
-        <div class="tag_box">
-            <!--@foreach($widget_info->tag_list as $val)-->
-            <div class="tag">
-              <!--@if(!$layout_info->mid)-->
-                <a href="{getUrl('','mid',$mid,'search_target','tag','search_keyword',urlencode($val->tag))}">{cut_str($val->tag,15,'...')}</a>
-              <!--@else-->
-                <a href="{getUrl('','mid',$layout_info->mid,'search_target','tag','search_keyword',urlencode($val->tag))}">{cut_str($val->tag,15,'...')}</a>
-              <!--@end-->
-            </div>
-            <!--@end-->
-        </div>
-    </div>
-</div>
-
-<div id="tag" class="boxTypeB">
+<div id="tag">
     <div class="header">
-        <h2>tags</h2>
-        <ul class="optionList">
-        <li><a href="#">최근</a></li>
-        <li class="on"><a href="#">인기</a></li>
-        </ul>
+        <!--@if($widget_info->title)-->
+            <h2>{$widget_info->title}</h2>
+        <!--@else-->
+            <h2>tags</h2>
+        <!--@end-->
     </div>
 
     <ul class="tagList">
-        <li><a href="#">어리석은</a>,</li>
-        <li class="typeC"><a href="#">음악</a>,</li>
-        <li class="typeB"><a href="#">연예시대</a>,</li>
-        <li class="typeA"><a href="#">친구</a>,</li>
-        <li><a href="#">겨울바다</a>,</li>
-        <li class="typeC"><a href="#">딸기</a>,</li>
-        <li><a href="#">상큼한것</a>,</li>
-        <li><a href="#">수영장</a>,</li>
-        <li class="typeC"><a href="#">던킨도너츠</a>,</li>
-        <li><a href="#">추억</a>,</li>
-        <li class="typeB"><a href="#">빨간자전거</a>,</li>
-        <li><a href="#">여행</a>,</li>
-        <li><a href="#">월드타운</a>,</li>
-        <li class="typeC"><a href="#">유럽여행</a>,</li>
-        <li class="typeA"><a href="#">프라하</a></li>
+        <!--@foreach($widget_info->tag_list as $val)-->
+            <!--@if($val->count>10)-->
+                {@ $tag_class = "typeA" }
+            <!--@elseif($val->count>5)-->
+                {@ $tag_class = "typeB" }
+            <!--@elseif($val->count>3)-->
+                {@ $tag_class = "typeC" }
+            <!--@else-->
+                {@ $tag_class = "" }
+            <!--@end-->
+            <li <!--@if($tag_class)-->class="{$tag_class}"<!--@end--> ><a href="{getUrl('','mid',$mid,'search_target','tag','search_keyword',urlencode($val->tag))}">{cut_str($val->tag,15,'...')}</a></li>
+        <!--@end-->
     </ul>
+    <!-- typeA,B,C -->
 </div>