diff --git a/modules/member/skins/simple_world/common_header.html b/modules/member/skins/simple_world/common_header.html
index ec16c93b0..3545e8f11 100644
--- a/modules/member/skins/simple_world/common_header.html
+++ b/modules/member/skins/simple_world/common_header.html
@@ -1,6 +1,49 @@
-<load target="css/css.css" />
 <load target="js/member.js" />
+<!--// Check layout. If it is Simple World, select layout primary colors as a primary color of this skin -->
+{@
+	$material_colors = array(
+		'red'	=>	'#f44336',
+		'crimson'	=>	'#66001f',
+		'pink'	=>	'#e91e63',
+		'purple'	=>	'#9c27b0',
+		'deep-purple'	=>	'#673ab7',
+		'indigo'	=>	'#3f51b5',
+		'deep-blue'	=>	'#00397f',
+		'blue'	=>	'#2196f3',
+		'light-blue'	=>	'#03a9f4',
+		'cyan'	=>	'#00bcd4',
+		'teal'	=>	'#009688',
+		'green'	=>	'#4caf50',
+		'light-green'	=>	'#8bc34a',
+		'lime'	=>	'#cddc39',
+		'yellow'	=>	'#ffeb3b',
+		'amber'	=>	'#ffc107',
+		'orange'	=>	'#ff9800',
+		'deep-orange'	=>	'#ff5722',
+		'brown'	=>	'#795548',
+		'grey'	=>	'#9e9e9e',
+		'blue-grey'	=>	'#607d8b',
+		'black'	=>	'#000000',
+		'white'	=>	'#ffffff',
+		'customized'	=>	$layout_info->customized_primary_color,
+	);
+}
+<block cond="$layout_info->layout === 'simple_world' && ($layout_info->extra_var->primary_color->type === 'select' || $layout_info->extra_var->customized_primary_color->type === 'colorpicker')">
+	{@
+		if(!$layout_info->primary_color)
+			$layout_info->primary_color = 'red';
+		if(!$layout_info->customized_primary_color)
+			$layout_info->customized_primary_color = '#f44336';
+	}
 
+</block>
+<block cond="$layout_info->layout !== 'simple_world' || ($layout_info->extra_var->primary_color->type !== 'select' && $layout_info->extra_var->customized_primary_color->type !== 'colorpicker')">
+	{@$layout_info->primary_color = 'blue';}
+</block>
+<!--// Load styles -->
+{@$skin_color = $material_colors[$layout_info->primary_color]}
+{Context::set('simple_less_value', array('red' => hexdec(substr($skin_color, 1, 2)), 'green' => hexdec(substr($skin_color, 3, 2)), 'blue' => hexdec(substr($skin_color, 5, 2)) ))}
+<load target="css/css.less" vars="$simple_less_value" />
 <section class="rx_simple_member">
 	<div class="rx_simple_tab" cond="$is_logged && $logged_info->menu_list && (!$member_srl || $member_srl == $logged_info->member_srl)">
 		<ul class="rx_simple_tab">
diff --git a/modules/member/skins/simple_world/css/css.less b/modules/member/skins/simple_world/css/css.less
new file mode 100644
index 000000000..8bc720033
--- /dev/null
+++ b/modules/member/skins/simple_world/css/css.less
@@ -0,0 +1,281 @@
+@charset "UTF-8";
+
+@color: rgb(@red, @green, @blue);
+
+script, style
+{
+	display:none!important;
+}
+.rx_simple_member
+{
+	font-family: "맑은 고딕", "Apple SD Gothic Neo","나눔고딕",NanumGothic,'Nanum Gothic',"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;
+	font-size: 14px;
+	margin: 8px 0px;
+	padding: 0 15px;
+}
+
+.rx_simple_member a
+{
+	color: @color;
+	text-decoration: none;
+}
+/* Horizontal Align */
+.rx_simple_member .pos-right
+{
+	position:absolute;
+	right:0
+}
+/* message */
+.rx_member-notice, .rx_member-notice.info
+{
+	background: lighten(@color, 35%);
+	color: contrast(lighten(@color, 35%));
+	padding: 15px;
+	margin:0;
+	margin-top:0;
+	text-align: justify;
+}
+.rx_member-notice.error
+{
+	background: #fff3e0;
+	color: contrast(#fff3e0);
+}
+.rx_member-notice.update
+{
+	background: #e8f5e9;
+	color: contrast(#e8f5e9);
+}
+.rx_member-notice>*
+{
+	padding: 0;
+	margin:0;
+}
+/* member forms */
+.rx_simple_member .signin
+{
+	max-width:400px;
+	margin:30px auto;
+	box-sizing:border-box
+}
+.rx_simple_member .sw-body
+{
+	box-sizing:border-box;
+	background-color:#ffffff;
+	margin: 0 0 20px;
+	border: 1px solid #e0e0e0;
+}
+.rx_simple_member .sw-body>*
+{
+	padding: 20px;
+	margin:0;
+	border: 0;
+}
+.rx_simple_member .sw-body h1
+{
+	margin:0;
+	border-bottom: 1px solid #e0e0e0;
+}
+.rx_simple_member form div.control-group>*, .rx_simple_member .sw-body dl>*
+{
+	display:block;
+	position:relative;
+	box-sizing: border-box;
+	width:100%;
+	min-height:25px;
+	margin:0px;
+	margin-top: 10px;
+}
+.rx_simple_member form div.control-group>*:first-child
+{
+	margin-top: 0;
+}
+.rx_simple_member form div.control-group>input, .rx_simple_member form div.control-group>select
+{
+	border: 1px solid #bdbdbd;
+	border-radius: 0;
+	font-size:14px;
+	line-height: 18px;
+	margin-top: 0;
+	padding:8px 8px 6px;
+	-webkit-appearance: none;
+}
+.rx_simple_member .sw-body dl>*
+{
+	list-style:none;
+	border-bottom: 1px solid #e0e0e0;
+}
+.rx_simple_member .sw-body dl dt, .rx_simple_member form>div.control-group>label
+{
+	font-weight: bold;
+	border:0;
+}
+.rx_simple_member form
+{
+	overflow: hidden;
+	width:100%;
+	white-space: normal;
+	box-sizing: border-box;
+}
+.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer>a, .rx_simple_member .sw-anchor-buttons a 
+{
+	display:block;
+	background: @color none repeat scroll 0 0;
+	border: medium none;
+	color: contrast(@color);
+	padding: 10px;
+	vertical-align: bottom;
+}
+.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer{
+	margin: 20px 0;
+}
+.rx_simple_member .sw-footer>a
+{
+	background: #757575 none repeat scroll 0 0;
+	text-decoration: none;
+	text-align: center;
+}
+
+
+/* 상단 탭 스타일 */
+.rx_simple_member div.rx_simple_tab{
+	overflow: hidden;
+	background: #ffffff;
+	width:100%;
+	height: 52px;
+	white-space: nowrap;
+	border: 1px solid #e0e0e0;
+	margin-bottom:5px;
+	box-sizing: border-box;
+}
+.rx_simple_member ul.rx_simple_tab{
+	list-style: outside none none;
+	margin: 0;
+	display: block;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 6px 0px 100px;
+	text-decoration: none;
+	
+}
+.rx_simple_member ul.rx_simple_tab>li {
+	display:inline-block;
+	height: 40px;
+	line-height: 18px;
+	position: relative;
+}
+.rx_simple_member ul.rx_simple_tab>li a {
+	display:inline-block;
+	color: #000;
+	font-weight: 400;
+	letter-spacing: -1px;
+	line-height: 40px;
+	text-decoration: none;
+}
+.rx_simple_member ul.rx_simple_tab>li a:hover, .rx_simple_member ul.rx_simple_tab>li.active a {
+	color: contrast(#ffffff, darken(@color,15%), lighten(@color,15%));
+	font-weight: 700;
+}
+.rx_simple_member ul.rx_simple_tab>li a span {
+	border-left: 1px solid #e0e0e0;
+	padding: 0 15px;
+}
+.rx_simple_member ul.rx_simple_tab>li:first-child a span {
+	border-left: 0 none;
+}
+.rx_simple_member .sw-anchor-buttons {
+	text-align:right;
+}
+.rx_simple_member .sw-anchor-buttons a {
+	display:inline-block;
+}
+
+
+/* 글 목록 스타일 */
+.rx_simple_member .rx_sw_list .cont_a {
+	color: #222;
+	display: block;
+	letter-spacing: -1px;
+	line-height: 18px;
+	margin: 0;
+	overflow: hidden;
+	padding: 0.667em 70px 0.733em 15px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	text-decoration: none;
+}
+.rx_simple_member .rx_sw_list .cont_a.no_delete {
+	padding-right: 15px;
+}
+.rx_simple_member .rx_sw_list .cont_a:hover {
+	color: contrast(#ffffff, darken(@color,15%), lighten(@color,15%));
+}
+.rx_simple_member .content_basic{
+	position:relative;
+	display:inline-block;
+	max-width:100%;
+	vertical-align: middle;
+	overflow:hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.rx_simple_member .content_subinfo
+{
+	color: #9e9e9e;
+	font-size: 12px;
+	margin: 0 3px 0 7px;
+	overflow:hidden;
+}
+.rx_simple_member ul.rx_sw_list {
+	list-style: outside none none;
+	padding: 0;
+	margin: 0;
+	border-bottom: 1px solid #e0e0e0;
+}
+
+.rx_simple_member .rx_sw_list li {
+	position:relative;
+	border-top: 1px solid #e0e0e0;
+	overflow: hidden;
+	padding:0;
+}
+.rx_simple_member .rx_sw_list .content_delete{
+	position:absolute;
+	top:1px;
+	right:0;
+}
+.rx_simple_member .rx_sw_list .content_delete button{
+	background: @color none repeat scroll 0 0;
+	font-size: 14px;
+	border:0;
+	color: contrast(@color);
+	padding: 10px;
+	vertical-align: bottom;
+}
+.rx_simple_member .pagination ul, .rx_simple_member .pagination ul li
+{
+	display:inline-block;
+	list-style: outside none none;
+	padding: 0;
+	margin: 0;
+	border:0;
+}
+.rx_simple_member .pagination ul
+{
+	display:block;
+	text-align:center;
+}
+.rx_simple_member .pagination ul li>a
+{
+	display: inline-block;
+	background: #fff;
+	font-size: 14px;
+	border: 1px solid #e0e0e0;
+	color: #000;
+	padding: 10px;
+	min-width:25px;
+}
+.rx_simple_member .pagination ul li.active>a
+{
+	background: @color;
+	color: contrast(@color);
+}
\ No newline at end of file