diff --git a/modules/blog/skins/xe_blog/comment.html b/modules/blog/skins/xe_blog/comment.html
index acf94db03..c1843601e 100644
--- a/modules/blog/skins/xe_blog/comment.html
+++ b/modules/blog/skins/xe_blog/comment.html
@@ -12,14 +12,12 @@
 
             <a name="comment_{$key}"></a>
 
-            <div class="member_{$val->member_srl} author">{htmlspecialchars($val->nick_name)}</div>
-
             <div class="replyOption">
                 <!--@if($val->is_granted || !$val->member_srl || $grant->is_admin)-->
-                    <a href="{getUrl('act','dispBlogDeleteComment','comment_srl',$val->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonDeleteX.gif" alt="{$lang->cmd_delete}" width="12" height="13" /></a>
-                    <a href="{getUrl('act','dispBlogModifyComment','comment_srl',$val->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonModifyE.gif" alt="{$lang->cmd_modify}" width="20" height="18" /></a> 
+                    <a href="{getUrl('act','dispBlogDeleteComment','comment_srl',$val->comment_srl)}"><img src="./images/common/buttonDeleteX.gif" alt="{$lang->cmd_delete}" width="12" height="13" /></a>
+                    <a href="{getUrl('act','dispBlogModifyComment','comment_srl',$val->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonModifyE.gif" alt="{$lang->cmd_modify}" width="20" height="17" /></a> 
                 <!--@end-->
-                    <a href="{getUrl('act','dispBlogReplyComment','comment_srl',$val->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonReply.gif" alt="{$lang->cmd_reply}" width="20" height="18" /></a> 
+                    <a href="{getUrl('act','dispBlogReplyComment','comment_srl',$val->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonReply.gif" alt="{$lang->cmd_reply}" width="20" height="17" /></a> 
             </div>
 
             <div class="date">
@@ -29,6 +27,8 @@
                 <!--@end-->
             </div>
 
+            <div class="member_{$val->member_srl} author">{htmlspecialchars($val->nick_name)}</div>
+
             <div class="replyContent">
             {$val->content}
             </div>
diff --git a/modules/blog/skins/xe_blog/css/blog_tree_menu.css b/modules/blog/skins/xe_blog/css/blog_tree_menu.css
index b57d0ae81..2bf3e4a1f 100644
--- a/modules/blog/skins/xe_blog/css/blog_tree_menu.css
+++ b/modules/blog/skins/xe_blog/css/blog_tree_menu.css
@@ -1,4 +1,3 @@
-#blog_category { position:relative; border:1px solid #e0e1db; background:url(../images/white/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
 
 #blog_category .title_box { position:relative; border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; }
 
@@ -18,17 +17,17 @@
 
 #blog_category .page {
     cursor:pointer;
-    background:url(../images/white/iconList.gif) no-repeat left;
+    background:url(../images/common/iconList.gif) no-repeat left;
 }
 
 #blog_category .folder_open {
     cursor:pointer;
-    background:url(../images/white/iconFolderClose.gif) no-repeat left;
+    background:url(../images/common/iconFolderClose.gif) no-repeat left;
 }
 
 #blog_category .folder_close {
     cursor:pointer;
-    background:url(../images/white/iconFolderClose.gif) no-repeat left;
+    background:url(../images/common/iconFolderClose.gif) no-repeat left;
 }
 
 #blog_category .item_open {
diff --git a/modules/blog/skins/xe_blog/css/common.css b/modules/blog/skins/xe_blog/css/common.css
new file mode 100644
index 000000000..7dd12a55d
--- /dev/null
+++ b/modules/blog/skins/xe_blog/css/common.css
@@ -0,0 +1,287 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+.gap1 { margin-top:.8em; }
+.commentButton { margin:.8em 0 .8em 0; }
+
+/* pathNavigation */
+.pathNavigation { background:url(../images/common/bullet_3x3_d8d8d8.gif) no-repeat left .4em; padding:0 0 0 .5em; color:#999999; margin:0 0 1.5em 0;}
+.pathNavigation * { font-size:.9em;}
+.pathNavigation a { color:#999999;}
+.pathNavigation strong { color:#666666;}
+
+.boardHeader2 { width:100%; overflow:hidden; padding:1em 0 1em 0; color:#444444;}
+.boardHeader2 h3 { float:left; font-size:1.4em; padding-left:1.2em; background:url(../images/common/iconH3.gif) no-repeat .5em center;}
+.boardHeader2 .info { float:right; position:relative; top:.4em;}
+.boardHeader2 .info q { quotes:none; font-weight:bold;}
+.boardHeader2 .info strong { font:bold .9em Tahoma; color:#ff6600;}
+
+/* boardComment */
+.boardComment { color:#AEAEAE; position:relative; border:1px solid #DDDDDD; overflow:hidden;padding:.8em; margin-top:.4em;}
+.boardComment a { color:#f38d2a; text-decoration:none; border-bottom:1px dotted #f38d2a;}
+
+/* boardInformation */
+.boardInformation { width:100%; clear:both; margin:1em 0 .5em 0; overflow:hidden; color:#666666;}
+
+.accountNavigation { float:right; overflow:hidden;}
+.accountNavigation li { float:left; padding:0 .5em 0 .6em; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat left .4em; list-style:none;}
+.accountNavigation li a { font-size:11px; white-space:nowrap; color:#666666; text-decoration:none;}
+.accountNavigation li.rss { background:none; padding-top:.4em;}
+.accountNavigation li.join { background:none; padding-top:.4em;}
+.accountNavigation li.myInfo { padding-top:.4em; background:none;}
+.accountNavigation li.admin { padding-top:.4em;}
+.accountNavigation li.admin a { display:block; background:url(../images/common/iconAdmin.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.setup { padding-top:.4em;}
+.accountNavigation li.setup a { display:block; background:url(../images/common/iconSetup.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.loginAndLogout { background:none; padding-left:0;}
+
+/* boardList */
+.boardList { width:100%; position:relative; border:1px solid #e0e1db;}
+.boardList tr.notice { background:#f8f8f8;}
+.boardList tr.notice .num { font-size:.9em; font-weight:bold;}
+.boardList tr.bg1 { background:#ffffff}
+.boardList tr.bg2 { background:#fbfbfb;}
+.boardList th a { color:#3e3f3e; text-decoration:none; }
+.boardList th.num { background-position:-3px bottom; border-left:1px solid #ffffff; }
+.boardList th.title.first-child { background-position:-3px bottom;}
+.boardList th.title { text-align:center; }
+.boardList th.category { text-align:left; }
+.boardList th.title select { vertical-align:middle; margin-left:.5em; }
+.boardList th.reading { white-space:nowrap;}
+.boardList th.recommend { white-space:nowrap;}
+.boardList th.date { border-right:1px solid #ffffff;}
+.boardList th .sort { padding:0 .2em; vertical-align:middle;}
+.boardList td { border-top:1px solid #eff0ed; padding:.5em;}
+.boardList td.num { font:.8em tahoma; color:#999999; padding:.5em 1em; text-align:center;}
+.boardList tr.notice td.num { padding:.5em; white-space:nowrap;}
+.boardList td.thumb { padding:.5em 0 .5em .5em; width:145px; table-layout:fixed; white-space:nowrap;}
+.boardList td.thumb * { vertical-align:middle;}
+.boardList td.title {padding-left:1em; }
+.boardList td.title strong.category { font-size:1em; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat right 3px; padding-right:.5em; margin-right:.5em;}
+.boardList td.title.bold { font-size:1.2em; font-weight:bold;}
+.boardList td.title.bold a { position:relative; top:.3em;}
+.boardList td.title * { vertical-align:middle;} 
+.boardList td.title,
+.boardList td.title a { color:#444444; text-decoration:none;}
+.boardList td.title a:visited { color:#777777;}
+.boardList td.author { color:#333333; font-size:.95em; padding-left:1em;}
+.boardList td.author a { font-size:1em; color:#333333;}
+.boardList td.reading { font:.8em Tahoma; color:#999999; text-align:center;}
+.boardList td.date { font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;}
+.boardList td.summary { border-top:none; vertical-align:top; color:#666666; line-height:1.25em;}
+.boardList td.summary a { color:#666666; text-decoration:none; line-height:inherit;}
+.boardList td.summary a:visited { color:#999999;}
+.boardList td input { _margin:-3px;}
+.boardList td .replyAndTrackback img.trackback { margin-bottom:-.1em;}
+.boardList td .replyAndTrackback strong { font:bold 1em Tahoma;}
+.boardList td.title.bold .replyAndTrackback { font:.6em Tahoma; color:#ff6600; position:relative; top:.3em;}
+.boardList td .replyAndTrackback strong { font:bold 1em Tahoma;}
+
+.boardList td .thumbnailSmall { margin:0 .3em 0 .3em;}
+.boardList td .thumbnailSmall img { border:1px solid #bcbdb6;}
+.boardList td .thumbnailMedium { margin:0 .3em 0 .3em;}
+.boardList td .thumbnailMedium img { border:1px solid #e0e1db; padding:3px;}
+
+.boardList.thumbnail { margin-top:-1px; border-bottom:none;}
+.boardList.thumbnail td { border-top:none; border-bottom:1px solid #eff0ed; padding:1.5em 0 0 1.5em; overflow:hidden;}
+.boardList.thumbnail div.cell { float:left; width:130px; margin:0 1.5em 0 0; padding-bottom:1.5em;}
+.boardList.thumbnail div.cell img.thumb { padding:2px; border:1px solid #e0e1db; display:block; margin-bottom:1em;}
+.boardList.thumbnail div.title { color:#444444; margin-bottom:.2em; padding-left:3px;}
+.boardList.thumbnail div.title a { color:#444444;}
+.boardList.thumbnail div.nameAndDate { font-size:.9em; color:#999999; margin-bottom:.2em; padding-left:3px;}
+.boardList.thumbnail div.nameAndDate a { color:#999999;}
+.boardList.thumbnail div.nameAndDate .date { font:.8em Tahoma; color:#999999;}
+.boardList.thumbnail div.readAndRecommend { font-size:.9em; color:#666666; padding-left:3px;}
+.boardList.thumbnail div.readAndRecommend .num { font:.8em Tahoma;}
+.boardList.thumbnail div.readAndRecommend .vr { color:#dddddd;}
+.boardList.thumbnail div.readAndRecommend strong.num { font:bold .8em Tahoma; color:#ff6600;}
+
+/* pageNavigation */
+.pageNavigation { display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .8em Tahoma; }
+.pageNavigation a { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
+.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
+.pageNavigation a:visited { color:#999999;}
+.pageNavigation a.goToFirst,
+.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
+.pageNavigation a.goToFirst img,
+.pageNavigation a.goToLast img { display:inline-block; padding:2px 0; position:relative; top:2px; _top:1px;}
+
+.boardRead .dateAndModify { float:right; white-space:nowrap;}
+.boardRead .dateAndModify { font-size:.8em; color:#999999; float:left; position:relative; top:.3em;}
+.boardRead .dateAndModify strong { font-size:1em; font-family:Tahoma;}
+.boardRead .dateAndModify ul { display:inline;}
+.boardRead .dateAndModify ul li { float:left; margin-left:.3em; list-style:none;}
+
+/* extraVars list */
+.extraVarsList { width:100%; border:1px solid #e0e1db; clear:both; margin-bottom:1em;}
+.extraVarsList tr.notice { background:#f8f8f8;}
+.extraVarsList tr.notice .num { font-size:.9em; font-weight:bold;}
+.extraVarsList tr.bg1 { background:#ffffff}
+.extraVarsList tr.bg2 { background:#fbfbfb;}
+.extraVarsList th { color:#3e3f3e; font-weight:bold; padding:.8em .5em .5em .5em; border-bottom:1px solid #eff0ed; border-right:1px solid #eff0ed;}
+.extraVarsList td { border-bottom:1px solid #eff0ed; padding:.5em .5em .5em 1em;}
+
+/* boardSearch */
+.boardSearch { text-align:center; clear:both; width:100%;}
+.boardSearch fieldset { border:none; display:inline; overflow:visible; position:relative;}
+.boardSearch fieldset legend { overflow:hidden; width:1px; height:1px; font-size:.001em;}
+.boardSearch * { vertical-align:middle;} 
+.boardSearch select { float:left;}
+.boardSearch input { float:left; margin:0 .3em; background:#fbfbfb;}
+.searchButton ul { overflow:hidden;}
+.searchButton li { float:left; margin-right:.3em; list-style:none;}
+
+/* boardRead */
+.boardRead { position:relative; _width:100%; margin:1em 0 0 0; border:1px solid #e0e1db;}
+.boardRead .originalContent { padding:2em 1.2em 2em 1.2em;}
+.boardRead .readHeader { width:100%; padding-bottom:.5em; margin-bottom:1em; border-bottom:1px solid #eff0ed; overflow:hidden;}
+
+.boardRead .titleAndCategory { float:left;}
+.boardRead .titleAndCategory h4 { font-size:1.4em; display:inline; padding-left:.2em;}
+.boardRead .titleAndCategory .vr { font-size:.9em; margin:0 .3em; color:#c5c7c0;}
+.boardRead .titleAndCategory .cotegory { font-size:.9em; color:#999999; white-space:nowrap;}
+
+.boardRead .dateAndModify { float:right; white-space:nowrap;}
+.boardRead .dateAndModify .num { font-size:.9em; font-family:Tahoma; color:#999999; margin-right:.5em; float:left; position:relative; top:.3em;}
+.boardRead .dateAndModify .num strong { font-size:1em; font-family:Tahoma;}
+.boardRead .dateAndModify ul { display:inline;}
+.boardRead .dateAndModify ul li { float:left; margin-left:.3em;}
+
+.boardRead ul.uri { overflow:hidden; margin:0 0 2em .3em; float:right; clear:left;}
+.boardRead ul.uri li { font-size:8pt; color:#c5c7c0; }
+
+.boardRead .userInfo { float:left; white-space:nowrap;}
+.boardRead .userInfo .author { padding:0 .3em 0 0; color:#3074a5; margin-right:.3em;}
+.boardRead .userInfo .ipaddress { font-size:.9em; font-family:Tahoma; color:#888888; margin-right:.5em; }
+
+.boardRead .contentBody { width:100%; overflow:hidden; }
+.boardRead .readBody { padding:0 .3em; color:#555555; overflow:hidden; margin-bottom:2em; clear:both; }
+.boardRead .readBody p { margin:1em 0; line-height:1.5em;}
+.boardRead .readBody .alignLeft { float:left; margin:0 1em 1em 0; }
+.boardRead .readBody .alignRight { float:right; margin:0 0 1em 1em; }
+.boardRead .readBody .valignCenter { vertical-align:middle;}
+.boardRead .readBody .clearBoth { display:block; margin:0 0 1em 0;}
+.boardRead .readFooter { padding:0 .3em;}
+.boardRead .readFooter .tag { margin-bottom:1em;}
+.boardRead .readFooter .tag h5 { display:inline; font-size:1em; margin-right:.5em;}
+.boardRead .readFooter .tag ul,
+.boardRead .readFooter .tag li { display:inline;}
+.boardRead .readFooter .tag a { color:#444444;}
+.boardRead .readFooter .tag .tagIcon { vertical-align:middle;}
+.boardRead .readFooter .fileAttached { _width:100%; border:1px solid #eaeae7; overflow:hidden; background:#fbfbfb;}
+.boardRead .readFooter .fileAttached h5 { font-weight:normal; color:#999999; float:left; font-size:1em; margin:.5em .5em 0 .5em; line-height:1.5em;}
+.boardRead .readFooter .fileAttached ul { float:left; margin-top:.5em; padding-bottom:1em; }
+.boardRead .readFooter .fileAttached li { display:inline; margin-right:.75em; line-height:1.5em;}
+.boardRead .readFooter .fileAttached li a:visited { color:#777777;}
+
+.boardRead .replyAndTrackback li { margin-left:1em; padding-left:1.4em; float:left; list-style:none;}
+
+.boardRead .replyAndTrackback li.reply { background:url(../images/common/iconReply.gif) no-repeat left top;}
+.boardRead .replyAndTrackback li.reply a { position:relative; top:-.3em; _top:-.6em;}
+
+.boardRead .replyAndTrackback li.trackback { background:url(../images/common/iconTrackback.gif) no-repeat left top;}
+.boardRead .replyAndTrackback li.trackback a { position:relative; top:-.3em; _top:0em;}
+
+.boardRead .replyAndTrackback a { color:#333333; white-space:nowrap; text-decoration:none;}
+.boardRead .replyAndTrackback a#toggleReply { background:url(../images/common/buttonToggleReply.gif) no-repeat right top;}
+.boardRead .replyAndTrackback a#toggleTrackback { background:url(../images/common/buttonToggleReply.gif) no-repeat right -13px;}
+
+.boardRead .replyAndTrackback .listButton { float:right; margin:0 1em 0 0; position:relative; top:-5px; _top:-7px;}
+
+#trackbacks { padding:.6em .6em; color:#666666; border:1px solid #e0e1db;;margin-top:.5em;}
+#trackbacks li { padding:.6em .8em .6em .6em; line-height:1.25em; border-bottom:1px dotted #EEEEEE; list-style:none;}
+#trackbacks p { display:inline; margin-bottom:1em;}
+#trackbacks a { color:#666666; text-decoration:none;}
+#trackbacks div  { clear:both; }
+#trackbacks address { display:block; padding:0 .3em 0 0; }
+#trackbacks address a { font-size:.9em; color:#3074a5; margin-right:.3em; float:left;}
+#trackbacks address .date { font:.8em Tahoma; color:#cccccc; float:right;}
+
+ul.replyZone { padding:.6em .6em; color:#666666; border:1px solid #e0e1db; margin-top:.5em;}
+ul.replyZone li { padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #EEEEEE;}
+ul.replyZone p { display:inline; margin-bottom:1em;}
+ul.replyZone .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em .5em 0;}
+ul.replyZone .author a { font-size:.9em; color:#3074a5; margin-right:.3em;}
+ul.replyZone .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;}
+
+ul.replyZone .replyOption { float:right; white-space:nowrap; margin-left:.2em;}
+ul.replyZone .replyOption img { vertical-align:middle;}
+
+ul.replyZone .replyContent { clear:left; }
+ul.replyZone .reply { background-color:#FAFAFA;}
+ul.replyZone .replyIndent { background:url(../images/common/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;}
+
+
+#reply { padding:.6em .6em; color:#666666; border:1px solid #e0e1db; margin-top:.5em;}
+#reply li { padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #EEEEEE; list-style:none;}
+#reply p { display:inline; margin-bottom:1em;}
+#reply .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em .5em 0;}
+#reply .author a { font-size:.9em; color:#3074a5; margin-right:.3em;}
+#reply .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;}
+
+#reply .replyOption { float:right; white-space:nowrap; margin-left:.2em;}
+#reply .replyOption img { vertical-align:middle;}
+
+#reply .replyContent { clear:left; }
+#reply .reply { background-color:#FAFAFA;}
+#reply .replyIndent { background:url(../images/common/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;}
+
+#reply li .fileAttached { _width:100%; border:1px solid #eaeae7; overflow:hidden; background:#fbfbfb; margin-top:.3em; list-style:none;}
+#reply li .fileAttached ul { float:left; padding:.3em 1em .2em 0; margin-left:.5em; _margin-left:.25em;}
+#reply li .fileAttached li a { font-size:.9em; white-space:nowrap; position:relative; color:#444444; }
+#reply li .fileAttached li a:visited { color:#777777;}
+
+/* boardEditor */
+.boardEditor { padding:.5em 0 1em 0; width:100%; overflow:hidden;}
+.boardEditor.reply { padding:.5em 1em 1em 1em; width:auto; overflow:hidden;}
+.boardEditor legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em;}
+.boardEditor fieldset { _width:100%; border:1px solid #eaeae7; }
+.boardEditor .userNameAndPw { position:relative; background:#fbfbfb; border-top:1px solid #eaeae7; border-bottom:1px solid #e1e1e1; padding:.5em 1em; white-space:nowrap;}
+.boardEditor .userNameAndPw * { vertical-align:middle;}
+.boardEditor .userNameAndPw label { margin-right:.2em; color:#666760;}
+.boardEditor .userNameAndPw input { color:#aaaaaa;}
+.boardEditor .userNameAndPw .userName { width:6em; margin-right:.8em;}
+.boardEditor .userNameAndPw .userPw { width:5em;}
+.boardEditor .userNameAndPw .emailAddress { width:6em;}
+.boardEditor .userNameAndPw .homePage { width:6em;}
+.boardEditor .userNameAndPw .checkSecret { position:absolute; right:2em; top:.7em;}
+.boardEditor .buttonReply { position:relative; float:left; left:50%; margin:.5em 0 0 -2em; _padding-bottom:1em;}
+.boardEditor .commentForm { width:100%; padding-bottom:.5em;}
+.boardEditor .commentForm textarea { width:632px; margin:.3em; height:100px;}
+
+
+/* boardWrite */
+.boardWrite { width:100%; position:relative;}
+.boardWrite .userNameAndPw { margin-bottom:-1px;}
+.boardWrite .boardEditor fieldset { width:auto; position:relative;}
+.boardWrite div.title { border-bottom:1px solid #eff0ed; border-top:1px solid #eff0ed; padding:.5em 0; white-space:nowrap;}
+.boardWrite div.title label.title { display:block; float:left; font-weight:bold; padding:.4em 0 0 1.5em; width:8em; white-space:nowrap;}
+.boardWrite div.title input#title { width:60%;}
+.boardWrite .option { border-bottom:1px solid #e1e1e1; padding:.5em 0; overflow:hidden; width:100%;}
+.boardWrite .option dt { display:block; float:left; font-weight:bold; padding:.3em 0 0 1.5em; width:8em; white-space:nowrap;}
+.boardWrite .option dd { float:left; margin-right:1em; padding-top:.2em; _padding-top:.1em;}
+.boardWrite .option dd * { vertical-align:middle;}
+.boardWrite .inputTypeText { background:#fbfbfb;}
+.boardWrite .trackbackURI { clear:both; border-top:1px solid #eff0ed; padding:4px 0 .8em 0;}
+.boardWrite .trackbackURI label { display:block; float:left; color:#333333; font-weight:bold; padding:.4em 0 0 1.5em; width:11em;}
+.boardWrite .trackbackURI .inputTypeText { width:50%;}
+.boardWrite .tag { clear:both; border-top:1px solid #eff0ed; padding:.8em 0;}
+.boardWrite .tag label { display:block; float:left; color:#333333; font-weight:bold; padding:.4em 0 0 1.5em; width:11em;}
+.boardWrite .tag .inputTypeText { width:50%;}
+.boardWrite .tag .help { vertical-align:middle;}
+.boardWrite .tag .info { padding:.5em 0 0 .6em; margin-left:14em; font-size:.9em; color:#999999; background:url(../images/common/iconArrowD8.gif) no-repeat left center;}
+.boardWrite .extra_vars { clear:both; border-top:1px solid #eff0ed; padding:.8em 0;}
+.boardWrite .extra_vars label { display:block; float:left; color:#333333; font-weight:bold; padding:.4em 0 0 1.5em; width:11em;}
+.boardWrite .extra_vars .info { clear:both; padding:.5em 0 0 .6em; margin-left:14em; font-size:.9em; color:#999999; background:url(../images/common/iconArrowD8.gif) no-repeat left center;}
+.boardWrite .extra_vars ul li { float:left; margin-right:1em; }
+
+.smallBox { border:1px solid #e0e1db; margin:5em auto 1em auto;}
+.smallBox.w268 { width:268px;}
+.smallBox .header { position:relative; _width:100%; background:#ffffff url(../images/normal/bgH3.gif) no-repeat left bottom; overflow:hidden;}
+.smallBox .header h3 { clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em; border-bottom:3px solid #fe3614; }
+.smallBox .complex { padding:1.5em 2em 2em 2em;}
+.smallBox .inputPassword { position:relative; border:none; padding:2em 2em 1.5em 2em;}
+.smallBox .inputPassword .inputTypeText { float:left; margin-right:.5em; width:8em;}
+.smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
diff --git a/modules/blog/skins/xe_blog/css/cyan.css b/modules/blog/skins/xe_blog/css/cyan.css
new file mode 100644
index 000000000..74b3250cf
--- /dev/null
+++ b/modules/blog/skins/xe_blog/css/cyan.css
@@ -0,0 +1,41 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+#blog_category { position:relative; border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.boxTypeB { position:relative; border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em;}
+#bodyWrap #header #globalNavigation li.on a { color:#2895c0;}
+
+#bodyWrap #accountNavigation li { float:left; margin-right:-1px; background:url(../images/cyan/blogHeaderVr.gif) no-repeat right center;}
+#bodyWrap #header { clear:both; height:9.5em; margin:10px 10px .5em 10px; border:1px solid #e0e1dc; border-bottom:none; background:#fbfbfb url(../images/cyan/blogHeaderLine.gif) no-repeat left bottom; overflow:hidden;}
+
+/* boardHeader */
+.boardHeader { position:relative; _width:100%; border-top:1px solid #d1d9db; border-bottom:none; background:#ffffff url(../images/common/bgH3.gif) no-repeat right bottom; overflow:hidden;}
+.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-left:1px solid #d1d9db; border-bottom:3px solid #2895c0; background:url(../images/common/lineH3.gif) no-repeat right bottom;}
+
+.accountNavigation li.join a { display:block; background:url(../images/cyan/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.myInfo a { display:block; background:url(../images/cyan/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+
+.articleNum { float:left; background:url(../images/cyan/iconArticle.gif) no-repeat left top; padding:0 0 0 1.5em; margin:.5em 0 0 0;}
+#reply li .fileAttached li { border:0px; display:inline; margin-right:.75em; line-height:1.5em; padding:.1em 0 .1em 1.5em; background:url(../images/cyan/iconFile.gif) no-repeat left;}
+.articleNum strong { font:bold 11px Tahoma; color:#2895c0;}
+.boardHeader2 .info strong { font:bold .9em Tahoma; color:#2895c0;}
+
+.boardList th { color:#3e3f3e; font-weight:normal; border-bottom:1px solid #ffffff;  padding:.5em .5em .3em .5em; background:#ffffff url(../images/cyan/lineBoardListTh.gif) no-repeat left bottom;white-space:nowrap;}
+.boardList td.recommend { font:bold .8em Tahoma; color:#2895c0; text-align:center;}
+.boardList td .replyAndTrackback { font:.8em Tahoma; color:#2895c0; cursor:default; position:relative; top:-.2em;}
+.boardList td.title.bold .replyAndTrackback { font:.6em Tahoma; color:#2895c0; cursor:default; position:relative; top:.3em;}
+.boardList td.reply { font:bold .8em Tahoma; color:#2895c0; text-align:center;}
+
+.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; background:url(../images/cyan/buttonTypeInput24.gif) no-repeat; font:.75em Tahoma; text-align:center;}
+
+.boardRead .replyAndTrackback { overflow:hidden; _width:100%; padding:.8em 0em; height:1.2em; background:url(../images/cyan/bgBoardListTh.gif) repeat-x left bottom; border-top:1px solid #b1c9d3; border-bottom:2px solid #2895c0;}
+.boardRead .replyAndTrackback a strong { color:#2895c0;}
+.boardRead .readFooter .fileAttached li a { font-size:.9em; padding:.1em 0 .1em 1.5em; white-space:nowrap; color:#444444; background:url(../images/cyan/iconFile.gif) no-repeat left top;}
+
+
+
+.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#2895c0; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
+
diff --git a/modules/blog/skins/xe_blog/css/green.css b/modules/blog/skins/xe_blog/css/green.css
new file mode 100644
index 000000000..d515264f9
--- /dev/null
+++ b/modules/blog/skins/xe_blog/css/green.css
@@ -0,0 +1,40 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+#blog_category { position:relative; border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.boxTypeB { position:relative; border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em;}
+#bodyWrap #header #globalNavigation li.on a { color:#38b549;}
+
+#bodyWrap #accountNavigation li { float:left; margin-right:-1px; background:url(../images/green/blogHeaderVr.gif) no-repeat right center;}
+#bodyWrap #header { clear:both; height:9.5em; margin:10px 10px .5em 10px; border:1px solid #e0e1dc; border-bottom:none; background:#fbfbfb url(../images/green/blogHeaderLine.gif) no-repeat left bottom; overflow:hidden;}
+
+.articleNum { float:left; background:url(../images/green/iconArticle.gif) no-repeat left top; padding:0 0 0 1.5em; margin:.5em 0 0 0;}
+#reply li .fileAttached li { border:0px; display:inline; margin-right:.75em; line-height:1.5em; padding:.1em 0 .1em 1.5em; background:url(../images/green/iconFile.gif) no-repeat left;}
+.boardRead .readFooter .fileAttached li a { font-size:.9em; padding:.1em 0 .1em 1.5em; white-space:nowrap; color:#444444; background:url(../images/green/iconFile.gif) no-repeat left top;}
+.accountNavigation li.join a { display:block; background:url(../images/green/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.myInfo a { display:block; background:url(../images/green/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+
+.boardList th { color:#3e3f3e; font-weight:normal; border-bottom:1px solid #ffffff;  padding:.5em .5em .3em .5em; background:#ffffff url(../images/green/lineBoardListTh.gif) no-repeat left bottom;white-space:nowrap;}
+
+.boardList td.recommend { font:bold .8em Tahoma; color:#38b549; text-align:center;}
+
+.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#38b549; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
+
+.boardList td .replyAndTrackback { font:.8em Tahoma; color:#38b549; cursor:default; position:relative; top:-.2em;}
+.boardList td.title.bold .replyAndTrackback { font:.6em Tahoma; color:#ff6600; cursor:default; position:relative; top:.3em;}
+.boardList td.reply { font:bold .8em Tahoma; color:#38b549; text-align:center;}
+
+/* boardHeader */
+.boardHeader { position:relative; _width:100%; border-top:1px solid #d1d9db; border-bottom:none; background:#ffffff url(../images/common/bgH3.gif) no-repeat right bottom; overflow:hidden;}
+.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-left:1px solid #d0dbd1; border-bottom:3px solid #38b549; background:url(../images/common/lineH3.gif) no-repeat right bottom;}
+
+.articleNum strong { font:bold 11px Tahoma; color:#d0dbd1;}
+.boardHeader2 .info strong { font:bold .9em Tahoma; color:#d0dbd1;}
+
+.boardRead .replyAndTrackback { overflow:hidden; _width:100%; padding:.8em 0em; height:1.2em; background:url(../images/green/bgBoardListTh.gif) repeat-x left bottom; border-top:1px solid #bdd4b8; border-bottom:2px solid #38b549;}
+.boardRead .replyAndTrackback a strong { color:#38b549;}
+
+.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; background:url(../images/green/buttonTypeInput24.gif) no-repeat; font:.75em Tahoma; text-align:center;}
diff --git a/modules/blog/skins/xe_blog/css/layout.css b/modules/blog/skins/xe_blog/css/layout.css
index e9ccdfdab..2e735829c 100644
--- a/modules/blog/skins/xe_blog/css/layout.css
+++ b/modules/blog/skins/xe_blog/css/layout.css
@@ -24,45 +24,40 @@ a { text-decoration:none; }
 #content { float:left; width:650px; overflow:hidden; padding-right:10px; _width:648px; }
 
 #bodyWrap #accountNavigation { float:right; margin:1em 1em 0 0; padding-bottom:.5em; overflow:hidden;}
-#bodyWrap #accountNavigation li { float:left; margin-right:-1px; background:url(../images/white/blogHeaderVr.gif) no-repeat right center;}
 #bodyWrap #accountNavigation li a { display:block; float:left; padding:0 .75em; color:#888888; white-space:nowrap;}
 
 .accountNavigation { float:right; padding-bottom:.5em; overflow:hidden;}
-.accountNavigation li { float:left; padding:0 .5em 0 .6em; background:url(../images/white/line_1x10_e0e0e0.gif) no-repeat left .4em;}
+.accountNavigation li { float:left; padding:0 .5em 0 .6em; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat left .4em;}
 .accountNavigation li a { font-size:11px; white-space:nowrap; color:#666666;}
 .accountNavigation li.rss { background:none; padding-top:.4em;}
 .accountNavigation li.join { background:none; padding-top:.4em;}
-.accountNavigation li.join a { display:block; background:url(../images/white/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.join a { display:block; background:url(../images/common/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
 .accountNavigation li.myInfo { padding-top:.4em;}
-.accountNavigation li.myInfo a { display:block; background:url(../images/white/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.myInfo a { display:block; background:url(../images/common/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
 .accountNavigation li.admin { background:none; padding-top:.4em;}
-.accountNavigation li.admin a { display:block; background:url(../images/white/iconAdmin.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.admin a { display:block; background:url(../images/common/iconAdmin.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
 .accountNavigation li.loginAndLogout { background:none; padding-left:0;}
 
-
 /* Blog header Child*/
-#bodyWrap #header { clear:both; height:9.5em; margin:10px 10px .5em 10px; border:1px solid #e0e1dc; border-bottom:none; background:#fbfbfb url(../images/white/blogHeaderLine.gif) no-repeat left bottom; overflow:hidden;}
 #bodyWrap #header h1 { font-size:2em; padding:.8em 0 .2em 30px; letter-spacing:-.05em;}
 #bodyWrap #header h1 a { font-family:Tahoma; color:#53554a;}
 #bodyWrap #header #tagLine { padding:0 0 0 30px; color:#7e7f77;} 
 
 #bodyWrap #header #globalNavigation { float:right; padding:1em 1em 1em 0; overflow:hidden;}
-#bodyWrap #header #globalNavigation li { float:left; margin-left:-1px; background:url(../images/white/blogHeaderVr.gif) no-repeat left center;}
+#bodyWrap #header #globalNavigation li { float:left; margin-left:-1px; background:url(../images/common/blogHeaderVr.gif) no-repeat left center;}
 #bodyWrap #header #globalNavigation li a { display:block; float:left; padding:0 .75em; font-weight:bold; font-family:Tahoma; color:#54564b; white-space:nowrap;}
-#bodyWrap #header #globalNavigation li.on a { color:#fe3614;}
 
 /* Column Left & Right Common Child */
 .boxTypeA { position:relative; border:1px solid #e0e1db; margin-bottom:.7em;}
-.boxTypeB { position:relative; border:1px solid #e0e1db; background:url(../images/white/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em;}
 .boxTypeB 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;} 
 .boxTypeB .toggleMask {position:absolute; top:8px; right:5px; cursor:pointer; width:13px; height:13px; overflow:hidden;}
 .boxTypeB .showHide { position:relative;}
 .boxTypeB .optionList { position:absolute; top:8px; right:0; overflow:hidden;}
-.boxTypeB .optionList li { float:left; padding:0 .5em; margin-left:-1px; background:url(../images/white/line_1x10_e0e0e0.gif) no-repeat left center;}
+.boxTypeB .optionList li { float:left; padding:0 .5em; margin-left:-1px; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat left center;}
 .boxTypeB .optionList li a { color:#a4a4a4; font-size:.9em;}
 .boxTypeB .optionList li.on a { color:#000000;}
-.boxTypeB .showAll { color:#000000; font-size:.9em; white-space:nowrap; display:inline-block; position:relative; left:1.2em; padding-right:.6em; background:url(../images/white/iconArrow00.gif) no-repeat right center;}
+.boxTypeB .showAll { color:#000000; font-size:.9em; white-space:nowrap; display:inline-block; position:relative; left:1.2em; padding-right:.6em; background:url(../images/common/iconArrow00.gif) no-repeat right center;}
 
 /* Profile */
 div#profile { padding:10px; overflow:hidden; background-color:#FFFFFF; }
@@ -74,9 +69,9 @@ div#profile dl#hello dd { color:#777777; margin-bottom:1em;}
 div#profile ul#admin { overflow:hidden; height:1.2em;}
 div#profile ul#admin li { float:left; padding-right:.6em;}
 div#profile ul#admin li a { display:block; padding-left:1.2em;}
-div#profile ul#admin li.write a { background:url(../images/white/iconWrite.gif) no-repeat left center;}
-div#profile ul#admin li.setup { padding-left:.7em; background:url(../images/white/blogHeaderVr.gif) no-repeat left center;}
-div#profile ul#admin li.setup a { background:url(../images/white/iconSetup.gif) no-repeat left center;}
+div#profile ul#admin li.write a { background:url(../images/common/iconWrite.gif) no-repeat left center;}
+div#profile ul#admin li.setup { padding-left:.7em; background:url(../images/common/blogHeaderVr.gif) no-repeat left center;}
+div#profile ul#admin li.setup a { background:url(../images/common/iconSetup.gif) no-repeat left center;}
 div#profile ul#admin li a { color:#666666;}
 
 div#blog_category { background-color:#FFFFFF; }
diff --git a/modules/blog/skins/xe_blog/css/purple.css b/modules/blog/skins/xe_blog/css/purple.css
new file mode 100644
index 000000000..4029d31c1
--- /dev/null
+++ b/modules/blog/skins/xe_blog/css/purple.css
@@ -0,0 +1,40 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+#blog_category { position:relative; border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.boxTypeB { position:relative; border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em;}
+#bodyWrap #header #globalNavigation li.on a { color:#b1ae00;}
+
+#bodyWrap #accountNavigation li { float:left; margin-right:-1px; background:url(../images/purple/blogHeaderVr.gif) no-repeat right center;}
+#bodyWrap #header { clear:both; height:9.5em; margin:10px 10px .5em 10px; border:1px solid #e0e1dc; border-bottom:none; background:#fbfbfb url(../images/purple/blogHeaderLine.gif) no-repeat left bottom; overflow:hidden;}
+
+.articleNum { float:left; background:url(../images/purple/iconArticle.gif) no-repeat left top; padding:0 0 0 1.5em; margin:.5em 0 0 0;}
+#reply li .fileAttached li { border:0px; display:inline; margin-right:.75em; line-height:1.5em; padding:.1em 0 .1em 1.5em; background:url(../images/purple/iconFile.gif) no-repeat left;}
+.boardRead .readFooter .fileAttached li a { font-size:.9em; padding:.1em 0 .1em 1.5em; white-space:nowrap; color:#444444; background:url(../images/purple/iconFile.gif) no-repeat left top;}
+.accountNavigation li.join a { display:block; background:url(../images/purple/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.myInfo a { display:block; background:url(../images/purple/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+
+.boardList th { color:#3e3f3e; font-weight:normal; border-bottom:1px solid #ffffff;  padding:.5em .5em .3em .5em; background:#ffffff url(../images/purple/lineBoardListTh.gif) no-repeat left bottom;white-space:nowrap;}
+
+.boardList td.recommend { font:bold .8em Tahoma; color:#b1ae00; text-align:center;}
+
+.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#b1ae00; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
+
+.boardList td .replyAndTrackback { font:.8em Tahoma; color:#b1ae00; cursor:default; position:relative; top:-.2em;}
+.boardList td.title.bold .replyAndTrackback { font:.6em Tahoma; color:#b1ae00; cursor:default; position:relative; top:.3em;}
+.boardList td.reply { font:bold .8em Tahoma; color:#b1ae00; text-align:center;}
+
+/* boardHeader */
+.boardHeader { position:relative; _width:100%; border-top:1px solid #d1d9db; border-bottom:none; background:#ffffff url(../images/common/bgH3.gif) no-repeat right bottom; overflow:hidden;}
+.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-left:1px solid #d1d9db; border-bottom:3px solid #ac19a9; background:url(../images/common/lineH3.gif) no-repeat right bottom;}
+
+.articleNum strong { font:bold 11px Tahoma; color:#b1ae00;}
+.boardHeader2 .info strong { font:bold .9em Tahoma; color:#b1ae00;}
+
+.boardRead .replyAndTrackback { overflow:hidden; _width:100%; padding:.8em 0em; height:1.2em; background:url(../images/purple/bgBoardListTh.gif) repeat-x left bottom; border-top:1px solid #dbc9db; border-bottom:2px solid #ac19a9;}
+.boardRead .replyAndTrackback a strong { color:#b1ae00;}
+
+.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; background:url(../images/purple/buttonTypeInput24.gif) no-repeat; font:.75em Tahoma; text-align:center;}
diff --git a/modules/blog/skins/xe_blog/css/red.css b/modules/blog/skins/xe_blog/css/red.css
new file mode 100644
index 000000000..3ed9f8072
--- /dev/null
+++ b/modules/blog/skins/xe_blog/css/red.css
@@ -0,0 +1,40 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+#blog_category { position:relative; border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.boxTypeB { position:relative; border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em;}
+#bodyWrap #header #globalNavigation li.on a { color:#fe3614;}
+
+#bodyWrap #accountNavigation li { float:left; margin-right:-1px; background:url(../images/red/blogHeaderVr.gif) no-repeat right center;}
+#bodyWrap #header { clear:both; height:9.5em; margin:10px 10px .5em 10px; border:1px solid #e0e1dc; border-bottom:none; background:#fbfbfb url(../images/red/blogHeaderLine.gif) no-repeat left bottom; overflow:hidden;}
+
+.articleNum { float:left; background:url(../images/red/iconArticle.gif) no-repeat left top; padding:0 0 0 1.5em; margin:.5em 0 0 0;}
+#reply li .fileAttached li { border:0px; display:inline; margin-right:.75em; line-height:1.5em; padding:.1em 0 .1em 1.5em; background:url(../images/red/iconFile.gif) no-repeat left;}
+.boardRead .readFooter .fileAttached li a { font-size:.9em; padding:.1em 0 .1em 1.5em; white-space:nowrap; color:#444444; background:url(../images/red/iconFile.gif) no-repeat left top;}
+.accountNavigation li.join a { display:block; background:url(../images/red/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.myInfo a { display:block; background:url(../images/red/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+
+.boardList th { color:#3e3f3e; font-weight:normal; border-bottom:1px solid #ffffff;  padding:.5em .5em .3em .5em; background:#ffffff url(../images/red/lineBoardListTh.gif) no-repeat left bottom; white-space:nowrap;}
+
+.boardList td.recommend { font:bold .8em Tahoma; color:#ff6600; text-align:center;}
+
+.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
+
+.boardList td .replyAndTrackback { font:.8em Tahoma; color:#ff6600; cursor:default; position:relative; top:-.2em;}
+.boardList td.title.bold .replyAndTrackback { font:.6em Tahoma; color:#ff6600; cursor:default; position:relative; top:.3em;}
+.boardList td.reply { font:bold .8em Tahoma; color:#ff6600; text-align:center;}
+
+/* boardHeader */
+.boardHeader { position:relative; _width:100%; border-top:1px solid #d1d9db; border-bottom:none; background:#ffffff url(../images/common/bgH3.gif) no-repeat right bottom; overflow:hidden;}
+.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-left:1px solid #d1d9db; border-bottom:3px solid #ed135a; background:url(../images/common/lineH3.gif) no-repeat right bottom;}
+
+.articleNum strong { font:bold 11px Tahoma; color:#ff6600;}
+.boardHeader2 .info strong { font:bold .9em Tahoma; color:#ff6600;}
+
+.boardRead .replyAndTrackback { overflow:hidden; _width:100%; padding:.8em 0em; height:1.2em; background:url(../images/red/bgBoardListTh.gif) repeat-x left bottom; border-top:1px solid #e0e1db; border-bottom:2px solid #ed135a;}
+.boardRead .replyAndTrackback a strong { color:#ff6600;}
+
+.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; background:url(../images/red/buttonTypeInput24.gif) no-repeat; font:.75em Tahoma; text-align:center;}
diff --git a/modules/blog/skins/xe_blog/css/white.css b/modules/blog/skins/xe_blog/css/white.css
index 72f7eb744..0c010dfdf 100644
--- a/modules/blog/skins/xe_blog/css/white.css
+++ b/modules/blog/skins/xe_blog/css/white.css
@@ -4,246 +4,36 @@ NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
 Jeong, Chan Myeong 070601~070630
 */
 
-/* pathNavigation */
-.pathNavigation { background:url(../images/white/bullet_3x3_d8d8d8.gif) no-repeat left .4em; padding:0 0 0 .5em; color:#999999; margin:0 0 1.5em 0;}
-.pathNavigation * { font-size:.9em;}
-.pathNavigation a { color:#999999;}
-.pathNavigation strong { color:#666666;}
+#blog_category { position:relative; border:1px solid #e0e1db; background:url(../images/white/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.boxTypeB { position:relative; border:1px solid #e0e1db; background:url(../images/white/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em;}
+#bodyWrap #header #globalNavigation li.on a { color:#fe3614;}
 
-/* boardHeader */
-.boardHeader { position:relative; _width:100%; border:1px solid #e1e1dd; border-bottom:none; background:#ffffff url(../images/white/bgH3.gif) repeat-x left bottom; overflow:hidden;}
-.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-bottom:3px solid #fe3614; background:#ffffff url(../images/white/lineH3.gif) no-repeat right bottom;}
-.boardHeader2 { width:100%; overflow:hidden; padding:1em 0 1em 0; color:#444444;}
-.boardHeader2 h3 { float:left; font-size:1.4em; padding-left:1.2em; background:url(../images/white/iconH3.gif) no-repeat .5em center;}
-.boardHeader2 .info { float:right; position:relative; top:.4em;}
-.boardHeader2 .info q { quotes:none; font-weight:bold;}
-.boardHeader2 .info strong { font:bold .9em Tahoma; color:#ff6600;}
+#bodyWrap #accountNavigation li { float:left; margin-right:-1px; background:url(../images/white/blogHeaderVr.gif) no-repeat right center;}
+#bodyWrap #header { clear:both; height:9.5em; margin:10px 10px .5em 10px; border:1px solid #e0e1dc; border-bottom:none; background:#fbfbfb url(../images/white/blogHeaderLine.gif) no-repeat left bottom; overflow:hidden;}
 
-/* boardInformation */
-.boardInformation { width:100%; clear:both; margin:1em 0 .5em 0; overflow:hidden; color:#666666;}
 .articleNum { float:left; background:url(../images/white/iconArticle.gif) no-repeat left top; padding:0 0 0 1.5em; margin:.5em 0 0 0;}
-.articleNum strong { font:bold 11px Tahoma; color:#ff6600;}
+#reply li .fileAttached li { border:0px; display:inline; margin-right:.75em; line-height:1.5em; padding:.1em 0 .1em 1.5em; background:url(../images/white/iconFile.gif) no-repeat left;}
+.boardRead .readFooter .fileAttached li a { font-size:.9em; padding:.1em 0 .1em 1.5em; white-space:nowrap; color:#444444; background:url(../images/white/iconFile.gif) no-repeat left top;}
+.accountNavigation li.join a { display:block; background:url(../images/white/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.accountNavigation li.myInfo a { display:block; background:url(../images/white/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
+.boardList th { color:#3e3f3e; font-weight:normal; border-bottom:1px solid #ffffff;  padding:.5em .5em .3em .5em; background:#ffffff url(../images/white/lineBoardListTh.gif) no-repeat left bottom;white-space:nowrap;}
 
-/* boardList */
-.boardList { width:100%; position:relative; border:1px solid #e0e1db;}
-.boardList tr.notice { background:#f8f8f8;}
-.boardList tr.notice .num { font-size:.9em }
-.boardList tr.bg1 { background:#ffffff}
-.boardList tr.bg2 { background:#fbfbfb;}
-.boardList th { color:#3e3f3e; font-weight:normal; border-bottom:1px solid #ffffff;  padding:.8em .5em .5em .5em; background:#ffffff url(../images/white/lineBoardListTh.gif) no-repeat left bottom;}
-.boardList th a { color:#3e3f3e;}
-.boardList th.num { background-position:-3px bottom; border-left:1px solid #ffffff; padding:0;}
-.boardList th.category { padding:0 .2em 0 .5em;}
-.boardList th.category.thumbStyle { background-position:-3px bottom !important; border-left:1px solid #ffffff; text-align:left;}
-.boardList th.title.first-child { background-position:-3px bottom;}
-.boardList th.title {}
-.boardList th.author {}
-.boardList th.reading { white-space:nowrap;}
-.boardList th.recommend { white-space:nowrap;}
-.boardList th.date { border-right:1px solid #ffffff;}
-.boardList th .sort { padding:0 .2em; vertical-align:middle;}
-.boardList td { border-top:1px solid #eff0ed; padding:.5em;}
-.boardList td.num { font:.8em Tahoma; color:#999999; padding:.5em 1em;}
-.boardList td.category {}
-.boardList tr.notice td.num { padding:.5em; white-space:nowrap;}
-.boardList td.thumb { padding:.5em 0 .5em .5em; width:145px; table-layout:fixed; white-space:nowrap;}
-.boardList td.thumb * { vertical-align:middle;}
-.boardList td.title {}
-.boardList td.title.bold { font-size:1.2em; font-weight:bold;}
-.boardList td.title.bold a { position:relative; top:.3em;}
-.boardList td.title * { vertical-align:middle;} 
-.boardList td.title,
-.boardList td.title a { color:#444444;}
-.boardList td.title a:visited { color:#777777;}
-.boardList td.author { color:#333333; font-size:.95em }
-.boardList td.author a { font-size:1em; color:#333333;}
-.boardList td.reading { font:.8em Tahoma; color:#999999; text-align:center;}
 .boardList td.recommend { font:bold .8em Tahoma; color:#ff6600; text-align:center;}
-.boardList td.date { font:.8em Tahoma; color:#999999; text-align:center;}
-.boardList td.summary { border-top:none; vertical-align:top; color:#666666; line-height:1.25em;}
-.boardList td.summary a { color:#666666; text-decoration:none; line-height:inherit;}
-.boardList td.summary a:visited { color:#999999;}
-.boardList td input { _margin:-3px;}
-.boardList td .replyAndTrackback { font:.8em Tahoma; color:#ff6600; position:relative; top:-.2em;}
-.boardList td .replyAndTrackback img.trackback { margin-bottom:-.1em;}
-.boardList td.title.bold .replyAndTrackback { font:.6em Tahoma; color:#ff6600; position:relative; top:.3em;}
-.boardList td .replyAndTrackback strong { font:bold 1em Tahoma;}
-.boardList td.reply { font:bold .8em Tahoma; color:#ff6600; text-align:center;}
 
-.boardList td .thumbnailSmall { margin:0 .3em 0 .3em;}
-.boardList td .thumbnailSmall img { border:1px solid #bcbdb6;}
-.boardList td .thumbnailMedium { margin:0 .3em 0 .3em;}
-.boardList td .thumbnailMedium img { border:1px solid #e0e1db; padding:3px;}
-
-.boardList.thumbnail { margin-top:-1px; border-bottom:none;}
-.boardList.thumbnail td { border-top:none; border-bottom:1px solid #eff0ed; padding:1.5em 0 0 1.5em; overflow:hidden;}
-.boardList.thumbnail div.cell { float:left; width:130px; margin:0 1.5em 0 0; padding-bottom:1.5em;}
-.boardList.thumbnail div.cell img.thumb { padding:2px; border:1px solid #e0e1db; display:block; margin-bottom:1em;}
-.boardList.thumbnail div.title { color:#444444; margin-bottom:.2em; padding-left:3px;}
-.boardList.thumbnail div.title a { color:#444444;}
-.boardList.thumbnail div.nameAndDate { font-size:.9em; color:#999999; margin-bottom:.2em; padding-left:3px;}
-.boardList.thumbnail div.nameAndDate a { color:#999999;}
-.boardList.thumbnail div.nameAndDate .date { font:.8em Tahoma; color:#999999;}
-.boardList.thumbnail div.readAndRecommend { font-size:.9em; color:#666666; padding-left:3px;}
-.boardList.thumbnail div.readAndRecommend .num { font:.8em Tahoma;}
-.boardList.thumbnail div.readAndRecommend .vr { color:#dddddd;}
-.boardList.thumbnail div.readAndRecommend strong.num { font:bold .8em Tahoma; color:#ff6600;}
-
-/* pageNavigation */
-.pageNavigation { display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .8em Tahoma; }
-.pageNavigation a { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
-.pageNavigation a:visited { color:#999999;}
-.pageNavigation a.goToFirst,
-.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
-.pageNavigation a.goToFirst img,
-.pageNavigation a.goToLast img { display:inline-block; padding:2px 0; position:relative; top:2px; _top:1px;}
 .pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
 
-/* button of list page */
-.buttonRight { position:relative; float:right; top:-3em; margin:0 0 -3em 0; _top:-3.5em; padding-right:.5em; overflow:visible;}
-.buttonRight  ul { float:left; }
-.buttonRight  ul li { float:left; margin-right:.3em;}
-.buttonLeft { position:relative; float:left; top:-3em; margin:0 0 -3em 0; _top:-3.5em; padding-left:.5em; overflow:visible;}
-.buttonLeft ul { float:left; }
-.buttonLeft ul li { float:left; margin-right:.3em;}
+.boardList td .replyAndTrackback { font:.8em Tahoma; color:#ff6600; position:relative; top:-.2em;}
+.boardList td.title.bold .replyAndTrackback { font:.6em Tahoma; color:#ff6600; position:relative; top:.3em;}
+.boardList td.reply { font:bold .8em Tahoma; color:#ff6600; text-align:center;}
 
+/* boardHeader */
+.boardHeader { position:relative; _width:100%; border:1px solid #e1e1dd; border-bottom:none; background:#ffffff url(../images/common/bgH3.gif) repeat-x left bottom; overflow:hidden;}
+.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-bottom:3px solid #fe3614; background:#ffffff url(../images/common/lineH3.gif) no-repeat right bottom;}
 
-/* boardRead */
-.boardRead { position:relative; margin:0; border:1px solid #e0e1db; _overflow:hidden; }
-.boardRead .originalContent { padding:2em 1.2em 2em 1.2em;}
-.boardRead .readHeader { width:100%; padding-bottom:.5em; margin-bottom:1em; border-bottom:1px solid #eff0ed; overflow:hidden;}
+.articleNum strong { font:bold 11px Tahoma; color:#ff6600;}
+.boardHeader2 .info strong { font:bold .9em Tahoma; color:#ff6600;}
 
-.boardRead .titleAndCategory { float:left;}
-.boardRead .titleAndCategory h4 { font-size:1.4em; display:inline; padding-left:.2em;}
-.boardRead .titleAndCategory .vr { font-size:.9em; margin:0 .3em; color:#c5c7c0;}
-.boardRead .titleAndCategory .cotegory { font-size:.9em; color:#999999; white-space:nowrap;}
-
-.boardRead .dateAndModify { float:right; white-space:nowrap;}
-.boardRead .dateAndModify { font-size:.8em; color:#999999; position:relative; top:.3em;}
-.boardRead .dateAndModify strong { font-size:1em; font-family:Tahoma;}
-.boardRead .dateAndModify ul { display:inline;}
-.boardRead .dateAndModify ul li { float:left; margin-left:.3em; list-style:none;}
-
-.boardRead ul.uri { overflow:hidden; margin:0 0 2em .3em; float:right; clear:left;}
-.boardRead ul.uri li { font-size:8pt; color:#c5c7c0; }
-
-.boardRead .userInfo { float:right; white-space:nowrap;}
-.boardRead .userInfo .author { padding:0 .3em 0 0; color:#3074a5; margin-right:.3em;}
-.boardRead .userInfo .ipaddress { font-size:.9em; font-family:Tahoma; color:#888888; margin-right:.5em; }
-
-.boardRead .contentBody { width:100%; overflow:hidden; }
-.boardRead .readBody { padding:0 .3em; color:#555555; overflow:hidden; margin-bottom:2em; clear:both;}
-.boardRead .readBody p { margin:1em 0; line-height:1.5em;}
-.boardRead .readBody .alignLeft { float:left; margin:0 1em 1em 0; }
-.boardRead .readBody .alignRight { float:right; margin:0 0 1em 1em; }
-.boardRead .readBody .valignCenter { vertical-align:middle;}
-.boardRead .readBody .clearBoth { display:block; margin:0 0 1em 0;}
-.boardRead .readFooter { padding:0 .3em;}
-.boardRead .readFooter .tag { margin-bottom:1em;}
-.boardRead .readFooter .tag h5 { display:inline; font-size:1em; margin-right:.5em;}
-.boardRead .readFooter .tag ul,
-.boardRead .readFooter .tag li { display:inline;}
-.boardRead .readFooter .tag a { color:#444444;}
-.boardRead .readFooter .tag .tagIcon { vertical-align:middle;}
-.boardRead .readFooter .fileAttached { _width:100%; border:1px solid #eaeae7; overflow:hidden; background:#fbfbfb;}
-.boardRead .readFooter .fileAttached h5 { font-weight:normal; color:#999999; float:left; font-size:1em; margin:.5em .5em 0 .5em; line-height:1.5em;}
-.boardRead .readFooter .fileAttached ul { float:left; margin-top:.5em; padding-bottom:1em; }
-.boardRead .readFooter .fileAttached li { display:inline; margin-right:.75em; line-height:1.5em;}
-.boardRead .readFooter .fileAttached li a { font-size:.9em; padding:.1em 0 .1em 1.5em; white-space:nowrap; color:#444444; background:url(../images/white/iconFile.gif) no-repeat left top;}
-.boardRead .readFooter .fileAttached li a:visited { color:#777777;}
-
-
-.boardRead .replyAndTrackback { position:relative; overflow:hidden; _width:100%; padding:.8em 0em; height:1.2em; background:url(../images/white/bgBoardListTh.gif) repeat-x left bottom; border-top:1px solid #e0e1db; border-bottom:2px solid #666760;}
-.boardRead .replyAndTrackback li { margin-left:1em; padding-left:1.4em; float:left; list-style:none;}
-
-.boardRead .replyAndTrackback li.reply { background:url(../images/white/iconReply.gif) no-repeat left top;}
-.boardRead .replyAndTrackback li.reply a { position:relative; top:-.3em; _top:-.6em;}
-
-.boardRead .replyAndTrackback li.trackback { background:url(../images/white/iconTrackback.gif) no-repeat left top;}
-.boardRead .replyAndTrackback li.trackback a { position:relative; top:-.3em; _top:0em;}
- 
-.boardRead .replyAndTrackback a { color:#333333; white-space:nowrap; text-decoration:none;}
+.boardRead .replyAndTrackback { overflow:hidden; _width:100%; padding:.8em 0em; height:1.2em; background:url(../images/white/bgBoardListTh.gif) repeat-x left bottom; border-top:1px solid #e0e1db; border-bottom:2px solid #666760;}
 .boardRead .replyAndTrackback a strong { color:#ff6600;}
-.boardRead .replyAndTrackback a#toggleReply { background:url(../images/white/buttonToggleReply.gif) no-repeat right top;}
-.boardRead .replyAndTrackback a#toggleTrackback { background:url(../images/white/buttonToggleReply.gif) no-repeat right -13px;}
-.boardRead .replyAndTrackback .listButton { float:right; margin:0 1em 0 0; position:relative; top:-5px; _top:-7px;}
 
-
-#trackbacks { padding:.6em .6em; color:#666666; border:1px solid #e0e1db;;margin-top:.5em;}
-#trackbacks li { padding:.6em .8em .6em .6em; line-height:1.25em; border-bottom:1px dotted #EEEEEE; list-style:none;}
-#trackbacks p { display:inline; margin-bottom:1em;}
-#trackbacks a { color:#666666; }
-#trackbacks div  { clear:both; }
-#trackbacks address { display:block; padding:0 .3em 0 0; }
-#trackbacks address a { font-size:.9em; color:#3074a5; margin-right:.3em; float:left;}
-#trackbacks address .date { font:.8em Tahoma; color:#cccccc; float:right;}
-
-ul.replyZone { padding:.6em .6em; color:#666666; border:1px solid #e0e1db; margin-top:.5em;}
-ul.replyZone li { padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #EEEEEE;}
-ul.replyZone p { display:inline; margin-bottom:1em;}
-ul.replyZone .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em .5em 0;}
-ul.replyZone .author a { font-size:.9em; color:#3074a5; margin-right:.3em;}
-ul.replyZone .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;}
-
-ul.replyZone .replyOption { float:right; white-space:nowrap; margin-left:.2em;}
-ul.replyZone .replyOption img { vertical-align:middle;}
-
-ul.replyZone .replyContent { clear:left; }
-ul.replyZone .reply { background-color:#FAFAFA;}
-ul.replyZone .replyIndent { background:url(../images/white/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;}
-
-#reply li .fileAttached { _width:100%; border:1px solid #eaeae7; overflow:hidden; background:#fbfbfb; margin-top:.3em;}
-#reply li .fileAttached ul { float:left; padding:.3em 1em .2em 0; margin-left:.5em; _margin-left:.25em;}
-#reply li .fileAttached li { border:0px; display:inline; margin-right:.75em; line-height:1.5em; padding:.1em 0 .1em 1.5em; background:url(../images/white/iconFile.gif) no-repeat left;}
-#reply li .fileAttached li a { font-size:.9em; white-space:nowrap; position:relative; color:#444444; }
-#reply li .fileAttached li a:visited { color:#777777;}
-
-/* boardEditor */
-.boardEditor { padding:.5em 0 1em 0; width:100%; overflow:hidden;}
-.boardEditor.reply { padding:.5em 1em 1em 1em; width:auto; overflow:hidden;}
-.boardEditor legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em;}
-.boardEditor fieldset { _width:100%; border:1px solid #eaeae7; }
-.boardEditor .userNameAndPw { position:relative; padding:.5em 1em; white-space:nowrap;}
-.boardEditor .userNameAndPw * { vertical-align:middle;}
-.boardEditor .userNameAndPw label { margin-right:.2em; color:#666760;}
-.boardEditor .userNameAndPw input { color:#aaaaaa;}
-.boardEditor .userNameAndPw .userName { width:6em; margin-right:.8em;}
-.boardEditor .userNameAndPw .userPw { width:5em;}
-.boardEditor .userNameAndPw .emailAddress { width:6em;}
-.boardEditor .userNameAndPw .homePage { width:6em;}
-.boardEditor .userNameAndPw .checkSecret { position:absolute; right:2em; top:.7em;}
-.boardEditor .buttonReply { position:relative; float:left; left:50%; margin:.5em 0 0 -2em; _padding-bottom:1em;}
-.boardEditor .commentForm { width:100%; padding-bottom:.5em;}
-.boardEditor .commentForm textarea { width:632px; margin:.3em; height:100px;}
-
-/* boardWrite */
-.boardWrite { width:100%; position:relative;}
-.boardWrite .userNameAndPw { margin-bottom:-1px;}
-.boardWrite .boardEditor fieldset { width:auto; position:relative;}
-.boardWrite div.title { border-bottom:1px solid #eff0ed; border-top:1px solid #eff0ed; padding:.5em 0; white-space:nowrap;}
-.boardWrite div.title label.title { display:block; float:left; font-weight:bold; padding:.4em 0 0 1.5em; width:6em; white-space:nowrap;}
-.boardWrite div.title input#title { width:60%;}
-.boardWrite .option { border-bottom:1px solid #e1e1e1; padding:.5em 0; overflow:hidden; width:100%;}
-.boardWrite .option dt { display:block; float:left; font-weight:bold; padding:.3em 0 0 1.5em; width:8em; white-space:nowrap;}
-.boardWrite .option dd { float:left; margin-right:1em; padding-top:.2em; _padding-top:.1em;}
-.boardWrite .option dd * { vertical-align:middle;}
-.boardWrite .inputTypeText { background:#fbfbfb;}
-.boardWrite .trackbackURI { clear:both; border-top:1px solid #eff0ed; padding:4px 0 .8em 0;}
-.boardWrite .trackbackURI label { display:block; float:left; color:#333333; font-weight:bold; padding:.4em 0 0 1.5em; width:6em;}
-.boardWrite .trackbackURI .inputTypeText { width:50%;}
-.boardWrite .tag { clear:both; border-top:1px solid #eff0ed; padding:.8em 0;}
-.boardWrite .tag label { display:block; float:left; color:#333333; font-weight:bold; padding:.4em 0 0 1.5em; width:6em;}
-.boardWrite .tag .inputTypeText { width:50%;}
-.boardWrite .tag .help { vertical-align:middle;}
-.boardWrite .tag .info { padding:.5em 0 0 .6em; margin-left:8.5em; font-size:.9em; color:#999999; background:url(../images/white/iconArrowD8.gif) no-repeat left center;}
-
-.buttonWrite ul { text-align:center; clear:both; display:block;}
-.buttonWrite li { margin-top:.5em; float:right; margin-right:.3em;}
-
-.smallBox { border:1px solid #e0e1db; margin:5em auto 1em auto;}
-.smallBox.w268 { width:268px;}
-.smallBox .header { position:relative; _width:100%; background:#ffffff url(../images/normal/bgH3.gif) no-repeat left bottom; overflow:hidden;}
-.smallBox .header h3 { clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em; border-bottom:3px solid #fe3614; }
-.smallBox .complex { padding:1.5em 2em 2em 2em;}
-.smallBox .inputPassword { padding:2em 2em 1.5em 2em;}
+.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; background:url(../images/white/buttonTypeInput24.gif) no-repeat; font:.75em Tahoma; text-align:center;}
diff --git a/modules/blog/skins/xe_blog/header.html b/modules/blog/skins/xe_blog/header.html
index ccff71217..8a6469432 100644
--- a/modules/blog/skins/xe_blog/header.html
+++ b/modules/blog/skins/xe_blog/header.html
@@ -1,13 +1,2 @@
-<!-- JS 파일 로드 -->
-<!--%import("js/blog.js")-->
-
-<!--@if($module_info->colorset != "white")-->
-    {@$module_info->colorset = "white"}
-<!--@end-->
-
-<!-- CSS 파일 로드 (컬러셋에 따라서) -->
-<!--@if($module_info->colorset == "white")-->
-    <!--%import("css/white.css")-->
-<!--@end-->
 
 {$module_info->header_text}
diff --git a/modules/blog/skins/xe_blog/images/common/bgBoardEditorOption.gif b/modules/blog/skins/xe_blog/images/common/bgBoardEditorOption.gif
new file mode 100644
index 000000000..559588af6
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/bgBoardEditorOption.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/bgEditorFileList.gif b/modules/blog/skins/xe_blog/images/common/bgEditorFileList.gif
new file mode 100644
index 000000000..e5050341c
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/bgEditorFileList.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/bgH3.gif b/modules/blog/skins/xe_blog/images/common/bgH3.gif
new file mode 100644
index 000000000..0d07bb456
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/bgH3.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/blogHeaderVr.gif b/modules/blog/skins/xe_blog/images/common/blogHeaderVr.gif
new file mode 100644
index 000000000..9480e8106
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/blogHeaderVr.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/bottomGotoFirst.gif b/modules/blog/skins/xe_blog/images/common/bottomGotoFirst.gif
new file mode 100644
index 000000000..e0297fecb
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/bottomGotoFirst.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/bottomGotoLast.gif b/modules/blog/skins/xe_blog/images/common/bottomGotoLast.gif
new file mode 100644
index 000000000..0a7141d0d
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/bottomGotoLast.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/bullet_3x3_d8d8d8.gif b/modules/blog/skins/xe_blog/images/common/bullet_3x3_d8d8d8.gif
new file mode 100644
index 000000000..c1f245227
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/bullet_3x3_d8d8d8.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonAscending.gif b/modules/blog/skins/xe_blog/images/common/buttonAscending.gif
new file mode 100644
index 000000000..b405cc323
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonAscending.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonClose.gif b/modules/blog/skins/xe_blog/images/common/buttonClose.gif
new file mode 100644
index 000000000..12cd8aaa9
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonClose.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonDeleteX.gif b/modules/blog/skins/xe_blog/images/common/buttonDeleteX.gif
new file mode 100644
index 000000000..c066e49be
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonDeleteX.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonDescending.gif b/modules/blog/skins/xe_blog/images/common/buttonDescending.gif
new file mode 100644
index 000000000..2dc5575ff
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonDescending.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonHelp.gif b/modules/blog/skins/xe_blog/images/common/buttonHelp.gif
new file mode 100644
index 000000000..ca7a23a9f
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonHelp.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonTextAreaDrag.gif b/modules/blog/skins/xe_blog/images/common/buttonTextAreaDrag.gif
new file mode 100644
index 000000000..148e9ee10
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonTextAreaDrag.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonToggleReply.gif b/modules/blog/skins/xe_blog/images/common/buttonToggleReply.gif
new file mode 100644
index 000000000..ba3609980
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonToggleReply.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/buttonTypeInput24.gif b/modules/blog/skins/xe_blog/images/common/buttonTypeInput24.gif
new file mode 100644
index 000000000..0dcfc0e3d
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/buttonTypeInput24.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconAdmin.gif b/modules/blog/skins/xe_blog/images/common/iconAdmin.gif
new file mode 100644
index 000000000..4a581a524
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconAdmin.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconArrowD8.gif b/modules/blog/skins/xe_blog/images/common/iconArrowD8.gif
new file mode 100644
index 000000000..fe3143edc
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconArrowD8.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconCheck.gif b/modules/blog/skins/xe_blog/images/common/iconCheck.gif
new file mode 100644
index 000000000..c4fb37ae0
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconCheck.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconFolderClose.gif b/modules/blog/skins/xe_blog/images/common/iconFolderClose.gif
new file mode 100644
index 000000000..3a780968d
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconFolderClose.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconH3.gif b/modules/blog/skins/xe_blog/images/common/iconH3.gif
new file mode 100644
index 000000000..8ea0cec82
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconH3.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconList.gif b/modules/blog/skins/xe_blog/images/common/iconList.gif
new file mode 100644
index 000000000..2e67636f5
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconList.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconNotice.gif b/modules/blog/skins/xe_blog/images/common/iconNotice.gif
new file mode 100644
index 000000000..d32027496
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconNotice.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconReply.gif b/modules/blog/skins/xe_blog/images/common/iconReply.gif
new file mode 100644
index 000000000..a6d4ea112
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconReply.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconReplyArrow.gif b/modules/blog/skins/xe_blog/images/common/iconReplyArrow.gif
new file mode 100644
index 000000000..d1a21a040
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconReplyArrow.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconRss.gif b/modules/blog/skins/xe_blog/images/common/iconRss.gif
new file mode 100644
index 000000000..f495b3ebc
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconRss.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconSetup.gif b/modules/blog/skins/xe_blog/images/common/iconSetup.gif
new file mode 100644
index 000000000..33b41da11
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconSetup.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconTag.gif b/modules/blog/skins/xe_blog/images/common/iconTag.gif
new file mode 100644
index 000000000..ecfdb5585
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconTag.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconTrackback.gif b/modules/blog/skins/xe_blog/images/common/iconTrackback.gif
new file mode 100644
index 000000000..1c83bcadd
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconTrackback.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/iconWrite.gif b/modules/blog/skins/xe_blog/images/common/iconWrite.gif
new file mode 100644
index 000000000..f18cb5e9e
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/iconWrite.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/lineH3.gif b/modules/blog/skins/xe_blog/images/common/lineH3.gif
new file mode 100644
index 000000000..fe42fe378
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/lineH3.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/lineTextAreaDrag.gif b/modules/blog/skins/xe_blog/images/common/lineTextAreaDrag.gif
new file mode 100644
index 000000000..3df035047
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/lineTextAreaDrag.gif differ
diff --git a/modules/blog/skins/xe_blog/images/common/line_1x10_e0e0e0.gif b/modules/blog/skins/xe_blog/images/common/line_1x10_e0e0e0.gif
new file mode 100644
index 000000000..6a848dd58
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/common/line_1x10_e0e0e0.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/bgBoardListTh.gif b/modules/blog/skins/xe_blog/images/cyan/bgBoardListTh.gif
new file mode 100644
index 000000000..aebba7b59
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/bgBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/bgBoxTypeB.gif b/modules/blog/skins/xe_blog/images/cyan/bgBoxTypeB.gif
new file mode 100644
index 000000000..99a877045
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/bgBoxTypeB.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/blogHeaderLine.gif b/modules/blog/skins/xe_blog/images/cyan/blogHeaderLine.gif
new file mode 100644
index 000000000..33699610d
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/blogHeaderLine.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/blogHeaderVr.gif b/modules/blog/skins/xe_blog/images/cyan/blogHeaderVr.gif
new file mode 100644
index 000000000..9480e8106
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/blogHeaderVr.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/buttonModifyE.gif b/modules/blog/skins/xe_blog/images/cyan/buttonModifyE.gif
new file mode 100644
index 000000000..a1d4340d3
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/buttonModifyE.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/buttonReply.gif b/modules/blog/skins/xe_blog/images/cyan/buttonReply.gif
new file mode 100644
index 000000000..1baede5d0
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/buttonReply.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/buttonTypeInput24.gif b/modules/blog/skins/xe_blog/images/cyan/buttonTypeInput24.gif
new file mode 100644
index 000000000..7a341a96b
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/buttonTypeInput24.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/iconArticle.gif b/modules/blog/skins/xe_blog/images/cyan/iconArticle.gif
new file mode 100644
index 000000000..bce58cfe8
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/iconArticle.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/iconFile.gif b/modules/blog/skins/xe_blog/images/cyan/iconFile.gif
new file mode 100644
index 000000000..83ad10665
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/iconFile.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/iconList.gif b/modules/blog/skins/xe_blog/images/cyan/iconList.gif
new file mode 100644
index 000000000..d41737669
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/iconList.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/iconMyInfo.gif b/modules/blog/skins/xe_blog/images/cyan/iconMyInfo.gif
new file mode 100644
index 000000000..1ba5a947e
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/iconMyInfo.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/iconWrite.gif b/modules/blog/skins/xe_blog/images/cyan/iconWrite.gif
new file mode 100644
index 000000000..9319f7e9b
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/iconWrite.gif differ
diff --git a/modules/blog/skins/xe_blog/images/cyan/lineBoardListTh.gif b/modules/blog/skins/xe_blog/images/cyan/lineBoardListTh.gif
new file mode 100644
index 000000000..b26bf737c
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/cyan/lineBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/bgBoardListTh.gif b/modules/blog/skins/xe_blog/images/green/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/bgBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/bgBoxTypeB.gif b/modules/blog/skins/xe_blog/images/green/bgBoxTypeB.gif
new file mode 100644
index 000000000..1cdca75c2
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/bgBoxTypeB.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/blogHeaderLine.gif b/modules/blog/skins/xe_blog/images/green/blogHeaderLine.gif
new file mode 100644
index 000000000..fb52802d8
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/blogHeaderLine.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/blogHeaderVr.gif b/modules/blog/skins/xe_blog/images/green/blogHeaderVr.gif
new file mode 100644
index 000000000..9480e8106
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/blogHeaderVr.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/buttonModifyE.gif b/modules/blog/skins/xe_blog/images/green/buttonModifyE.gif
new file mode 100644
index 000000000..6a4ade1a5
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/buttonModifyE.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/buttonReply.gif b/modules/blog/skins/xe_blog/images/green/buttonReply.gif
new file mode 100644
index 000000000..e142d4263
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/buttonReply.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/buttonTypeInput24.gif b/modules/blog/skins/xe_blog/images/green/buttonTypeInput24.gif
new file mode 100644
index 000000000..3e01072b9
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/buttonTypeInput24.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/iconArticle.gif b/modules/blog/skins/xe_blog/images/green/iconArticle.gif
new file mode 100644
index 000000000..a27236ef2
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/iconArticle.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/iconFile.gif b/modules/blog/skins/xe_blog/images/green/iconFile.gif
new file mode 100644
index 000000000..2040f4fcb
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/iconFile.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/iconList.gif b/modules/blog/skins/xe_blog/images/green/iconList.gif
new file mode 100644
index 000000000..2e67636f5
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/iconList.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/iconMyInfo.gif b/modules/blog/skins/xe_blog/images/green/iconMyInfo.gif
new file mode 100644
index 000000000..b67f29733
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/iconMyInfo.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/iconWrite.gif b/modules/blog/skins/xe_blog/images/green/iconWrite.gif
new file mode 100644
index 000000000..2c9832e36
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/iconWrite.gif differ
diff --git a/modules/blog/skins/xe_blog/images/green/lineBoardListTh.gif b/modules/blog/skins/xe_blog/images/green/lineBoardListTh.gif
new file mode 100644
index 000000000..282297cf8
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/green/lineBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/bgBoardListTh.gif b/modules/blog/skins/xe_blog/images/purple/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/bgBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/bgBoxTypeB.gif b/modules/blog/skins/xe_blog/images/purple/bgBoxTypeB.gif
new file mode 100644
index 000000000..9e130ae44
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/bgBoxTypeB.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/blogHeaderLine.gif b/modules/blog/skins/xe_blog/images/purple/blogHeaderLine.gif
new file mode 100644
index 000000000..4d1c70f6a
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/blogHeaderLine.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/blogHeaderVr.gif b/modules/blog/skins/xe_blog/images/purple/blogHeaderVr.gif
new file mode 100644
index 000000000..9480e8106
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/blogHeaderVr.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/buttonModifyE.gif b/modules/blog/skins/xe_blog/images/purple/buttonModifyE.gif
new file mode 100644
index 000000000..a1d4340d3
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/buttonModifyE.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/buttonReply.gif b/modules/blog/skins/xe_blog/images/purple/buttonReply.gif
new file mode 100644
index 000000000..600534865
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/buttonReply.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/buttonTypeInput24.gif b/modules/blog/skins/xe_blog/images/purple/buttonTypeInput24.gif
new file mode 100644
index 000000000..0dcfc0e3d
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/buttonTypeInput24.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/iconArticle.gif b/modules/blog/skins/xe_blog/images/purple/iconArticle.gif
new file mode 100644
index 000000000..59c1c8019
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/iconArticle.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/iconFile.gif b/modules/blog/skins/xe_blog/images/purple/iconFile.gif
new file mode 100644
index 000000000..c39a49aa0
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/iconFile.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/iconList.gif b/modules/blog/skins/xe_blog/images/purple/iconList.gif
new file mode 100644
index 000000000..2e67636f5
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/iconList.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/iconMyInfo.gif b/modules/blog/skins/xe_blog/images/purple/iconMyInfo.gif
new file mode 100644
index 000000000..af4545bfa
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/iconMyInfo.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/iconWrite.gif b/modules/blog/skins/xe_blog/images/purple/iconWrite.gif
new file mode 100644
index 000000000..f18cb5e9e
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/iconWrite.gif differ
diff --git a/modules/blog/skins/xe_blog/images/purple/lineBoardListTh.gif b/modules/blog/skins/xe_blog/images/purple/lineBoardListTh.gif
new file mode 100644
index 000000000..6c74832c3
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/purple/lineBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/bgBoardListTh.gif b/modules/blog/skins/xe_blog/images/red/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/bgBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/bgBoxTypeB.gif b/modules/blog/skins/xe_blog/images/red/bgBoxTypeB.gif
new file mode 100644
index 000000000..9e130ae44
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/bgBoxTypeB.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/bgBoxTypeB.gif.1 b/modules/blog/skins/xe_blog/images/red/bgBoxTypeB.gif.1
new file mode 100644
index 000000000..01406b48a
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/bgBoxTypeB.gif.1 differ
diff --git a/modules/blog/skins/xe_blog/images/red/blogHeaderLine.gif b/modules/blog/skins/xe_blog/images/red/blogHeaderLine.gif
new file mode 100644
index 000000000..6fc563f06
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/blogHeaderLine.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/blogHeaderVr.gif b/modules/blog/skins/xe_blog/images/red/blogHeaderVr.gif
new file mode 100644
index 000000000..9480e8106
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/blogHeaderVr.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/buttonModifyE.gif b/modules/blog/skins/xe_blog/images/red/buttonModifyE.gif
new file mode 100644
index 000000000..974552d54
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/buttonModifyE.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/buttonReply.gif b/modules/blog/skins/xe_blog/images/red/buttonReply.gif
new file mode 100644
index 000000000..b9472e1bc
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/buttonReply.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/buttonTypeInput24.gif b/modules/blog/skins/xe_blog/images/red/buttonTypeInput24.gif
new file mode 100644
index 000000000..2ae80ed23
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/buttonTypeInput24.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/iconArticle.gif b/modules/blog/skins/xe_blog/images/red/iconArticle.gif
new file mode 100644
index 000000000..5cd05be62
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/iconArticle.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/iconFile.gif b/modules/blog/skins/xe_blog/images/red/iconFile.gif
new file mode 100644
index 000000000..ee0dd83c7
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/iconFile.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/iconList.gif b/modules/blog/skins/xe_blog/images/red/iconList.gif
new file mode 100644
index 000000000..2e67636f5
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/iconList.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/iconMyInfo.gif b/modules/blog/skins/xe_blog/images/red/iconMyInfo.gif
new file mode 100644
index 000000000..b48e1fcd2
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/iconMyInfo.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/iconWrite.gif b/modules/blog/skins/xe_blog/images/red/iconWrite.gif
new file mode 100644
index 000000000..2caff746f
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/iconWrite.gif differ
diff --git a/modules/blog/skins/xe_blog/images/red/lineBoardListTh.gif b/modules/blog/skins/xe_blog/images/red/lineBoardListTh.gif
new file mode 100644
index 000000000..ee37cb8df
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/red/lineBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/bgBoardListTh.gif b/modules/blog/skins/xe_blog/images/white/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/bgBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/bgBoxTypeB.gif b/modules/blog/skins/xe_blog/images/white/bgBoxTypeB.gif
new file mode 100644
index 000000000..09f7dd59c
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/bgBoxTypeB.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/blogHeaderLine.gif b/modules/blog/skins/xe_blog/images/white/blogHeaderLine.gif
new file mode 100644
index 000000000..b28509e7e
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/blogHeaderLine.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/blogHeaderVr.gif b/modules/blog/skins/xe_blog/images/white/blogHeaderVr.gif
new file mode 100644
index 000000000..9480e8106
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/blogHeaderVr.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/buttonModifyE.gif b/modules/blog/skins/xe_blog/images/white/buttonModifyE.gif
new file mode 100644
index 000000000..1cde1b60f
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/buttonModifyE.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/buttonReply.gif b/modules/blog/skins/xe_blog/images/white/buttonReply.gif
new file mode 100644
index 000000000..600534865
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/buttonReply.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/buttonTypeInput24.gif b/modules/blog/skins/xe_blog/images/white/buttonTypeInput24.gif
new file mode 100644
index 000000000..0dcfc0e3d
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/buttonTypeInput24.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/iconArticle.gif b/modules/blog/skins/xe_blog/images/white/iconArticle.gif
new file mode 100644
index 000000000..59c1c8019
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/iconArticle.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/iconFile.gif b/modules/blog/skins/xe_blog/images/white/iconFile.gif
new file mode 100644
index 000000000..c39a49aa0
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/iconFile.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/iconList.gif b/modules/blog/skins/xe_blog/images/white/iconList.gif
new file mode 100644
index 000000000..1c83bcadd
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/iconList.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/iconMyInfo.gif b/modules/blog/skins/xe_blog/images/white/iconMyInfo.gif
new file mode 100644
index 000000000..af4545bfa
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/iconMyInfo.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/iconWrite.gif b/modules/blog/skins/xe_blog/images/white/iconWrite.gif
new file mode 100644
index 000000000..f18cb5e9e
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/iconWrite.gif differ
diff --git a/modules/blog/skins/xe_blog/images/white/lineBoardListTh.gif b/modules/blog/skins/xe_blog/images/white/lineBoardListTh.gif
new file mode 100644
index 000000000..6d891d82c
Binary files /dev/null and b/modules/blog/skins/xe_blog/images/white/lineBoardListTh.gif differ
diff --git a/modules/blog/skins/xe_blog/layout.html b/modules/blog/skins/xe_blog/layout.html
index e43f824d4..8d7eda07e 100644
--- a/modules/blog/skins/xe_blog/layout.html
+++ b/modules/blog/skins/xe_blog/layout.html
@@ -1,7 +1,24 @@
 <!-- 레이아웃과 연동될 css 파일 import -->
 <!--%import("css/layout.css")-->
 <!--%import("css/blog_tree_menu.css")-->
+
+<!-- JS 파일 로드 -->
 <!--%import("js/blog_tree_menu.js")-->
+<!--%import("js/blog.js")-->
+
+<!-- 컬러셋 체크 -->
+<!--@if(!$module_info->colorset)-->
+    {@$module_info->colorset = "white"}
+<!--@end-->
+
+<!-- CSS 파일 로드 (컬러셋에 따라서) -->
+<!--%import("css/common.css")-->
+<!--@if($module_info->colorset == "cyan")--> <!--%import("css/cyan.css")-->
+<!--@elseif($module_info->colorset == "red")--> <!--%import("css/red.css")-->
+<!--@elseif($module_info->colorset == "green")--> <!--%import("css/green.css")-->
+<!--@elseif($module_info->colorset == "purple")--> <!--%import("css/purple.css")-->
+<!--@else--> <!--%import("css/white.css")-->
+<!--@end-->
 
 <!--@if($layout_info->background_image)-->
   <style type="text/css">
@@ -106,26 +123,28 @@
             <!-- 왼쪽 위젯 출력 위치 -->
 
             <!-- 최근문서 출력 -->
-            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="newest_document" skin="blog_newest_document" colorset="normal" title="recent entries" order_target="list_order" order_type="desc" list_count="10" mid_list="{$layout_info->mid}" />
+            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="newest_document" skin="blog_newest_document" colorset="{$layout_info->colorset}" title="recent entries" order_target="list_order" order_type="desc" list_count="10" mid_list="{$layout_info->mid}" />
 
             <!-- 최근댓글 출력 -->
-            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="newest_comment" skin="blog_newest_comment" colorset="normal" title="recent comments" list_count="10" mid_list="{$layout_info->mid}" />
+            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="newest_comment" skin="blog_newest_comment" colorset="{$layout_info->colorset}" title="recent comments" list_count="10" mid_list="{$layout_info->mid}" />
 
             <!-- 엮인글들 -->
-            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="newest_trackback" skin="blog_newest_trackback" colorset="normal" title="recent trackbacks" list_count="5" mid_list="{$layout_info->mid}" />
+            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="newest_trackback" skin="blog_newest_trackback" colorset="{$layout_info->colorset}" title="recent trackbacks" list_count="5" mid_list="{$layout_info->mid}" />
 
             <!-- 꼬리표들 -->
-            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="tag_list" skin="blog_tag_list" colorset="normal" title="site tags" list_count="60" mid_list="{$layout_info->mid}" />
+            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="tag_list" skin="blog_tag_list" colorset="{$layout_info->colorset}" title="site tags" list_count="60" mid_list="{$layout_info->mid}" />
 
             <!-- 월별 현황들 -->
-            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="archive_list" skin="blog_archive_list" colorset="normal" title="archives" mid_list="{$layout_info->mid}" />
+            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="archive_list" skin="blog_archive_list" colorset="{$layout_info->colorset}" title="archives" mid_list="{$layout_info->mid}" />
 
             <!-- 달력 -->
-            <br />
-            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="calendar" skin="blog_calendar_list" colorset="normal" mid_list="{$layout_info->mid}" />
+            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="calendar" skin="blog_calendar_list" colorset="{$layout_info->colorset}" mid_list="{$layout_info->mid}" />
 
             <!-- 카운터 -->
-            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="counter_status" skin="styx_flash" colorset="normal" />
+            <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="counter_status" skin="styx_flash" colorset="{$layout_info->colorset}" />
+
+            <!-- 언어선택 위젯 -->
+            <img src="/site/common/tpl/images/blank.gif" class="zbxe_widget_output" widget="language_select" skin="default" colorset="normal" widget_cache="0" />
 
             <!-- powered by zbxe -->
             <div id="poweredbyzbxe">
diff --git a/modules/blog/skins/xe_blog/list.html b/modules/blog/skins/xe_blog/list.html
index 9c2221b57..991a84961 100644
--- a/modules/blog/skins/xe_blog/list.html
+++ b/modules/blog/skins/xe_blog/list.html
@@ -46,7 +46,7 @@
 <!-- 페이지 네비게이션 -->
 <div class="pageNavigation">
 
-    <a href="{getUrl('page','','document_srl','')}" class="goToFirst"><img src="./images/{$module_info->colorset}/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+    <a href="{getUrl('page','','document_srl','')}" class="goToFirst"><img src="./images/common/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
             <span class="current">{$page_no}</span> 
@@ -54,7 +54,7 @@
             <a href="{getUrl('page',$page_no,'document_srl','')}">{$page_no}</a>
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'document_srl','')}" class="goToLast"><img src="./images/{$module_info->colorset}/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'document_srl','')}" class="goToLast"><img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
 </div>
 
 <!--#include("footer.html")-->
diff --git a/modules/blog/skins/xe_blog/screenshot/cyan.gif b/modules/blog/skins/xe_blog/screenshot/cyan.gif
new file mode 100644
index 000000000..570dd2cec
Binary files /dev/null and b/modules/blog/skins/xe_blog/screenshot/cyan.gif differ
diff --git a/modules/blog/skins/xe_blog/screenshot/green.gif b/modules/blog/skins/xe_blog/screenshot/green.gif
new file mode 100644
index 000000000..df96888e7
Binary files /dev/null and b/modules/blog/skins/xe_blog/screenshot/green.gif differ
diff --git a/modules/blog/skins/xe_blog/screenshot/purple.gif b/modules/blog/skins/xe_blog/screenshot/purple.gif
new file mode 100644
index 000000000..ccc3237d1
Binary files /dev/null and b/modules/blog/skins/xe_blog/screenshot/purple.gif differ
diff --git a/modules/blog/skins/xe_blog/screenshot/red.gif b/modules/blog/skins/xe_blog/screenshot/red.gif
new file mode 100644
index 000000000..a7a98c99f
Binary files /dev/null and b/modules/blog/skins/xe_blog/screenshot/red.gif differ
diff --git a/modules/blog/skins/xe_blog/screenshot/white.gif b/modules/blog/skins/xe_blog/screenshot/white.gif
new file mode 100644
index 000000000..6bc4d89cc
Binary files /dev/null and b/modules/blog/skins/xe_blog/screenshot/white.gif differ
diff --git a/modules/blog/skins/xe_blog/skin.xml b/modules/blog/skins/xe_blog/skin.xml
index 418ae2c8d..02c0a4bbb 100644
--- a/modules/blog/skins/xe_blog/skin.xml
+++ b/modules/blog/skins/xe_blog/skin.xml
@@ -37,6 +37,30 @@
             <title xml:lang="zh-CN">白色（基本）</title>
             <title xml:lang="en">White(default)</title>
         </color>
+        <color name="cyan" src="screenshot/cyan.gif">
+          <title xml:lang="ko">청록색</title>
+          <title xml:lang="jp">cyan</title>
+          <title xml:lang="zh-CN">cyan</title>
+          <title xml:lang="en">cyan</title>
+        </color>
+        <color name="green" src="screenshot/green.gif">
+          <title xml:lang="ko">초록색</title>
+          <title xml:lang="jp">green</title>
+          <title xml:lang="zh-CN">green</title>
+          <title xml:lang="en">green</title>
+        </color>
+        <color name="red" src="screenshot/red.gif">
+          <title xml:lang="ko">빨간색</title>
+          <title xml:lang="jp">red</title>
+          <title xml:lang="zh-CN">red</title>
+          <title xml:lang="en">red</title>
+        </color>
+        <color name="purple" src="screenshot/purple.gif">
+          <title xml:lang="ko">보라색</title>
+          <title xml:lang="jp">purple</title>
+          <title xml:lang="zh-CN">purple</title>
+          <title xml:lang="en">purple</title>
+        </color>
     </colorset>
     <extra_vars>
         <var name="top_title" type="text">
diff --git a/modules/blog/skins/xe_blog/trackback.html b/modules/blog/skins/xe_blog/trackback.html
index 9e78821d2..5a565f328 100644
--- a/modules/blog/skins/xe_blog/trackback.html
+++ b/modules/blog/skins/xe_blog/trackback.html
@@ -8,7 +8,7 @@
         <a name="trackback_{$val->trackback_srl}"></a>
         <address>
             <a href="{$val->url}" onclick="winopen(this.href);return false;">{htmlspecialchars($val->title)} - {htmlspecialchars($val->blog_name)}</a>
-            <a href="{getUrl('act','dispBoardDeleteTrackback','trackback_srl',$val->trackback_srl)}"><img src="./images/{$module_info->colorset}/buttonDeleteX.gif" border="0" alt="delete" width="12" height="13" /></a>
+            <a href="{getUrl('act','dispBoardDeleteTrackback','trackback_srl',$val->trackback_srl)}"><img src="./images/common/buttonDeleteX.gif" border="0" alt="delete" width="12" height="13" /></a>
             <span class="date">
                 {zdate($val->regdate, "Y.m.d H:i")}
                 ({$val->ipaddress})
diff --git a/modules/blog/skins/xe_blog/view_document.html b/modules/blog/skins/xe_blog/view_document.html
index 2ced9b9b0..12828015e 100644
--- a/modules/blog/skins/xe_blog/view_document.html
+++ b/modules/blog/skins/xe_blog/view_document.html
@@ -41,7 +41,7 @@
             {@ $tag_list = $oDocument->get('tag_list') }
             <!--@if(count($tag_list))-->
             <div class="tag">
-                <h5><img src="./images/{$module_info->colorset}/iconTag.gif" alt="{$lang->tag}" width="17" height="10" class="tagIcon" /></h5>
+                <h5><img src="./images/common/iconTag.gif" alt="{$lang->tag}" width="17" height="10" class="tagIcon" /></h5>
                 <ul>
                     <!--@for($i=0;$i<count($tag_list);$i++)-->
                         {@ $tag = $tag_list[$i]; }
diff --git a/modules/blog/tpl/skin_info.html b/modules/blog/tpl/skin_info.html
index 980ec05ee..2256e1758 100644
--- a/modules/blog/tpl/skin_info.html
+++ b/modules/blog/tpl/skin_info.html
@@ -45,14 +45,20 @@
         <th scope="row">{$lang->colorset}</th>
         <td class="left" >
             <!--@foreach($skin_info->colorset as $key => $val)-->
-            <div>
                 <!--@if($val->screenshot)-->
-                <img src="{$val->screenshot}" align="left" alt="{$val->title}" />
+                    {@ $_img_info = getImageSize($val->screenshot); $_height = $_img_info[1]+40; $_width = $_img_info[0]+20; $_talign = "center"; }
+                <!--@else-->
+                    {@ $_width = 200; $_height = 20; $_talign = "left"; }
                 <!--@end-->
-
+            <div style="float:left;text-align:{$_talign};margin-bottom:1em;width:{$_width}px;height:{$_height}px;margin-right:10px;">
                 <input type="radio" name="colorset" value="{$val->name}" id="colorset_{$key}" <!--@if($module_info->colorset==$val->name)-->checked="checked"<!--@end-->/>  
                 <label for="colorset_{$key}">{$val->title}</label>
+                <!--@if($val->screenshot)-->
+                <br />
+                <img src="{$val->screenshot}" alt="{$val->title}" style="border:1px solid #888888;padding:2px;margin:2px;"/>
+                <!--@end-->
             </div>
+            <!--@if($key%2==1)--><div class="clear"></div><!--@end-->
             <!--@end-->
         </td>
     </tr>
diff --git a/widgets/archive_list/skins/blog_archive_list/archive_list.html b/widgets/archive_list/skins/blog_archive_list/archive_list.html
index 04ca7e769..8f3d00725 100644
--- a/widgets/archive_list/skins/blog_archive_list/archive_list.html
+++ b/widgets/archive_list/skins/blog_archive_list/archive_list.html
@@ -1,6 +1,14 @@
 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
 
-<!--@if($colorset=="normal"||!$colorset)-->
+<!--@if($colorset=="cyan")-->
+    <!--%import("css/cyan.css")-->
+<!--@elseif($colorset=="green")-->
+    <!--%import("css/green.css")-->
+<!--@elseif($colorset=="red")-->
+    <!--%import("css/red.css")-->
+<!--@elseif($colorset=="purple")-->
+    <!--%import("css/purple.css")-->
+<!--@else-->
     <!--%import("css/normal.css")-->
 <!--@end-->
 
diff --git a/widgets/archive_list/skins/blog_archive_list/css/cyan.css b/widgets/archive_list/skins/blog_archive_list/css/cyan.css
new file mode 100644
index 000000000..429103a65
--- /dev/null
+++ b/widgets/archive_list/skins/blog_archive_list/css/cyan.css
@@ -0,0 +1,6 @@
+div#archive { position:relative; border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#archive 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#archive .archiveList { padding:.4em 1.2em .4em 1.2em; overflow:hidden;}
+div#archive .archiveList li { font-size:.75em; display:block; color:#a4a4a4; margin-right:.1em; line-height:1.5em; font-family:tahoma; }
+div#archive .archiveList li a { color:#a4a4a4; font-weight:bold; margin-right:1em; font-family:tahoma;}
diff --git a/widgets/archive_list/skins/blog_archive_list/css/green.css b/widgets/archive_list/skins/blog_archive_list/css/green.css
new file mode 100644
index 000000000..9c9ab8e4b
--- /dev/null
+++ b/widgets/archive_list/skins/blog_archive_list/css/green.css
@@ -0,0 +1,6 @@
+div#archive { position:relative; border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#archive 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#archive .archiveList { padding:.4em 1.2em .4em 1.2em; overflow:hidden;}
+div#archive .archiveList li { font-size:.75em; display:block; color:#a4a4a4; margin-right:.1em; line-height:1.5em; font-family:tahoma; }
+div#archive .archiveList li a { color:#a4a4a4; font-weight:bold; margin-right:1em; font-family:tahoma;}
diff --git a/widgets/archive_list/skins/blog_archive_list/css/purple.css b/widgets/archive_list/skins/blog_archive_list/css/purple.css
new file mode 100644
index 000000000..c641b59e7
--- /dev/null
+++ b/widgets/archive_list/skins/blog_archive_list/css/purple.css
@@ -0,0 +1,6 @@
+div#archive { position:relative; border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#archive 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#archive .archiveList { padding:.4em 1.2em .4em 1.2em; overflow:hidden;}
+div#archive .archiveList li { font-size:.75em; display:block; color:#a4a4a4; margin-right:.1em; line-height:1.5em; font-family:tahoma; }
+div#archive .archiveList li a { color:#a4a4a4; font-weight:bold; margin-right:1em; font-family:tahoma;}
diff --git a/widgets/archive_list/skins/blog_archive_list/css/red.css b/widgets/archive_list/skins/blog_archive_list/css/red.css
new file mode 100644
index 000000000..e044229dd
--- /dev/null
+++ b/widgets/archive_list/skins/blog_archive_list/css/red.css
@@ -0,0 +1,6 @@
+div#archive { position:relative; border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#archive 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#archive .archiveList { padding:.4em 1.2em .4em 1.2em; overflow:hidden;}
+div#archive .archiveList li { font-size:.75em; display:block; color:#a4a4a4; margin-right:.1em; line-height:1.5em; font-family:tahoma; }
+div#archive .archiveList li a { color:#a4a4a4; font-weight:bold; margin-right:1em; font-family:tahoma;}
diff --git a/widgets/archive_list/skins/blog_archive_list/images/cyan/bgBoxTypeB.gif b/widgets/archive_list/skins/blog_archive_list/images/cyan/bgBoxTypeB.gif
new file mode 100644
index 000000000..99a877045
Binary files /dev/null and b/widgets/archive_list/skins/blog_archive_list/images/cyan/bgBoxTypeB.gif differ
diff --git a/widgets/archive_list/skins/blog_archive_list/images/green/bgBoxTypeB.gif b/widgets/archive_list/skins/blog_archive_list/images/green/bgBoxTypeB.gif
new file mode 100644
index 000000000..1cdca75c2
Binary files /dev/null and b/widgets/archive_list/skins/blog_archive_list/images/green/bgBoxTypeB.gif differ
diff --git a/widgets/archive_list/skins/blog_archive_list/images/purple/bgBoxTypeB.gif b/widgets/archive_list/skins/blog_archive_list/images/purple/bgBoxTypeB.gif
new file mode 100644
index 000000000..9e130ae44
Binary files /dev/null and b/widgets/archive_list/skins/blog_archive_list/images/purple/bgBoxTypeB.gif differ
diff --git a/widgets/archive_list/skins/blog_archive_list/images/red/bgBoxTypeB.gif b/widgets/archive_list/skins/blog_archive_list/images/red/bgBoxTypeB.gif
new file mode 100644
index 000000000..01406b48a
Binary files /dev/null and b/widgets/archive_list/skins/blog_archive_list/images/red/bgBoxTypeB.gif differ
diff --git a/widgets/archive_list/skins/blog_archive_list/skin.xml b/widgets/archive_list/skins/blog_archive_list/skin.xml
index 9dd283ee5..89405c69d 100644
--- a/widgets/archive_list/skins/blog_archive_list/skin.xml
+++ b/widgets/archive_list/skins/blog_archive_list/skin.xml
@@ -20,5 +20,29 @@
       <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">cyan</title>
+      <title xml:lang="zh-CN">cyan</title>
+      <title xml:lang="en">cyan</title>
+    </color>
+    <color name="green">
+      <title xml:lang="ko">초록색</title>
+      <title xml:lang="jp">green</title>
+      <title xml:lang="zh-CN">green</title>
+      <title xml:lang="en">green</title>
+    </color>
+    <color name="red">
+      <title xml:lang="ko">빨간색</title>
+      <title xml:lang="jp">red</title>
+      <title xml:lang="zh-CN">red</title>
+      <title xml:lang="en">red</title>
+    </color>
+    <color name="purple">
+      <title xml:lang="ko">보라색</title>
+      <title xml:lang="jp">purple</title>
+      <title xml:lang="zh-CN">purple</title>
+      <title xml:lang="en">purple</title>
+    </color>
   </colorset>
 </skin>
diff --git a/widgets/calendar/skins/blog_calendar_list/calendar.html b/widgets/calendar/skins/blog_calendar_list/calendar.html
index 5cb737404..59d0b6d71 100644
--- a/widgets/calendar/skins/blog_calendar_list/calendar.html
+++ b/widgets/calendar/skins/blog_calendar_list/calendar.html
@@ -1,8 +1,6 @@
 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
 
-<!--@if($colorset=="normal"||!$colorset)-->
-    <!--%import("css/normal.css")-->
-<!--@end-->
+<!--%import("css/normal.css")-->
 
 <div id="calendar">
     <table cellspacing="0">
@@ -11,18 +9,6 @@
         <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>
     </caption>
 
-    <thead>
-        <tr>
-            <th class="sun" scope="col">일</th>
-            <th scope="col">월</th>
-            <th scope="col">화</th>
-            <th scope="col">수</th>
-            <th scope="col">목</th>
-            <th scope="col">금</th>
-            <th scope="col">토</th>
-        </tr>
-    </thead>
-
     {@ $day = ''}
     <tbody>
     <!--@for($i=0;$i<6;$i++)-->
diff --git a/widgets/calendar/skins/blog_calendar_list/skin.xml b/widgets/calendar/skins/blog_calendar_list/skin.xml
index 598abd366..64c5c620b 100644
--- a/widgets/calendar/skins/blog_calendar_list/skin.xml
+++ b/widgets/calendar/skins/blog_calendar_list/skin.xml
@@ -21,5 +21,29 @@
       <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">cyan</title>
+      <title xml:lang="zh-CN">cyan</title>
+      <title xml:lang="en">cyan</title>
+    </color>
+    <color name="green">
+      <title xml:lang="ko">초록색</title>
+      <title xml:lang="jp">green</title>
+      <title xml:lang="zh-CN">green</title>
+      <title xml:lang="en">green</title>
+    </color>
+    <color name="red">
+      <title xml:lang="ko">빨간색</title>
+      <title xml:lang="jp">red</title>
+      <title xml:lang="zh-CN">red</title>
+      <title xml:lang="en">red</title>
+    </color>
+    <color name="purple">
+      <title xml:lang="ko">보라색</title>
+      <title xml:lang="jp">purple</title>
+      <title xml:lang="zh-CN">purple</title>
+      <title xml:lang="en">purple</title>
+    </color>
   </colorset>
 </skin>
diff --git a/widgets/newest_comment/skins/blog_newest_comment/css/cyan.css b/widgets/newest_comment/skins/blog_newest_comment/css/cyan.css
new file mode 100644
index 000000000..1b89bc5d5
--- /dev/null
+++ b/widgets/newest_comment/skins/blog_newest_comment/css/cyan.css
@@ -0,0 +1,6 @@
+.newestComment { position:relative; border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestComment 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;} */
+.newestComment .commentList { padding:1.2em; overflow:hidden;}
+.newestComment .commentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; }
+.newestComment .commentList li a { color:#a4a4a4; line-height:1.5em;}
diff --git a/widgets/newest_comment/skins/blog_newest_comment/css/green.css b/widgets/newest_comment/skins/blog_newest_comment/css/green.css
new file mode 100644
index 000000000..3997300de
--- /dev/null
+++ b/widgets/newest_comment/skins/blog_newest_comment/css/green.css
@@ -0,0 +1,6 @@
+.newestComment { position:relative; border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestComment 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;} */
+.newestComment .commentList { padding:1.2em; overflow:hidden;}
+.newestComment .commentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; }
+.newestComment .commentList li a { color:#a4a4a4; line-height:1.5em;}
diff --git a/widgets/newest_comment/skins/blog_newest_comment/css/purple.css b/widgets/newest_comment/skins/blog_newest_comment/css/purple.css
new file mode 100644
index 000000000..cfecc68e9
--- /dev/null
+++ b/widgets/newest_comment/skins/blog_newest_comment/css/purple.css
@@ -0,0 +1,6 @@
+.newestComment { position:relative; border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestComment 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;} */
+.newestComment .commentList { padding:1.2em; overflow:hidden;}
+.newestComment .commentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; }
+.newestComment .commentList li a { color:#a4a4a4; line-height:1.5em;}
diff --git a/widgets/newest_comment/skins/blog_newest_comment/css/red.css b/widgets/newest_comment/skins/blog_newest_comment/css/red.css
new file mode 100644
index 000000000..001072b2b
--- /dev/null
+++ b/widgets/newest_comment/skins/blog_newest_comment/css/red.css
@@ -0,0 +1,6 @@
+.newestComment { position:relative; border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestComment 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;} */
+.newestComment .commentList { padding:1.2em; overflow:hidden;}
+.newestComment .commentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; }
+.newestComment .commentList li a { color:#a4a4a4; line-height:1.5em;}
diff --git a/widgets/newest_comment/skins/blog_newest_comment/images/cyan/bgBoxTypeB.gif b/widgets/newest_comment/skins/blog_newest_comment/images/cyan/bgBoxTypeB.gif
new file mode 100644
index 000000000..99a877045
Binary files /dev/null and b/widgets/newest_comment/skins/blog_newest_comment/images/cyan/bgBoxTypeB.gif differ
diff --git a/widgets/newest_comment/skins/blog_newest_comment/images/green/bgBoxTypeB.gif b/widgets/newest_comment/skins/blog_newest_comment/images/green/bgBoxTypeB.gif
new file mode 100644
index 000000000..1cdca75c2
Binary files /dev/null and b/widgets/newest_comment/skins/blog_newest_comment/images/green/bgBoxTypeB.gif differ
diff --git a/widgets/newest_comment/skins/blog_newest_comment/images/purple/bgBoxTypeB.gif b/widgets/newest_comment/skins/blog_newest_comment/images/purple/bgBoxTypeB.gif
new file mode 100644
index 000000000..9e130ae44
Binary files /dev/null and b/widgets/newest_comment/skins/blog_newest_comment/images/purple/bgBoxTypeB.gif differ
diff --git a/widgets/newest_comment/skins/blog_newest_comment/images/red/bgBoxTypeB.gif b/widgets/newest_comment/skins/blog_newest_comment/images/red/bgBoxTypeB.gif
new file mode 100644
index 000000000..01406b48a
Binary files /dev/null and b/widgets/newest_comment/skins/blog_newest_comment/images/red/bgBoxTypeB.gif differ
diff --git a/widgets/newest_comment/skins/blog_newest_comment/list.html b/widgets/newest_comment/skins/blog_newest_comment/list.html
index 690510845..5d2b92186 100644
--- a/widgets/newest_comment/skins/blog_newest_comment/list.html
+++ b/widgets/newest_comment/skins/blog_newest_comment/list.html
@@ -1,6 +1,14 @@
 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
 
-<!--@if($colorset=="normal"||!$colorset)-->
+<!--@if($colorset=="cyan")-->
+    <!--%import("css/cyan.css")-->
+<!--@elseif($colorset=="green")-->
+    <!--%import("css/green.css")-->
+<!--@elseif($colorset=="red")-->
+    <!--%import("css/red.css")-->
+<!--@elseif($colorset=="purple")-->
+    <!--%import("css/purple.css")-->
+<!--@else-->
     <!--%import("css/normal.css")-->
 <!--@end-->
 
diff --git a/widgets/newest_comment/skins/blog_newest_comment/skin.xml b/widgets/newest_comment/skins/blog_newest_comment/skin.xml
index c8500406a..425ee43c7 100644
--- a/widgets/newest_comment/skins/blog_newest_comment/skin.xml
+++ b/widgets/newest_comment/skins/blog_newest_comment/skin.xml
@@ -21,5 +21,29 @@
       <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">cyan</title>
+      <title xml:lang="zh-CN">cyan</title>
+      <title xml:lang="en">cyan</title>
+    </color>
+    <color name="green">
+      <title xml:lang="ko">초록색</title>
+      <title xml:lang="jp">green</title>
+      <title xml:lang="zh-CN">green</title>
+      <title xml:lang="en">green</title>
+    </color>
+    <color name="red">
+      <title xml:lang="ko">빨간색</title>
+      <title xml:lang="jp">red</title>
+      <title xml:lang="zh-CN">red</title>
+      <title xml:lang="en">red</title>
+    </color>
+    <color name="purple">
+      <title xml:lang="ko">보라색</title>
+      <title xml:lang="jp">purple</title>
+      <title xml:lang="zh-CN">purple</title>
+      <title xml:lang="en">purple</title>
+    </color>
   </colorset>
 </skin>
diff --git a/widgets/newest_document/skins/blog_newest_document/css/cyan.css b/widgets/newest_document/skins/blog_newest_document/css/cyan.css
new file mode 100644
index 000000000..2c39c9443
--- /dev/null
+++ b/widgets/newest_document/skins/blog_newest_document/css/cyan.css
@@ -0,0 +1,6 @@
+.newestDocument { position:relative; border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestDocument 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;} */
+.newestDocument .documentList { padding:1.2em; overflow:hidden;}
+.newestDocument .documentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden;}
+.newestDocument .documentList li a { color:#a4a4a4; line-height:1.5em; }
diff --git a/widgets/newest_document/skins/blog_newest_document/css/green.css b/widgets/newest_document/skins/blog_newest_document/css/green.css
new file mode 100644
index 000000000..e1c88f21f
--- /dev/null
+++ b/widgets/newest_document/skins/blog_newest_document/css/green.css
@@ -0,0 +1,6 @@
+.newestDocument { position:relative; border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestDocument 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;} */
+.newestDocument .documentList { padding:1.2em; overflow:hidden;}
+.newestDocument .documentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden;}
+.newestDocument .documentList li a { color:#a4a4a4; line-height:1.5em; }
diff --git a/widgets/newest_document/skins/blog_newest_document/css/purple.css b/widgets/newest_document/skins/blog_newest_document/css/purple.css
new file mode 100644
index 000000000..a12bb103d
--- /dev/null
+++ b/widgets/newest_document/skins/blog_newest_document/css/purple.css
@@ -0,0 +1,6 @@
+.newestDocument { position:relative; border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestDocument 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;} */
+.newestDocument .documentList { padding:1.2em; overflow:hidden;}
+.newestDocument .documentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden;}
+.newestDocument .documentList li a { color:#a4a4a4; line-height:1.5em; }
diff --git a/widgets/newest_document/skins/blog_newest_document/css/red.css b/widgets/newest_document/skins/blog_newest_document/css/red.css
new file mode 100644
index 000000000..dc3678013
--- /dev/null
+++ b/widgets/newest_document/skins/blog_newest_document/css/red.css
@@ -0,0 +1,6 @@
+.newestDocument { position:relative; border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+.newestDocument 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;} */
+.newestDocument .documentList { padding:1.2em; overflow:hidden;}
+.newestDocument .documentList li { display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden;}
+.newestDocument .documentList li a { color:#a4a4a4; line-height:1.5em; }
diff --git a/widgets/newest_document/skins/blog_newest_document/images/cyan/bgBoxTypeB.gif b/widgets/newest_document/skins/blog_newest_document/images/cyan/bgBoxTypeB.gif
new file mode 100644
index 000000000..99a877045
Binary files /dev/null and b/widgets/newest_document/skins/blog_newest_document/images/cyan/bgBoxTypeB.gif differ
diff --git a/widgets/newest_document/skins/blog_newest_document/images/green/bgBoxTypeB.gif b/widgets/newest_document/skins/blog_newest_document/images/green/bgBoxTypeB.gif
new file mode 100644
index 000000000..1cdca75c2
Binary files /dev/null and b/widgets/newest_document/skins/blog_newest_document/images/green/bgBoxTypeB.gif differ
diff --git a/widgets/newest_document/skins/blog_newest_document/images/purple/bgBoxTypeB.gif b/widgets/newest_document/skins/blog_newest_document/images/purple/bgBoxTypeB.gif
new file mode 100644
index 000000000..9e130ae44
Binary files /dev/null and b/widgets/newest_document/skins/blog_newest_document/images/purple/bgBoxTypeB.gif differ
diff --git a/widgets/newest_document/skins/blog_newest_document/images/red/bgBoxTypeB.gif b/widgets/newest_document/skins/blog_newest_document/images/red/bgBoxTypeB.gif
new file mode 100644
index 000000000..01406b48a
Binary files /dev/null and b/widgets/newest_document/skins/blog_newest_document/images/red/bgBoxTypeB.gif differ
diff --git a/widgets/newest_document/skins/blog_newest_document/list.html b/widgets/newest_document/skins/blog_newest_document/list.html
index 302e6a98f..32dcd2205 100644
--- a/widgets/newest_document/skins/blog_newest_document/list.html
+++ b/widgets/newest_document/skins/blog_newest_document/list.html
@@ -1,6 +1,14 @@
 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
 
-<!--@if($colorset=="normal"||!$colorset)-->
+<!--@if($colorset=="cyan")-->
+    <!--%import("css/cyan.css")-->
+<!--@elseif($colorset=="green")-->
+    <!--%import("css/green.css")-->
+<!--@elseif($colorset=="red")-->
+    <!--%import("css/red.css")-->
+<!--@elseif($colorset=="purple")-->
+    <!--%import("css/purple.css")-->
+<!--@else-->
     <!--%import("css/normal.css")-->
 <!--@end-->
 
diff --git a/widgets/newest_document/skins/blog_newest_document/skin.xml b/widgets/newest_document/skins/blog_newest_document/skin.xml
index 42eb3e04f..e222a4711 100644
--- a/widgets/newest_document/skins/blog_newest_document/skin.xml
+++ b/widgets/newest_document/skins/blog_newest_document/skin.xml
@@ -21,5 +21,29 @@
       <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">cyan</title>
+      <title xml:lang="zh-CN">cyan</title>
+      <title xml:lang="en">cyan</title>
+    </color>
+    <color name="green">
+      <title xml:lang="ko">초록색</title>
+      <title xml:lang="jp">green</title>
+      <title xml:lang="zh-CN">green</title>
+      <title xml:lang="en">green</title>
+    </color>
+    <color name="red">
+      <title xml:lang="ko">빨간색</title>
+      <title xml:lang="jp">red</title>
+      <title xml:lang="zh-CN">red</title>
+      <title xml:lang="en">red</title>
+    </color>
+    <color name="purple">
+      <title xml:lang="ko">보라색</title>
+      <title xml:lang="jp">purple</title>
+      <title xml:lang="zh-CN">purple</title>
+      <title xml:lang="en">purple</title>
+    </color>
   </colorset>
 </skin>
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/css/cyan.css b/widgets/newest_trackback/skins/blog_newest_trackback/css/cyan.css
new file mode 100644
index 000000000..ba1323967
--- /dev/null
+++ b/widgets/newest_trackback/skins/blog_newest_trackback/css/cyan.css
@@ -0,0 +1,6 @@
+div#newestTrackback { position:relative; border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#newestTrackback 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#newestTrackback .trackbackList { padding:1.2em; overflow:hidden;}
+div#newestTrackback .trackbackList li { display:block; color:#a4a4a4; margin-right:.1em; }
+div#newestTrackback .trackbackList li a { color:#a4a4a4;  line-height:1.5em; }
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/css/green.css b/widgets/newest_trackback/skins/blog_newest_trackback/css/green.css
new file mode 100644
index 000000000..33ed535c4
--- /dev/null
+++ b/widgets/newest_trackback/skins/blog_newest_trackback/css/green.css
@@ -0,0 +1,6 @@
+div#newestTrackback { position:relative; border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#newestTrackback 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#newestTrackback .trackbackList { padding:1.2em; overflow:hidden;}
+div#newestTrackback .trackbackList li { display:block; color:#a4a4a4; margin-right:.1em; }
+div#newestTrackback .trackbackList li a { color:#a4a4a4;  line-height:1.5em; }
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/css/purple.css b/widgets/newest_trackback/skins/blog_newest_trackback/css/purple.css
new file mode 100644
index 000000000..60607bc05
--- /dev/null
+++ b/widgets/newest_trackback/skins/blog_newest_trackback/css/purple.css
@@ -0,0 +1,6 @@
+div#newestTrackback { position:relative; border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#newestTrackback 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#newestTrackback .trackbackList { padding:1.2em; overflow:hidden;}
+div#newestTrackback .trackbackList li { display:block; color:#a4a4a4; margin-right:.1em; }
+div#newestTrackback .trackbackList li a { color:#a4a4a4;  line-height:1.5em; }
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/css/red.css b/widgets/newest_trackback/skins/blog_newest_trackback/css/red.css
new file mode 100644
index 000000000..10e02173c
--- /dev/null
+++ b/widgets/newest_trackback/skins/blog_newest_trackback/css/red.css
@@ -0,0 +1,6 @@
+div#newestTrackback { position:relative; border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
+div#newestTrackback 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#newestTrackback .trackbackList { padding:1.2em; overflow:hidden;}
+div#newestTrackback .trackbackList li { display:block; color:#a4a4a4; margin-right:.1em; }
+div#newestTrackback .trackbackList li a { color:#a4a4a4;  line-height:1.5em; }
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/images/cyan/bgBoxTypeB.gif b/widgets/newest_trackback/skins/blog_newest_trackback/images/cyan/bgBoxTypeB.gif
new file mode 100644
index 000000000..99a877045
Binary files /dev/null and b/widgets/newest_trackback/skins/blog_newest_trackback/images/cyan/bgBoxTypeB.gif differ
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/images/green/bgBoxTypeB.gif b/widgets/newest_trackback/skins/blog_newest_trackback/images/green/bgBoxTypeB.gif
new file mode 100644
index 000000000..1cdca75c2
Binary files /dev/null and b/widgets/newest_trackback/skins/blog_newest_trackback/images/green/bgBoxTypeB.gif differ
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/images/purple/bgBoxTypeB.gif b/widgets/newest_trackback/skins/blog_newest_trackback/images/purple/bgBoxTypeB.gif
new file mode 100644
index 000000000..9e130ae44
Binary files /dev/null and b/widgets/newest_trackback/skins/blog_newest_trackback/images/purple/bgBoxTypeB.gif differ
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/images/red/bgBoxTypeB.gif b/widgets/newest_trackback/skins/blog_newest_trackback/images/red/bgBoxTypeB.gif
new file mode 100644
index 000000000..01406b48a
Binary files /dev/null and b/widgets/newest_trackback/skins/blog_newest_trackback/images/red/bgBoxTypeB.gif differ
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/list.html b/widgets/newest_trackback/skins/blog_newest_trackback/list.html
index ea00bcb3b..c462dc41b 100644
--- a/widgets/newest_trackback/skins/blog_newest_trackback/list.html
+++ b/widgets/newest_trackback/skins/blog_newest_trackback/list.html
@@ -1,6 +1,14 @@
 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
 
-<!--@if($colorset=="normal"||!$colorset)-->
+<!--@if($colorset=="cyan")-->
+    <!--%import("css/cyan.css")-->
+<!--@elseif($colorset=="green")-->
+    <!--%import("css/green.css")-->
+<!--@elseif($colorset=="red")-->
+    <!--%import("css/red.css")-->
+<!--@elseif($colorset=="purple")-->
+    <!--%import("css/purple.css")-->
+<!--@else-->
     <!--%import("css/normal.css")-->
 <!--@end-->
 
diff --git a/widgets/newest_trackback/skins/blog_newest_trackback/skin.xml b/widgets/newest_trackback/skins/blog_newest_trackback/skin.xml
index c11dea387..2a552e7e6 100644
--- a/widgets/newest_trackback/skins/blog_newest_trackback/skin.xml
+++ b/widgets/newest_trackback/skins/blog_newest_trackback/skin.xml
@@ -21,5 +21,29 @@
       <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">cyan</title>
+      <title xml:lang="zh-CN">cyan</title>
+      <title xml:lang="en">cyan</title>
+    </color>
+    <color name="green">
+      <title xml:lang="ko">초록색</title>
+      <title xml:lang="jp">green</title>
+      <title xml:lang="zh-CN">green</title>
+      <title xml:lang="en">green</title>
+    </color>
+    <color name="red">
+      <title xml:lang="ko">빨간색</title>
+      <title xml:lang="jp">red</title>
+      <title xml:lang="zh-CN">red</title>
+      <title xml:lang="en">red</title>
+    </color>
+    <color name="purple">
+      <title xml:lang="ko">보라색</title>
+      <title xml:lang="jp">purple</title>
+      <title xml:lang="zh-CN">purple</title>
+      <title xml:lang="en">purple</title>
+    </color>
   </colorset>
 </skin>
diff --git a/widgets/tag_list/skins/blog_tag_list/css/cyan.css b/widgets/tag_list/skins/blog_tag_list/css/cyan.css
new file mode 100644
index 000000000..35cb0df31
--- /dev/null
+++ b/widgets/tag_list/skins/blog_tag_list/css/cyan.css
@@ -0,0 +1,9 @@
+div#tag { position:relative; border:1px solid #e0e1db; background:url(../images/cyan/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/green.css b/widgets/tag_list/skins/blog_tag_list/css/green.css
new file mode 100644
index 000000000..854a0c01d
--- /dev/null
+++ b/widgets/tag_list/skins/blog_tag_list/css/green.css
@@ -0,0 +1,9 @@
+div#tag { position:relative; border:1px solid #e0e1db; background:url(../images/green/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/purple.css b/widgets/tag_list/skins/blog_tag_list/css/purple.css
new file mode 100644
index 000000000..e69dae39f
--- /dev/null
+++ b/widgets/tag_list/skins/blog_tag_list/css/purple.css
@@ -0,0 +1,9 @@
+div#tag { position:relative; border:1px solid #e0e1db; background:url(../images/purple/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/red.css b/widgets/tag_list/skins/blog_tag_list/css/red.css
new file mode 100644
index 000000000..844e1d747
--- /dev/null
+++ b/widgets/tag_list/skins/blog_tag_list/css/red.css
@@ -0,0 +1,9 @@
+div#tag { position:relative; border:1px solid #e0e1db; background:url(../images/red/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/images/cyan/bgBoxTypeB.gif b/widgets/tag_list/skins/blog_tag_list/images/cyan/bgBoxTypeB.gif
new file mode 100644
index 000000000..99a877045
Binary files /dev/null and b/widgets/tag_list/skins/blog_tag_list/images/cyan/bgBoxTypeB.gif differ
diff --git a/widgets/tag_list/skins/blog_tag_list/images/green/bgBoxTypeB.gif b/widgets/tag_list/skins/blog_tag_list/images/green/bgBoxTypeB.gif
new file mode 100644
index 000000000..1cdca75c2
Binary files /dev/null and b/widgets/tag_list/skins/blog_tag_list/images/green/bgBoxTypeB.gif differ
diff --git a/widgets/tag_list/skins/blog_tag_list/images/purple/bgBoxTypeB.gif b/widgets/tag_list/skins/blog_tag_list/images/purple/bgBoxTypeB.gif
new file mode 100644
index 000000000..9e130ae44
Binary files /dev/null and b/widgets/tag_list/skins/blog_tag_list/images/purple/bgBoxTypeB.gif differ
diff --git a/widgets/tag_list/skins/blog_tag_list/images/red/bgBoxTypeB.gif b/widgets/tag_list/skins/blog_tag_list/images/red/bgBoxTypeB.gif
new file mode 100644
index 000000000..01406b48a
Binary files /dev/null and b/widgets/tag_list/skins/blog_tag_list/images/red/bgBoxTypeB.gif differ
diff --git a/widgets/tag_list/skins/blog_tag_list/skin.xml b/widgets/tag_list/skins/blog_tag_list/skin.xml
index 91ac8286a..2160c2cbf 100644
--- a/widgets/tag_list/skins/blog_tag_list/skin.xml
+++ b/widgets/tag_list/skins/blog_tag_list/skin.xml
@@ -21,5 +21,29 @@
       <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">cyan</title>
+      <title xml:lang="zh-CN">cyan</title>
+      <title xml:lang="en">cyan</title>
+    </color>
+    <color name="green">
+      <title xml:lang="ko">초록색</title>
+      <title xml:lang="jp">green</title>
+      <title xml:lang="zh-CN">green</title>
+      <title xml:lang="en">green</title>
+    </color>
+    <color name="red">
+      <title xml:lang="ko">빨간색</title>
+      <title xml:lang="jp">red</title>
+      <title xml:lang="zh-CN">red</title>
+      <title xml:lang="en">red</title>
+    </color>
+    <color name="purple">
+      <title xml:lang="ko">보라색</title>
+      <title xml:lang="jp">purple</title>
+      <title xml:lang="zh-CN">purple</title>
+      <title xml:lang="en">purple</title>
+    </color>
   </colorset>
 </skin>
diff --git a/widgets/tag_list/skins/blog_tag_list/tags.html b/widgets/tag_list/skins/blog_tag_list/tags.html
index faf7656a7..c60925e77 100644
--- a/widgets/tag_list/skins/blog_tag_list/tags.html
+++ b/widgets/tag_list/skins/blog_tag_list/tags.html
@@ -1,6 +1,14 @@
 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
 
-<!--@if($colorset=="normal"||!$colorset)-->
+<!--@if($colorset=="cyan")-->
+    <!--%import("css/cyan.css")-->
+<!--@elseif($colorset=="green")-->
+    <!--%import("css/green.css")-->
+<!--@elseif($colorset=="red")-->
+    <!--%import("css/red.css")-->
+<!--@elseif($colorset=="purple")-->
+    <!--%import("css/purple.css")-->
+<!--@else-->
     <!--%import("css/normal.css")-->
 <!--@end-->