특기 마우스 오버 1차 적용

hwe/css/common.css

@@ -188,38 +188,10 @@ div.bar_out div.bar_in{
 }
 
 .tooltip{
-    position: relative;
+    font-size:12px;
+    font-family: '맑은 고딕';
 }
 
-.tooltip .tooltiptext {
-    visibility: hidden;
-    width: 120px;
-    background-color: #555;
-    color: #fff;
-    text-align: center;
-    border-radius: 6px;
-    padding: 5px 0;
-    position: absolute;
-    z-index: 1;
-    bottom: 125%;
-    left: 50%;
-    margin-left: -60px;
-    opacity: 0;
-    transition: opacity 0.3s;
+.tooltiptext {
+    display: none;
 }
-
-.tooltip .tooltiptext::after {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: #555 transparent transparent transparent;
-}
-
-.tooltip:hover .tooltiptext {
-    visibility: visible;
-    opacity: 1;
-}

hwe/css/msg.css

@@ -17,19 +17,17 @@
 #message_board section{
     overflow-y:auto;
     overflow-x:hidden;
-    max-width:498px;
 }
 
 .msg_plate{
     width:100%;
-    border-bottom:solid 1px gray;
-    border-left:solid 1px gray;
-    border-right:solid 1px gray;
+    outline-style:solid;
+    outline-width:1px;
+    outline-color: gray;
     height:64px;
     font-size:12px;
     word-break:break-all;
     color:white;
-    box-sizing: content-box;
 }
 
 .msg_plate_private{
@@ -97,7 +95,8 @@
     font-size:12px;
     width:715px;
     margin:0 2px;
-    height:15px;
+    height:20px;
+    border:solid 1px gray;
 }
 
 #msg_submit{
@@ -117,8 +116,9 @@
 
 .board_header{
     color:white;
-    border:solid 1px gray;
-    box-sizing: content-box;
+    outline-style:solid;
+    outline-width:1px;
+    outline-color: gray;
 }
 
 .board_side{
@@ -126,10 +126,9 @@
     height:1370px;
     width:50%;
     overflow-y: hidden;
-    border-left:solid 1px gray;
-    border-right:solid 1px gray;
-    border-bottom:solid 1px gray;
-    box-sizing: content-box;
+    outline-style:solid;
+    outline-width:1px;
+    outline-color: gray;
 }
 
 .msg_body{