diff --git a/common/js/xml_handler.js b/common/js/xml_handler.js
index 3fa7b2eb1..3c628cf00 100644
--- a/common/js/xml_handler.js
+++ b/common/js/xml_handler.js
@@ -18,8 +18,8 @@ function exec_xml(module, act, params, callback_func, response_tags, callback_fu
 
     if(typeof(response_tags)=="undefined" || response_tags.length<1) response_tags = new Array('error','message');
 
-    if(show_waiting_message) {
-        var waiting_obj = xGetElementById("waitingforserverresponse");
+    var waiting_obj = xGetElementById("waitingforserverresponse");
+    if(show_waiting_message && waiting_obj) {
         xInnerHtml(waiting_obj, wating_message);
         xTop(waiting_obj, xScrollTop()+20);
         xLeft(waiting_obj, xScrollLeft()+20);
diff --git a/modules/admin/tpl/css/admin_layout.css b/modules/admin/tpl/css/admin_layout.css
index 85b5f8cd8..0bb015d71 100644
--- a/modules/admin/tpl/css/admin_layout.css
+++ b/modules/admin/tpl/css/admin_layout.css
@@ -38,7 +38,7 @@ address { font-style:normal;}
 
 #cBody { clear:both; padding:0px 18px 0px 198px; margin:-71px 0 -38px 0; overflow:hidden; background:#ffffff url(../images/menuBg.gif) repeat-y;}
 
-#gNavigation { float:left; width:180px; padding:71px 0 200px 0; margin-right:18px; margin-left:-198px; _margin-left:-99px;}
+#gNavigation { float:left; width:180px; padding:71px 0 200px 0; margin-right:18px; margin-left:-198px; _margin-left:-99px;  background:#ffffff url(../images/menuBg.gif) repeat-y;}
 #gNavigation h2 { }
 #gNavigation ul { width:180px;}
 #gNavigation ul li { width:180px; height:30px; background:url(../images/menuBg.png) no-repeat left top; } /* behavior:url(./common/js/iePngFix.htc);}*/
@@ -53,12 +53,12 @@ address { font-style:normal;}
 
 /* ----- Footer | Start ----- */
 
-#footer { position:relative; width:100%; clear:both; height:38px; overflow:hidden; background:url(../images/footerBg.gif) repeat-x left 3px;}
+#footer { width:100%; clear:both; height:38px; margin-bottom:-38px; overflow:hidden; background:url(../images/footerBg.gif) repeat-x left 3px;}
 #footer .footerLine { height:3px; width:100%; float:left; clear:both;}
 #footer .footerLeft { float:left;}
-#footer address { position:absolute; top:3px; right:0; width:350px; height:35px; background:url(../images/addressBg.gif) no-repeat right top;}
-#footer address img { position:absolute; top:15px; left:38px;}
-#footer address .version { position:absolute; top:10px; left:297px; font:.8em Tahoma; color:#ffffff;}
+#footer address { float:right; width:350px; height:35px; background:url(../images/addressBg.gif) no-repeat right top;}
+#footer address img { margin:15px 10px 0 0}
+#footer address .version { font:.8em Tahoma; color:#ffffff;}
 #footer address .version strong { font:bold 1em Tahoma; color:#ff0000; }
 
 /* ----- Footer | End ----- */
diff --git a/modules/admin/tpl/js/admin.js b/modules/admin/tpl/js/admin.js
index 5c1486fa3..b72e6edee 100644
--- a/modules/admin/tpl/js/admin.js
+++ b/modules/admin/tpl/js/admin.js
@@ -11,19 +11,21 @@ function doDeleteShortCut(selected_module) {
     procFilter(fo_obj, delete_shortcut);
 }
 
-// footer를 화면 크기에 맞춰 설정
-xAddEventListener(window, 'load', fixAdminLayoutFooter);
-xAddEventListener(window, 'resize', fixAdminLayoutFooter);
+// footer를 화면 크기에 맞춰 설정 (폐기)
+//xAddEventListener(window, 'load', fixAdminLayoutFooter);
+//xAddEventListener(window, 'resize', fixAdminLayoutFooter);
 function fixAdminLayoutFooter(height) {
-    var headerHeight = xHeight('header');
-    var bodyHeight = xHeight('cBody');
-    var footerHeight = xHeight('footer');
-    var clientHeight = xClientHeight();
-    var newHeight = clientHeight - footerHeight - headerHeight + 71 + 38;
-
-    if(newHeight<bodyHeight) newHeight = bodyHeight;
-    if(typeof(height)=='number') {
-        newHeight += height;
-    }
-    xHeight('cBody', newHeight);
+    return;
+}
+
+if(xIE6) {
+    xAddEventListener(window,'load',fixAdminNaviHeight);
+}
+
+function fixAdminNaviHeight() {
+    var naviHeight = xHeight('gNavigation');
+    var bodyHeight = xHeight('content');
+    if(naviHeight<bodyHeight) xHeight('gNavigation',bodyHeight);
+    else xHeight('content',naviHeight);
+    setTimeout(fixAdminNaviHeight, 500);
 }
diff --git a/modules/member/conf/module.xml b/modules/member/conf/module.xml
index cb6bca43d..fa0e0df43 100644
--- a/modules/member/conf/module.xml
+++ b/modules/member/conf/module.xml
@@ -29,6 +29,7 @@
         <action name="dispMemberAdminDeniedIDList" type="view" standalone="true" />
 
         <action name="getMemberMenu" type="model" standalone="true" />
+        <action name="getMemberAdminColorset" type="model" standalone="true" />
 
         <action name="procMemberLogin" type="controller" standalone="true" />
         <action name="procMemberOpenIDLogin" type="controller" standalone="true" />
diff --git a/modules/member/member.admin.controller.php b/modules/member/member.admin.controller.php
index 11b2e9b5e..876a69cbc 100644
--- a/modules/member/member.admin.controller.php
+++ b/modules/member/member.admin.controller.php
@@ -83,7 +83,9 @@
          **/
         function procMemberAdminInsertConfig() {
             // 기본 정보를 받음
-            $args = Context::gets('enable_openid','enable_join','limit_day','redirect_url','content','image_name','image_mark', 'image_name_max_width', 'image_name_max_height','image_mark_max_width','image_mark_max_height');
+            $args = Context::gets('skin','colorset','enable_openid','enable_join','limit_day','redirect_url','content','image_name','image_mark', 'image_name_max_width', 'image_name_max_height','image_mark_max_width','image_mark_max_height');
+            if(!$args->skin) $args->skin = "default";
+            if(!$args->colorset) $args->colorset = "white";
             if($args->enable_join!='Y') $args->enable_join = 'N';
             if($args->enable_openid!='Y') $args->enable_openid= 'N';
             if($args->image_name!='Y') $args->image_name = 'N';
diff --git a/modules/member/member.admin.model.php b/modules/member/member.admin.model.php
index b6530c569..dd4548037 100644
--- a/modules/member/member.admin.model.php
+++ b/modules/member/member.admin.model.php
@@ -75,5 +75,28 @@
             return executeQuery($query_id, $args);
         }
 
+        /**
+         * @brief 회원 모듈의 특정 스킨에 속한 컬러셋 목록을 return
+         **/
+        function getMemberAdminColorset() {
+            $skin = Context::get('skin');
+            if(!$skin) $tpl = "";
+            else {
+                $oModuleModel = &getModel('module');
+                $skin_info = $oModuleModel->loadSkinInfo($this->module_path, $skin);
+                Context::set('skin_info', $skin_info);
+
+                $oModuleModel = &getModel('module');
+                $config = $oModuleModel->getModuleConfig('member');
+                if(!$config->colorset) $config->colorset = "white";
+                Context::set('config', $config);
+
+                $oTemplate = &TemplateHandler::getInstance();
+                $tpl = $oTemplate->compile($this->module_path.'tpl', 'colorset_list');
+            }
+
+            $this->add('tpl', $tpl);
+        }
+
     }
 ?>
diff --git a/modules/member/member.admin.view.php b/modules/member/member.admin.view.php
index 26a9827ce..b1904b17a 100644
--- a/modules/member/member.admin.view.php
+++ b/modules/member/member.admin.view.php
@@ -64,6 +64,7 @@
             if(!$config->image_name_max_height) $config->image_name_max_height = 20;
             if(!$config->image_mark_max_width) $config->image_mark_max_width = 20;
             if(!$config->image_mark_max_height) $config->image_mark_max_height = 20;
+            if(!$config->skin) $config->skin = "default";
             Context::set('config',$config);
 
             // 회원 관리 모듈의 스킨 목록을 구함
diff --git a/modules/member/member.view.php b/modules/member/member.view.php
index a3ce546c4..433a8165e 100644
--- a/modules/member/member.view.php
+++ b/modules/member/member.view.php
@@ -19,9 +19,11 @@
             // 회원 관리 정보를 받음
             $oModuleModel = &getModel('module');
             $this->member_config = $oModuleModel->getModuleConfig('member');
+            if(!$this->member_config->skin) $this->member_config->skin = "default";
+            if(!$this->member_config->colorset) $this->member_config->colorset = "white";
+
             Context::set('member_config', $this->member_config);
             $skin = $this->member_config->skin;
-            if(!$skin) $skin = 'default';
 
             // template path 지정
             $tpl_path = sprintf('%sskins/%s', $this->module_path, $skin);
diff --git a/modules/member/skins/default/common_header.html b/modules/member/skins/default/common_header.html
index d15170b75..b77e6e7ed 100644
--- a/modules/member/skins/default/common_header.html
+++ b/modules/member/skins/default/common_header.html
@@ -1,8 +1,16 @@
 <!--%import("js/member.js")-->
 
-<!--@if($colorset=="normal"||!$colorset)-->
-    {@ $colorset = "normal"; } 
-    <!--%import("css/normal.css")-->
+<!--%import("css/common.css")-->
+<!--@if($member_config->colorset=="purple")-->
+    <!--%import("css/purple.css")-->
+<!--@elseif($member_config->colorset=="green")-->
+    <!--%import("css/green.css")-->
+<!--@elseif($member_config->colorset=="red")-->
+    <!--%import("css/red.css")-->
+<!--@elseif($member_config->colorset=="cyan")-->
+    <!--%import("css/cyan.css")-->
+<!--@else-->
+    <!--%import("css/white.css")-->
 <!--@end-->
 
 <div id="memberModule">
diff --git a/modules/member/skins/default/css/normal.css b/modules/member/skins/default/css/common.css
similarity index 90%
rename from modules/member/skins/default/css/normal.css
rename to modules/member/skins/default/css/common.css
index 50cc7991f..e1e639c0d 100644
--- a/modules/member/skins/default/css/normal.css
+++ b/modules/member/skins/default/css/common.css
@@ -10,13 +10,12 @@
 .memberSmallBox.w500pop { width:500px; margin:0; padding:0;}
 .memberSmallBox.w600pop { width:600px; margin:0; padding:0;}
 
-.memberSmallBox .header { position:relative; _width:100%; background:#ffffff url(../images/normal/bgH3.gif) no-repeat left bottom; overflow:hidden;}
-.memberSmallBox .header h3 { margin:0; float:left; clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em; border-bottom:3px solid #fe3614; background:url(../images/normal/lineH3.gif) no-repeat right bottom;}
+.memberSmallBox .header { position:relative; _width:100%; background:#ffffff url(../images/common/bgH3.gif) no-repeat left bottom; overflow:hidden;}
+.memberSmallBox .header h3 { margin:0; float:left; clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em; border-bottom:3px solid #fe3614; background:url(../images/common/lineH3.gif) no-repeat right bottom;}
 
 .boardInformation { width:100%; clear:both; margin:1em 0 .5em 0; overflow:hidden; color:#666666; height:25px;}
 
-.boardHeader { position:relative; _width:100%; border-top:1px solid #e1e1dd; border-bottom:none; background:#ffffff url(../images/normal/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 #e1e1dd; border-bottom:3px solid #fe3614; background:url(../images/normal/lineH3.gif) no-repeat right bottom;}
+.boardHeader { position:relative; _width:100%; border-top:1px solid #e1e1dd; border-bottom:none; background:#ffffff url(../images/common/bgH3.gif) no-repeat right bottom; overflow:hidden;}
 .boardHeader .member_option { float:right; position:relative; top:1em; right:1em; }
 .boardHeader select { vertical-align:bottom; }
 .boardHeader input { vertical-align:bottom; _padding-bottom:1px;}
@@ -28,7 +27,7 @@
 .list tr:first-child td, .list tr.first-child td { border-top:1px solid #e0e1db; white-space:nowrap;}
 .list tr.bg1 { background:#ffffff}
 .list tr.bg2 { background:#fbfbfb;}
-.list th { color:#3e3f3e; font-weight:normal; border-bottom:1px solid #ffffff;  padding:.5em .2em .5em .2em; background:#ffffff url(../images/normal/lineBoardListTh.gif) no-repeat left bottom; white-space:nowrap;}
+.list th { color:#3e3f3e; font-weight:white; border-bottom:1px solid #ffffff;  padding:.5em .2em .5em .2em; background:#ffffff url(../images/common/lineBoardListTh.gif) no-repeat left bottom; white-space:nowrap;}
 .list th a { color:#3e3f3e;}
 .list th:first-child, .list th.first-child { background-position:-3px bottom; border-left:1px solid #ffffff;}
 .list th.check { padding:0;}
@@ -70,28 +69,28 @@
 .memberSmallBox .text p { margin-bottom:.5em;}
 
 /* friend */
-.friendNum { float:left; background:url(../images/normal/iconFriend.gif) no-repeat .5em .4em; padding:.4em 0 0 2em;}
+.friendNum { float:left; background:url(../images/common/iconFriend.gif) no-repeat .5em .4em; padding:.4em 0 0 2em;}
 .friendNum strong { font:bold 11px Tahoma; color:#ff6600;}
 
 /* message */
 .readMessage { border:1px solid #e0e1db; border-top:none; margin-bottom:2em;}
 .readMessage .messageHeader { padding:1.5em; height:1em; overflow:hidden;}
-.readMessage .messageHeader h4 { float:left; padding-left:.5em; font-size:1em; background:url(../images/normal/iconArrow99.gif) no-repeat left .3em;}
+.readMessage .messageHeader h4 { float:left; padding-left:.5em; font-size:1em; background:url(../images/common/iconArrow99.gif) no-repeat left .3em;}
 .readMessage .messageHeader address { float:right; white-space:nowrap;}
-.readMessage .messageHeader address em { font-size:1em; font-style:normal; color:#333333; margin-right:.3em; float:left;}
+.readMessage .messageHeader address em { font-size:1em; font-style:white; color:#333333; margin-right:.3em; float:left;}
 .readMessage .messageHeader address em a { color:#333333;}
 .readMessage .messageHeader address .date { font:.8em Tahoma; color:#999999; margin-left:10px;}
 .readMessage .messageBody { border:1px solid #e0e1db; margin:0 1.5em 1.5em 1.5em; padding:1em; position:relative; color:#666666;}
 .readMessage .deleteOrKeep { padding:.5em 0; overflow:hidden; background:#f5f5f3; border-top:1px solid #eaebe7; _width:100%;}
 .instantMessage { float:right; overflow:hidden;}
-.instantMessage li { float:left; padding:0 .8em 0 .8em; margin-left:-1px; background:url(../images/normal/line_1x10_e0e0e0.gif) no-repeat left center; list-style:none; }
-.instantMessage li a { text-decoration:none; display:block; float:left; height:1em; height:1.1em; overflow:hidden; font-size:1em; white-space:nowrap; color:#666666; padding-left:1.8em; background:url(../images/normal/iconInstantMessage.gif) no-repeat left top;}
+.instantMessage li { float:left; padding:0 .8em 0 .8em; margin-left:-1px; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat left center; list-style:none; }
+.instantMessage li a { text-decoration:none; display:block; float:left; height:1em; height:1.1em; overflow:hidden; font-size:1em; white-space:nowrap; color:#666666; padding-left:1.8em; background:url(../images/common/iconInstantMessage.gif) no-repeat left top;}
 .instantMessage li.on a { background-position:left -14px; font-weight:bold;}
 .instantMessage li a strong { color:#ff6600;}
 
 /* member info */
 .memberInfoTable { width:100%; border:1px solid #e0e1db; margin-bottom:10px;}
-.memberInfoTable caption { padding:2em 0 .5em 1.5em; font-weight:bold; text-align:left; background:url(../images/normal/iconH3.gif) no-repeat .5em 2em;}
+.memberInfoTable caption { padding:2em 0 .5em 1.5em; font-weight:bold; text-align:left; background:url(../images/common/iconH3.gif) no-repeat .5em 2em;}
 .memberInfoTable tr.first-child th, .memberInfoTable tr.first-child td { border-top:none;}
 .memberInfoTable th, .memberInfoTable td { border-top:1px solid #eaebe7; padding:.5em;}
 .memberInfoTable th { background:#f5f5f3; text-align:left; padding:.5em 1em;}
diff --git a/modules/member/skins/default/css/cyan.css b/modules/member/skins/default/css/cyan.css
new file mode 100644
index 000000000..6caa325d5
--- /dev/null
+++ b/modules/member/skins/default/css/cyan.css
@@ -0,0 +1,2 @@
+@charset "utf-8";
+.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;}
diff --git a/modules/member/skins/default/css/green.css b/modules/member/skins/default/css/green.css
new file mode 100644
index 000000000..a4afbacaf
--- /dev/null
+++ b/modules/member/skins/default/css/green.css
@@ -0,0 +1,2 @@
+@charset "utf-8";
+.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;}
diff --git a/modules/member/skins/default/css/purple.css b/modules/member/skins/default/css/purple.css
new file mode 100644
index 000000000..c3205dade
--- /dev/null
+++ b/modules/member/skins/default/css/purple.css
@@ -0,0 +1,2 @@
+@charset "utf-8";
+.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;}
diff --git a/modules/member/skins/default/css/red.css b/modules/member/skins/default/css/red.css
new file mode 100644
index 000000000..95c49e69f
--- /dev/null
+++ b/modules/member/skins/default/css/red.css
@@ -0,0 +1,2 @@
+@charset "utf-8";
+.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-left:1px solid #e1e1dd; border-bottom:3px solid #fe3614; background:url(../images/common/lineH3.gif) no-repeat right bottom;}
diff --git a/modules/member/skins/default/css/white.css b/modules/member/skins/default/css/white.css
new file mode 100644
index 000000000..15e063d42
--- /dev/null
+++ b/modules/member/skins/default/css/white.css
@@ -0,0 +1,3 @@
+@charset "utf-8";
+.boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-left:1px solid #e1e1dd; border-bottom:3px solid #fe3614; background:url(../images/common/lineH3.gif) no-repeat right bottom;}
+
diff --git a/modules/member/skins/default/images/normal/bgH3.gif b/modules/member/skins/default/images/white/bgH3.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/bgH3.gif
rename to modules/member/skins/default/images/white/bgH3.gif
diff --git a/modules/member/skins/default/images/normal/bottomGotoFirst.gif b/modules/member/skins/default/images/white/bottomGotoFirst.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/bottomGotoFirst.gif
rename to modules/member/skins/default/images/white/bottomGotoFirst.gif
diff --git a/modules/member/skins/default/images/normal/bottomGotoLast.gif b/modules/member/skins/default/images/white/bottomGotoLast.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/bottomGotoLast.gif
rename to modules/member/skins/default/images/white/bottomGotoLast.gif
diff --git a/modules/member/skins/default/images/normal/buttonTypeInput24.gif b/modules/member/skins/default/images/white/buttonTypeInput24.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/buttonTypeInput24.gif
rename to modules/member/skins/default/images/white/buttonTypeInput24.gif
diff --git a/modules/member/skins/default/images/normal/iconAdd.gif b/modules/member/skins/default/images/white/iconAdd.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/iconAdd.gif
rename to modules/member/skins/default/images/white/iconAdd.gif
diff --git a/modules/member/skins/default/images/normal/iconArrow99.gif b/modules/member/skins/default/images/white/iconArrow99.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/iconArrow99.gif
rename to modules/member/skins/default/images/white/iconArrow99.gif
diff --git a/modules/member/skins/default/images/normal/iconCheck.gif b/modules/member/skins/default/images/white/iconCheck.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/iconCheck.gif
rename to modules/member/skins/default/images/white/iconCheck.gif
diff --git a/modules/member/skins/default/images/normal/iconFriend.gif b/modules/member/skins/default/images/white/iconFriend.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/iconFriend.gif
rename to modules/member/skins/default/images/white/iconFriend.gif
diff --git a/modules/member/skins/default/images/normal/iconH3.gif b/modules/member/skins/default/images/white/iconH3.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/iconH3.gif
rename to modules/member/skins/default/images/white/iconH3.gif
diff --git a/modules/member/skins/default/images/normal/iconInstantMessage.gif b/modules/member/skins/default/images/white/iconInstantMessage.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/iconInstantMessage.gif
rename to modules/member/skins/default/images/white/iconInstantMessage.gif
diff --git a/modules/member/skins/default/images/normal/iconInstantMessage2.gif b/modules/member/skins/default/images/white/iconInstantMessage2.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/iconInstantMessage2.gif
rename to modules/member/skins/default/images/white/iconInstantMessage2.gif
diff --git a/modules/member/skins/default/images/normal/lineBoardListTh.gif b/modules/member/skins/default/images/white/lineBoardListTh.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/lineBoardListTh.gif
rename to modules/member/skins/default/images/white/lineBoardListTh.gif
diff --git a/modules/member/skins/default/images/normal/lineH3.gif b/modules/member/skins/default/images/white/lineH3.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/lineH3.gif
rename to modules/member/skins/default/images/white/lineH3.gif
diff --git a/modules/member/skins/default/images/normal/line_1x10_e0e0e0.gif b/modules/member/skins/default/images/white/line_1x10_e0e0e0.gif
similarity index 100%
rename from modules/member/skins/default/images/normal/line_1x10_e0e0e0.gif
rename to modules/member/skins/default/images/white/line_1x10_e0e0e0.gif
diff --git a/modules/member/skins/default/screenshot/cyan.gif b/modules/member/skins/default/screenshot/cyan.gif
new file mode 100644
index 000000000..bae2fa162
Binary files /dev/null and b/modules/member/skins/default/screenshot/cyan.gif differ
diff --git a/modules/member/skins/default/screenshot/green.gif b/modules/member/skins/default/screenshot/green.gif
new file mode 100644
index 000000000..126923f68
Binary files /dev/null and b/modules/member/skins/default/screenshot/green.gif differ
diff --git a/modules/member/skins/default/screenshot/purple.gif b/modules/member/skins/default/screenshot/purple.gif
new file mode 100644
index 000000000..1b5e0d717
Binary files /dev/null and b/modules/member/skins/default/screenshot/purple.gif differ
diff --git a/modules/member/skins/default/screenshot/red.gif b/modules/member/skins/default/screenshot/red.gif
new file mode 100644
index 000000000..c9fd68653
Binary files /dev/null and b/modules/member/skins/default/screenshot/red.gif differ
diff --git a/modules/member/skins/default/screenshot/white.gif b/modules/member/skins/default/screenshot/white.gif
new file mode 100644
index 000000000..c9fd68653
Binary files /dev/null and b/modules/member/skins/default/screenshot/white.gif differ
diff --git a/modules/member/skins/default/skin.xml b/modules/member/skins/default/skin.xml
index fa6fbe64e..56922015e 100644
--- a/modules/member/skins/default/skin.xml
+++ b/modules/member/skins/default/skin.xml
@@ -15,11 +15,35 @@
         <description xml:lang="en">default skin of member module</description>
     </maker>
     <colorset>
-        <color name="normal" src="screenshot/normal.gif">
+        <color name="white" src="screenshot/white.gif">
             <title xml:lang="ko">기본</title>
             <title xml:lang="zh-CN">基本</title>
             <title xml:lang="jp">デフォルト</title>
             <title xml:lang="en">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>
 </skin>
diff --git a/modules/member/tpl/colorset_list.html b/modules/member/tpl/colorset_list.html
new file mode 100644
index 000000000..ddfc4d0b6
--- /dev/null
+++ b/modules/member/tpl/colorset_list.html
@@ -0,0 +1,16 @@
+<!--@foreach($skin_info->colorset as $key => $val)-->
+    <!--@if($val->screenshot)-->
+        {@ $_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($config->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-->
diff --git a/modules/member/tpl/js/member_admin.js b/modules/member/tpl/js/member_admin.js
index 037bf76b9..ea3b33b30 100644
--- a/modules/member/tpl/js/member_admin.js
+++ b/modules/member/tpl/js/member_admin.js
@@ -175,87 +175,104 @@ function doEditDefaultValue(obj, cmd) {
 
 /* 한국 우편 번호 관련 */
 function doHideKrZipList(column_name) {
-        var zone_list_obj = xGetElementById('zone_address_list_'+column_name);
-        var zone_search_obj = xGetElementById('zone_address_search_'+column_name);
-        var zone_addr1_obj = xGetElementById('zone_address_1_'+column_name);
-        var addr1_obj = xGetElementById('fo_insert_member')[column_name][0];
-        var field_obj = xGetElementById('fo_insert_member')['_tmp_address_search_'+column_name];
+    var zone_list_obj = xGetElementById('zone_address_list_'+column_name);
+    var zone_search_obj = xGetElementById('zone_address_search_'+column_name);
+    var zone_addr1_obj = xGetElementById('zone_address_1_'+column_name);
+    var addr1_obj = xGetElementById('fo_insert_member')[column_name][0];
+    var field_obj = xGetElementById('fo_insert_member')['_tmp_address_search_'+column_name];
 
-        zone_addr1_obj.style.display = 'none';
-        zone_list_obj.style.display = 'none';
-        zone_search_obj.style.display = 'inline';
-        addr1_obj.value = '';
-        field_obj.focus();
+    zone_addr1_obj.style.display = 'none';
+    zone_list_obj.style.display = 'none';
+    zone_search_obj.style.display = 'inline';
+    addr1_obj.value = '';
+    field_obj.focus();
 }
 
 function doSelectKrZip(column_name) {
-        var zone_list_obj = xGetElementById('zone_address_list_'+column_name);
-        var zone_search_obj = xGetElementById('zone_address_search_'+column_name);
-        var zone_addr1_obj = xGetElementById('zone_address_1_'+column_name);
-        var sel_obj = xGetElementById('fo_insert_member')['_tmp_address_list_'+column_name];
-        var value = sel_obj.options[sel_obj.selectedIndex].value;
-        var addr1_obj = xGetElementById('fo_insert_member')[column_name][0];
-        var addr2_obj = xGetElementById('fo_insert_member')[column_name][1];
-        addr1_obj.value = value;
-        zone_search_obj.style.display = 'none';
-        zone_list_obj.style.display = 'none';
-        zone_addr1_obj.style.display = 'inline';
-        addr2_obj.focus();
+    var zone_list_obj = xGetElementById('zone_address_list_'+column_name);
+    var zone_search_obj = xGetElementById('zone_address_search_'+column_name);
+    var zone_addr1_obj = xGetElementById('zone_address_1_'+column_name);
+    var sel_obj = xGetElementById('fo_insert_member')['_tmp_address_list_'+column_name];
+    var value = sel_obj.options[sel_obj.selectedIndex].value;
+    var addr1_obj = xGetElementById('fo_insert_member')[column_name][0];
+    var addr2_obj = xGetElementById('fo_insert_member')[column_name][1];
+    addr1_obj.value = value;
+    zone_search_obj.style.display = 'none';
+    zone_list_obj.style.display = 'none';
+    zone_addr1_obj.style.display = 'inline';
+    addr2_obj.focus();
 }
 
 function doSearchKrZip(column_name) {
-        var field_obj = xGetElementById('fo_insert_member')['_tmp_address_search_'+column_name];
-        var addr = field_obj.value;
-        if(!addr) return;
+    var field_obj = xGetElementById('fo_insert_member')['_tmp_address_search_'+column_name];
+    var addr = field_obj.value;
+    if(!addr) return;
 
-        var params = new Array();
-        params['addr'] = addr;
-        params['column_name'] = column_name;
+    var params = new Array();
+    params['addr'] = addr;
+    params['column_name'] = column_name;
 
-        var response_tags = new Array('error','message','address_list');
-        exec_xml('krzip', 'getZipCodeList', params, completeSearchKrZip, response_tags, params);
+    var response_tags = new Array('error','message','address_list');
+    exec_xml('krzip', 'getZipCodeList', params, completeSearchKrZip, response_tags, params);
 }
 
 function completeSearchKrZip(ret_obj, response_tags, callback_args) {
-        if(!ret_obj['address_list']) {
-                alert(alert_msg['address']);
-                return;
-        }
-        var address_list = ret_obj['address_list'].split("\n");
-        var column_name = callback_args['column_name'];
+    if(!ret_obj['address_list']) {
+            alert(alert_msg['address']);
+            return;
+    }
+    var address_list = ret_obj['address_list'].split("\n");
+    var column_name = callback_args['column_name'];
 
-        var zone_list_obj = xGetElementById('zone_address_list_'+column_name);
-        var zone_search_obj = xGetElementById('zone_address_search_'+column_name);
-        var zone_addr1_obj = xGetElementById('zone_address_1_'+column_name);
-        var sel_obj = xGetElementById('fo_insert_member')['_tmp_address_list_'+column_name];
+    var zone_list_obj = xGetElementById('zone_address_list_'+column_name);
+    var zone_search_obj = xGetElementById('zone_address_search_'+column_name);
+    var zone_addr1_obj = xGetElementById('zone_address_1_'+column_name);
+    var sel_obj = xGetElementById('fo_insert_member')['_tmp_address_list_'+column_name];
 
-        for(var i=0;i<address_list.length;i++) {
-                var opt = new Option(address_list[i],address_list[i],false,false);
-                sel_obj.options[i] = opt;
-        }
+    for(var i=0;i<address_list.length;i++) {
+            var opt = new Option(address_list[i],address_list[i],false,false);
+            sel_obj.options[i] = opt;
+    }
 
-        for(var i=address_list.length-1;i<sel_obj.options.length;i++) {
-                sel_obj.remove(i);
-        }
+    for(var i=address_list.length-1;i<sel_obj.options.length;i++) {
+            sel_obj.remove(i);
+    }
 
-        sel_obj.selectedIndex = 0;
+    sel_obj.selectedIndex = 0;
 
-        zone_search_obj.style.display = 'none';
-        zone_addr1_obj.style.display = 'none';
-        zone_list_obj.style.display = 'inline';
+    zone_search_obj.style.display = 'none';
+    zone_addr1_obj.style.display = 'none';
+    zone_list_obj.style.display = 'inline';
 }
 
 
 /* 이미지 이름, 마크 삭제 */
 function doDeleteImageName(member_srl) {
-        var fo_obj = xGetElementById("fo_image");
-        fo_obj.member_srl.value = member_srl;
-        procFilter(fo_obj, delete_image_name);
+    var fo_obj = xGetElementById("fo_image");
+    fo_obj.member_srl.value = member_srl;
+    procFilter(fo_obj, delete_image_name);
 }
 
 function doDeleteImageMark(member_srl) {
-        var fo_obj = xGetElementById("fo_image");
-        fo_obj.member_srl.value = member_srl;
-        procFilter(fo_obj, delete_image_mark);
+    var fo_obj = xGetElementById("fo_image");
+    fo_obj.member_srl.value = member_srl;
+    procFilter(fo_obj, delete_image_mark);
 }
 
+
+/* 멤버 스킨 컬러셋 구해옴 */
+function doGetSkinColorset(skin) {
+    var params = new Array();
+    params['skin'] = skin;
+
+    var response_tags = new Array('error','message','tpl');
+    exec_xml('member', 'getMemberAdminColorset', params, doDisplaySkinColorset, response_tags);
+}
+
+function doDisplaySkinColorset(ret_obj) {
+    var tpl = ret_obj["tpl"];
+    var old_height = xHeight("member_colorset");
+    xInnerHtml("member_colorset", tpl);
+    var new_height = xHeight("member_colorset");
+    if(typeof(fixAdminLayoutFooter)=="function") fixAdminLayoutFooter(new_height - old_height);
+}
diff --git a/modules/member/tpl/member_config.html b/modules/member/tpl/member_config.html
index 4b2bf561f..c3f935a6c 100644
--- a/modules/member/tpl/member_config.html
+++ b/modules/member/tpl/member_config.html
@@ -8,16 +8,6 @@
 <table cellspacing="0" class="tableType2 gap1">
 <col width="150" />
 <col />
-    <tr>
-        <th scope="row">{$lang->skin}</th>
-        <td>
-            <select name="skin">
-                <!--@foreach($skin_list as $key => $val)-->
-                <option value="{$key}">{$val->title} ({$key})</option>
-                <!--@end-->
-            </select>
-        </td>
-    </tr>
     <tr>
         <th scope="row">{$lang->enable_openid}</th>
         <td>
@@ -75,6 +65,20 @@
             <p>{$lang->about_agreement}</p>
         </td>
     </tr>
+    <tr>
+        <th scope="row">{$lang->skin}</th>
+        <td>
+            <select name="skin" onchange="doGetSkinColorset(this.options[this.selectedIndex].value);return false;">
+                <!--@foreach($skin_list as $key => $val)-->
+                <option value="{$key}" <!--@if($config->skin == $key)-->selected="selected"<!--@end-->>{$val->title} ({$key})</option>
+                <!--@end-->
+            </select>
+        </td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->colorset}</th>
+        <td><div id="member_colorset"></div></td>
+    </tr>
     </table>
 
     <div class="tRight gap1">
@@ -85,3 +89,7 @@
     </div>
 
 </form>
+
+<script type="text/javascript">
+    doGetSkinColorset("{$config->skin}");
+</script>
diff --git a/modules/message/skins/default/css/message.css b/modules/message/skins/default/css/message.css
index 3c526e962..c6e533347 100644
--- a/modules/message/skins/default/css/message.css
+++ b/modules/message/skins/default/css/message.css
@@ -3,8 +3,8 @@
 
 .system_message {
     color:#666666;
-    border:4px solid #888888;
     text-align:center;
+    padding:1em 0 1em 0;
 }
 
 .system_button {