diff --git a/modules/board/skins/xe_gallery/comment.html b/modules/board/skins/xe_gallery/comment.html
index fbcf5fb1d..438445125 100644
--- a/modules/board/skins/xe_gallery/comment.html
+++ b/modules/board/skins/xe_gallery/comment.html
@@ -14,7 +14,7 @@
 
             <div class="replyOption">
                 <!--@if($val->is_granted || !$val->member_srl || $grant->is_admin)-->
-                    <a href="{getUrl('act','dispBoardDeleteComment','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','dispBoardDeleteComment','comment_srl',$val->comment_srl)}"><img src="./images/common/buttonDeleteX.gif" alt="{$lang->cmd_delete}" width="12" height="13" /></a>
                     <a href="{getUrl('act','dispBoardModifyComment','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','dispBoardReplyComment','comment_srl',$val->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonReply.gif" alt="{$lang->cmd_reply}" width="20" height="17" /></a> 
diff --git a/modules/board/skins/xe_gallery/css/common.css b/modules/board/skins/xe_gallery/css/common.css
new file mode 100644
index 000000000..e3542b918
--- /dev/null
+++ b/modules/board/skins/xe_gallery/css/common.css
@@ -0,0 +1,259 @@
+@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;}
+
+/* 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 { 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 .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;}
+
+#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; border-top:none;}
+.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;}
+
+/* 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/board/skins/xe_gallery/css/cyan.css b/modules/board/skins/xe_gallery/css/cyan.css
new file mode 100644
index 000000000..c6efc7362
--- /dev/null
+++ b/modules/board/skins/xe_gallery/css/cyan.css
@@ -0,0 +1,32 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+/* 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;}
+
+.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;}
+
+.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/board/skins/xe_gallery/css/green.css b/modules/board/skins/xe_gallery/css/green.css
new file mode 100644
index 000000000..9035f8d9f
--- /dev/null
+++ b/modules/board/skins/xe_gallery/css/green.css
@@ -0,0 +1,31 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+.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;}
+
+/* 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:#ff6600;}
+
+.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/board/skins/xe_gallery/css/purple.css b/modules/board/skins/xe_gallery/css/purple.css
new file mode 100644
index 000000000..5dcc12069
--- /dev/null
+++ b/modules/board/skins/xe_gallery/css/purple.css
@@ -0,0 +1,31 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+.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;}
+
+/* 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;}
+
+.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/board/skins/xe_gallery/css/red.css b/modules/board/skins/xe_gallery/css/red.css
new file mode 100644
index 000000000..e5dac0be9
--- /dev/null
+++ b/modules/board/skins/xe_gallery/css/red.css
@@ -0,0 +1,31 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+.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;}
+
+/* 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;}
+
+.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/board/skins/xe_gallery/css/white.css b/modules/board/skins/xe_gallery/css/white.css
index 64a96c137..f34eb13d0 100644
--- a/modules/board/skins/xe_gallery/css/white.css
+++ b/modules/board/skins/xe_gallery/css/white.css
@@ -4,274 +4,27 @@ 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/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;}
-
-/* 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;}
-
-/* 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;}
 .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;}
-
-.accountNavigation { float:right; overflow:hidden;}
-.accountNavigation li { float:left; padding:0 .5em 0 .6em; background:url(../images/white/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;}
+#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 { padding-top:.4em; background:none;}
 .accountNavigation li.myInfo a { display:block; background:url(../images/white/iconMyInfo.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
-.accountNavigation li.admin { 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.setup { padding-top:.4em;}
-.accountNavigation li.setup a { display:block; background:url(../images/white/iconSetup.gif) no-repeat left .1em; padding:0 0 0 1.2em;}
-.accountNavigation li.loginAndLogout { background:none; padding-left:0;}
+.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; font-weight:bold;}
-.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; text-decoration:none; }
-.boardList th.num { background-position:-3px bottom; border-left:1px solid #ffffff; padding:0;}
-.boardList th.category { padding:0 .2em 0 .5em; white-space:nowrap;}
-.boardList th.category.thumbStyle { background-position:-3px bottom !important; border-left:1px solid #ffffff; text-align:left;}
-.boardList th.title select { vertical-align:middle; margin-left:1em; }
-.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/white/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.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 .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; }
 
-.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;}
+.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;}
 
-/* 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;}
+/* 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;}
 
-/* 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 { 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;}
+.articleNum strong { font:bold 11px Tahoma; color:#ff6600;}
 
 .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 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 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; 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;}
-
-#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/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; list-style:none;}
-#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; border-top:none;}
-.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;}
-
-/* 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/white/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/white/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;}
+.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/board/skins/xe_gallery/header.html b/modules/board/skins/xe_gallery/header.html
index 875f8bfda..121e28aff 100644
--- a/modules/board/skins/xe_gallery/header.html
+++ b/modules/board/skins/xe_gallery/header.html
@@ -2,13 +2,17 @@
 <!--%import("js/board.js")-->
 
 <!-- 컬러셋 체크 -->
-<!--@if($module_info->colorset != "white")-->
+<!--@if(!$module_info->colorset)-->
     {@$module_info->colorset = "white"}
 <!--@end-->
 
 <!-- CSS 파일 로드 (컬러셋에 따라서) -->
-<!--@if($module_info->colorset == "white")-->
-    <!--%import("css/white.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-->
 
 <!-- 상단 텍스트 출력 -->
@@ -38,7 +42,7 @@
     <ul class="accountNavigation">
 
     <!--@if($rss_url)-->
-        <li class="rss"><a href="{$rss_url}"><img src="./images/{$module_info->colorset}/iconRss.gif" alt="RSS" width="12" height="12" /></a></li>
+        <li class="rss"><a href="{$rss_url}"><img src="./images/common/iconRss.gif" alt="RSS" width="12" height="12" /></a></li>
     <!--@end-->
 
     <!-- 로그인 되어 있을 경우 -->
diff --git a/modules/board/skins/xe_gallery/images/common/bgBoardEditorOption.gif b/modules/board/skins/xe_gallery/images/common/bgBoardEditorOption.gif
new file mode 100644
index 000000000..559588af6
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/bgBoardEditorOption.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/bgEditorFileList.gif b/modules/board/skins/xe_gallery/images/common/bgEditorFileList.gif
new file mode 100644
index 000000000..e5050341c
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/bgEditorFileList.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/bgH3.gif b/modules/board/skins/xe_gallery/images/common/bgH3.gif
new file mode 100644
index 000000000..0d07bb456
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/bgH3.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/bottomGotoFirst.gif b/modules/board/skins/xe_gallery/images/common/bottomGotoFirst.gif
new file mode 100644
index 000000000..e0297fecb
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/bottomGotoFirst.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/bottomGotoLast.gif b/modules/board/skins/xe_gallery/images/common/bottomGotoLast.gif
new file mode 100644
index 000000000..0a7141d0d
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/bottomGotoLast.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/bullet_3x3_d8d8d8.gif b/modules/board/skins/xe_gallery/images/common/bullet_3x3_d8d8d8.gif
new file mode 100644
index 000000000..c1f245227
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/bullet_3x3_d8d8d8.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonAscending.gif b/modules/board/skins/xe_gallery/images/common/buttonAscending.gif
new file mode 100644
index 000000000..b405cc323
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonAscending.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonClose.gif b/modules/board/skins/xe_gallery/images/common/buttonClose.gif
new file mode 100644
index 000000000..12cd8aaa9
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonClose.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonDeleteX.gif b/modules/board/skins/xe_gallery/images/common/buttonDeleteX.gif
new file mode 100644
index 000000000..c066e49be
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonDeleteX.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonDescending.gif b/modules/board/skins/xe_gallery/images/common/buttonDescending.gif
new file mode 100644
index 000000000..2dc5575ff
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonDescending.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonHelp.gif b/modules/board/skins/xe_gallery/images/common/buttonHelp.gif
new file mode 100644
index 000000000..ca7a23a9f
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonHelp.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonTextAreaDrag.gif b/modules/board/skins/xe_gallery/images/common/buttonTextAreaDrag.gif
new file mode 100644
index 000000000..148e9ee10
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonTextAreaDrag.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonToggleReply.gif b/modules/board/skins/xe_gallery/images/common/buttonToggleReply.gif
new file mode 100644
index 000000000..ba3609980
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonToggleReply.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/buttonTypeInput24.gif b/modules/board/skins/xe_gallery/images/common/buttonTypeInput24.gif
new file mode 100644
index 000000000..0dcfc0e3d
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/buttonTypeInput24.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconAdmin.gif b/modules/board/skins/xe_gallery/images/common/iconAdmin.gif
new file mode 100644
index 000000000..4a581a524
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconAdmin.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconArrowD8.gif b/modules/board/skins/xe_gallery/images/common/iconArrowD8.gif
new file mode 100644
index 000000000..fe3143edc
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconArrowD8.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconCheck.gif b/modules/board/skins/xe_gallery/images/common/iconCheck.gif
new file mode 100644
index 000000000..c4fb37ae0
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconCheck.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconNotice.gif b/modules/board/skins/xe_gallery/images/common/iconNotice.gif
new file mode 100644
index 000000000..d32027496
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconNotice.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconReply.gif b/modules/board/skins/xe_gallery/images/common/iconReply.gif
new file mode 100644
index 000000000..a6d4ea112
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconReply.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconReplyArrow.gif b/modules/board/skins/xe_gallery/images/common/iconReplyArrow.gif
new file mode 100644
index 000000000..d1a21a040
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconReplyArrow.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconRss.gif b/modules/board/skins/xe_gallery/images/common/iconRss.gif
new file mode 100644
index 000000000..f495b3ebc
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconRss.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconSetup.gif b/modules/board/skins/xe_gallery/images/common/iconSetup.gif
new file mode 100644
index 000000000..33b41da11
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconSetup.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconTag.gif b/modules/board/skins/xe_gallery/images/common/iconTag.gif
new file mode 100644
index 000000000..ecfdb5585
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconTag.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/iconTrackback.gif b/modules/board/skins/xe_gallery/images/common/iconTrackback.gif
new file mode 100644
index 000000000..1c83bcadd
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/iconTrackback.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/lineH3.gif b/modules/board/skins/xe_gallery/images/common/lineH3.gif
new file mode 100644
index 000000000..fe42fe378
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/lineH3.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/lineTextAreaDrag.gif b/modules/board/skins/xe_gallery/images/common/lineTextAreaDrag.gif
new file mode 100644
index 000000000..3df035047
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/lineTextAreaDrag.gif differ
diff --git a/modules/board/skins/xe_gallery/images/common/line_1x10_e0e0e0.gif b/modules/board/skins/xe_gallery/images/common/line_1x10_e0e0e0.gif
new file mode 100644
index 000000000..6a848dd58
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/common/line_1x10_e0e0e0.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/bgBoardListTh.gif b/modules/board/skins/xe_gallery/images/cyan/bgBoardListTh.gif
new file mode 100644
index 000000000..aebba7b59
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/bgBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/buttonModifyE.gif b/modules/board/skins/xe_gallery/images/cyan/buttonModifyE.gif
new file mode 100644
index 000000000..a1d4340d3
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/buttonModifyE.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/buttonReply.gif b/modules/board/skins/xe_gallery/images/cyan/buttonReply.gif
new file mode 100644
index 000000000..1baede5d0
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/buttonReply.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/buttonTypeInput24.gif b/modules/board/skins/xe_gallery/images/cyan/buttonTypeInput24.gif
new file mode 100644
index 000000000..7a341a96b
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/buttonTypeInput24.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/iconArticle.gif b/modules/board/skins/xe_gallery/images/cyan/iconArticle.gif
new file mode 100644
index 000000000..bce58cfe8
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/iconArticle.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/iconFile.gif b/modules/board/skins/xe_gallery/images/cyan/iconFile.gif
new file mode 100644
index 000000000..83ad10665
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/iconFile.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/iconList.gif b/modules/board/skins/xe_gallery/images/cyan/iconList.gif
new file mode 100644
index 000000000..d41737669
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/iconList.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/iconMyInfo.gif b/modules/board/skins/xe_gallery/images/cyan/iconMyInfo.gif
new file mode 100644
index 000000000..1ba5a947e
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/iconMyInfo.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/iconWrite.gif b/modules/board/skins/xe_gallery/images/cyan/iconWrite.gif
new file mode 100644
index 000000000..9319f7e9b
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/iconWrite.gif differ
diff --git a/modules/board/skins/xe_gallery/images/cyan/lineBoardListTh.gif b/modules/board/skins/xe_gallery/images/cyan/lineBoardListTh.gif
new file mode 100644
index 000000000..b26bf737c
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/cyan/lineBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/bgBoardListTh.gif b/modules/board/skins/xe_gallery/images/green/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/bgBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/buttonModifyE.gif b/modules/board/skins/xe_gallery/images/green/buttonModifyE.gif
new file mode 100644
index 000000000..6a4ade1a5
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/buttonModifyE.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/buttonReply.gif b/modules/board/skins/xe_gallery/images/green/buttonReply.gif
new file mode 100644
index 000000000..e142d4263
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/buttonReply.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/buttonTypeInput24.gif b/modules/board/skins/xe_gallery/images/green/buttonTypeInput24.gif
new file mode 100644
index 000000000..3e01072b9
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/buttonTypeInput24.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/iconArticle.gif b/modules/board/skins/xe_gallery/images/green/iconArticle.gif
new file mode 100644
index 000000000..a27236ef2
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/iconArticle.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/iconFile.gif b/modules/board/skins/xe_gallery/images/green/iconFile.gif
new file mode 100644
index 000000000..2040f4fcb
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/iconFile.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/iconList.gif b/modules/board/skins/xe_gallery/images/green/iconList.gif
new file mode 100644
index 000000000..2e67636f5
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/iconList.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/iconMyInfo.gif b/modules/board/skins/xe_gallery/images/green/iconMyInfo.gif
new file mode 100644
index 000000000..b67f29733
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/iconMyInfo.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/iconWrite.gif b/modules/board/skins/xe_gallery/images/green/iconWrite.gif
new file mode 100644
index 000000000..2c9832e36
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/iconWrite.gif differ
diff --git a/modules/board/skins/xe_gallery/images/green/lineBoardListTh.gif b/modules/board/skins/xe_gallery/images/green/lineBoardListTh.gif
new file mode 100644
index 000000000..282297cf8
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/green/lineBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/bgBoardListTh.gif b/modules/board/skins/xe_gallery/images/purple/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/bgBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/buttonModifyE.gif b/modules/board/skins/xe_gallery/images/purple/buttonModifyE.gif
new file mode 100644
index 000000000..a1d4340d3
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/buttonModifyE.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/buttonReply.gif b/modules/board/skins/xe_gallery/images/purple/buttonReply.gif
new file mode 100644
index 000000000..600534865
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/buttonReply.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/buttonTypeInput24.gif b/modules/board/skins/xe_gallery/images/purple/buttonTypeInput24.gif
new file mode 100644
index 000000000..0dcfc0e3d
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/buttonTypeInput24.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/iconArticle.gif b/modules/board/skins/xe_gallery/images/purple/iconArticle.gif
new file mode 100644
index 000000000..59c1c8019
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/iconArticle.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/iconFile.gif b/modules/board/skins/xe_gallery/images/purple/iconFile.gif
new file mode 100644
index 000000000..c39a49aa0
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/iconFile.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/iconList.gif b/modules/board/skins/xe_gallery/images/purple/iconList.gif
new file mode 100644
index 000000000..2e67636f5
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/iconList.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/iconMyInfo.gif b/modules/board/skins/xe_gallery/images/purple/iconMyInfo.gif
new file mode 100644
index 000000000..af4545bfa
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/iconMyInfo.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/iconWrite.gif b/modules/board/skins/xe_gallery/images/purple/iconWrite.gif
new file mode 100644
index 000000000..f18cb5e9e
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/iconWrite.gif differ
diff --git a/modules/board/skins/xe_gallery/images/purple/lineBoardListTh.gif b/modules/board/skins/xe_gallery/images/purple/lineBoardListTh.gif
new file mode 100644
index 000000000..6c74832c3
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/purple/lineBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/bgBoardListTh.gif b/modules/board/skins/xe_gallery/images/red/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/bgBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/buttonModifyE.gif b/modules/board/skins/xe_gallery/images/red/buttonModifyE.gif
new file mode 100644
index 000000000..974552d54
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/buttonModifyE.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/buttonReply.gif b/modules/board/skins/xe_gallery/images/red/buttonReply.gif
new file mode 100644
index 000000000..b9472e1bc
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/buttonReply.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/buttonTypeInput24.gif b/modules/board/skins/xe_gallery/images/red/buttonTypeInput24.gif
new file mode 100644
index 000000000..2ae80ed23
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/buttonTypeInput24.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/iconArticle.gif b/modules/board/skins/xe_gallery/images/red/iconArticle.gif
new file mode 100644
index 000000000..5cd05be62
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/iconArticle.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/iconFile.gif b/modules/board/skins/xe_gallery/images/red/iconFile.gif
new file mode 100644
index 000000000..ee0dd83c7
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/iconFile.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/iconList.gif b/modules/board/skins/xe_gallery/images/red/iconList.gif
new file mode 100644
index 000000000..2e67636f5
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/iconList.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/iconMyInfo.gif b/modules/board/skins/xe_gallery/images/red/iconMyInfo.gif
new file mode 100644
index 000000000..b48e1fcd2
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/iconMyInfo.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/iconWrite.gif b/modules/board/skins/xe_gallery/images/red/iconWrite.gif
new file mode 100644
index 000000000..2caff746f
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/iconWrite.gif differ
diff --git a/modules/board/skins/xe_gallery/images/red/lineBoardListTh.gif b/modules/board/skins/xe_gallery/images/red/lineBoardListTh.gif
new file mode 100644
index 000000000..ee37cb8df
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/red/lineBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/bgBoardListTh.gif b/modules/board/skins/xe_gallery/images/white/bgBoardListTh.gif
new file mode 100644
index 000000000..ae25c2d82
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/bgBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/buttonModifyE.gif b/modules/board/skins/xe_gallery/images/white/buttonModifyE.gif
new file mode 100644
index 000000000..1cde1b60f
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/buttonModifyE.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/buttonReply.gif b/modules/board/skins/xe_gallery/images/white/buttonReply.gif
new file mode 100644
index 000000000..600534865
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/buttonReply.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/buttonTypeInput24.gif b/modules/board/skins/xe_gallery/images/white/buttonTypeInput24.gif
new file mode 100644
index 000000000..0dcfc0e3d
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/buttonTypeInput24.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/iconArticle.gif b/modules/board/skins/xe_gallery/images/white/iconArticle.gif
new file mode 100644
index 000000000..59c1c8019
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/iconArticle.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/iconFile.gif b/modules/board/skins/xe_gallery/images/white/iconFile.gif
new file mode 100644
index 000000000..c39a49aa0
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/iconFile.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/iconList.gif b/modules/board/skins/xe_gallery/images/white/iconList.gif
new file mode 100644
index 000000000..1c83bcadd
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/iconList.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/iconMyInfo.gif b/modules/board/skins/xe_gallery/images/white/iconMyInfo.gif
new file mode 100644
index 000000000..af4545bfa
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/iconMyInfo.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/iconWrite.gif b/modules/board/skins/xe_gallery/images/white/iconWrite.gif
new file mode 100644
index 000000000..f18cb5e9e
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/iconWrite.gif differ
diff --git a/modules/board/skins/xe_gallery/images/white/lineBoardListTh.gif b/modules/board/skins/xe_gallery/images/white/lineBoardListTh.gif
new file mode 100644
index 000000000..6d891d82c
Binary files /dev/null and b/modules/board/skins/xe_gallery/images/white/lineBoardListTh.gif differ
diff --git a/modules/board/skins/xe_gallery/list.html b/modules/board/skins/xe_gallery/list.html
index d0cf575c0..65d27314c 100644
--- a/modules/board/skins/xe_gallery/list.html
+++ b/modules/board/skins/xe_gallery/list.html
@@ -22,7 +22,7 @@
                         <option value="{$val->category_srl}" <!--@if($category==$val->category_srl)-->selected="selected"<!--@end-->>{$val->title} <!--@if($val->document_count)-->({$val->document_count})<!--@end--></option>
                         <!--@end-->
                     </select>
-                    <span class="button"><input type="button" name="go_button" value="GO" onclick="doChangeCategory(); return false;" /></span>
+                    <input type="button" name="go_button" id= "go_button" value="GO" onclick="doChangeCategory(); return false;" class="buttonTypeGo" />
                 </form>
                 <!--@else-->
                 {$lang->title}
@@ -37,11 +37,11 @@
                 {@ $order_type = "desc"; }
             <!--@end-->
 
-            <th class="reading" scope="col"><a href="{getUrl('sort_index','readed_count','order_type',$order_type)}">{$lang->readed_count}<!--@if($sort_index=='readed_count')--><img src="./images/{$module_info->colorset}/{$order_icon}" alt="" width="5" height="3" class="sort" /><!--@end--></a></th>
+            <th class="reading" scope="col"><a href="{getUrl('sort_index','readed_count','order_type',$order_type)}">{$lang->readed_count}<!--@if($sort_index=='readed_count')--><img src="./images/common/{$order_icon}" alt="" width="5" height="3" class="sort" /><!--@end--></a></th>
 
-            <th class="recommend" scope="col"><a href="{getUrl('sort_index','voted_count','order_type',$order_type)}">{$lang->voted_count}<!--@if($sort_index=='voted_count')--><img src="./images/{$module_info->colorset}/{$order_icon}" alt="" width="5" height="3" class="sort" /><!--@end--></a></th>
+            <th class="recommend" scope="col"><a href="{getUrl('sort_index','voted_count','order_type',$order_type)}">{$lang->voted_count}<!--@if($sort_index=='voted_count')--><img src="./images/common/{$order_icon}" alt="" width="5" height="3" class="sort" /><!--@end--></a></th>
 
-            <th scope="col" class="date"><a href="{getUrl('sort_index','regdate','order_type',$order_type)}">{$lang->date}<!--@if($sort_index=='regdate')--><img src="./images/{$module_info->colorset}/{$order_icon}" alt="" width="5" height="3" class="sort" /><!--@end--></a></th>
+            <th scope="col" class="date"><a href="{getUrl('sort_index','regdate','order_type',$order_type)}">{$lang->date}<!--@if($sort_index=='regdate')--><img src="./images/common/{$order_icon}" alt="" width="5" height="3" class="sort" /><!--@end--></a></th>
         </tr>
     </thead>
 
@@ -66,11 +66,11 @@
                 <!--@end-->
                 
                 <!--@if($document->getCommentCount())-->
-                    <span class="replyAndTrackback" title="Replies"><img src="./images/{$module_info->colorset}/iconReply.gif" alt="" width="12" height="12" class="icon" /> <strong>{$document->getCommentCount()}</strong></span>
+                    <span class="replyAndTrackback" title="Replies"><img src="./images/common/iconReply.gif" alt="" width="12" height="12" class="icon" /> <strong>{$document->getCommentCount()}</strong></span>
                 <!--@end-->
 
                 <!--@if($document->getTrackbackCount())-->
-                    <span class="replyAndTrackback" title="Trackbacks"><img src="./images/{$module_info->colorset}/iconTrackback.gif" alt="" width="12" height="13" class="trackback icon" /> <strong>{$document->getTrackbackCount()}</strong></span>
+                    <span class="replyAndTrackback" title="Trackbacks"><img src="./images/common/iconTrackback.gif" alt="" width="12" height="13" class="trackback icon" /> <strong>{$document->getTrackbackCount()}</strong></span>
                 <!--@end-->
             </td>
             <td class="reading">{$document->get('readed_count')}</td>
@@ -160,7 +160,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> 
@@ -168,7 +168,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>
 
 
diff --git a/modules/board/skins/xe_gallery/screenshot/cyan.gif b/modules/board/skins/xe_gallery/screenshot/cyan.gif
new file mode 100644
index 000000000..fe10b89d0
Binary files /dev/null and b/modules/board/skins/xe_gallery/screenshot/cyan.gif differ
diff --git a/modules/board/skins/xe_gallery/screenshot/green.gif b/modules/board/skins/xe_gallery/screenshot/green.gif
new file mode 100644
index 000000000..42925de0f
Binary files /dev/null and b/modules/board/skins/xe_gallery/screenshot/green.gif differ
diff --git a/modules/board/skins/xe_gallery/screenshot/purple.gif b/modules/board/skins/xe_gallery/screenshot/purple.gif
new file mode 100644
index 000000000..f2d598e6b
Binary files /dev/null and b/modules/board/skins/xe_gallery/screenshot/purple.gif differ
diff --git a/modules/board/skins/xe_gallery/screenshot/red.gif b/modules/board/skins/xe_gallery/screenshot/red.gif
new file mode 100644
index 000000000..3ed75018f
Binary files /dev/null and b/modules/board/skins/xe_gallery/screenshot/red.gif differ
diff --git a/modules/board/skins/xe_gallery/screenshot/white.gif b/modules/board/skins/xe_gallery/screenshot/white.gif
new file mode 100644
index 000000000..c5707785e
Binary files /dev/null and b/modules/board/skins/xe_gallery/screenshot/white.gif differ
diff --git a/modules/board/skins/xe_gallery/skin.xml b/modules/board/skins/xe_gallery/skin.xml
index c429c92c9..9c9430587 100644
--- a/modules/board/skins/xe_gallery/skin.xml
+++ b/modules/board/skins/xe_gallery/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="order_target" type="select">
diff --git a/modules/board/skins/xe_gallery/trackback.html b/modules/board/skins/xe_gallery/trackback.html
index 9e78821d2..5a565f328 100644
--- a/modules/board/skins/xe_gallery/trackback.html
+++ b/modules/board/skins/xe_gallery/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/board/skins/xe_gallery/view_document.html b/modules/board/skins/xe_gallery/view_document.html
index 50a9d9e82..773b540b4 100644
--- a/modules/board/skins/xe_gallery/view_document.html
+++ b/modules/board/skins/xe_gallery/view_document.html
@@ -73,7 +73,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/board/tpl/skin_info.html b/modules/board/tpl/skin_info.html
index b2ca8a454..e6e6521fc 100644
--- a/modules/board/tpl/skin_info.html
+++ b/modules/board/tpl/skin_info.html
@@ -46,11 +46,11 @@
         <td class="left">
             <!--@foreach($skin_info->colorset as $key => $val)-->
                 <!--@if($val->screenshot)-->
-                    {@ $_img_info = getImageSize($val->screenshot); $_height = $_img_info[1]+40; }
+                    {@ $_img_info = getImageSize($val->screenshot); $_height = $_img_info[1]+40; $_width = $_img_info[0]+20; $_talign = "center"; }
                 <!--@else-->
-                    {@ $_height = 20; }
+                    {@ $_width = 200; $_height = 20; $_talign = "left"; }
                 <!--@end-->
-            <div style="float:left;text-align:center;margin-bottom:1em;height:{$_height}px;margin-right:10px;">
+            <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)-->