message form box sizing 변경. 메인 페이지에 bootstrap css 적용

hwe/css/msg.css

@@ -29,6 +29,7 @@
     font-size:12px;
     word-break:break-all;
     color:white;
+    box-sizing: content-box;
 }
 
 .msg_plate_private{
@@ -117,16 +118,18 @@
 .board_header{
     color:white;
     border:solid 1px gray;
+    box-sizing: content-box;
 }
 
 .board_side{
     position:absolute;
     height:1370px;
-    width:498px;
+    width:50%;
     overflow-y: hidden;
-    border-left:solid 1px;
-    border-right:solid 1px;
-    border-bottom:solid 1px;
+    border-left:solid 1px gray;
+    border-right:solid 1px gray;
+    border-bottom:solid 1px gray;
+    box-sizing: content-box;
 }
 
 .msg_body{

hwe/index.php

@@ -87,6 +87,7 @@ $color = "cyan";
 <meta name="viewport" content="width=1024" />
 <?=WebUtil::printJS('../e_lib/jquery-3.3.1.min.js')?>
 <?=WebUtil::printJS('../e_lib/jquery.redirect.js')?>
+<?=WebUtil::printJS('../e_lib/bootstrap.bundle.min.js')?>
 <?=WebUtil::printJS('../d_shared/common_path.js')?>
 <?=WebUtil::printJS('js/common.js')?>
 <?=WebUtil::printJS('js/main.js')?>
@@ -105,6 +106,7 @@ $(function(){
 });
 </script>
 <?=WebUtil::printCSS('css/normalize.css')?>
+<?=WebUtil::printCSS('../e_lib/bootstrap.min.css')?>
 <?=WebUtil::printCSS('../d_shared/common.css')?>
 <?=WebUtil::printCSS('css/common.css')?>
 <?=WebUtil::printCSS('css/main.css')?>

hwe/js/templates/message.html

@@ -1,5 +1,5 @@
 <div 
-    class="msg_plate msg_plate_<%msgType%> msg_plate_<%nationType%>""
+    class="msg_plate msg_plate_<%msgType%> msg_plate_<%nationType%>"
     id="msg_<%id%>"
     data-id="<%id%>"
 >