From 37c701227025f16b8019cea2008c796aade224ff Mon Sep 17 00:00:00 2001
From: Arcturus <github@drk.st>
Date: Sun, 22 Sep 2024 13:51:59 +0900
Subject: [PATCH] add custom editor font

---
 AvocadoEdition_Light/_extra_font.php          |  21 ++
 AvocadoEdition_Light/adm/_gnb.site.menu.php   |   2 +-
 AvocadoEdition_Light/adm/css/admin.layout.css |  35 +-
 AvocadoEdition_Light/adm/editor_font.php      | 132 ++++++-
 .../adm/editor_font_update.php                |  59 ++-
 AvocadoEdition_Light/common.php               |   2 +
 AvocadoEdition_Light/head.sub.php             |   2 +
 .../plugin/editor/smarteditor2/config.js      |  40 +-
 .../smarteditor2/css/ko_KR/smart_editor2.css  |   2 +-
 .../editor/smarteditor2/css/smart_editor2.css | 352 +++++++++---------
 .../plugin/editor/smarteditor2/editor.lib.php |  20 +-
 11 files changed, 461 insertions(+), 206 deletions(-)
 create mode 100644 AvocadoEdition_Light/_extra_font.php

diff --git a/AvocadoEdition_Light/_extra_font.php b/AvocadoEdition_Light/_extra_font.php
new file mode 100644
index 0000000..3a0d1c9
--- /dev/null
+++ b/AvocadoEdition_Light/_extra_font.php
@@ -0,0 +1,21 @@
+<?php
+include_once './_common.php';
+
+$font_sql = "SELECT * FROM {$g5['font_table']} ORDER BY font_name ASC";
+$font_result = sql_query($font_sql);
+
+echo "<style id=\"extra_font\">";
+while ($row = sql_fetch_array($font_result)) {
+  $font_family = $row['font_family'];
+  $font_url = stripslashes($row['font_url']);
+  $font_weight = $row['font_weight'];
+  $font_style = $row['font_style'];
+
+  echo "@font-face {\n";
+  echo "  font-family: '{$font_family}';\n";
+  echo "  src: {$font_url};\n";
+  echo "  font-weight: {$font_weight};\n";
+  echo "  font-style: {$font_style};\n";
+  echo "}\n\n";
+}
+echo "</style>";
diff --git a/AvocadoEdition_Light/adm/_gnb.site.menu.php b/AvocadoEdition_Light/adm/_gnb.site.menu.php
index fa714b1..ad9c88c 100644
--- a/AvocadoEdition_Light/adm/_gnb.site.menu.php
+++ b/AvocadoEdition_Light/adm/_gnb.site.menu.php
@@ -19,7 +19,7 @@ $menu["config"]->getLastAddedMenu()->addSubURL("/theme_preview.php");
 $menu["config"]->addChildMenu("config", "디자인 설정", G5_ADMIN_URL . "/design_form.php", true, 4, "\F1D8", 0);
 $menu["config"]->getLastAddedMenu()->addSubURL("/design_form_update.php");
 
-$menu["config"]->addChildMenu("config", "폰트 설정", G5_ADMIN_URL . "/editor_font.php", true, 5, "\F3DA", 0);
+$menu["config"]->addChildMenu("config", "HTML에디터 폰트 설정", G5_ADMIN_URL . "/editor_font.php", true, 5, "\F3DA", 0);
 $menu["config"]->getLastAddedMenu()->addSubURL("/editor_font_update.php");
 
 $menu["config"]->addChildMenu("config", "메뉴 설정", G5_ADMIN_URL . "/menu_list.php", true, 6, "\F478", 0);
diff --git a/AvocadoEdition_Light/adm/css/admin.layout.css b/AvocadoEdition_Light/adm/css/admin.layout.css
index 75f8b13..5430a65 100644
--- a/AvocadoEdition_Light/adm/css/admin.layout.css
+++ b/AvocadoEdition_Light/adm/css/admin.layout.css
@@ -182,6 +182,25 @@ body {
   padding: 0;
 }
 
+.list_confirm {
+  display: flex;
+  justify-content: end;
+  padding: 16px;
+}
+
+.list_confirm>* {
+  background: #d18686;
+  color: #FFF;
+  cursor: pointer;
+  min-width: 64px;
+  text-align: center;
+  display: block;
+  line-height: 1em;
+  padding: 8px 16px;
+  box-sizing: border-box;
+  border: 0;
+}
+
 .btn_confirm>* {
   display: block;
   position: relative;
@@ -243,7 +262,7 @@ body {
 
 #gnb>ul>li>a {
   display: block;
-  padding: 10px 20px;
+  padding: 8px 16px;
   color: #9da4b3;
   font-size: 15px;
   text-decoration: none;
@@ -255,7 +274,7 @@ body {
 
 #gnb .gnb_2dli>a {
   display: block;
-  padding: 10px 20px 10px 25px;
+  padding: 8px 12px;
   color: #acaeb2;
   font-size: 13px;
 }
@@ -273,18 +292,6 @@ body {
   color: #e76148;
 }
 
-#gnb .gnb_2dli.check:after {
-  font-size: 16px;
-  content: "\F633";
-  font-family: 'icon';
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 10px;
-  line-height: 39px;
-  color: #e76148;
-}
-
 #gnb .gnb_2dli>a:hover {
   color: #fff;
   background: #484c58;
diff --git a/AvocadoEdition_Light/adm/editor_font.php b/AvocadoEdition_Light/adm/editor_font.php
index 236820c..c4778d1 100644
--- a/AvocadoEdition_Light/adm/editor_font.php
+++ b/AvocadoEdition_Light/adm/editor_font.php
@@ -1,15 +1,145 @@
 <?php
 include_once __DIR__ . '/_common.php';
+include_once G5_EDITOR_LIB;
 
 if ($is_admin != 'super') {
   alert_close('최고관리자만 접근 가능합니다.');
 }
 
-$g5['title'] = '에디터 폰트 관리';
+// 테이블이 없을 경우 생성
+if (!sql_fetch_array(sql_query("DESC {$g5['font_table']}"))) {
+  $sql = "CREATE TABLE IF NOT EXISTS {$g5['font_table']} (
+              font_id INT(11) NOT NULL AUTO_INCREMENT,
+              font_name VARCHAR(255) NOT NULL,
+              font_family VARCHAR(255) NOT NULL,
+              font_url TEXT NOT NULL,
+              font_weight VARCHAR(50) NOT NULL DEFAULT 'normal',
+              font_style VARCHAR(50) NOT NULL DEFAULT 'normal',
+              PRIMARY KEY (font_id)
+          ) ENGINE=MyISAM DEFAULT CHARSET=utf8mb3";
+  sql_query($sql, false);
+}
+
+// 목록 출력
+$sql = " SELECT * FROM {$g5['font_table']} ORDER BY font_family ASC ";
+$result = sql_query($sql);
+
+$g5['title'] = "에디터 폰트 관리";
 
 include_once __DIR__ . '/admin.head.php';
 ?>
+<section>
+  <h2>폰트 등록</h2>
+  <form name="ffontform" method="post" action="./editor_font_update.php" onsubmit="return ffontform_submit(this);">
+    <input type="hidden" name="token" value="">
+    <input type="hidden" name="w" value="">
 
+    <div class="tbl_frm01 tbl_wrap">
+      <table>
+        <caption>폰트 입력</caption>
+        <colgroup>
+          <col class="grid_4" style="width: 140px">
+          <col>
+        </colgroup>
+        <tbody>
+          <tr>
+            <th scope="row"><label for="font_name">폰트 이름<strong class="sound_only">필수</strong></label></th>
+            <td><input type="text" name="font_name" value="" id="font_name" required class="required frm_input"
+                size="50"></td>
+          </tr>
+          <tr>
+            <th scope="row"><label for="font_css">@font-face CSS<strong class="sound_only">필수</strong></label></th>
+            <td>
+              <span class="frm_info">@font-face CSS를 그대로 붙여넣으세요.</span>
+              <textarea name="font_css" id="font_css" rows="8" required class="required frm_input" style="width:100%;"
+                placeholder="@font-face {
+  font-family: 'FontName';
+  src: url('https://example.com/font.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+}"></textarea>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="list_confirm">
+      <input type="submit" value="등록" class="btn_submit" accesskey="s">
+    </div>
+  </form>
+</section>
+<section>
+  <h2>등록된 폰트</h2>
+  <div class="local_ov01 local_ov">
+    등록된 폰트 <?php echo number_format(sql_num_rows($result)) ?>개
+  </div>
+  <form name="ffontlist" id="ffontlist" method="post" action="./editor_font_update.php"
+    onsubmit="return ffontlist_submit(this);">
+    <input type="hidden" name="token" value="">
+    <input type="hidden" name="w" value="u">
 
+    <div class="tbl_head01 tbl_wrap">
+      <table>
+        <caption><?php echo $g5['title']; ?> 목록</caption>
+        <thead>
+          <tr>
+            <th scope="col" style="width: 200px">폰트 이름</th>
+            <th scope="col" style="width: 200px">Font Family</th>
+            <th scope="col">Font URL</th>
+            <th scope="col" style="width: 120px">Font Weight</th>
+            <th scope="col" style="width: 120px">Font Style</th>
+            <th scope="col" style="width: 80px">관리</th>
+          </tr>
+        </thead>
+        <tbody>
+          <?php
+          for ($i = 0; $row = sql_fetch_array($result); $i++) {
+            $font_id = $row['font_id'];
+            ?>
+            <tr>
+              <td class="td_left"><?php echo get_text($row['font_name']); ?></td>
+              <td class="td_left"><?php echo get_text($row['font_family']); ?></td>
+              <td class="td_left"><?php echo get_text($row['font_url']); ?></td>
+              <td class="td_left"><?php echo get_text($row['font_weight']); ?></td>
+              <td class="td_left"><?php echo get_text($row['font_style']); ?></td>
+              <td class="td_mng td_mng_l">
+                <a href="./editor_font_update.php?w=d&amp;font_id=<?php echo $font_id ?>"
+                  onclick="return delete_confirm(this);" class="btn btn_02">삭제</a>
+              </td>
+            </tr>
+            <?php
+          }
+          if ($i == 0) {
+            echo '<tr><td colspan="6" class="empty_table">등록된 폰트가 없습니다.</td></tr>';
+          }
+          ?>
+        </tbody>
+      </table>
+    </div>
+  </form>
+</section>
+<section>
+  <?php echo help('폰트 출력을 미리 보기 위한 에디터입니다.') ?>
+  <?php echo editor_html('preview_content', ""); ?>
+</section>
+<script>
+  function ffontform_submit(f) {
+    if (f.font_css.value.trim() === "") {
+      alert("@font-face CSS를 입력해주세요.");
+      f.font_css.focus();
+      return false;
+    }
+    if (f.font_name.value.trim() === "") {
+      alert("폰트 이름을 입력해주세요.");
+      f.font_name.focus();
+      return false;
+    }
+    return true;
+  }
+
+  function delete_confirm(el) {
+    return confirm("선택한 폰트를 정말 삭제하시겠습니까?");
+  }
+</script>
 <?php
 include_once __DIR__ . '/admin.tail.php';
diff --git a/AvocadoEdition_Light/adm/editor_font_update.php b/AvocadoEdition_Light/adm/editor_font_update.php
index 68e8d08..b31da14 100644
--- a/AvocadoEdition_Light/adm/editor_font_update.php
+++ b/AvocadoEdition_Light/adm/editor_font_update.php
@@ -1,6 +1,61 @@
 <?php
-include_once __DIR__ . '/_common.php';
+include_once './_common.php';
 
 if ($is_admin != 'super') {
-  alert_close('최고관리자만 접근 가능합니다.');
+  alert('최고관리자만 접근 가능합니다.');
 }
+
+$w = isset($_POST['w']) ? $_POST['w'] : (isset($_GET['w']) ? $_GET['w'] : '');
+
+if ($w == 'd') {
+  $font_id = isset($_POST['font_id']) ? intval($_POST['font_id']) : isset($_GET['font_id']) ? intval($_GET['font_id']) : 0;
+  if (!$font_id) {
+    alert('올바른 요청이 아닙니다.');
+  }
+}
+
+if ($w == '') {
+  $font_css = isset($_POST['font_css']) ? stripslashes(trim($_POST['font_css'])) : '';
+  $font_name = isset($_POST['font_name']) ? clean_xss_tags(trim($_POST['font_name'])) : '';
+
+  if (empty($font_css) || empty($font_name)) {
+    alert('@font-face CSS와 폰트 이름은 필수 입력 항목입니다.');
+  }
+  
+  preg_match("/font-family:\s*['\"](.*?)['\"]/i", $font_css, $family_matches);
+  preg_match("/src:\s*(.*?);/i", $font_css, $src_matches);
+  preg_match("/font-weight:\s*(.*?);/i", $font_css, $weight_matches);
+  preg_match("/font-style:\s*(.*?);/i", $font_css, $style_matches);
+
+  $font_family = isset($family_matches[1]) ? clean_xss_tags(trim($family_matches[1])) : '';
+  $font_url = isset($src_matches[1]) ? addslashes(trim($src_matches[1])) : '';
+  $font_weight = isset($weight_matches[1]) ? clean_xss_tags(trim($weight_matches[1])) : 'normal';
+  $font_style = isset($style_matches[1]) ? clean_xss_tags(trim($style_matches[1])) : 'normal';
+
+  if (empty($font_family) || empty($font_url)) {
+    alert('CSS에서 font-family와 src를 추출할 수 없습니다.');
+  }
+  
+  $sql = "INSERT INTO {$g5['font_table']} SET font_name = '{$font_name}',
+                font_family = '{$font_family}',
+                font_url = '{$font_url}',
+                font_weight = '{$font_weight}',
+                font_style = '{$font_style}'";
+  sql_query($sql);
+
+  $sql_error = sql_error_info();
+
+  $msg = '폰트가 추가되었습니다.';
+
+} else if ($w == 'd') {
+  $sql = " DELETE FROM {$g5['font_table']} WHERE font_id = '{$font_id}' ";
+  sql_query($sql);
+
+  $msg = '폰트가 삭제되었습니다.';
+}
+
+if ($msg) {
+  alert($msg);
+}
+
+goto_url('./editor_font.php');
diff --git a/AvocadoEdition_Light/common.php b/AvocadoEdition_Light/common.php
index ae7625c..b2284d0 100644
--- a/AvocadoEdition_Light/common.php
+++ b/AvocadoEdition_Light/common.php
@@ -223,6 +223,8 @@ if (file_exists($dbconfig_file)) {
   include_once G5_LIB_PATH . '/common.lib.php'; // 공통 라이브러리
   include_once G5_LIB_PATH . '/get_data.lib.php';
 
+  $g5["font_table"] = G5_TABLE_PREFIX . "editor_fonts";
+
   $connect_db = sql_connect(G5_MYSQL_HOST, G5_MYSQL_USER, G5_MYSQL_PASSWORD) or die('MySQL Connect Error!!!');
   $select_db = sql_select_db(G5_MYSQL_DB, $connect_db) or die('MySQL DB Error!!!');
 
diff --git a/AvocadoEdition_Light/head.sub.php b/AvocadoEdition_Light/head.sub.php
index 48c0dc3..2acd160 100644
--- a/AvocadoEdition_Light/head.sub.php
+++ b/AvocadoEdition_Light/head.sub.php
@@ -76,6 +76,8 @@ $html_class .= $_COOKIE['header_close'] == 'close' ? " close-header" : "";
       href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
       rel="stylesheet">
     <?php
+    include_once __DIR__ . "/_extra_font.php";
+
     if (defined('G5_IS_ADMIN')) {
       echo get_embed_file("css", G5_ADMIN_PATH . '/css/admin.css') . PHP_EOL;
       echo get_embed_file("css", G5_ADMIN_PATH . '/css/admin.layout.css') . PHP_EOL;
diff --git a/AvocadoEdition_Light/plugin/editor/smarteditor2/config.js b/AvocadoEdition_Light/plugin/editor/smarteditor2/config.js
index c2d49ba..a8b4c50 100644
--- a/AvocadoEdition_Light/plugin/editor/smarteditor2/config.js
+++ b/AvocadoEdition_Light/plugin/editor/smarteditor2/config.js
@@ -2,26 +2,46 @@
   $(document).ready(function () {
     $(".smarteditor2").each(function (index) {
       var get_id = $(this).attr("id");
-
       if (!get_id || $(this).prop("nodeName") != 'TEXTAREA') return true;
-
       nhn.husky.EZCreator.createInIFrame({
         oAppRef: oEditors,
         elPlaceHolder: get_id,
         sSkinURI: g5_editor_url + "/SmartEditor2Skin.html",
         htParams: {
-          bUseToolbar: true,				// 툴바 사용 여부 (true:사용/ false:사용하지 않음)
-          bUseVerticalResizer: true,		// 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
-          bUseModeChanger: true,			// 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
-          bSkipXssFilter: true,		// client-side xss filter 무시 여부 (true:사용하지 않음 / 그외:사용)
-          //aAdditionalFontList : aAdditionalFontSet,		// 추가 글꼴 목록
+          bUseToolbar: true,
+          bUseVerticalResizer: true,
+          bUseModeChanger: true,
+          bSkipXssFilter: true,
+          aAdditionalFontList : editorAdditionalFontList,
           fOnBeforeUnload: function () {
-            //alert("완료!");
+            // unload
           }
         }, //boolean
         fOnAppLoad: function () {
-          //예제 코드
-          //oEditors.getById["ir1"].exec("PASTE_HTML", ["로딩이 완료된 후에 본문에 삽입되는 text입니다."]);
+          const extraFont = document.head.querySelector('#extra_font');
+          if (extraFont) {
+            const fontStyle = extraFont.textContent || extraFont.innerText;
+            
+            const editorDocument = oEditors.getById[get_id].getWYSIWYGDocument();
+            const editorHead = editorDocument.getElementsByTagName("head")[0];
+            const editorStyle = editorDocument.createElement("style");
+            editorStyle.appendChild(editorDocument.createTextNode(fontStyle));
+            editorHead.appendChild(editorStyle);
+            
+            const iframes = document.getElementsByTagName('iframe');
+            for (let i = 0; i < iframes.length; i++) {
+              if (iframes[i].src.indexOf('SmartEditor2Skin.html') !== -1) {
+                const iframeDocument = iframes[i].contentDocument || iframes[i].contentWindow.document;
+                const iframeHead = iframeDocument.getElementsByTagName("head")[0];
+                if (!iframeHead.querySelector("#extra_font")) {
+                  const iframeStyle = iframeDocument.createElement("style");
+                  iframeStyle.id = "extra_font";
+                  iframeStyle.appendChild(iframeDocument.createTextNode(fontStyle));
+                  iframeHead.appendChild(iframeStyle);
+                }
+              }
+            }
+          }
         },
         fCreator: "createSEditor2"
       });
diff --git a/AvocadoEdition_Light/plugin/editor/smarteditor2/css/ko_KR/smart_editor2.css b/AvocadoEdition_Light/plugin/editor/smarteditor2/css/ko_KR/smart_editor2.css
index 70e3e3b..3c58862 100644
--- a/AvocadoEdition_Light/plugin/editor/smarteditor2/css/ko_KR/smart_editor2.css
+++ b/AvocadoEdition_Light/plugin/editor/smarteditor2/css/ko_KR/smart_editor2.css
@@ -46,7 +46,7 @@ body,#smart_editor2,#smart_editor2 p,#smart_editor2 h1,#smart_editor2 h2,#smart_
 /* EDITINGAREA_HTMLSRC */
 #smart_editor2 .off .ico_btn,#smart_editor2 .off .se2_more,#smart_editor2 .off .se2_more2,#smart_editor2 .off .se2_font_family,#smart_editor2 .off .se2_font_size,#smart_editor2 .off .se2_bold,#smart_editor2 .off .se2_underline,#smart_editor2 .off .se2_italic,#smart_editor2 .off .se2_tdel,#smart_editor2 .off .se2_fcolor,#smart_editor2 .off .se2_fcolor_more,#smart_editor2 .off .se2_bgcolor,#smart_editor2 .off .se2_bgcolor_more,#smart_editor2 .off .se2_left,#smart_editor2 .off .se2_center,#smart_editor2 .off .se2_right,#smart_editor2 .off .se2_justify,#smart_editor2 .off .se2_ol,#smart_editor2 .off .se2_ul,#smart_editor2 .off .se2_indent,#smart_editor2 .off .se2_outdent,#smart_editor2 .off .se2_lineheight,#smart_editor2 .off .se2_del_style,#smart_editor2 .off .se2_blockquote,#smart_editor2 .off .se2_summary,#smart_editor2 .off .se2_footnote,#smart_editor2 .off .se2_url,#smart_editor2 .off .se2_emoticon,#smart_editor2 .off .se2_character,#smart_editor2 .off .se2_table,#smart_editor2 .off .se2_find,#smart_editor2 .off .se2_spelling,#smart_editor2 .off .se2_sup,#smart_editor2 .off .se2_sub,#smart_editor2 .off .se2_text_tool_more,#smart_editor2 .off .se2_new,#smart_editor2 .off .selected_color,#smart_editor2 .off .se2_lineSticker{-ms-filter:alpha(opacity=50);opacity:.5;cursor:default;filter:alpha(opacity=50)}
 /* LAYER */
-#smart_editor2 .se2_text_tool .se2_layer{display:none;float:left;position:absolute;top:20px;left:0;z-index:50;margin:0;padding:0;border:1px solid #bcbbbb;background:#fafafa}
+#smart_editor2 .se2_text_tool .se2_layer{display:none;float:left;position:absolute;top:20px;left:0;z-index:50;margin:0;padding:0;border:1px solid #bcbbbb;background:#fafafa;max-height:60vh;overflow-y:auto}
 #smart_editor2 .se2_text_tool li.active{z-index:50}
 #smart_editor2 .se2_text_tool .active .se2_layer{display:block}
 #smart_editor2 .se2_text_tool .active li .se2_layer{display:none}
diff --git a/AvocadoEdition_Light/plugin/editor/smarteditor2/css/smart_editor2.css b/AvocadoEdition_Light/plugin/editor/smarteditor2/css/smart_editor2.css
index 881272d..13245fe 100644
--- a/AvocadoEdition_Light/plugin/editor/smarteditor2/css/smart_editor2.css
+++ b/AvocadoEdition_Light/plugin/editor/smarteditor2/css/smart_editor2.css
@@ -1,176 +1,176 @@
-@charset "UTF-8";
-/* NHN Web Standardization Team (http://html.nhndesign.com/) HHJ 090226 */
-/* COMMON */
-body,#smart_editor2,#smart_editor2 p,#smart_editor2 h1,#smart_editor2 h2,#smart_editor2 h3,#smart_editor2 h4,#smart_editor2 h5,#smart_editor2 h6,#smart_editor2 ul,#smart_editor2 ol,#smart_editor2 li,#smart_editor2 dl,#smart_editor2 dt,#smart_editor2 dd,#smart_editor2 table,#smart_editor2 th,#smart_editor2 td,#smart_editor2 form,#smart_editor2 fieldset,#smart_editor2 legend,#smart_editor2 input,#smart_editor2 textarea,#smart_editor2 button,#smart_editor2 select{margin:0;padding:0}
-#smart_editor2,#smart_editor2 h1,#smart_editor2 h2,#smart_editor2 h3,#smart_editor2 h4,#smart_editor2 h5,#smart_editor2 h6,#smart_editor2 input,#smart_editor2 textarea,#smart_editor2 select,#smart_editor2 table,#smart_editor2 button{font-family:'돋움',Dotum,Helvetica,sans-serif;font-size:12px;color:#666}
-#smart_editor2{background:#fff}
-#smart_editor2 span,#smart_editor2 em{font-size:12px}
-#smart_editor2 em,#smart_editor2 address{font-style:normal}
-#smart_editor2 img,#smart_editor2 fieldset{border:0}
-#smart_editor2 hr{display:none}
-#smart_editor2 ol,#smart_editor2 ul{list-style:none}
-#smart_editor2 button{border:0;background:none;font-size:11px;vertical-align:top;cursor:pointer}
-#smart_editor2 button span,#smart_editor2 button em{visibility:hidden;overflow:hidden;position:absolute;top:0;font-size:0;line-height:0}
-#smart_editor2 legend,#smart_editor2 .blind{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}
-#smart_editor2 .input_ty1{height:14px;margin:0;padding:4px 2px 0 4px;border:1px solid #c7c7c7;font-size:11px;color:#666}
-#smart_editor2 a:link,#smart_editor2 a:visited,#smart_editor2 a:active,#smart_editor2 a:focus{color:#666;text-decoration:none}
-#smart_editor2 a:hover{color:#666;text-decoration:underline}
-/* LAYOUT */
-#smart_editor2 .se2_header{margin:10px 0 29px 0}
-#smart_editor2 .se2_bi{float:left;width:93px;height:20px;margin:0;padding:0;background:url("../img/ko_KR/btn_set.png?130306") -343px -358px no-repeat;font-size:0;line-height:0;text-indent:-10000px;vertical-align:middle}
-#smart_editor2 .se2_allhelp{display:inline-block;width:18px;height:18px;padding:0;background:url("../img/ko_KR/btn_set.png?130306") -437px -358px no-repeat;font-size:0;line-height:0;text-indent:-10000px;vertical-align:middle}
-#smart_editor2 #smart_editor2_content{border:1px solid #b5b5b5}
-#smart_editor2 .se2_tool{overflow:visible;position:relative;z-index:25}
-/* EDITINGAREA */
-#smart_editor2 .se2_input_area{position:relative;z-index:22;height:400px;margin:0;padding:0;*zoom:1}
-#smart_editor2 .se2_input_wysiwyg,#smart_editor2 .se2_input_syntax{display:block;overflow:auto;width:100%;height:100%;margin:0;*margin:-1px 0 0 0;border:0}
-/* EDITINGMODE */
-#smart_editor2 .se2_conversion_mode{position:relative;height:15px;padding-top:1px;border-top:1px solid #b5b5b5;background:url("../img/icon_set.gif") 0 -896px repeat-x}
-#smart_editor2 .se2_inputarea_controller{display:block;clear:both;position:relative;width:100%;height:15px;text-align:center;cursor:n-resize}
-#smart_editor2 .se2_inputarea_controller span,#smart_editor2 .controller_on span{background:url("../img/ico_extend.png") no-repeat}
-#smart_editor2 .se2_inputarea_controller span{position:static;display:inline-block;visibility:visible;overflow:hidden;height:15px;padding-left:11px;background-position:0 2px;color:#888;font-size:11px;letter-spacing:-1px;line-height:16px;white-space:nowrap}
-* + html #smart_editor2 .se2_inputarea_controller span{line-height:14px}
-#smart_editor2 .controller_on span{background-position:0 -21px;color:#249c04}
-#smart_editor2 .ly_controller{display:block;position:absolute;bottom:2px;left:50%;width:287px;margin-left:-148px;padding:8px 0 7px 9px;border:1px solid #827f7c;background:#fffdef}
-#smart_editor2 .ly_controller p{color:#666;font-size:11px;letter-spacing:-1px;line-height:11px}
-#smart_editor2 .ly_controller .bt_clse,#smart_editor2 .ly_controller .ic_arr{position:absolute;background:url("../img/ico_extend.png") no-repeat}
-#smart_editor2 .ly_controller .bt_clse{top:5px;right:4px;width:14px;height:15px;background-position:1px -43px}
-#smart_editor2 .ly_controller .ic_arr{top:25px;left:50%;width:10px;height:6px;margin-left:-5px;background-position:0 -65px}
-#smart_editor2 .se2_converter{float:left;position:absolute;top:-1px;right:3px;z-index:20}
-#smart_editor2 .se2_converter li{float:left}
-#smart_editor2 .se2_converter .se2_to_editor{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") 0 -85px no-repeat;vertical-align:top}
-#smart_editor2 .se2_converter .se2_to_html{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -59px -70px no-repeat;vertical-align:top}
-#smart_editor2 .se2_converter .se2_to_text{width:60px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -417px -466px no-repeat;vertical-align:top}
-#smart_editor2 .se2_converter .active .se2_to_editor{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") 0 -70px no-repeat;vertical-align:top}
-#smart_editor2 .se2_converter .active .se2_to_html{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -59px -85px no-repeat;vertical-align:top}
-#smart_editor2 .se2_converter .active .se2_to_text{width:60px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -417px -481px no-repeat;vertical-align:top}
-/* EDITINGAREA_HTMLSRC */
-#smart_editor2 .off .ico_btn,#smart_editor2 .off .se2_more,#smart_editor2 .off .se2_more2,#smart_editor2 .off .se2_font_family,#smart_editor2 .off .se2_font_size,#smart_editor2 .off .se2_bold,#smart_editor2 .off .se2_underline,#smart_editor2 .off .se2_italic,#smart_editor2 .off .se2_tdel,#smart_editor2 .off .se2_fcolor,#smart_editor2 .off .se2_fcolor_more,#smart_editor2 .off .se2_bgcolor,#smart_editor2 .off .se2_bgcolor_more,#smart_editor2 .off .se2_left,#smart_editor2 .off .se2_center,#smart_editor2 .off .se2_right,#smart_editor2 .off .se2_justify,#smart_editor2 .off .se2_ol,#smart_editor2 .off .se2_ul,#smart_editor2 .off .se2_indent,#smart_editor2 .off .se2_outdent,#smart_editor2 .off .se2_lineheight,#smart_editor2 .off .se2_del_style,#smart_editor2 .off .se2_blockquote,#smart_editor2 .off .se2_summary,#smart_editor2 .off .se2_footnote,#smart_editor2 .off .se2_url,#smart_editor2 .off .se2_emoticon,#smart_editor2 .off .se2_character,#smart_editor2 .off .se2_table,#smart_editor2 .off .se2_find,#smart_editor2 .off .se2_spelling,#smart_editor2 .off .se2_sup,#smart_editor2 .off .se2_sub,#smart_editor2 .off .se2_text_tool_more,#smart_editor2 .off .se2_new,#smart_editor2 .off .selected_color,#smart_editor2 .off .se2_lineSticker{-ms-filter:alpha(opacity=50);opacity:.5;cursor:default;filter:alpha(opacity=50)}
-/* LAYER */
-#smart_editor2 .se2_text_tool .se2_layer{display:none;float:left;position:absolute;top:20px;left:0;z-index:50;margin:0;padding:0;border:1px solid #bcbbbb;background:#fafafa}
-#smart_editor2 .se2_text_tool li.active{z-index:50}
-#smart_editor2 .se2_text_tool .active .se2_layer{display:block}
-#smart_editor2 .se2_text_tool .active li .se2_layer{display:none}
-#smart_editor2 .se2_text_tool .active .active .se2_layer{display:block}
-#smart_editor2 .se2_text_tool .se2_layer .se2_in_layer{float:left;margin:0;padding:0;border:1px solid #fff;background:#fafafa}
-/* TEXT_TOOLBAR */
-#smart_editor2 .se2_text_tool{position:relative;clear:both;z-index:30;padding:4px 0 4px 3px;background:#f4f4f4 url("../img/bg_text_tool.gif") 0 0 repeat-x;border-bottom:1px solid #b5b5b5;*zoom:1}
-#smart_editor2 .se2_text_tool:after{content:"";display:block;clear:both}
-#smart_editor2 .se2_text_tool ul{float:left;display:inline;margin-right:3px;padding-left:1px;white-space:nowrap}
-#smart_editor2 .se2_text_tool li{_display:inline;float:left;position:relative;z-index:30}
-#smart_editor2 .se2_text_tool button,#smart_editor2 .se2_multy .se2_icon{width:21px;height:21px;background:url("../img/ko_KR/text_tool_set.png?140317") no-repeat;vertical-align:top}
-#smart_editor2 .se2_text_tool .se2_font_type{position:relative}
-#smart_editor2 .se2_text_tool .se2_font_type li{margin-left:3px}
-#smart_editor2 .se2_text_tool .se2_font_type button{text-align:left}
-#smart_editor2 .se2_text_tool .se2_font_type button.se2_font_family span,#smart_editor2 .se2_text_tool .se2_font_type button.se2_font_size span{display:inline-block;visibility:visible;position:static;width:52px;height:20px;padding:0 0 0 6px;font-size:12px;line-height:20px;*line-height:22px;color:#333;*zoom:1}
-#smart_editor2 .se2_text_tool .se2_multy{position:absolute;top:0;right:0;padding-left:0;margin-right:0;white-space:nowrap;border-left:1px solid #e0dedf}
-#smart_editor2 .se2_text_tool .se2_multy .se2_mn{float:left;white-space:nowrap}
-#smart_editor2 .se2_text_tool .se2_multy button{background-image:none;width:47px}
-#smart_editor2 .se2_text_tool .se2_multy .se2_icon{display:inline-block;visibility:visible;overflow:visible;position:static;width:16px;height:29px;margin:-1px 2px 0 -1px;background-position:0 -132px;line-height:30px;vertical-align:top}
-#smart_editor2 .se2_text_tool .se2_multy button,#smart_editor2 .se2_text_tool .se2_multy button span{height:29px;line-height:29px}
-#smart_editor2 .se2_text_tool .se2_map .se2_icon{background-position:-29px -132px}
-#smart_editor2 .se2_text_tool button span.se2_mntxt{display:inline-block;visibility:visible;overflow:visible;_overflow-y:hidden;position:relative;*margin-right:-1px;width:auto;height:29px;font-weight:normal;font-size:11px;line-height:30px;*line-height:29px;_line-height:30px;color:#444;letter-spacing:-1px;vertical-align:top}
-#smart_editor2 .se2_text_tool .se2_multy .se2_photo{margin-right:1px}
-#smart_editor2 .se2_text_tool .se2_multy .hover .ico_btn{background:#e8e8e8}
-#smart_editor2 .se2_text_tool .se2_multy .se2_mn.hover{background:#e0dedf}
-/* TEXT_TOOLBAR : ROUNDING */
-#smart_editor2 ul li.first_child button span.tool_bg,#smart_editor2 ul li.last_child button span.tool_bg,#smart_editor2 ul li.single_child button span.tool_bg{visibility:visible;height:21px}
-#smart_editor2 ul li.first_child button span.tool_bg{left:-1px;width:3px;background:url("../img/bg_button_left.gif?20121228") no-repeat}
-#smart_editor2 ul li.last_child button span.tool_bg{right:0px;_right:-1px;width:2px;background:url("../img/bg_button_right.gif") no-repeat}
-#smart_editor2 ul li.single_child{padding-right:1px}
-#smart_editor2 ul li.single_child button span.tool_bg{left:0;background:url("../img/bg_button.gif?20121228") no-repeat;width:22px}
-#smart_editor2 div.se2_text_tool ul li.hover button span.tool_bg{background-position:0 -21px}
-#smart_editor2 div.se2_text_tool ul li.active button span.tool_bg,#smart_editor2 div.se2_text_tool ul li.active li.active button span.tool_bg{background-position:0 -42px}
-#smart_editor2 div.se2_text_tool ul li.active li button span.tool_bg{background-position:0 0}
-/* TEXT_TOOLBAR : SUB_MENU */
-#smart_editor2 .se2_sub_text_tool{display:none;position:absolute;top:20px;left:0;z-index:40;width:auto;height:29px;padding:0 4px 0 0;border:1px solid #b5b5b5;border-top:1px solid #9a9a9a;background:#f4f4f4}
-#smart_editor2 .active .se2_sub_text_tool{display:block}
-#smart_editor2 .se2_sub_text_tool ul{float:left;height:25px;margin:0;padding:4px 0 0 4px}
-/* TEXT_TOOLBAR : SUB_MENU_SIZE */
-#smart_editor2 .se2_sub_step1{width:88px}
-#smart_editor2 .se2_sub_step2{width:199px}
-#smart_editor2 .se2_sub_step2_1{width:178px}
-/* TEXT_TOOLBAR : BUTTON */
-#smart_editor2 .se2_text_tool .se2_font_family{width:70px;height:21px;background-position:0 -10px}
-#smart_editor2 .se2_text_tool .hover .se2_font_family{background-position:0 -72px}
-#smart_editor2 .se2_text_tool .active .se2_font_family{background-position:0 -103px}
-#smart_editor2 .se2_text_tool .se2_font_size{width:45px;height:21px;background-position:-70px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_font_size{background-position:-70px -72px}
-#smart_editor2 .se2_text_tool .active .se2_font_size{background-position:-70px -103px}
-#smart_editor2 .se2_text_tool .se2_bold{background-position:-115px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_bold{background-position:-115px -72px}
-#smart_editor2 .se2_text_tool .active .se2_bold{background-position:-115px -103px}
-#smart_editor2 .se2_text_tool .se2_underline{background-position:-136px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_underline{background-position:-136px -72px}
-#smart_editor2 .se2_text_tool .active .se2_underline{background-position:-136px -103px}
-#smart_editor2 .se2_text_tool .se2_italic{background-position:-157px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_italic{background-position:-157px -72px}
-#smart_editor2 .se2_text_tool .active .se2_italic{background-position:-157px -103px}
-#smart_editor2 .se2_text_tool .se2_tdel{background-position:-178px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_tdel{background-position:-178px -72px}
-#smart_editor2 .se2_text_tool .active .se2_tdel{background-position:-178px -103px}
-#smart_editor2 .se2_text_tool .se2_fcolor{position:relative;background-position:-199px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_fcolor{background-position:-199px -72px}
-#smart_editor2 .se2_text_tool .active .se2_fcolor{background-position:-199px -103px}
-#smart_editor2 .se2_text_tool .se2_fcolor_more{background-position:-220px -10px;width:10px}
-#smart_editor2 .se2_text_tool .hover .se2_fcolor_more{background-position:-220px -72px}
-#smart_editor2 .se2_text_tool .active .se2_fcolor_more{background-position:-220px -103px}
-#smart_editor2 .se2_text_tool .selected_color{position:absolute;top:14px;left:5px;width:11px;height:3px;font-size:0}
-#smart_editor2 .se2_text_tool .se2_ol,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_ol{background-position:-345px -10px}
-#smart_editor2 .se2_text_tool .se2_ul,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_ul{background-position:-366px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_ol,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_ol{background-position:-345px -72px}
-#smart_editor2 .se2_text_tool .hover .se2_ul,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_ul{background-position:-366px -72px}
-#smart_editor2 .se2_text_tool .active .se2_ol,#smart_editor2 .se2_text_tool .active .active .se2_ol{background-position:-345px -103px}
-#smart_editor2 .se2_text_tool .active .se2_ul,#smart_editor2 .se2_text_tool .active .active .se2_ul{background-position:-366px -103px}
-#smart_editor2 .se2_text_tool .se2_indent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_indent{background-position:-408px -10px}
-#smart_editor2 .se2_text_tool .se2_outdent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_outdent{background-position:-387px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_indent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_indent{background-position:-408px -72px}
-#smart_editor2 .se2_text_tool .hover .se2_outdent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_outdent{background-position:-387px -72px}
-#smart_editor2 .se2_text_tool .active .se2_indent,#smart_editor2 .se2_text_tool .active .active .se2_indent{background-position:-408px -103px}
-#smart_editor2 .se2_text_tool .active .se2_outdent,#smart_editor2 .se2_text_tool .active .active .se2_outdent{background-position:-387px -103px}
-#smart_editor2 .se2_text_tool .se2_lineheight{background-position:-429px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_lineheight{background-position:-429px -72px}
-#smart_editor2 .se2_text_tool .active .se2_lineheight{background-position:-429px -103px}
-#smart_editor2 .se2_text_tool .se2_url{background-position:-513px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_url{background-position:-513px -72px}
-#smart_editor2 .se2_text_tool .active .se2_url{background-position:-513px -103px}
-#smart_editor2 .se2_text_tool .se2_bgcolor{position:relative;background-position:-230px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_bgcolor{background-position:-230px -72px}
-#smart_editor2 .se2_text_tool .active .se2_bgcolor{background-position:-230px -103px}
-#smart_editor2 .se2_text_tool .se2_bgcolor_more{background-position:-251px -10px;width:10px}
-#smart_editor2 .se2_text_tool .hover .se2_bgcolor_more{background-position:-251px -72px}
-#smart_editor2 .se2_text_tool .active .se2_bgcolor_more{background-position:-251px -103px}
-#smart_editor2 .se2_text_tool .se2_left{background-position:-261px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_left{background-position:-261px -72px}
-#smart_editor2 .se2_text_tool .active .se2_left{background-position:-261px -103px}
-#smart_editor2 .se2_text_tool .se2_center{background-position:-282px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_center{background-position:-282px -72px}
-#smart_editor2 .se2_text_tool .active .se2_center{background-position:-282px -103px}
-#smart_editor2 .se2_text_tool .se2_right{background-position:-303px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_right{background-position:-303px -72px}
-#smart_editor2 .se2_text_tool .active .se2_right{background-position:-303px -103px}
-#smart_editor2 .se2_text_tool .se2_justify{background-position:-324px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_justify{background-position:-324px -72px}
-#smart_editor2 .se2_text_tool .active .se2_justify{background-position:-324px -103px}
-#smart_editor2 .se2_text_tool .se2_blockquote{background-position:-471px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_blockquote{background-position:-471px -72px}
-#smart_editor2 .se2_text_tool .active .se2_blockquote{background-position:-471px -103px}
-#smart_editor2 .se2_text_tool .se2_character{background-position:-555px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_character{background-position:-555px -72px}
-#smart_editor2 .se2_text_tool .active .se2_character{background-position:-555px -103px}
-#smart_editor2 .se2_text_tool .se2_table{background-position:-576px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_table{background-position:-576px -72px}
-#smart_editor2 .se2_text_tool .active .se2_table{background-position:-576px -103px}
-#smart_editor2 .se2_text_tool .se2_find{background-position:-597px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_find{background-position:-597px -72px}
-#smart_editor2 .se2_text_tool .active .se2_find{background-position:-597px -103px}
-#smart_editor2 .se2_text_tool .se2_sup{background-position:-660px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_sup{background-position:-660px -72px}
-#smart_editor2 .se2_text_tool .active .se2_sup{background-position:-660px -103px}
-#smart_editor2 .se2_text_tool .se2_sub{background-position:-681px -10px}
-#smart_editor2 .se2_text_tool .hover .se2_sub{background-position:-681px -72px}
-#smart_editor2 .se2_text_tool .active .se2_sub{background-position:-681px -103px}
-#smart_editor2 .se2_text_tool .se2_text_tool_more{background-position:0 -41px;width:13px}
-#smart_editor2 .se2_text_tool .se2_text_tool_more span.tool_bg{background:none}
-#smart_editor2 .se2_text_tool .hover .se2_text_tool_more{background-position:-13px -41px}
-#smart_editor2 .se2_text_tool .active .se2_text_tool_more{background-position:-26px -41px}
+@charset "UTF-8";
+/* NHN Web Standardization Team (http://html.nhndesign.com/) HHJ 090226 */
+/* COMMON */
+body,#smart_editor2,#smart_editor2 p,#smart_editor2 h1,#smart_editor2 h2,#smart_editor2 h3,#smart_editor2 h4,#smart_editor2 h5,#smart_editor2 h6,#smart_editor2 ul,#smart_editor2 ol,#smart_editor2 li,#smart_editor2 dl,#smart_editor2 dt,#smart_editor2 dd,#smart_editor2 table,#smart_editor2 th,#smart_editor2 td,#smart_editor2 form,#smart_editor2 fieldset,#smart_editor2 legend,#smart_editor2 input,#smart_editor2 textarea,#smart_editor2 button,#smart_editor2 select{margin:0;padding:0}
+#smart_editor2,#smart_editor2 h1,#smart_editor2 h2,#smart_editor2 h3,#smart_editor2 h4,#smart_editor2 h5,#smart_editor2 h6,#smart_editor2 input,#smart_editor2 textarea,#smart_editor2 select,#smart_editor2 table,#smart_editor2 button{font-family:'돋움',Dotum,Helvetica,sans-serif;font-size:12px;color:#666}
+#smart_editor2{background:#fff}
+#smart_editor2 span,#smart_editor2 em{font-size:12px}
+#smart_editor2 em,#smart_editor2 address{font-style:normal}
+#smart_editor2 img,#smart_editor2 fieldset{border:0}
+#smart_editor2 hr{display:none}
+#smart_editor2 ol,#smart_editor2 ul{list-style:none}
+#smart_editor2 button{border:0;background:none;font-size:11px;vertical-align:top;cursor:pointer}
+#smart_editor2 button span,#smart_editor2 button em{visibility:hidden;overflow:hidden;position:absolute;top:0;font-size:0;line-height:0}
+#smart_editor2 legend,#smart_editor2 .blind{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}
+#smart_editor2 .input_ty1{height:14px;margin:0;padding:4px 2px 0 4px;border:1px solid #c7c7c7;font-size:11px;color:#666}
+#smart_editor2 a:link,#smart_editor2 a:visited,#smart_editor2 a:active,#smart_editor2 a:focus{color:#666;text-decoration:none}
+#smart_editor2 a:hover{color:#666;text-decoration:underline}
+/* LAYOUT */
+#smart_editor2 .se2_header{margin:10px 0 29px 0}
+#smart_editor2 .se2_bi{float:left;width:93px;height:20px;margin:0;padding:0;background:url("../img/ko_KR/btn_set.png?130306") -343px -358px no-repeat;font-size:0;line-height:0;text-indent:-10000px;vertical-align:middle}
+#smart_editor2 .se2_allhelp{display:inline-block;width:18px;height:18px;padding:0;background:url("../img/ko_KR/btn_set.png?130306") -437px -358px no-repeat;font-size:0;line-height:0;text-indent:-10000px;vertical-align:middle}
+#smart_editor2 #smart_editor2_content{border:1px solid #b5b5b5}
+#smart_editor2 .se2_tool{overflow:visible;position:relative;z-index:25}
+/* EDITINGAREA */
+#smart_editor2 .se2_input_area{position:relative;z-index:22;height:400px;margin:0;padding:0;*zoom:1}
+#smart_editor2 .se2_input_wysiwyg,#smart_editor2 .se2_input_syntax{display:block;overflow:auto;width:100%;height:100%;margin:0;*margin:-1px 0 0 0;border:0}
+/* EDITINGMODE */
+#smart_editor2 .se2_conversion_mode{position:relative;height:15px;padding-top:1px;border-top:1px solid #b5b5b5;background:url("../img/icon_set.gif") 0 -896px repeat-x}
+#smart_editor2 .se2_inputarea_controller{display:block;clear:both;position:relative;width:100%;height:15px;text-align:center;cursor:n-resize}
+#smart_editor2 .se2_inputarea_controller span,#smart_editor2 .controller_on span{background:url("../img/ico_extend.png") no-repeat}
+#smart_editor2 .se2_inputarea_controller span{position:static;display:inline-block;visibility:visible;overflow:hidden;height:15px;padding-left:11px;background-position:0 2px;color:#888;font-size:11px;letter-spacing:-1px;line-height:16px;white-space:nowrap}
+* + html #smart_editor2 .se2_inputarea_controller span{line-height:14px}
+#smart_editor2 .controller_on span{background-position:0 -21px;color:#249c04}
+#smart_editor2 .ly_controller{display:block;position:absolute;bottom:2px;left:50%;width:287px;margin-left:-148px;padding:8px 0 7px 9px;border:1px solid #827f7c;background:#fffdef}
+#smart_editor2 .ly_controller p{color:#666;font-size:11px;letter-spacing:-1px;line-height:11px}
+#smart_editor2 .ly_controller .bt_clse,#smart_editor2 .ly_controller .ic_arr{position:absolute;background:url("../img/ico_extend.png") no-repeat}
+#smart_editor2 .ly_controller .bt_clse{top:5px;right:4px;width:14px;height:15px;background-position:1px -43px}
+#smart_editor2 .ly_controller .ic_arr{top:25px;left:50%;width:10px;height:6px;margin-left:-5px;background-position:0 -65px}
+#smart_editor2 .se2_converter{float:left;position:absolute;top:-1px;right:3px;z-index:20}
+#smart_editor2 .se2_converter li{float:left}
+#smart_editor2 .se2_converter .se2_to_editor{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") 0 -85px no-repeat;vertical-align:top}
+#smart_editor2 .se2_converter .se2_to_html{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -59px -70px no-repeat;vertical-align:top}
+#smart_editor2 .se2_converter .se2_to_text{width:60px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -417px -466px no-repeat;vertical-align:top}
+#smart_editor2 .se2_converter .active .se2_to_editor{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") 0 -70px no-repeat;vertical-align:top}
+#smart_editor2 .se2_converter .active .se2_to_html{width:59px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -59px -85px no-repeat;vertical-align:top}
+#smart_editor2 .se2_converter .active .se2_to_text{width:60px;height:15px;background:url("../img/ko_KR/btn_set.png?130306") -417px -481px no-repeat;vertical-align:top}
+/* EDITINGAREA_HTMLSRC */
+#smart_editor2 .off .ico_btn,#smart_editor2 .off .se2_more,#smart_editor2 .off .se2_more2,#smart_editor2 .off .se2_font_family,#smart_editor2 .off .se2_font_size,#smart_editor2 .off .se2_bold,#smart_editor2 .off .se2_underline,#smart_editor2 .off .se2_italic,#smart_editor2 .off .se2_tdel,#smart_editor2 .off .se2_fcolor,#smart_editor2 .off .se2_fcolor_more,#smart_editor2 .off .se2_bgcolor,#smart_editor2 .off .se2_bgcolor_more,#smart_editor2 .off .se2_left,#smart_editor2 .off .se2_center,#smart_editor2 .off .se2_right,#smart_editor2 .off .se2_justify,#smart_editor2 .off .se2_ol,#smart_editor2 .off .se2_ul,#smart_editor2 .off .se2_indent,#smart_editor2 .off .se2_outdent,#smart_editor2 .off .se2_lineheight,#smart_editor2 .off .se2_del_style,#smart_editor2 .off .se2_blockquote,#smart_editor2 .off .se2_summary,#smart_editor2 .off .se2_footnote,#smart_editor2 .off .se2_url,#smart_editor2 .off .se2_emoticon,#smart_editor2 .off .se2_character,#smart_editor2 .off .se2_table,#smart_editor2 .off .se2_find,#smart_editor2 .off .se2_spelling,#smart_editor2 .off .se2_sup,#smart_editor2 .off .se2_sub,#smart_editor2 .off .se2_text_tool_more,#smart_editor2 .off .se2_new,#smart_editor2 .off .selected_color,#smart_editor2 .off .se2_lineSticker{-ms-filter:alpha(opacity=50);opacity:.5;cursor:default;filter:alpha(opacity=50)}
+/* LAYER */
+#smart_editor2 .se2_text_tool .se2_layer{display:none;float:left;position:absolute;top:20px;left:0;z-index:50;margin:0;padding:0;border:1px solid #bcbbbb;background:#fafafa;max-height:60vh;overflow-y:auto}
+#smart_editor2 .se2_text_tool li.active{z-index:50}
+#smart_editor2 .se2_text_tool .active .se2_layer{display:block}
+#smart_editor2 .se2_text_tool .active li .se2_layer{display:none}
+#smart_editor2 .se2_text_tool .active .active .se2_layer{display:block}
+#smart_editor2 .se2_text_tool .se2_layer .se2_in_layer{float:left;margin:0;padding:0;border:1px solid #fff;background:#fafafa}
+/* TEXT_TOOLBAR */
+#smart_editor2 .se2_text_tool{position:relative;clear:both;z-index:30;padding:4px 0 4px 3px;background:#f4f4f4 url("../img/bg_text_tool.gif") 0 0 repeat-x;border-bottom:1px solid #b5b5b5;*zoom:1}
+#smart_editor2 .se2_text_tool:after{content:"";display:block;clear:both}
+#smart_editor2 .se2_text_tool ul{float:left;display:inline;margin-right:3px;padding-left:1px;white-space:nowrap}
+#smart_editor2 .se2_text_tool li{_display:inline;float:left;position:relative;z-index:30}
+#smart_editor2 .se2_text_tool button,#smart_editor2 .se2_multy .se2_icon{width:21px;height:21px;background:url("../img/ko_KR/text_tool_set.png?140317") no-repeat;vertical-align:top}
+#smart_editor2 .se2_text_tool .se2_font_type{position:relative}
+#smart_editor2 .se2_text_tool .se2_font_type li{margin-left:3px}
+#smart_editor2 .se2_text_tool .se2_font_type button{text-align:left}
+#smart_editor2 .se2_text_tool .se2_font_type button.se2_font_family span,#smart_editor2 .se2_text_tool .se2_font_type button.se2_font_size span{display:inline-block;visibility:visible;position:static;width:52px;height:20px;padding:0 0 0 6px;font-size:12px;line-height:20px;*line-height:22px;color:#333;*zoom:1}
+#smart_editor2 .se2_text_tool .se2_multy{position:absolute;top:0;right:0;padding-left:0;margin-right:0;white-space:nowrap;border-left:1px solid #e0dedf}
+#smart_editor2 .se2_text_tool .se2_multy .se2_mn{float:left;white-space:nowrap}
+#smart_editor2 .se2_text_tool .se2_multy button{background-image:none;width:47px}
+#smart_editor2 .se2_text_tool .se2_multy .se2_icon{display:inline-block;visibility:visible;overflow:visible;position:static;width:16px;height:29px;margin:-1px 2px 0 -1px;background-position:0 -132px;line-height:30px;vertical-align:top}
+#smart_editor2 .se2_text_tool .se2_multy button,#smart_editor2 .se2_text_tool .se2_multy button span{height:29px;line-height:29px}
+#smart_editor2 .se2_text_tool .se2_map .se2_icon{background-position:-29px -132px}
+#smart_editor2 .se2_text_tool button span.se2_mntxt{display:inline-block;visibility:visible;overflow:visible;_overflow-y:hidden;position:relative;*margin-right:-1px;width:auto;height:29px;font-weight:normal;font-size:11px;line-height:30px;*line-height:29px;_line-height:30px;color:#444;letter-spacing:-1px;vertical-align:top}
+#smart_editor2 .se2_text_tool .se2_multy .se2_photo{margin-right:1px}
+#smart_editor2 .se2_text_tool .se2_multy .hover .ico_btn{background:#e8e8e8}
+#smart_editor2 .se2_text_tool .se2_multy .se2_mn.hover{background:#e0dedf}
+/* TEXT_TOOLBAR : ROUNDING */
+#smart_editor2 ul li.first_child button span.tool_bg,#smart_editor2 ul li.last_child button span.tool_bg,#smart_editor2 ul li.single_child button span.tool_bg{visibility:visible;height:21px}
+#smart_editor2 ul li.first_child button span.tool_bg{left:-1px;width:3px;background:url("../img/bg_button_left.gif?20121228") no-repeat}
+#smart_editor2 ul li.last_child button span.tool_bg{right:0px;_right:-1px;width:2px;background:url("../img/bg_button_right.gif") no-repeat}
+#smart_editor2 ul li.single_child{padding-right:1px}
+#smart_editor2 ul li.single_child button span.tool_bg{left:0;background:url("../img/bg_button.gif?20121228") no-repeat;width:22px}
+#smart_editor2 div.se2_text_tool ul li.hover button span.tool_bg{background-position:0 -21px}
+#smart_editor2 div.se2_text_tool ul li.active button span.tool_bg,#smart_editor2 div.se2_text_tool ul li.active li.active button span.tool_bg{background-position:0 -42px}
+#smart_editor2 div.se2_text_tool ul li.active li button span.tool_bg{background-position:0 0}
+/* TEXT_TOOLBAR : SUB_MENU */
+#smart_editor2 .se2_sub_text_tool{display:none;position:absolute;top:20px;left:0;z-index:40;width:auto;height:29px;padding:0 4px 0 0;border:1px solid #b5b5b5;border-top:1px solid #9a9a9a;background:#f4f4f4}
+#smart_editor2 .active .se2_sub_text_tool{display:block}
+#smart_editor2 .se2_sub_text_tool ul{float:left;height:25px;margin:0;padding:4px 0 0 4px}
+/* TEXT_TOOLBAR : SUB_MENU_SIZE */
+#smart_editor2 .se2_sub_step1{width:88px}
+#smart_editor2 .se2_sub_step2{width:199px}
+#smart_editor2 .se2_sub_step2_1{width:178px}
+/* TEXT_TOOLBAR : BUTTON */
+#smart_editor2 .se2_text_tool .se2_font_family{width:70px;height:21px;background-position:0 -10px}
+#smart_editor2 .se2_text_tool .hover .se2_font_family{background-position:0 -72px}
+#smart_editor2 .se2_text_tool .active .se2_font_family{background-position:0 -103px}
+#smart_editor2 .se2_text_tool .se2_font_size{width:45px;height:21px;background-position:-70px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_font_size{background-position:-70px -72px}
+#smart_editor2 .se2_text_tool .active .se2_font_size{background-position:-70px -103px}
+#smart_editor2 .se2_text_tool .se2_bold{background-position:-115px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_bold{background-position:-115px -72px}
+#smart_editor2 .se2_text_tool .active .se2_bold{background-position:-115px -103px}
+#smart_editor2 .se2_text_tool .se2_underline{background-position:-136px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_underline{background-position:-136px -72px}
+#smart_editor2 .se2_text_tool .active .se2_underline{background-position:-136px -103px}
+#smart_editor2 .se2_text_tool .se2_italic{background-position:-157px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_italic{background-position:-157px -72px}
+#smart_editor2 .se2_text_tool .active .se2_italic{background-position:-157px -103px}
+#smart_editor2 .se2_text_tool .se2_tdel{background-position:-178px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_tdel{background-position:-178px -72px}
+#smart_editor2 .se2_text_tool .active .se2_tdel{background-position:-178px -103px}
+#smart_editor2 .se2_text_tool .se2_fcolor{position:relative;background-position:-199px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_fcolor{background-position:-199px -72px}
+#smart_editor2 .se2_text_tool .active .se2_fcolor{background-position:-199px -103px}
+#smart_editor2 .se2_text_tool .se2_fcolor_more{background-position:-220px -10px;width:10px}
+#smart_editor2 .se2_text_tool .hover .se2_fcolor_more{background-position:-220px -72px}
+#smart_editor2 .se2_text_tool .active .se2_fcolor_more{background-position:-220px -103px}
+#smart_editor2 .se2_text_tool .selected_color{position:absolute;top:14px;left:5px;width:11px;height:3px;font-size:0}
+#smart_editor2 .se2_text_tool .se2_ol,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_ol{background-position:-345px -10px}
+#smart_editor2 .se2_text_tool .se2_ul,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_ul{background-position:-366px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_ol,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_ol{background-position:-345px -72px}
+#smart_editor2 .se2_text_tool .hover .se2_ul,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_ul{background-position:-366px -72px}
+#smart_editor2 .se2_text_tool .active .se2_ol,#smart_editor2 .se2_text_tool .active .active .se2_ol{background-position:-345px -103px}
+#smart_editor2 .se2_text_tool .active .se2_ul,#smart_editor2 .se2_text_tool .active .active .se2_ul{background-position:-366px -103px}
+#smart_editor2 .se2_text_tool .se2_indent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_indent{background-position:-408px -10px}
+#smart_editor2 .se2_text_tool .se2_outdent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .se2_outdent{background-position:-387px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_indent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_indent{background-position:-408px -72px}
+#smart_editor2 .se2_text_tool .hover .se2_outdent,#smart_editor2 .se2_text_tool .active .se2_sub_text_tool .hover .se2_outdent{background-position:-387px -72px}
+#smart_editor2 .se2_text_tool .active .se2_indent,#smart_editor2 .se2_text_tool .active .active .se2_indent{background-position:-408px -103px}
+#smart_editor2 .se2_text_tool .active .se2_outdent,#smart_editor2 .se2_text_tool .active .active .se2_outdent{background-position:-387px -103px}
+#smart_editor2 .se2_text_tool .se2_lineheight{background-position:-429px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_lineheight{background-position:-429px -72px}
+#smart_editor2 .se2_text_tool .active .se2_lineheight{background-position:-429px -103px}
+#smart_editor2 .se2_text_tool .se2_url{background-position:-513px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_url{background-position:-513px -72px}
+#smart_editor2 .se2_text_tool .active .se2_url{background-position:-513px -103px}
+#smart_editor2 .se2_text_tool .se2_bgcolor{position:relative;background-position:-230px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_bgcolor{background-position:-230px -72px}
+#smart_editor2 .se2_text_tool .active .se2_bgcolor{background-position:-230px -103px}
+#smart_editor2 .se2_text_tool .se2_bgcolor_more{background-position:-251px -10px;width:10px}
+#smart_editor2 .se2_text_tool .hover .se2_bgcolor_more{background-position:-251px -72px}
+#smart_editor2 .se2_text_tool .active .se2_bgcolor_more{background-position:-251px -103px}
+#smart_editor2 .se2_text_tool .se2_left{background-position:-261px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_left{background-position:-261px -72px}
+#smart_editor2 .se2_text_tool .active .se2_left{background-position:-261px -103px}
+#smart_editor2 .se2_text_tool .se2_center{background-position:-282px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_center{background-position:-282px -72px}
+#smart_editor2 .se2_text_tool .active .se2_center{background-position:-282px -103px}
+#smart_editor2 .se2_text_tool .se2_right{background-position:-303px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_right{background-position:-303px -72px}
+#smart_editor2 .se2_text_tool .active .se2_right{background-position:-303px -103px}
+#smart_editor2 .se2_text_tool .se2_justify{background-position:-324px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_justify{background-position:-324px -72px}
+#smart_editor2 .se2_text_tool .active .se2_justify{background-position:-324px -103px}
+#smart_editor2 .se2_text_tool .se2_blockquote{background-position:-471px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_blockquote{background-position:-471px -72px}
+#smart_editor2 .se2_text_tool .active .se2_blockquote{background-position:-471px -103px}
+#smart_editor2 .se2_text_tool .se2_character{background-position:-555px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_character{background-position:-555px -72px}
+#smart_editor2 .se2_text_tool .active .se2_character{background-position:-555px -103px}
+#smart_editor2 .se2_text_tool .se2_table{background-position:-576px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_table{background-position:-576px -72px}
+#smart_editor2 .se2_text_tool .active .se2_table{background-position:-576px -103px}
+#smart_editor2 .se2_text_tool .se2_find{background-position:-597px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_find{background-position:-597px -72px}
+#smart_editor2 .se2_text_tool .active .se2_find{background-position:-597px -103px}
+#smart_editor2 .se2_text_tool .se2_sup{background-position:-660px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_sup{background-position:-660px -72px}
+#smart_editor2 .se2_text_tool .active .se2_sup{background-position:-660px -103px}
+#smart_editor2 .se2_text_tool .se2_sub{background-position:-681px -10px}
+#smart_editor2 .se2_text_tool .hover .se2_sub{background-position:-681px -72px}
+#smart_editor2 .se2_text_tool .active .se2_sub{background-position:-681px -103px}
+#smart_editor2 .se2_text_tool .se2_text_tool_more{background-position:0 -41px;width:13px}
+#smart_editor2 .se2_text_tool .se2_text_tool_more span.tool_bg{background:none}
+#smart_editor2 .se2_text_tool .hover .se2_text_tool_more{background-position:-13px -41px}
+#smart_editor2 .se2_text_tool .active .se2_text_tool_more{background-position:-26px -41px}
diff --git a/AvocadoEdition_Light/plugin/editor/smarteditor2/editor.lib.php b/AvocadoEdition_Light/plugin/editor/smarteditor2/editor.lib.php
index 558c670..25528de 100644
--- a/AvocadoEdition_Light/plugin/editor/smarteditor2/editor.lib.php
+++ b/AvocadoEdition_Light/plugin/editor/smarteditor2/editor.lib.php
@@ -30,7 +30,25 @@ function editor_html($id, $content, $is_dhtml_editor = true)
 
   if ($is_dhtml_editor && $js) {
     $html .= "\n<script src=\"{$editor_url}/js/service/HuskyEZCreator.js\"></script>";
-    $html .= "\n<script>var g5_editor_url = \"{$editor_url}\", oEditors = [], ed_nonce = \"{ft_nonce_create('smarteditor')}\";</script>";
+    $html .= "\n<script>let g5_editor_url = \"{$editor_url}\", oEditors = [], ed_nonce = \"{ft_nonce_create('smarteditor')}\";let editorAdditionalFontList = [";
+    
+    $sql = "SELECT * FROM {$g5['font_table']} ORDER BY font_name ASC";
+    $result = sql_query($sql);
+
+    $addFontList = [];
+
+    while ($row = sql_fetch_array($result)) {
+      $font_name = addslashes($row['font_name']);
+      $font_family = addslashes($row['font_family']);
+
+      $addFontList[] = "['{$font_family}', '{$font_name}']";
+    }
+
+    if (count($addFontList) > 0) { 
+      $html .= implode(",", $addFontList);
+    }
+    
+    $html .= "];</script>";
     $html .= "\n<script src=\"{$editor_url}/config.js\"></script>";
     $html .= "\n<script>";
     $html .= '