diff --git a/adm/css/admin.css b/adm/css/admin.css
index c030ac5df..34540a8dd 100644
--- a/adm/css/admin.css
+++ b/adm/css/admin.css
@@ -687,7 +687,7 @@ box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
 .theme_p{margin:0 0 10px }
 #theme_list{padding:0;margin:0;list-style:none;  width: 1000px;position:relative}
 #theme_list:after{display:block;visibility:hidden;clear:both;content:""}
-#theme_list li{margin:10px 10px 10px 0 ;margin:0;float:left;}
+#theme_list li{margin:10px 10px 10px 0;float:left}
 #theme_list li:after{display:block;visibility:hidden;clear:both;content:""}
 #theme_list li .tmli_if{border: 1px solid #d1dee2;width:302px;}
 #theme_list li .tmli_if>img{width:300px;height:225px;}
diff --git a/adm/css/theme.css b/adm/css/theme.css
index e10cff814..52bc74fd8 100644
--- a/adm/css/theme.css
+++ b/adm/css/theme.css
@@ -1,6 +1,6 @@
 @charset "utf-8";
 #preview_item{height:50px}
-#preview_item ul{margin:0;padding:0;top:0;width:100%margin:0 auto;text-align:center;background:#000;position:fixed;top:0;z-index:999999;width:100%;}
+#preview_item ul{margin:0;padding:0;top:0;width:100%;margin:0 auto;text-align:center;background:#000;position:fixed;top:0;z-index:999999}
 #preview_item ul li{list-style:none;display:inline-block;height:50px;line-height:50px;padding:0 2px;*display:inline; zoom:1;}
 #preview_item ul li a{color:#ccc;padding:0 8px;height:32px;line-height:30px;background:none;font-weight:bold;border-radius:5px;display:inline-block;vertical-align:middle;border:1px solid #aaa;}
 #preview_item ul li a:hover{background:#fff;text-decoration:none;border:1px solid #ccc;color:#333}
diff --git a/skin/connect/basic/current_connect.skin.php b/skin/connect/basic/current_connect.skin.php
index f634bb441..ce482bb2e 100644
--- a/skin/connect/basic/current_connect.skin.php
+++ b/skin/connect/basic/current_connect.skin.php
@@ -6,7 +6,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
 ?>
 
 <!-- 현재접속자 목록 시작 { -->
-<div  id="current_connect">
+<div id="current_connect">
     <ul>
     <?php
     for ($i=0; $i<count($list); $i++) {
@@ -16,11 +16,18 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
         // 이 조건문은 가능한 변경하지 마십시오.
         if ($list[$i]['lo_url'] && $is_admin == 'super') $display_location = "<a href=\"".$list[$i]['lo_url']."\">".$location."</a>";
         else $display_location = $location;
+        
+        $classes = array();
+        if( $i && ($i % 4 == 0) ){
+            $classes[] = 'box_clear';
+        }
     ?>
-        <li>
-            <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
-            <span class="crt_name"><?php echo get_member_profile_img($list[$i]['mb_id']); ?><br><?php echo $list[$i]['name'] ?></span>
-            <span class="crt_lct"><?php echo $display_location ?></span>
+        <li class="<?php echo implode(' ', $classes); ?>">
+            <div class="inner">
+                <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
+                <span class="crt_name"><?php echo get_member_profile_img($list[$i]['mb_id']); ?><br><?php echo $list[$i]['name'] ?></span>
+                <span class="crt_lct"><?php echo $display_location ?></span>
+            </div>
         </li>
     <?php
     }
diff --git a/skin/connect/basic/style.css b/skin/connect/basic/style.css
index f2a39d109..919ed6ac1 100644
--- a/skin/connect/basic/style.css
+++ b/skin/connect/basic/style.css
@@ -1,8 +1,12 @@
 @charset "utf-8";
 
-#current_connect li{width:219px;background:#fff;float:left;border:1px solid #d8d8d8;margin-left:10px;margin-bottom:10px;text-align:center;position:relative}
-#current_connect li:nth-child(4n+1){clear:both;margin-left:0}
-#current_connect .crt_name {margin:20px;display:block}
+#current_connect ul{margin:0 -10px 0;padding:0;list-style:none;zoom:1}
+#current_connect ul:after{display:block;visibility:hidden;clear:both;content:""}
+#current_connect li{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
+#current_connect li{width:25%}
+#current_connect li.box_clear{clear:both}
+#current_connect li .inner{position:relative;border:1px solid #d8d8d8;background:#fff;margin-bottom:10px;text-align:center}
+#current_connect .crt_name {margin:20px 20px 15px;display:block;min-height:88px}
 #current_connect .crt_name img{ border-radius:50%;margin: 0 0 5px}
 #current_connect .crt_lct{display:block;text-align:center;border-top:1px solid #ddd;padding:10px 5px;line-height:1.4em}
 #current_connect .crt_lct a{color:#3ca1ff}
diff --git a/skin/outlogin/basic/style.css b/skin/outlogin/basic/style.css
index e2ee8b002..f9f01b818 100644
--- a/skin/outlogin/basic/style.css
+++ b/skin/outlogin/basic/style.css
@@ -39,7 +39,7 @@ box-shadow: -2px -2px 5px rgba(0,0,0,0.1);}
 #ol_after_private li {margin-bottom:1px;position:relative;float:left;width:33.333%;text-align:center}
 #ol_after_private a {display:block;color:#444;line-height:20px;height:60px;border-left:1px solid #e8e8e8;padding:10px 0;}
 #ol_after_private li:first-child a{border-left:0}
-#ol_after_private a strong {display:inline-block;background:#7587a2;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
+#ol_after_private a strong {display:inline-block;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#7587a2;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
 #ol_after_private a strong.scrap{padding:0 14px}
 #ol_after_private a:hover strong{background:#4b8bff}
 #ol_after_private li a:hover{color:#4b8bff;background:#f1f1f1}
diff --git a/theme/basic/skin/connect/basic/current_connect.skin.php b/theme/basic/skin/connect/basic/current_connect.skin.php
index f634bb441..d199f8f09 100644
--- a/theme/basic/skin/connect/basic/current_connect.skin.php
+++ b/theme/basic/skin/connect/basic/current_connect.skin.php
@@ -6,7 +6,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
 ?>
 
 <!-- 현재접속자 목록 시작 { -->
-<div  id="current_connect">
+<div id="current_connect">
     <ul>
     <?php
     for ($i=0; $i<count($list); $i++) {
@@ -16,11 +16,18 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
         // 이 조건문은 가능한 변경하지 마십시오.
         if ($list[$i]['lo_url'] && $is_admin == 'super') $display_location = "<a href=\"".$list[$i]['lo_url']."\">".$location."</a>";
         else $display_location = $location;
+
+        $classes = array();
+        if( $i && ($i % 4 == 0) ){
+            $classes[] = 'box_clear';
+        }
     ?>
-        <li>
-            <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
-            <span class="crt_name"><?php echo get_member_profile_img($list[$i]['mb_id']); ?><br><?php echo $list[$i]['name'] ?></span>
-            <span class="crt_lct"><?php echo $display_location ?></span>
+        <li class="<?php echo implode(' ', $classes); ?>">
+            <div class="inner">
+                <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
+                <span class="crt_name"><?php echo get_member_profile_img($list[$i]['mb_id']); ?><br><?php echo $list[$i]['name'] ?></span>
+                <span class="crt_lct"><?php echo $display_location ?></span>
+            </div>
         </li>
     <?php
     }
diff --git a/theme/basic/skin/connect/basic/style.css b/theme/basic/skin/connect/basic/style.css
index 2387dabbd..a64258eb1 100644
--- a/theme/basic/skin/connect/basic/style.css
+++ b/theme/basic/skin/connect/basic/style.css
@@ -1,8 +1,12 @@
 @charset "utf-8";
 
-#current_connect li{width:219px;background:#fff;float:left;border:1px solid #d8d8d8;margin-left:10px;margin-bottom:10px;text-align:center;position:relative}
-#current_connect li:nth-child(4n+1){clear:both;margin-left:0}
-#current_connect .crt_name {margin:20px;display:block}
+#current_connect ul{margin:0 -10px 0;padding:0;list-style:none;zoom:1}
+#current_connect ul:after{display:block;visibility:hidden;clear:both;content:""}
+#current_connect li{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
+#current_connect li{width:25%}
+#current_connect li.box_clear{clear:both}
+#current_connect li .inner{position:relative;border:1px solid #d8d8d8;background:#fff;margin-bottom:10px;text-align:center}
+#current_connect .crt_name {margin:20px 20px 15px;display:block;min-height:88px}
 #current_connect .crt_name img{ border-radius:50%;margin: 0 0 5px}
 #current_connect .crt_lct{display:block;text-align:center;border-top:1px solid #ddd;padding:10px 5px;line-height:1.4em}
 #current_connect .crt_lct a{color:#3ca1ff}
diff --git a/theme/basic/skin/outlogin/basic/style.css b/theme/basic/skin/outlogin/basic/style.css
index e2ee8b002..f9f01b818 100644
--- a/theme/basic/skin/outlogin/basic/style.css
+++ b/theme/basic/skin/outlogin/basic/style.css
@@ -39,7 +39,7 @@ box-shadow: -2px -2px 5px rgba(0,0,0,0.1);}
 #ol_after_private li {margin-bottom:1px;position:relative;float:left;width:33.333%;text-align:center}
 #ol_after_private a {display:block;color:#444;line-height:20px;height:60px;border-left:1px solid #e8e8e8;padding:10px 0;}
 #ol_after_private li:first-child a{border-left:0}
-#ol_after_private a strong {display:inline-block;background:#7587a2;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
+#ol_after_private a strong {display:inline-block;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#7587a2;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
 #ol_after_private a strong.scrap{padding:0 14px}
 #ol_after_private a:hover strong{background:#4b8bff}
 #ol_after_private li a:hover{color:#4b8bff;background:#f1f1f1}