diff --git a/widgets/calendar/skins/blog_calendar_list/calendar.html b/widgets/calendar/skins/blog_calendar_list/calendar.html
index ed24c4155..84bc93734 100644
--- a/widgets/calendar/skins/blog_calendar_list/calendar.html
+++ b/widgets/calendar/skins/blog_calendar_list/calendar.html
@@ -1,12 +1,15 @@
 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
 
-<!--%import("css/normal.css")-->
+<!--@if($colorset=="layout")-->
+<!--@else-->
+    <!--%import("css/normal.css")-->
+<!--@end-->
 
-<div id="calendar">
+<div class="widget_calendar">
     <table cellspacing="0">
 
     <caption>
-        <a href="{getUrl('search_target','regdate','search_keyword',$widget_info->prev_month)}"><img src="./images/buttonArrowCalendarLeft.gif" alt="prev" height="13" width="13" /></a>{zdate($widget_info->cur_date,"Y")}.<span class="mm">{zdate($widget_info->cur_date,"m")}</span><a href="{getUrl('search_target','regdate','search_keyword',$widget_info->next_month)}"><img src="./images/buttonArrowCalendarRight.gif" alt="next" height="13" width="13" /></a>
+        <a href="{getUrl('search_target','regdate','search_keyword',$widget_info->prev_month)}" class="back"><img src="./images/blank.gif" alt="" /></a>{zdate($widget_info->cur_date,"Y")}.<span class="mm">{zdate($widget_info->cur_date,"m")}</span><a href="{getUrl('search_target','regdate','search_keyword',$widget_info->next_month)}" class="next"><img src="./images/blank.gif" alt="next" /></a>
     </caption>
 
     {@ $day = ''}
diff --git a/widgets/calendar/skins/blog_calendar_list/css/normal.css b/widgets/calendar/skins/blog_calendar_list/css/normal.css
index f61bd3344..874553e7b 100644
--- a/widgets/calendar/skins/blog_calendar_list/css/normal.css
+++ b/widgets/calendar/skins/blog_calendar_list/css/normal.css
@@ -1,18 +1,20 @@
 /* Calendar */
-div#calendar { padding:1.2em .8em; position:relative; border:1px solid #e0e1db; margin-bottom:.7em;}
-div#calendar table { width:100%;}
-div#calendar table caption { font:bold 1.5em Tahoma; color:#9a9a9a; padding-bottom:.6em;}
-div#calendar table caption .mm { font:bold 1em Tahoma; color:#54564b;}
-div#calendar table caption a { padding:.2em;}
-div#calendar table caption a img { vertical-align:middle;}
-div#calendar table th,
-div#calendar table td { padding:.25em 0;}
-div#calendar table th { font-weight:normal; font-size:.9em; color:#9a9a9a;}
-div#calendar table th.sun { color:#fe3614;}
-div#calendar table td { text-align:center;}
-div#calendar table td a { font:.9em Tahoma; color:#9a9a9a;}
-div#calendar table td.sun { color:#fe3614;}
-div#calendar table td.sun a { color:#fe3614;}
-div#calendar table td.today { font-weight:bold; color:#54564b;}
-div#calendar table td.today a { font-weight:bold; color:#54564b;}
-div#calendar table td.posted a { text-decoration:underline;}
+.widget_calendar { padding:1.2em .8em; position:relative; border:1px solid #e0e1db; margin-bottom:.7em;}
+.widget_calendar table { width:100%;}
+.widget_calendar table caption { font:bold 1em Tahoma; color:#9a9a9a; padding-bottom:.6em; background:url(none);}
+.widget_calendar table caption .mm { font:bold 1em Tahoma; color:#54564b;}
+.widget_calendar table caption a { padding:.2em;}
+.widget_calendar table caption a img { width:13px; height:13px;}
+.widget_calendar table caption a.back { background:url("../images/buttonArrowCalendarLeft.gif") no-repeat left 3px; width:13px; height:13px;}
+.widget_calendar table caption a.next { background:url("../images/buttonArrowCalendarRight.gif") no-repeat left 3px; width:3px; height:13px;}
+.widget_calendar table th,
+.widget_calendar table td { padding:.25em 0;}
+.widget_calendar table th { font-weight:normal; font-size:.9em; color:#9a9a9a;}
+.widget_calendar table th.sun { color:#fe3614;}
+.widget_calendar table td { text-align:center;}
+.widget_calendar table td a { font:.9em Tahoma; color:#9a9a9a;}
+.widget_calendar table td.sun { color:#fe3614;}
+.widget_calendar table td.sun a { color:#fe3614;}
+.widget_calendar table td.today { font-weight:bold; color:#54564b;}
+.widget_calendar table td.today a { font-weight:bold; color:#54564b;}
+.widget_calendar table td.posted a { text-decoration:underline;}
diff --git a/widgets/calendar/skins/blog_calendar_list/images/blank.gif b/widgets/calendar/skins/blog_calendar_list/images/blank.gif
new file mode 100644
index 000000000..35d42e808
Binary files /dev/null and b/widgets/calendar/skins/blog_calendar_list/images/blank.gif differ
diff --git a/widgets/calendar/skins/blog_calendar_list/skin.xml b/widgets/calendar/skins/blog_calendar_list/skin.xml
index 0a260713b..52413df69 100644
--- a/widgets/calendar/skins/blog_calendar_list/skin.xml
+++ b/widgets/calendar/skins/blog_calendar_list/skin.xml
@@ -21,29 +21,11 @@
       <title xml:lang="zh-CN">默认颜色</title>
       <title xml:lang="en">Default color</title>
     </color>
-    <color name="cyan">
-      <title xml:lang="ko">청록색</title>
-      <title xml:lang="jp">青緑</title>
-      <title xml:lang="zh-CN">青绿色</title>
-      <title xml:lang="en">cyan</title>
-    </color>
-    <color name="green">
-      <title xml:lang="ko">초록색</title>
-      <title xml:lang="jp">緑</title>
-      <title xml:lang="zh-CN">绿色</title>
-      <title xml:lang="en">green</title>
-    </color>
-    <color name="red">
-      <title xml:lang="ko">빨간색</title>
-      <title xml:lang="jp">赤</title>
-      <title xml:lang="zh-CN">红色</title>
-      <title xml:lang="en">red</title>
-    </color>
-    <color name="purple">
-      <title xml:lang="ko">보라색</title>
-      <title xml:lang="jp">紫</title>
-      <title xml:lang="zh-CN">紫色</title>
-      <title xml:lang="en">purple</title>
+    <color name="layout">
+      <title xml:lang="ko">레이아웃에 맞춤</title>
+      <title xml:lang="jp">レイアウトに合わせる</title>
+      <title xml:lang="zh-CN">随布局</title>
+      <title xml:lang="en">레이아웃에 맞춤</title>
     </color>
   </colorset>
 </skin>