diff --git a/modules/homepage/skins/xe_default/index.html b/modules/homepage/skins/xe_default/index.html
index 8c5e04998..d1c388666 100644
--- a/modules/homepage/skins/xe_default/index.html
+++ b/modules/homepage/skins/xe_default/index.html
@@ -25,34 +25,18 @@
         </div>
         <!--@end-->
 
-        <div>
-            <ul class="cafeList">
-                <!--@foreach($homepage_list as $key => $val)-->
-                <li>
-                    <p class="titleArea">
-                        <a class="title" href="{getSiteUrl($val->domain)}" onclick="window.open(this.href); return false;">{($val->cafe_title)}</a>
-                    </p>
-
-                    <p class="text">
-                        <!--@if($val->cafe_banner)-->
-                        <a class="thumb" href="{getSiteUrl($val->domain)}" onclick="window.open(this.href); return false;"><img src="{$val->cafe_banner}" width="100" height="100" align="left"/></a>
-                        <!--@end-->
-
-                        <!--@if($val->cafe_description)-->
-                        {preg_replace('/<([^>]+)>/i','',$val->cafe_description)}
-                        <!--@end-->
-                    </p>
-
-                    <p class="url">
-                        <a href="{getSiteUrl($val->domain)}" onclick="window.open(this.href); return false;">{getSiteUrl($val->domain)}</a>
-                    </p>
-                    <p class="date">
-                        {zdate($val->regdate,"Y/m/d H:i")}
-                    </p>
-                </li>
-                <!--@end-->
-            </ul>
+        <!--@foreach($homepage_list as $key => $val)-->
+        <div class="intro list">
+            <h3>{$val->cafe_title}</h3>
+            <!--@if($val->cafe_banner)-->
+            <a class="thumb" href="{getSiteUrl($val->domain)}" onclick="window.open(this.href); return false;"><img src="{$val->cafe_banner}" width="100" height="100" align="left"/></a>
+            <!--@end-->
+            <!--@if($val->cafe_description)-->
+            {preg_replace('/<([^>]+)>/i','',$val->cafe_description)}
+            <!--@end-->
+            <span class="url"><a href="{getSiteUrl($val->domain)}" onclick="window.open(this.href); return false;">{getSiteUrl($val->domain)}</a></span>
         </div>
+        <!--@end-->
 
         <div class="pagination a1">
             <a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division)}" class="prevEnd">{$lang->first_page}</a> 
diff --git a/modules/homepage/skins/xe_default/style.css b/modules/homepage/skins/xe_default/style.css
index 7e488b91d..2666c5a5c 100644
--- a/modules/homepage/skins/xe_default/style.css
+++ b/modules/homepage/skins/xe_default/style.css
@@ -8,11 +8,11 @@
 .cafeHeader .cafeTitleText a{ text-decoration:none;}
 .cafeHeader .cafeTitleText em{ font-style:normal; font-weight:normal;}
 .cafeHeader .cafeDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}
-.cafeHeader .cafeTitle{ border-color:#ddd; }
+.cafeHeader .cafeTitle{ border-color:#aaa; }
 .cafeHeader .cafeTitleText{ border-color:#666; background-image:url(./img/lineVr11.gif);}
 .cafeHeader .cafeTitleText a{ color:#000;}
 .cafeHeader .cafeTitleText em{ color:#666;}
-.cafeHeader .cafeDescription{ background:#f8f8f8; }
+.cafeHeader .cafeDescription{ background:#efefef; border:1px solid #ccc;}
 
 /* layout */
 div.cafeBox { position:relative; padding:0 250px 0 0; *zoom:1; }
@@ -26,9 +26,10 @@ div.cafeRightBox { position:relative; width:230px; float:right; clear:right; mar
 hr.cafeHR { display:none; position:absolute;}
 
 /* intro */
-div.intro { border:4px solid #ddd; margin-bottom:20px; padding:10px; *zoom:1; overflow:hidden;}
-div.intro h3 { width:100%; padding:0 0 5px 0; border-bottom:2px solid #aaa; margin-bottom:10px; }
-div.intro img { padding:0; margin:10px; }
+div.intro { border:4px solid #777; margin-bottom:20px; padding:10px; *zoom:1; overflow:hidden;}
+div.intro.list { border-color:#ddd; }
+div.intro h3 { width:100%; padding:0 0 5px 0; border-bottom:2px solid #aaa; margin:0 0 10px 0; }
+div.intro img { padding:0; margin:0 10px 10px 0; }
 div.intro .url { text-align:right; display:block; } 
 div.intro .url a { color:#5B96C2; }
 
@@ -86,19 +87,13 @@ div.intro .url a { color:#5B96C2; }
 .pagination.a1 a.next{ padding-right:10px; background:#fff url(./img/arrowNextA1.gif) no-repeat right center; }
 .pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(./img/arrowNextEndA1.gif) no-repeat right center; }
 
-/* cafe creation */
-#cafeCreation { margin-bottom:10px; overflow:hidden; *zoom:1; position:relative;}
-#cafeCreation a { text-decoration:none; }
-#cafeCreation a:hover { text-decoration:underline; }
-#cafeCreation { margin-bottom:30px;  position:relative; *zoom:1;}
-
 /* cafe context */
 div.cafeContext { margin-bottom:20px; }
-div.cafeContext h3 { font-size:12px; color:#777; border-bottom:2px solid #ccc; padding:3px; margin:0 0 10px 0;}
+div.cafeContext h3 { font-size:12px; color:#444; border-bottom:2px solid #aaa; padding:3px; margin:0 0 10px 0;}
 div.cafeContext ul { list-style:none; margin:10px 5px; padding:0; }
 div.cafeContext ul li { margin:0 0 3px 0; padding:0; color:#aaa; white-space:nowrap; overflow:hidden; height:20px; }
 div.cafeContext ul li span { color:#5B96C2; cursor:pointer;}
-div.cafeContext ul li a { color:#728694!important; }
+div.cafeContext ul li a { color:#666 !important; }
 div.cafeContext ul li a img { vertical-align:middle; }
 
 .cafeTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}