From aad3eca303d2036e239cfee515e81eccea77a253 Mon Sep 17 00:00:00 2001
From: leebokyung <ipuiz202@naver.com>
Date: Mon, 12 Nov 2018 17:58:58 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=EC=A0=95=EB=A6=AC,=20?=
 =?UTF-8?q?=EA=B2=8C=EC=8B=9C=ED=8C=90=20=EC=9E=91=EC=97=85=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme/54/css/default.css                    |  68 ++++---
 theme/54/head.php                           |   2 +-
 theme/54/index.php                          |  18 +-
 theme/54/skin/board/basic/list.skin.php     |  35 ++--
 theme/54/skin/board/basic/style.css         | 214 ++++++++++----------
 theme/54/skin/latest/notice/latest.skin.php |  15 +-
 theme/54/skin/latest/notice/style.css       |  24 +--
 theme/54/skin/visit/basic/style.css         |   6 +-
 theme/54/skin/visit/basic/visit.skin.php    |   2 +-
 theme/54/tail.php                           |  24 ++-
 10 files changed, 207 insertions(+), 201 deletions(-)

diff --git a/theme/54/css/default.css b/theme/54/css/default.css
index 124d5d128..8ee095229 100644
--- a/theme/54/css/default.css
+++ b/theme/54/css/default.css
@@ -102,27 +102,26 @@ border:1px solid #558ab7 !important;
 
 /* 메인메뉴 */
 #gnb {position:relative;background:#fff}
-#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #gnb .gnb_wrap {margin:0 auto;position:relative}
 #gnb #gnb_1dul {font-size:1.083em;padding:0;background:#fff;border-bottom:1px solid #e0e2e5;zoom:1}
 #gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
-#gnb .gnb_1dli {float:right;line-height:50px;padding:0 15px;position:relative}
-#gnb .gnb_1dli:hover {background:#1a30a7;
+#gnb .gnb_1dli {float:left;line-height:55px;padding:0 15px;background:#fff;position:relative}
+#gnb .gnb_1dli:hover > a {color:#3a8afd;
 -webkit-transition:background-color 2s ease-out;
 -moz-transition:background-color 0.3s ease-out;
 -o-transition:background-color 0.3s ease-out;
 transition:background-color 0.3s ease-out}
 
 .gnb_1dli .bg {display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
-.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none}
-.gnb_2dli {border-top:1px solid #253dbe}
+.gnb_1da {display:inline-block;font-weight:bold;color:#080808;text-decoration:none}
 .gnb_2dli:first-child {border:0}
-.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding:0;
--webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);
--moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);
-box-shadow:0 1px 5px rgba(0,0,0,0.1)}
-.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
-a.gnb_2da:hover {background:#0e2080;
+.gnb_2dul {display:none;position:absolute;top:56px;min-width:140px;border:1px solid #e0e2e5;border-top:0;padding:0;
+-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
+-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
+box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
+.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
+a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
 -moz-transition:all 0.3s ease-out;
 -o-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out}
@@ -137,22 +136,20 @@ transition:all 0.3s ease-out}
 .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}
 
 #gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
-#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:1px;right:1px}
-#gnb .gnb_mnal {padding:0}
+#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
+#gnb .gnb_mnal {float:right;padding:0}
 
-#gnb_all {display:none;position:absolute;width:100%;z-index:99}
-#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
-#gnb_all .gnb_al_ul {background:#fff;border:1px solid #c5d6da;padding:20px;
--webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
+#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
 -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
 box-shadow:0 2px 5px rgba(0,0,0,0.2)}
-#gnb_all .gnb_al_li {background:#fff;float:left;min-width:20%;padding:5px }
-#gnb_all .gnb_al_li .gnb_al_a {font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background:#eff1f9;border-bottom:1px solid #dee2f1;font-weight:bold;color:#243071}
-#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
-#gnb_all .gnb_al_li li i {color:#9ca6cc}
+#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
+#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
+#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
+#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
+#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
+#gnb_all .gnb_al_li li {line-height:2em}
 #gnb_all .gnb_al_li li a {color:#555}
-
-#gnb_all_bg {display:none;background:#ffffffb8;width:100%;height:100%;position:fixed;left:0;top:0;z-index: 9;}
+#gnb_all_bg {display:none;background:#292929b8;width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
 
 
 
@@ -162,23 +159,28 @@ box-shadow:0 2px 5px rgba(0,0,0,0.2)}
 #container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
 #aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}
 
-#container {background:pink;z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
+#container {/*background:pink;*/z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
 #container:after {display:block;visibility:hidden;clear:both;content:""}
 #container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
 #container_title span {margin:0 auto 10px;display:block;line-height:30px}
 /*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
-.lt_wr {width:33.333%}
-.lt_wr:nth-child(2n+1) {clear:both}
+.lt_wr {width:32%}
+.lt_wr:nth-child(3n+1) {clear:both}
 .latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
 
 /* 하단 레이아웃 */
-#ft {/*border-top:1px solid #d5d5d5;*/background:#212020;padding-bottom:30px;margin:0 auto;text-align:center}
+#ft {background:#212020;margin:0 auto;text-align:center}
 #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#ft_wr {margin:0 auto;position:relative}
-#ft_link {padding:15px 0;border-bottom:1px solid #eee}
-#ft_link a {display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
+#ft_wr {width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
+#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
+#ft_wr .ft_cnt {width:310px;float:left;padding:0 20px}
+
+#ft_link {text-align:left}
+#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
+#ft_company h2 {font-size:1.2em;margin-bottom:20px}
+#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
 #ft_catch {margin:20px 0 10px}
-#ft_copy {color:#555;font-size:0.92em}
+#ft_copy {text-align:center;width:100%;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
 #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
 #top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}
 
@@ -273,11 +275,11 @@ a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-
 
 
 /* 기본테이블 */
-.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;border:1px solid #ccc} 
+.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
 .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
 .tbl_head01 {margin:0 0 10px}
 .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
-.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
+.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
 .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
 .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
 .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
diff --git a/theme/54/head.php b/theme/54/head.php
index 81ceb1a45..17c6d5f26 100644
--- a/theme/54/head.php
+++ b/theme/54/head.php
@@ -179,7 +179,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
                             if($k == 0)
                                 echo '<ul>'.PHP_EOL;
                         ?>
-                            <li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><i class="fa fa-caret-right" aria-hidden="true"></i> <?php echo $row2['me_name'] ?></a></li>
+                            <li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>
                         <?php
                         $k++;
                         }   //end foreach $row2
diff --git a/theme/54/index.php b/theme/54/index.php
index 4d6199ced..3e8fbfedf 100644
--- a/theme/54/index.php
+++ b/theme/54/index.php
@@ -26,8 +26,8 @@ include_once(G5_THEME_PATH.'/head.php');
     $sql .= " order by b.gr_order, a.bo_order ";
     $result = sql_query($sql);
     for ($i=0; $row=sql_fetch_array($result); $i++) {
-        if ($i%2==1) $lt_style = "margin-left:2%";
-        else $lt_style = "";
+		$lt_style = '';
+    	if ($i%3 !== 0 ) $lt_style = "margin-left:2%";
     ?>
     <div style="float:left;<?php echo $lt_style ?>" class="lt_wr">
         <?php
@@ -41,7 +41,6 @@ include_once(G5_THEME_PATH.'/head.php');
     }
     ?>
     <!-- } 최신글 끝 -->
-
 </div>
 
 <div class="latest_wr">
@@ -50,7 +49,18 @@ include_once(G5_THEME_PATH.'/head.php');
     // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
     // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
     // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
-    echo latest('theme/pic_block', 'gallery', 5, 23);
+    echo latest('theme/pic_list', 'free', 4, 23);
+    ?>
+    <!-- } 사진 최신글2 끝 -->
+</div>
+
+<div class="latest_wr">
+    <!-- 사진 최신글2 { -->
+    <?php
+    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
+    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
+    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
+    echo latest('theme/pic_block', 'gallery', 4, 23);
     ?>
     <!-- } 사진 최신글2 끝 -->
 </div>
diff --git a/theme/54/skin/board/basic/list.skin.php b/theme/54/skin/board/basic/list.skin.php
index 8d1ab4dcd..ba9eeaef1 100644
--- a/theme/54/skin/board/basic/list.skin.php
+++ b/theme/54/skin/board/basic/list.skin.php
@@ -15,8 +15,18 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 <!-- 게시판 목록 시작 { -->
 <div id="bo_list" style="width:<?php echo $width; ?>">
 
+    <!-- 게시판 카테고리 시작 { -->
+    <?php if ($is_category) { ?>
+    <nav id="bo_cate">
+        <h2><?php echo $board['bo_subject'] ?> 카테고리</h2>
+        <ul id="bo_cate_ul">
+            <?php echo $category_option ?>
+        </ul>
+    </nav>
+    <?php } ?>
+    <!-- } 게시판 카테고리 끝 -->
 
-    <!-- 게시판 페이지 정보 및 버튼 시작 { -->
+	<!-- 게시판 페이지 정보 및 버튼 시작 { -->
     <div id="bo_btn_top">
         <div id="bo_list_total">
             <span>Total <?php echo number_format($total_count) ?>건</span>
@@ -32,18 +42,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <?php } ?>
     </div>
     <!-- } 게시판 페이지 정보 및 버튼 끝 -->
-
-    <!-- 게시판 카테고리 시작 { -->
-    <?php if ($is_category) { ?>
-    <nav id="bo_cate">
-        <h2><?php echo $board['bo_subject'] ?> 카테고리</h2>
-        <ul id="bo_cate_ul">
-            <?php echo $category_option ?>
-        </ul>
-    </nav>
-    <?php } ?>
-    <!-- } 게시판 카테고리 끝 -->
-
+    
     <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
     <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
     <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
@@ -78,8 +77,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <tbody>
         <?php
         for ($i=0; $i<count($list); $i++) {
-         ?>
-        <tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
+        	if ($i%2==0) $lt_class = "even";
+        	else $lt_class = "";
+		?>
+        <tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?> <?php echo $lt_class ?>">
             <?php if ($is_checkbox) { ?>
             <td class="td_chk">
                 <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
@@ -89,7 +90,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
             <td class="td_num2">
             <?php
             if ($list[$i]['is_notice']) // 공지사항
-                echo '<strong class="notice_icon"><i class="fa fa-bullhorn" aria-hidden="true"></i><span class="sound_only">공지</span></strong>';
+                echo '<strong class="notice_icon">공지</strong>';
             else if ($wr_id == $list[$i]['wr_id'])
                 echo "<span class=\"bo_current\">열람중</span>";
             else
@@ -104,14 +105,12 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
                 <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
                 <?php } ?>
                 <div class="bo_tit">
-                    
                     <a href="<?php echo $list[$i]['href'] ?>">
                         <?php echo $list[$i]['icon_reply'] ?>
                         <?php
                             if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']);
                          ?>
                         <?php echo $list[$i]['subject'] ?>
-                       
                     </a>
                     <?php
                     // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
diff --git a/theme/54/skin/board/basic/style.css b/theme/54/skin/board/basic/style.css
index 37bf7fab7..2286015fe 100644
--- a/theme/54/skin/board/basic/style.css
+++ b/theme/54/skin/board/basic/style.css
@@ -42,6 +42,8 @@
 #bo_list .tbl_head01 a {}
 #bo_list td.empty_table {}
 
+#bo_list tbody .even td {background:#fbfbfb}
+
 /* 읽기 내 테이블 */
 #bo_v .tbl_head01 {}
 #bo_v .tbl_head01 caption {}
@@ -77,7 +79,7 @@
 #bo_w .required, #bo_w textarea.required {}
 
 #bo_w .cke_sc {}
-#bo_w button.btn_cke_sc{}
+#bo_w button.btn_cke_sc {}
 #bo_w .cke_sc_def {}
 #bo_w .cke_sc_def dl {}
 #bo_w .cke_sc_def dl:after {}
@@ -92,8 +94,8 @@
 #bo_list:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_list .td_board {width:120px;text-align:center}
 #bo_list .td_chk {width:30px;text-align:center}
-#bo_list .td_date {width:60px;text-align:center;font-style: italic;}
-#bo_list .td_datetime {width:60px;text-align:center;font-style: italic}
+#bo_list .td_date {width:60px;text-align:center}
+#bo_list .td_datetime {width:60px;text-align:center}
 #bo_list .td_group {width:100px;text-align:center}
 #bo_list .td_mb_id {width:100px;text-align:center}
 #bo_list .td_mng {width:80px;text-align:center}
@@ -106,61 +108,59 @@
 #bo_list .txt_expired {color:#ccc}
 #bo_list tbody tr:hover {border-left:2px solid #253dbe}
 
-#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4}
+#bo_cate {margin-bottom:28px}
 #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_cate ul {zoom:1}
 #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_cate li {display:inline-block;padding:2px;}
-#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
-#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
-#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
+#bo_cate li {display:inline-block;padding:2px}
+#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
+#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
 -webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 -moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-box-shadow:inset 0 2px 5px rgb(33, 135, 202);}
+box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
 .td_subject img {margin-left:5px}
 
 /* 게시판 목록 공통 */
-#bo_btn_top{margin: 10px 0 }
+#bo_btn_top {margin: 10px 0}
 #bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx {margin-bottom:5px;float:right;zoom:1}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
-#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
+#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f}
 
 .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
 .btn_bo_user li {float:left;margin-left:5px}
 .btn_bo_adm {float:left}
 .btn_bo_adm li {float:left;margin-right:5px}
 .btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
-.bo_notice td {background:#e6f8ff !important;border-bottom:1px solid #c3dfe8;}
-.bo_notice td a {font-weight:bold;}
+.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
+.bo_notice td a {font-weight:bold}
 
-.bo_notice .notice_icon{display:inline-block;background:#4158d1;width:25px;line-height:25px;border-radius:5px;font-weight:normal;color:#fff}
+.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}
 .td_num strong {color:#000}
-.bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */
-.bo_tit{display:block;color:#000;font-weight:bold;}
+.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:1em} /* 글제목줄 분류스타일 */
+.bo_cate_link:hover {text-decoration:none}
+.bo_tit {display:block;color:#000;font-weight:bold}
 .bo_current {color:#e8180c}
 /*#bo_list .profile_img {display:inline-block;margin-right:2px}*/
-#bo_list .profile_img img{border-radius:50%}
-#bo_list .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
--webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
--moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}
+#bo_list .profile_img img {border-radius:50%}
+#bo_list .cnt_cmt {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
 
-#bo_list .bo_tit .title_icon{margin-right:2px}
-#bo_list .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
-#bo_list .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
-#bo_list .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
-#bo_list .bo_tit .fa-heart{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
-#bo_list .bo_tit .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
+#bo_list .bo_tit .title_icon {margin-right:2px}
+#bo_list .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
+#bo_list .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
+#bo_list .bo_tit .new_icon {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
+#bo_list .bo_tit .fa-heart {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
+#bo_list .bo_tit .fa-lock {display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
 
 
 #bo_sch {float:left;border:1px solid #ccc;background:#fff;border-radius:3px}
 #bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-#bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
-#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
-#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
+#bo_sch select {border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd}
+#bo_sch .sch_input {height:38px;border:0;padding:0;background-color:transparent;float:left}
+#bo_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
 
 
 /* 게시판 쓰기 */
@@ -172,22 +172,22 @@ box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}
 #autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
 -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
 -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
-#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
-#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
+box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2)}
+#autosave_pop:before {content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent}
+#autosave_pop:after {content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent}
 html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
 #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#autosave_pop div {text-align:center;margin:0 !important;}
-#autosave_pop button {margin:0;padding:0;border:0;}
+#autosave_pop div {text-align:center;margin:0 !important}
+#autosave_pop button {margin:0;padding:0;border:0}
 #autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
 #autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
 #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
 #autosave_pop a {display:block;float:left}
 #autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
 .autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
-.autosave_close:hover{background:#f3f3f3;color:#3597d9}
+.autosave_close:hover {background:#f3f3f3;color:#3597d9}
 .autosave_content {display:none}
-.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}
+.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}
 
 /* 게시판 읽기 */
 #bo_v {margin-bottom:20px;padding:20px;background:#fff;box-sizing:border-box}
@@ -195,12 +195,12 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
 
 #bo_v_title {}
-#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
+#bo_v_title .bo_v_cate {display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
 -webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 -moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 }
-#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
+#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
 
 #bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
 #bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
@@ -211,16 +211,16 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 #bo_v_info .member,
 #bo_v_info .guest {font-weight:bold}
 #bo_v_info .profile_img {}
-#bo_v_info .profile_img img{border-radius:50%}
-#bo_v_info .sv_member{color:#000}
-#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
-#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
-#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}
+#bo_v_info .profile_img img {border-radius:50%}
+#bo_v_info .sv_member {color:#000}
+#bo_v_info .if_view {display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
+#bo_v_info .if_comment {display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
+#bo_v_info .if_date {float:right;margin:0;font-style:italic;color:#888}
 
 #bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
 #bo_v_file h2 {padding:10px;background: #f3f3f3}
 #bo_v_file ul {margin:0;padding:5px 0;list-style:none}
-#bo_v_file li {padding:5px 10px;position:relative;}
+#bo_v_file li {padding:5px 10px;position:relative}
 #bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
 #bo_v_file img {float:left;margin:0 10px 0 0}
@@ -229,7 +229,7 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 #bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
 #bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
 #bo_v_link ul {margin:0;padding:5px 0;list-style:none}
-#bo_v_link li {padding:5px 10px;position:relative;}
+#bo_v_link li {padding:5px 10px;position:relative}
 #bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
 .bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
@@ -252,18 +252,18 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 
 .bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
 .bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
-.bo_v_nb li:hover{background:#f6f6f6}
-.bo_v_nb li i{font-size:13px}
-.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
-.bo_v_nb li .nb_date{float:right;color:#888}
+.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd}
+.bo_v_nb li:hover {background:#f6f6f6}
+.bo_v_nb li i {font-size:13px}
+.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#4567b5}
+.bo_v_nb li .nb_date {float:right;color:#888}
 
 #bo_v_atc {min-height:200px;height:auto !important;height:200px}
 #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v_img {width:100%;overflow:hidden;zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_img a.view_image{display:block}
+#bo_v_img a.view_image {display:block}
 #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
 
 #bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
@@ -273,43 +273,43 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 #bo_v_act {margin-bottom:30px;text-align:center}
 #bo_v_act .bo_v_act_gng {position:relative}
 #bo_v_act a {margin-right:5px;vertical-align:middle}
-#bo_v_act a:hover{background-color:#f3f3f3}
+#bo_v_act a:hover {background-color:#f3f3f3}
 #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
-#bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
-#bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_good {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
 
-#bo_v_share{position:relative;margin:20px 0;text-align:right}
-#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
-#bo_v_share .btn:hover{background:#fff}
-#bo_v_share .btn i{margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
-#bo_v_share .btn_share{}
-#bo_v_share .btn_share:hover{}
+#bo_v_share {position:relative;margin:20px 0;text-align:right}
+#bo_v_share .btn {padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
+#bo_v_share .btn:hover {background:#fff}
+#bo_v_share .btn i {margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top}
+#bo_v_share .btn_share {}
+#bo_v_share .btn_share:hover {}
 
-.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
+.bo_v_snswr {position:relative;display:inline-block;margin-left:-1px}
 #bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
 #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
+#bo_v_sns:before {content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent}
 #bo_v_sns li {float:left;width:60px;text-align:center}
-#bo_v_sns li a{height:40px;padding:10px 0;}
-#bo_v_sns li .sns_f{display:block;background:#415b92}
-#bo_v_sns li .sns_t{display:block;background:#35b3dc}
-#bo_v_sns li .sns_g{display:block;background:#d5503a}
-#bo_v_sns.show_kakao{width:240px;margin-left:-120px}
-#bo_v_sns li .sns_k{display:block;background:#fbe300}
-#bo_v_sns li img{vertical-align:top}
+#bo_v_sns li a {height:40px;padding:10px 0}
+#bo_v_sns li .sns_f {display:block;background:#415b92}
+#bo_v_sns li .sns_t {display:block;background:#35b3dc}
+#bo_v_sns li .sns_g {display:block;background:#d5503a}
+#bo_v_sns.show_kakao {width:240px;margin-left:-120px}
+#bo_v_sns li .sns_k {display:block;background:#fbe300}
+#bo_v_sns li img {vertical-align:top}
 
 /* 게시판 댓글 */
-.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px }
-.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
+.cmt_btn {background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px}
+.cmt_btn_op {background:url('./img/cmt_btn.png') no-repeat 85px -23px}
 #bo_vc {}
 #bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_vc article {margin:20px 0;position:relative}
-#bo_vc article .profile_img img{border-radius:50%}
+#bo_vc article .profile_img img {border-radius:50%}
 #bo_vc header {}
 #bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
 #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-.bo_vc_hdinfo{float:right;font-style:italic;color:#777}
+.bo_vc_hdinfo {float:right;font-style:italic;color:#777}
 #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em}
 #bo_vc p a {text-decoration:underline}
@@ -319,52 +319,52 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
 
 .bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
 .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_vc_act li {display:inline-block;}
-.bo_vc_act li a{padding:0 5px;line-height:23px}
+.bo_vc_act li {display:inline-block}
+.bo_vc_act li a {padding:0 5px;line-height:23px}
 
-.bo_vc_w {position:relative;margin:10px 0;display:block;}
+.bo_vc_w {position:relative;margin:10px 0;display:block}
 .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 .bo_vc_w #char_cnt {display:block;margin:0 0 5px}
-.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
+.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
-#wr_secret{}
-.bo_vc_w_info{margin:10px 0;float:left}
+box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)}
+#wr_secret {}
+.bo_vc_w_info {margin:10px 0;float:left}
 .bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_vc_w_info .frm_input{float:left;margin-right:5px}
-.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
-.bo_vc_w .btn_confirm{float:right;margin-top:10px}
-.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
-.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
+.bo_vc_w_info .frm_input {float:left;margin-right:5px}
+.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
+.bo_vc_w .btn_confirm {float:right;margin-top:10px}
+.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
+.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
 .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
 
-#bo_vc_send_sns{display:inline-block;float:left}
+#bo_vc_send_sns {display:inline-block;float:left}
 #bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
 #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_vc_sns li {float:left;margin:0 5px 0 0}
-#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
-#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
-#bo_vc_sns .sns_li_off{background:#bbb}
-#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
-#bo_vc_sns input {margin:0 5px 0 0 }
+#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
+#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
+#bo_vc_sns .sns_li_off {background:#bbb}
+#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
+#bo_vc_sns input {margin:0 5px 0 0}
 
 
 /*글쓰기*/
-#bo_w .write_div{margin:10px 0;position:relative}
+#bo_w .write_div {margin:10px 0;position:relative}
 #bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_w .bo_w_info .frm_input{float:left;width:33%}
-#bo_w #wr_password{margin:0 0.5%  }
-#bo_w .wr_content.smarteditor2 iframe{background:#fff}
-#bo_w .bo_w_tit{position:relative}
-#bo_w .bo_w_tit .frm_input{padding-right:120px;}
-#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
-#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
-#bo_w .bo_w_link .frm_input{padding-left:50px}
-#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
-#bo_w .bo_w_flie .frm_file{padding-left:50px;}
-#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
-#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
-#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
-#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}
\ No newline at end of file
+#bo_w .bo_w_info .frm_input {float:left;width:33%}
+#bo_w #wr_password {margin:0 0.5%}
+#bo_w .wr_content.smarteditor2 iframe {background:#fff}
+#bo_w .bo_w_tit {position:relative}
+#bo_w .bo_w_tit .frm_input {padding-right:120px}
+#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
+#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
+#bo_w .bo_w_link .frm_input {padding-left:50px}
+#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
+#bo_w .bo_w_flie .frm_file {padding-left:50px}
+#bo_w .bo_w_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
+#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
+#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
+#bo_w .bo_w_select select {border:1px solid #3497d9;height:40px;border-radius:3px}
\ No newline at end of file
diff --git a/theme/54/skin/latest/notice/latest.skin.php b/theme/54/skin/latest/notice/latest.skin.php
index d994b10f3..eb0c06605 100644
--- a/theme/54/skin/latest/notice/latest.skin.php
+++ b/theme/54/skin/latest/notice/latest.skin.php
@@ -6,8 +6,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',
 add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
 ?>
 
-<div class="notice">
-    <h2><a href="<?php echo get_pretty_url($bo_table); ?>"><i class="fa fa-bullhorn" aria-hidden="true"></i><span class="sound_only"><?php echo $bo_subject ?></span></a></h2>
+<div class="notice ft_cnt">
+    <h2><a href="<?php echo get_pretty_url($bo_table); ?>"><?php echo $bo_subject ?></a></h2>
     <ul>
     <?php for ($i=0; $i<count($list); $i++) {  ?>
         <li>
@@ -39,15 +39,4 @@ add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
     <li class="empty_li">게시물이 없습니다.</li>
     <?php }  ?>
     </ul>
-
 </div>
-<?php if (count($list)) { //게시물이 있다면 ?>
-<script>
-    $('.notice ul').bxSlider({
-        hideControlOnEnd: true,
-        pager:false,
-        nextText: '<i class="fa fa-angle-right" aria-hidden="true"></i>',
-        prevText: '<i class="fa fa-angle-left" aria-hidden="true"></i>'
-    });
-</script>
-<?php } ?>
\ No newline at end of file
diff --git a/theme/54/skin/latest/notice/style.css b/theme/54/skin/latest/notice/style.css
index 3867cde8e..4dd81f5ac 100644
--- a/theme/54/skin/latest/notice/style.css
+++ b/theme/54/skin/latest/notice/style.css
@@ -1,16 +1,12 @@
 @charset "utf-8";
-/* 새글 스킨 (latest) */
-.notice {position:relative;padding:15px 50px;border-bottom:1px solid #d0d6e4}
-.notice li{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
-.notice li a:hover{color:#a22121}
-.notice li .lock_icon{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:top}
-.notice li .new_icon{display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:top}
-.notice .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;margin-left:5px;
--webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
--moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4)}
 
-.notice h2{position:absolute;top:50%;left:10px;margin-top:-15px;left:5;line-height:30px}
-.notice h2 a{display:inline-block;width:30px;line-height:30px;border-radius:25px;background:#4158d1;color:#fff;text-align:center;color:#fff}
-.notice .bx-next{position:absolute;top:50%;right:10px;;width:26px;height:26px;line-height:24px;text-align:center;background:#fff;border:1px solid #d1d1d1;margin-top:-12px}
-.notice .bx-prev{position:absolute;top:50%;right:35px;width:26px;height:26px;line-height:24px;text-align:center;background:#fff;border:1px solid #d1d1d1;margin-top:-12px}
+/* 새글 스킨 (latest) */
+.notice {position:relative;padding:15px 50px}
+.notice h2 {margin-bottom:20px}
+.notice h2 a {font-size:1.2em;color:#fff}
+.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #343434}
+.notice li a {color:#e3e3e3;padding:15px 0;display:inline-block}
+.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
+.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
+.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
+
diff --git a/theme/54/skin/visit/basic/style.css b/theme/54/skin/visit/basic/style.css
index fc7f0d0a1..a8b4436f9 100644
--- a/theme/54/skin/visit/basic/style.css
+++ b/theme/54/skin/visit/basic/style.css
@@ -1,9 +1,9 @@
 @charset "utf-8";
 
 /* 방문자 집계 */
-#visit {position:relative;width:300px}
-#visit .btn_admin {position:absolute;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;border-radius:3px}
-#visit h2 {font-size:1.167em;text-align:left;padding-bottom:15px;padding-top:25px;color:#fff;position:relative}
+#visit {position:relative}
+#visit .btn_admin {position:absolute;top:0;right:20px;height:25px;line-height:25px;padding:0 5px;border-radius:3px}
+#visit h2 {font-size:1.2em;margin-bottom:20px;text-align:left;color:#fff;position:relative}
 #visit dl {padding:10px 0}
 #visit dl:after {display:block;visibility:hidden;clear:both;content:""}
 #visit dt {float:left;width:50%;text-align:left;line-height:23px;height:23px;color:#e3e3e3}
diff --git a/theme/54/skin/visit/basic/visit.skin.php b/theme/54/skin/visit/basic/visit.skin.php
index b0c355dea..935cebf5e 100644
--- a/theme/54/skin/visit/basic/visit.skin.php
+++ b/theme/54/skin/visit/basic/visit.skin.php
@@ -8,7 +8,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$visit_skin_url.'/style.css">', 0
 ?>
 
 <!-- 접속자집계 시작 { -->
-<section id="visit">
+<section id="visit" class="ft_cnt">
     <h2>접속자집계</h2>
     <dl>
         <dt><span class="color_1"></span> 오늘</dt>
diff --git a/theme/54/tail.php b/theme/54/tail.php
index bfb9e4065..881c0489f 100644
--- a/theme/54/tail.php
+++ b/theme/54/tail.php
@@ -34,30 +34,40 @@ if (G5_IS_MOBILE) {
 <div id="ft">
 
     <div id="ft_wr">
-        <div id="ft_link">
+        <div id="ft_link" class="ft_cnt">
             <a href="<?php echo get_pretty_url('content', 'company'); ?>">회사소개</a>
             <a href="<?php echo get_pretty_url('content', 'privacy'); ?>">개인정보처리방침</a>
             <a href="<?php echo get_pretty_url('content', 'provision'); ?>">서비스이용약관</a>
             <a href="<?php echo get_device_change_url(); ?>">모바일버전</a>
         </div>
-        <div id="ft_company">
-	        <p class="ft_info">TEL. 00-000-0000 FAX. 00-000-0000 서울 강남구 강남대로 1<br>대표:홍길동 사업자등록번호:000-00-00000 개인정보관리책임자:홍길동<br><br>Copyright &copy; <b>소유하신 도메인.</b> All rights reserved.</p>
+        <div id="ft_company" class="ft_cnt">
+        	<h2>사이트 정보</h2>
+	        <p class="ft_info">
+	        	회사명 : 회사명 / 대표 : 대표자명<br>
+				주소  : OO도 OO시 OO구 OO동 123-45<br>
+				사업자 등록번호  : 123-45-67890<br>
+				전화 :  02-123-4567  팩스  : 02-123-4568<br>
+				통신판매업신고번호 :  제 OO구 - 123호<br>
+				개인정보관리책임자 :  정보책임자명<br>
+			</p>
 	    </div>
         <?php
         //공지사항
         // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
         // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
         // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
-        // echo latest('theme/notice', 'notice', 4, 13);
+        echo latest('theme/notice', 'notice', 4, 13);
         ?>
         
 		<?php echo visit('theme/basic'); // 접속자집계, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
-          
+	</div>      
         <!-- <div id="ft_catch"><img src="<?php echo G5_IMG_URL; ?>/ft_logo.png" alt="<?php echo G5_VERSION ?>"></div> -->
         <div id="ft_copy">Copyright &copy; <b>소유하신 도메인.</b> All rights reserved.</div>
-    </div>
     
-    <button type="button" id="top_btn"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></button>
+    
+    <button type="button" id="top_btn">
+    	<i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span>
+    </button>
     <script>
     $(function() {
         $("#top_btn").on("click", function() {