diff --git a/AvocadoAmber/adm/admin.head.php b/AvocadoAmber/adm/admin.head.php
index 8429252..3ebd0d6 100644
--- a/AvocadoAmber/adm/admin.head.php
+++ b/AvocadoAmber/adm/admin.head.php
@@ -31,15 +31,15 @@ include_once G5_PATH . '/head.sub.php';
   <header id="header">
     <div id="admin_prof">
       <h1>
-        <a href="<?php echo G5_ADMIN_URL ?>"><img src="<?= G5_ADMIN_URL ?>/img/logo.png" alt="Avocado Edition" /></a>
+        <a href="<?php echo G5_ADMIN_URL ?>"><img src="<?= G5_ADMIN_URL ?>/img/logo.png" alt="Avocado Edition: Amber" /></a>
       </h1>
-      <p>
-        <a href="<?php echo G5_ADMIN_URL ?>/member_form.php?w=u&amp;mb_id=<?php echo $member['mb_id'] ?>" class="name">
-          <?= $member['mb_name'] ?>
-        </a>
-        <a href="<?php echo G5_BBS_URL ?>/logout.php" class="logout">로그아웃</a>
-      </p>
     </div>
+    <p>
+      <a href="<?php echo G5_ADMIN_URL ?>/member_form.php?w=u&amp;mb_id=<?php echo $member['mb_id'] ?>" class="name">
+        <?= $member['mb_name'] ?>
+      </a>
+      <a href="<?php echo G5_BBS_URL ?>/logout.php" class="logout">로그아웃</a>
+    </p>
     <nav id="gnb">
       <ul>
         <li style="border-bottom:1px solid #444;">
@@ -65,7 +65,8 @@ include_once G5_PATH . '/head.sub.php';
     </nav>
   </header>
   <section id="wrapper">
-    <aside id="page_top">
-      <h2><?php echo $g5['title'] ?></h2>
-    </aside>
-    <div id="container">
+    <div class="admin-content">
+      <aside id="page_top">
+        <h2><?php echo $g5['title'] ?></h2>
+      </aside>
+      <div id="container">
diff --git a/AvocadoAmber/adm/admin.tail.php b/AvocadoAmber/adm/admin.tail.php
index b39a053..b5d291b 100644
--- a/AvocadoAmber/adm/admin.tail.php
+++ b/AvocadoAmber/adm/admin.tail.php
@@ -2,6 +2,7 @@
 if (!defined('_GNUBOARD_'))
   exit;
 ?>
+</div>
 <div class="footer-copyright">
   <a href="https://amberst.one/amber/AvocadoAmber" target="_blank"> Avocado Amber v<?= G5_GNUBOARD_VER ?> </a>
 </div>
@@ -11,6 +12,17 @@ if (!defined('_GNUBOARD_'))
 <script src="<?php echo G5_ADMIN_URL ?>/js/admin.js?ver=<?php echo G5_JS_VER; ?>"></script>
 <script src="<?php echo G5_ADMIN_URL ?>/js/admin.ajax.js?ver=<?php echo G5_JS_VER; ?>"></script>
 <script>
+  // give section active class
+  document.addEventListener('DOMContentLoaded', () => {
+    document.querySelectorAll('section[id^=anc_]').forEach((section) => {
+      let section_id = section.getAttribute('id');
+      if (section_id) {
+        let anc = section.querySelector(`a[href='#${section_id}']`);
+        anc.classList.add('active');
+      }
+    });
+  });
+
   $(function () {
     var hide_menu = false;
     var mouse_event = false;
diff --git a/AvocadoAmber/adm/board_form_update.php b/AvocadoAmber/adm/board_form_update.php
index f4a947a..77dcb0a 100644
--- a/AvocadoAmber/adm/board_form_update.php
+++ b/AvocadoAmber/adm/board_form_update.php
@@ -99,8 +99,10 @@
  * @var string|int $bo_8
  * @var string|int $bo_9
  * @var string|int $bo_10
+ * @var string $bo_version
  */
 include_once "./_common.php";
+include_once "./board_migration.inc.php";
 
 if ($w == 'u')
   check_demo();
@@ -263,7 +265,8 @@ $sql_common = " gr_id               = '{$_POST['gr_id']}',
         bo_7                      = '{$_POST['bo_7']}',
         bo_8                      = '{$_POST['bo_8']}',
         bo_9                      = '{$_POST['bo_9']}',
-        bo_10                     = '{$_POST['bo_10']}' ";
+        bo_10                     = '{$_POST['bo_10']}',
+        bo_version                = '". BOARD_MIGRATION_VERSION . "';";
 
 if ($w == '') {
 
diff --git a/AvocadoAmber/adm/board_list.php b/AvocadoAmber/adm/board_list.php
index c3ca0cb..5259b74 100644
--- a/AvocadoAmber/adm/board_list.php
+++ b/AvocadoAmber/adm/board_list.php
@@ -71,8 +71,7 @@ $colspan = 11;
   <?php echo $listall ?>
   생성된 게시판수 <?php echo number_format($total_count) ?>개
   <?php if (count($boards_need_update) > 0) { ?>
-    <span style="color: #ff6b6b; font-weight: bold; margin-left: 20px;">
-      <span class="material-icons" style="vertical-align: middle; font-size: 18px;">warning</span>
+    <span style="font-weight: bold; margin-left: 20px;">
       업데이트 필요: <?php echo count($boards_need_update) ?>개
     </span>
   <?php } ?>
@@ -116,12 +115,12 @@ $colspan = 11;
           <th scope="col" style="width:100px;"><?php echo subject_sort_link('bo_table') ?>TABLE</a></th>
           <th scope="col" style="width:150px;"><?php echo subject_sort_link('bo_skin', '', 'desc') ?>스킨</a></th>
           <th scope="col"><?php echo subject_sort_link('bo_subject') ?>제목</a></th>
-          <th scope="col" style="width:80px;">버전</th>
           <th scope="col" style="width:80px;">목록보기</th>
           <th scope="col" style="width:80px;">글읽기</th>
           <th scope="col" style="width:80px;">글쓰기</th>
           <th scope="col" style="width:80px;">글답변</th>
           <th scope="col" style="width:80px;">댓글쓰기</th>
+          <th scope="col" style="width:80px;">버전</th>
           <th scope="col" style="width:90px;">관리</th>
         </tr>
       </thead>
@@ -167,13 +166,6 @@ $colspan = 11;
               <input type="text" name="bo_subject[<?php echo $i ?>]" value="<?php echo get_text($row['bo_subject']) ?>"
                 id="bo_subject_<?php echo $i ?>" required class="required frm_input bo_subject full_input" size="25">
             </td>
-            <td>
-              <?php if ($need_migration) { ?>
-                <span style="color: #ff6b6b; font-weight: bold;">업데이트 필요</span>
-              <?php } else { ?>
-                <span style="color: #51cf66;"><?php echo htmlspecialchars($row['bo_version']); ?></span>
-              <?php } ?>
-            </td>
             <td>
               <?php echo get_member_level_select('bo_list_level[' . $i . ']', 1, 10, $row['bo_list_level']) ?>
             </td>
@@ -189,12 +181,18 @@ $colspan = 11;
             <td>
               <?php echo get_member_level_select('bo_comment_level[' . $i . ']', 1, 10, $row['bo_comment_level']) ?>
             </td>
+            <td>
+              <?php if ($need_migration) { ?>
+                <span style="color: #ff6b6b; font-weight: bold;">업데이트 필요</span>
+              <?php } else { ?>
+                <span><?php echo htmlspecialchars($row['bo_version']); ?></span>
+              <?php } ?>
+            </td>
             <td>
               <?php echo $one_update ?>
               <?php echo $one_copy ?>
               <?php if ($need_migration) { ?>
-                <br><a href="#" class="btn_migrate" data-bo-table="<?php echo $row['bo_table'] ?>"
-                  style="color: #ff6b6b;">업데이트</a>
+                <br><a href="#" class="btn_migrate" data-bo-table="<?php echo $row['bo_table'] ?>">업데이트</a>
               <?php } ?>
             </td>
           </tr>
@@ -218,7 +216,7 @@ $colspan = 11;
       <input type="submit" name="act_button" value="선택삭제" title="선택삭제" onclick="document.pressed=this.value">
     </div>
     <?php if (count($boards_need_update) > 0) { ?>
-      <div class="btn ty4" style="background-color: #ff6b6b;">
+      <div class="btn ty4">
         <span class="material-icons">update</span>
         <input type="submit" name="act_button" value="선택마이그레이션" title="선택마이그레이션" onclick="document.pressed=this.value">
       </div>
@@ -279,7 +277,6 @@ $colspan = 11;
         dataType: 'json',
         success: function (response) {
           if (response.success) {
-            alert(response.message + '\n업데이트된 컬럼: ' + response.updated + '개');
             location.reload();
           } else {
             alert('오류: ' + response.message);
diff --git a/AvocadoAmber/adm/board_list_update.php b/AvocadoAmber/adm/board_list_update.php
index 6a2bdf1..6bc71a8 100644
--- a/AvocadoAmber/adm/board_list_update.php
+++ b/AvocadoAmber/adm/board_list_update.php
@@ -23,6 +23,11 @@ if ($_POST['act_button'] == "단일마이그레이션") {
 }
 
 // 선택 마이그레이션 처리
+
+if (!count($_POST['chk'])) {
+  alert($_POST['act_button'] . " 하실 항목을 하나 이상 체크하세요.");
+}
+
 if ($_POST['act_button'] == "선택마이그레이션") {
   auth_check($auth[$sub_menu], 'w');
 
@@ -52,20 +57,7 @@ if ($_POST['act_button'] == "선택마이그레이션") {
       $messages[] = "{$bo_table}: 실패 - {$result['message']}";
     }
   }
-
-  $alert_message = "마이그레이션 완료\n\n";
-  $alert_message .= "성공: {$success_count}개\n";
-  $alert_message .= "실패: {$fail_count}개\n\n";
-  $alert_message .= implode("\n", $messages);
-
-  alert($alert_message, './board_list.php?' . $qstr);
-}
-
-if (!count($_POST['chk'])) {
-  alert($_POST['act_button'] . " 하실 항목을 하나 이상 체크하세요.");
-}
-
-if ($_POST['act_button'] == "선택수정") {
+} else if ($_POST['act_button'] == "선택수정") {
 
   auth_check($auth[$sub_menu], 'w');
 
diff --git a/AvocadoAmber/adm/board_migration.inc.php b/AvocadoAmber/adm/board_migration.inc.php
index 53c4153..3ae43db 100644
--- a/AvocadoAmber/adm/board_migration.inc.php
+++ b/AvocadoAmber/adm/board_migration.inc.php
@@ -3,7 +3,7 @@ if (!defined('_GNUBOARD_'))
   exit;
 
 // 현재 마이그레이션 버전
-define('BOARD_MIGRATION_VERSION', '2.0.0');
+define('BOARD_MIGRATION_VERSION', '2.0.1');
 
 // 표준 게시판 테이블 구조 정의
 function get_standard_board_structure()
@@ -91,7 +91,32 @@ function check_and_add_bo_version()
   return false;
 }
 
-// 현재 테이블 구조 가져오기
+// 컬럼 정의 정규화 (비교를 위해)
+function normalize_column_definition($definition)
+{
+  // 소문자로 변환
+  $def = strtolower($definition);
+  
+  // 공백 정규화
+  $def = preg_replace('/\s+/', ' ', $def);
+  $def = trim($def);
+  
+  // AUTO_INCREMENT 제거 (비교 시 제외)
+  $def = str_replace('auto_increment', '', $def);
+  
+  // int(11) -> int 형식 통일
+  $def = preg_replace('/int\(\d+\)/', 'int', $def);
+  $def = preg_replace('/tinyint\(\d+\)/', 'tinyint', $def);
+  
+  // varchar/char 길이는 유지
+  
+  // 따옴표 통일 (single quote)
+  $def = str_replace('"', "'", $def);
+  
+  return trim($def);
+}
+
+// 현재 테이블 구조 가져오기 (원본 정의 포함)
 function get_current_table_structure($table_name)
 {
   $sql = "SHOW COLUMNS FROM `{$table_name}`";
@@ -133,21 +158,38 @@ function get_current_table_structure($table_name)
   return $structure;
 }
 
-// 테이블 구조 비교
+// 테이블 구조 비교 (누락 및 변경된 컬럼 모두 감지)
 function compare_table_structure($table_name)
 {
   $standard = get_standard_board_structure();
   $current = get_current_table_structure($table_name);
 
-  $missing_columns = [];
+  $missing_columns = [];    // 누락된 컬럼
+  $modified_columns = [];   // 속성이 다른 컬럼
 
   foreach ($standard as $column => $definition) {
     if (!isset($current[$column])) {
+      // 컬럼이 존재하지 않음
       $missing_columns[$column] = $definition;
+    } else {
+      // 컬럼은 존재하지만 속성 비교
+      $standard_normalized = normalize_column_definition($definition);
+      $current_normalized = normalize_column_definition($current[$column]);
+      
+      if ($standard_normalized !== $current_normalized) {
+        // 속성이 다름
+        $modified_columns[$column] = [
+          'current' => $current[$column],
+          'standard' => $definition
+        ];
+      }
     }
   }
 
-  return $missing_columns;
+  return [
+    'missing' => $missing_columns,
+    'modified' => $modified_columns
+  ];
 }
 
 // 게시판 테이블 마이그레이션 실행
@@ -164,22 +206,44 @@ function migrate_board_table($bo_table)
     return ['success' => false, 'message' => '테이블이 존재하지 않습니다.'];
   }
 
-  // 누락된 컬럼 확인
-  $missing_columns = compare_table_structure($write_table);
+  // 누락 및 변경된 컬럼 확인
+  $comparison = compare_table_structure($write_table);
+  $missing_columns = $comparison['missing'];
+  $modified_columns = $comparison['modified'];
 
-  if (empty($missing_columns)) {
+  if (empty($missing_columns) && empty($modified_columns)) {
     // 버전 업데이트만 수행
     $sql = "UPDATE {$g5['board_table']} SET bo_version = '" . BOARD_MIGRATION_VERSION . "' WHERE bo_table = '{$bo_table}'";
     sql_query($sql);
-    return ['success' => true, 'message' => '이미 최신 버전입니다.', 'updated' => 0];
+    return [
+      'success' => true, 
+      'message' => '이미 최신 버전입니다.', 
+      'added' => 0,
+      'modified' => 0
+    ];
   }
 
-  // 컬럼 추가
-  $updated = 0;
+  $added_count = 0;
+  $modified_count = 0;
+  $errors = [];
+
+  // 누락된 컬럼 추가
   foreach ($missing_columns as $column => $definition) {
     $sql = "ALTER TABLE `{$write_table}` ADD `{$column}` {$definition}";
     if (sql_query($sql)) {
-      $updated++;
+      $added_count++;
+    } else {
+      $errors[] = "컬럼 추가 실패: {$column}";
+    }
+  }
+
+  // 변경된 컬럼 수정
+  foreach ($modified_columns as $column => $info) {
+    $sql = "ALTER TABLE `{$write_table}` MODIFY `{$column}` {$info['standard']}";
+    if (sql_query($sql)) {
+      $modified_count++;
+    } else {
+      $errors[] = "컬럼 수정 실패: {$column}";
     }
   }
 
@@ -187,7 +251,18 @@ function migrate_board_table($bo_table)
   $sql = "UPDATE {$g5['board_table']} SET bo_version = '" . BOARD_MIGRATION_VERSION . "' WHERE bo_table = '{$bo_table}'";
   sql_query($sql);
 
-  return ['success' => true, 'message' => '마이그레이션이 완료되었습니다.', 'updated' => $updated];
+  $message = '마이그레이션이 완료되었습니다.';
+  if (!empty($errors)) {
+    $message .= ' (일부 오류: ' . implode(', ', $errors) . ')';
+  }
+
+  return [
+    'success' => true, 
+    'message' => $message, 
+    'added' => $added_count,
+    'modified' => $modified_count,
+    'errors' => $errors
+  ];
 }
 
 // 모든 게시판 체크
@@ -205,15 +280,40 @@ function check_all_boards_migration()
   while ($row = sql_fetch_array($result)) {
     if ($row['bo_version'] != BOARD_MIGRATION_VERSION) {
       $write_table = $g5['write_prefix'] . $row['bo_table'];
-      $missing = compare_table_structure($write_table);
+      $comparison = compare_table_structure($write_table);
 
       $boards_need_update[] = [
         'bo_table' => $row['bo_table'],
         'current_version' => $row['bo_version'],
-        'missing_columns' => count($missing)
+        'missing_columns' => count($comparison['missing']),
+        'modified_columns' => count($comparison['modified'])
       ];
     }
   }
 
   return $boards_need_update;
 }
+
+// 특정 게시판의 상세 차이점 확인
+function get_board_migration_details($bo_table)
+{
+  global $g5;
+
+  $write_table = $g5['write_prefix'] . $bo_table;
+  
+  // 테이블 존재 확인
+  $sql = "SHOW TABLES LIKE '{$write_table}'";
+  $result = sql_query($sql);
+  if (sql_num_rows($result) == 0) {
+    return ['success' => false, 'message' => '테이블이 존재하지 않습니다.'];
+  }
+
+  $comparison = compare_table_structure($write_table);
+  
+  return [
+    'success' => true,
+    'bo_table' => $bo_table,
+    'missing_columns' => $comparison['missing'],
+    'modified_columns' => $comparison['modified']
+  ];
+}
diff --git a/AvocadoAmber/adm/css/addon_config.css b/AvocadoAmber/adm/css/addon_config.css
index b38abf6..d911645 100644
--- a/AvocadoAmber/adm/css/addon_config.css
+++ b/AvocadoAmber/adm/css/addon_config.css
@@ -3,7 +3,7 @@ th a {
   display: inline-block;
   vertical-align: middle;
   padding: 3px 10px;
-  background: var(--theme-color-a);
+  background: var(--theme-sub-500);
   color: #fff;
   margin: 5px 0 0;
 }
@@ -12,33 +12,26 @@ th a+a {
   margin-top: 3px;
 }
 
-#wrap {
-  height: 100%;
-}
-
-#container {
-  padding: 0 !important;
-  min-height: 100%;
-}
-
-#wrapper {
-  height: 100%;
-  box-sizing: border-box;
+html>body #container {
+  padding: 0;
 }
 
 #container section.addon_config {
   display: flex;
-  height: 100%;
-  padding: 8px;
+  height: auto;
   gap: 8px;
+  box-sizing: border-box;
+  margin-bottom: 0;
+  padding: 0;
+  width: calc(100% - 8px);
+  height: 100%
 }
 
 .addon_config>nav {
   min-width: 200px;
   display: flex;
   flex-direction: column;
-  border: 1px solid var(--theme-color-d);
-  border-radius: 4px;
+  background: var(--theme-gray-800);
   overflow:hidden;
 }
 
@@ -48,12 +41,13 @@ th a+a {
 }
 
 .addon_config>nav>a.selected {
-  background: var(--theme-color-a);
+  background: var(--theme-sub-300);
+  color: var(--black);
   font-weight: bold;
 }
 
 .addon_config>nav>span {
-  background: var(--theme-color-d);
+  background: var(--theme-gray-500);
   color: #FFF;
   line-height: 48px;
   font-size: 14px;
@@ -71,10 +65,6 @@ td a {
   color: var(--theme-color-d);
 }
 
-.footer-copyright {
-  padding: 20px !important;
-}
-
 span.empty {
   display: flex;
   flex-direction: column;
diff --git a/AvocadoAmber/adm/css/default.css b/AvocadoAmber/adm/css/default.css
new file mode 100644
index 0000000..c765c1a
--- /dev/null
+++ b/AvocadoAmber/adm/css/default.css
@@ -0,0 +1,1809 @@
+@charset "utf-8";
+@import url(./jquery.minicolors.css);
+@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
+
+@font-face {
+  font-family: 'icon';
+  src: url("../../css/fonts/bootstrap-icons.woff2") format("woff2"),
+    url("../../css/fonts/bootstrap-icons.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+:root {
+  --black: #000;
+  --white: #FFF;
+
+  --theme-50: #fff3e0;
+  --theme-100: #ffe1b3;
+  --theme-200: #ffce81;
+  --theme-300: #ffb94e;
+  --theme-400: #ffa927;
+  --theme-500: #ff9b02;
+  --theme-600: #fc8f01;
+  --theme-700: #f67f00;
+  --theme-800: #f06f00;
+  --theme-900: #e75400;
+
+  --theme-sub-50: #e6f2ff;
+  --theme-sub-100: #c4ddff;
+  --theme-sub-200: #a1c9ff;
+  --theme-sub-300: #81b3ff;
+  --theme-sub-400: #6fa3fe;
+  --theme-sub-500: #6893fa;
+  --theme-sub-600: #6484ea;
+  --theme-sub-700: #5e71d6;
+  --theme-sub-800: #5960c2;
+  --theme-sub-900: #5040a0;
+  
+  --theme-gray-50: #fff9ef;
+  --theme-gray-100: #d0d3d8;
+  --theme-gray-200: #b0b6bf;
+  --theme-gray-300: #919aa7;
+  --theme-gray-400: #7a8494;
+  --theme-gray-500: #637083;
+  --theme-gray-600: #566272;
+  --theme-gray-700: #464f5c;
+  --theme-gray-800: #363d47;
+  --theme-gray-900: #242930;
+
+  --theme-color-0: #FFF8F0;
+  --theme-color-a: #edd0b6;
+  --theme-color-b: #e3bb82;
+  --theme-color-c: #c7996b;
+  --theme-color-d: hsl(30, 72%, 55%);
+  --theme-color-d-gnb: hsla(30, 72%, 55%, .2);
+  --theme-color-e: hsl(45, 100%, 50%);
+  --theme-color-sub: #4a797b;
+  --theme-color-sub-b: #A8DADC;
+
+  --bg-color: #181926;
+  --text-color: #CAD3F5;
+  --border-color: #6E738D;
+  --button-bg-hover-color: #CAD3F5;
+  --button-text-color: #000;
+  --header-bg-color: #24273A;
+
+  --accent-color: var(--theme-color-e);
+  --button-bg-color: var(--theme-color-e);
+}
+
+html,
+body {
+  background: var(--theme-gray-900);
+  padding: 0;
+  margin: 0;
+  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  vertical-align: text-bottom;
+  line-height: 1;
+  font-weight: 500;
+  font-size: 12px;
+}
+
+body.popup-body {
+  min-width: 0px;
+}
+
+html,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+fieldset,
+img {
+  margin: 0;
+  padding: 0;
+  border: 0
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block
+}
+
+header ul,
+nav ul,
+aside ul,
+footer ul {
+  margin: 0;
+  padding: 0;
+  list-style: none
+}
+
+label,
+input,
+button,
+select,
+img {
+  vertical-align: middle
+}
+
+input {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+input {
+  appearance: none;
+  -webkit-appearance: none;
+}
+
+button {
+  border-radius: 0;
+  appearance: none;
+  -webkit-appearance: none;
+  cursor: pointer
+}
+
+p {
+  margin: 0;
+  padding: 0;
+  word-break: break-all
+}
+
+hr {
+  display: none
+}
+
+pre {
+  overflow-x: scroll;
+}
+
+caption {
+  display: none;
+}
+
+.cke_sc,
+.sound_only {
+  display: none;
+}
+
+input[type="file"] {
+  font-size: 12px;
+  border: 1px solid #dde3e0;
+  height: 28px;
+}
+
+input[type="number"],
+input[type="text"],
+input[type="password"],
+select,
+textarea {
+  border: 1px solid #dde3e0;
+  box-sizing: border-box;
+  font-family: 'Dotum';
+  font-size: 12px;
+}
+
+input[type="number"],
+input[type="text"],
+input[type="password"] {
+  padding: 0 8px;
+}
+
+input[type="number"],
+input[type="text"],
+input[type="password"],
+select {
+  height: 28px;
+  padding-left: 8px;
+}
+
+textarea {
+  width: 100%;
+  height: 150px;
+}
+
+input[type="number"] {
+  text-align: center;
+  padding: 0;
+}
+
+label {
+  cursor: pointer;
+}
+
+label+input {
+  margin-left: 10px;
+}
+
+input[type=checkbox] {
+  margin-left: 0;
+}
+
+td img,
+.prev_thumb {
+  max-width: 100% !important;
+  max-height: 300px;
+}
+
+.txt-center {
+  text-align: center !important;
+}
+
+.txt-left {
+  text-align: left !important;
+}
+
+.txt-right {
+  text-align: right !important;
+}
+
+.frm_info {
+  display: block;
+  margin-bottom: 5px;
+  font-size: 11px;
+  font-family: 'Dotum';
+  color: var(--theme-color-d);
+}
+
+.single-info .frm_info {
+  margin-bottom: 0;
+}
+
+.full {
+  width: 100% !important;
+}
+
+.empty_table {
+  line-height: 200px;
+}
+
+#container {
+  font-family: 'Noto Sans KR', sans-serif;
+}
+
+#container section {
+  position: relative;
+  padding-bottom: 50px;
+}
+
+#container h2 {
+  font-size: 18px;
+  font-weight: 300;
+  margin-bottom: 10px;
+  line-height: 30px;
+  display: flex;
+  gap: 8px;
+}
+
+#container h2:before {
+  content: "\F3E5";
+  font-family: 'icon';
+  padding-right: 5px;
+  font-size: 20px;
+  height: 20px;
+  width: 20px;
+  color: #4b4b47;
+}
+
+#container h3 {
+  font-size: 15px;
+  font-weight: 300;
+  margin-bottom: 10px;
+  line-height: 30px;
+}
+
+.local_ov {
+  border-bottom: 1px solid #efeff1;
+  margin-bottom: 10px;
+  padding-bottom: 10px;
+  font-size: 13px;
+  font-weight: 300;
+}
+
+.ov_listall {
+  display: block;
+  position: relative;
+  float: left;
+  padding: 0 10px 0 0;
+  margin-right: 10px;
+  text-decoration: none;
+  color: var(--theme-color-c);
+}
+
+.ov_listall:before {
+  content: "";
+  display: block;
+  position: absolute;
+  right: 0;
+  top: 3px;
+  bottom: 3px;
+  width: 1px;
+  background: #e1e1e1;
+}
+
+.local_desc {
+  background: var(--theme-color-0);
+  padding: 5px 10px;
+  border: 1px solid var(--theme-color-a);
+  color: #5b5b5a;
+  margin-bottom: 10px;
+  line-height: 1.8em;
+}
+
+.local_desc .point {
+  color: var(--theme-color-c);
+}
+
+.local_desc.pos-top {
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+
+.pg_wrap {
+  display: block;
+  position: relative;
+  text-align: center;
+  padding: 30px 0 30px 0;
+}
+
+.pg_wrap span {
+  display: inline-block;
+  position: relative;
+  text-align: center;
+  vertical-align: middle;
+  margin: 0 10px;
+}
+
+.pg_wrap strong,
+.pg_wrap a {
+  display: inline-block;
+  padding: 0 10px;
+  min-width: 10px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  background: #fafafa;
+  text-decoration: none;
+  vertical-align: middle;
+  border-radius: 9em;
+}
+
+.pg_wrap strong {
+  background: var(--theme-color-c);
+  color: #fff;
+  border-color: var(--theme-color-c);
+}
+
+.pg_wrap .pg_control {
+  width: 30px;
+  padding: 0;
+  box-sizing: border-box;
+  border: none;
+}
+
+.pg_wrap .pg_control * {
+  line-height: 30px;
+}
+
+.btn_list01 {
+  position: relative;
+  padding: 20px 0;
+}
+
+.local_desc.pos-top+.btn_list01 {
+  padding-top: 10px;
+}
+
+.btn_list01 * {
+  padding: 10px 15px;
+  vertical-align: middle;
+}
+
+.btn_list03 {
+  position: absolute;
+  top: 5px;
+  right: 0;
+}
+
+.btn_list03 * {
+  padding: 5px 10px;
+}
+
+.btn_add01 * {
+  padding: 10px 15px;
+  vertical-align: middle;
+}
+
+.btn_list a,
+.btn_list button,
+.btn_list input {
+  display: inline-block;
+  background: var(--theme-color-c);
+  color: #fff;
+  font-weight: 400;
+  text-decoration: none;
+  border: none;
+  line-height: 1.0em;
+  cursor: pointer;
+}
+
+.btn_add {
+  float: right;
+  clear: both;
+  margin-bottom: 10px;
+}
+
+.btn_add a,
+.btn_add button,
+.btn_add input {
+  display: inline-block;
+  background: var(--theme-color-c);
+  color: #fff;
+  font-size: 13px;
+  font-weight: 400;
+  text-decoration: none;
+  border: none;
+  line-height: 1.0em;
+  cursor: pointer;
+}
+
+.btn_frmline {
+  display: inline-block;
+  background: var(--theme-color-c);
+  color: #fff;
+  font-weight: 400;
+  padding: 0 15px;
+  text-decoration: none;
+  border: none;
+  line-height: 28px;
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+.btn_del_menu {
+  display: inline-block;
+  color: var(--theme-color-c);
+  font-size: 13px;
+  font-weight: 400;
+  border: none;
+  line-height: 1.0em;
+  background: transparent;
+  cursor: pointer;
+}
+
+.sv {
+  display: none !important;
+}
+
+.color-preview {
+  display: inline-block;
+  width: 25px;
+  height: 25px;
+  border: 1px solid #cacaca;
+  vertical-align: middle;
+}
+
+.admin-icon-box {
+  display: inline-block;
+  min-width: 25px;
+  height: 25px;
+  border: 1px solid #cacaca;
+  vertical-align: middle;
+}
+
+table {
+  border-spacing: 0px;
+}
+
+.tbl_wrap table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+
+.tbl_head01 thead th {
+  background: #f9f9f9;
+  font-weight: 300;
+  padding: 8px 10px;
+  border: 1px solid #efeff1;
+  font-size: 13px;
+  color: #5b5b5a;
+}
+
+.tbl_head01 .bo-right {
+  border-right-width: 1px !important;
+}
+
+.tbl_head01 .bo-left {
+  border-left-width: 1px !important;
+}
+
+.tbl_head01 .bo-top {
+  border-top-width: 1px !important;
+}
+
+.tbl_head01 .bo-no-right {
+  border-right-width: 0px !important;
+}
+
+.tbl_head01 .bo-no-left {
+  border-left-width: 0px !important;
+}
+
+.tbl_head01 .bo-no-top {
+  border-top-width: 0px !important;
+}
+
+.tbl_head01 .bo-no-bottom {
+  border-bottom-width: 0px !important;
+}
+
+.tbl_head01 tbody td {
+  text-align: center;
+  padding: 7px 10px;
+  color: #5b5b5a;
+  border: 1px solid #efeff1;
+  border-top-width: 0;
+  border-left-width: 0;
+  height: 30px;
+}
+
+.tbl_head01 tbody td:first-child {
+  border-left-width: 1px;
+}
+
+.tbl_head01 tbody td a {
+  color: var(--theme-color-d);
+}
+
+.tbl_head01 tfoot th,
+.tbl_head01 tfoot td {
+  background: #f9f9f9;
+  font-weight: 300;
+  padding: 8px 10px;
+  border: 1px solid #efeff1;
+  border-top-width: 0;
+  border-left-width: 0;
+  font-size: 13px;
+  color: #5b5b5a;
+}
+
+.tbl_head01 tfoot td:first-child,
+.tbl_head01 tfoot th:first-child {
+  border-left-width: 1px;
+}
+
+.tbl_frm01 table {
+  border-top: 1px solid #efeff5;
+}
+
+.tbl_frm01 tbody th,
+.tbl_frm01 tbody td {
+  color: #5b5b5a;
+  font-weight: 400;
+  padding: 10px;
+  border: 0px solid #efeff5;
+  border-bottom-width: 1px;
+}
+
+.tbl_frm01 tbody th {
+  background: #f9f9f9;
+  border-right-width: 1px;
+}
+
+.tbl_frm01 tbody th.bo-right,
+.tbl_frm01 tbody td.bo-right {
+  border-right-width: 1px;
+}
+
+.tbl_frm01 tbody th.bo-left,
+.tbl_frm01 tbody td.bo-left {
+  border-left-width: 1px;
+}
+
+.tbl_frm01 tbody th.bo-top,
+.tbl_frm01 tbody td.bo-top {
+  border-top-width: 1px;
+}
+
+.tbl_frm01 tbody th+td.bo-left {
+  border-left-width: 0px !important;
+}
+
+table .side-image {
+  max-width: 100%;
+}
+
+.index-gnb {
+  display: block;
+  font-size: 13px;
+}
+
+.index-gnb>ul>li {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  overflow: hidden;
+  border-bottom: 1px solid rgba(255, 255, 255, .2);
+}
+
+.index-gnb>ul>li>* {
+  display: table-cell;
+}
+
+.index-gnb>ul>li>a {
+  width: 130px;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+.index-gnb>ul>li>ul {
+  display: block;
+  padding: 10px;
+}
+
+.index-gnb>ul>li>ul>li {
+  display: inline-block;
+  min-width: 130px;
+  vertical-align: middle;
+  padding: 5px 0;
+}
+
+.prev_thumb {
+  max-width: 100px;
+  max-height: 50px;
+}
+
+.banner-thumb {
+  max-width: 200px;
+  max-height: 100px;
+}
+
+.character-thumb {
+  max-width: 200px;
+  max-height: 500px;
+}
+
+
+.ajax-list-box {
+  height: 70px;
+  overflow-y: auto;
+  border: 1px solid #eaeaea;
+  margin-top: 10px;
+  padding: 5px;
+}
+
+.ajax-list-box ul,
+.ajax-list-box li {
+  display: block;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+
+.ajax-list-box li {
+  margin-bottom: 5px;
+}
+
+.ajax-list-box li a {
+  display: block;
+  position: relative;
+  padding: 10px;
+  border-radius: 3px;
+  color: #2a2d2a;
+  background: #fafafa;
+  text-decoration: none;
+  font-size: 12px;
+}
+
+.ajax-list-box li a p.point {
+  color: var(--theme-color-c);
+}
+
+.ajax-list-box li a:hover {
+  color: #fff;
+  background: #3a3a3a;
+}
+
+.ajax-list-box li a .ui-thumb {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  width: 30px;
+  line-height: 30px;
+  overflow: hidden;
+  text-align: center;
+}
+
+.ajax-list-box li a .ui-thumb img {
+  max-width: 100%;
+}
+
+.ajax-list-box li a .ui-info {
+  margin-left: 40px;
+}
+
+.ajax-list-box .no-data {
+  line-height: 50px;
+  text-align: center;
+  margin-top: 10px;
+}
+
+.visit_bar {
+  position: relative
+}
+
+.visit_bar span {
+  position: absolute;
+  top: -8px;
+  left: 0;
+  height: 15px;
+  background: var(--theme-color-c)
+}
+
+/*테마*/
+.theme_p {
+  margin: 0 0 10px
+}
+
+#theme_list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  width: 1000px;
+  position: relative
+}
+
+#theme_list:after {
+  display: block;
+  visibility: hidden;
+  clear: both;
+  content: ""
+}
+
+#theme_list li {
+  margin: 10px 10px 10px 0;
+  float: left
+}
+
+#theme_list li:after {
+  display: block;
+  visibility: hidden;
+  clear: both;
+  content: ""
+}
+
+#theme_list li .tmli_if {
+  border: 1px solid var(--theme-color-a);
+  width: 300px;
+  box-sizing: border-box;
+  min-height: 240px;
+  display: flex;
+  flex-direction: column;
+}
+
+#theme_list li .tmli_if::before {
+  content: "";
+  height: 220px;
+  background-image: var(--bg);
+  background-size: cover;
+  background-position: center;
+}
+
+#theme_list li .tmli_if>img {
+  width: 300px;
+  height: 225px;
+}
+
+#theme_list li .tmli_if:hover>img {
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+  filter: alpha(opacity=50);
+  -moz-opacity: 0.5;
+  -khtml-opacity: 0.5;
+  opacity: 0.5;
+}
+
+#theme_list li .tmli_tit {
+  position: relative;
+  border-top: 1px solid var(--theme-color-a);
+  background: var(--theme-color-0);
+}
+
+#theme_list li .tmli_tit p {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 10px 0;
+  font-weight: bold;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+#theme_list li .tmli_tit button.tmli_dt {
+  position: absolute;
+  top: 8px;
+  right: 10px;
+  padding: 5px;
+  background: #111;
+  color: #fff;
+  display: none;
+  border: none
+}
+
+#theme_list li .tmli_if:hover button.tmli_dt {
+  display: block
+}
+
+#theme_list li .theme_sl {
+  float: left;
+  border: none;
+  margin-top: 5px;
+  padding: 0 5px;
+  height: 26px;
+  background: #999;
+  color: #fff
+}
+
+#theme_list li .theme_sl:hover {
+  background: var(--theme-color-d);
+}
+
+#theme_list li .theme_deactive {
+  margin-left: 4px
+}
+
+#theme_list li .theme_sl_use {
+  background: var(--theme-color-d);
+  line-height: 26px
+}
+
+#theme_list li .theme_pr {
+  float: right;
+  margin-top: 5px;
+  padding: 0 5px;
+  height: 26px;
+  line-height: 24px;
+  border: 1px solid #ccc;
+  background: #fafafa;
+}
+
+#theme_list li .theme_preview {
+  float: right;
+  margin-top: 5px;
+  padding: 0 5px;
+  height: 26px;
+  border: 1px solid #ccc;
+  background: #fafafa;
+}
+
+#theme_detail {
+  position: fixed;
+  top: 50%;
+  height: 540px;
+  width: 900px;
+  margin-top: -271px;
+  background: #fff;
+  background: #f3f3f3;
+  border: 1px solid #000;
+  -webkit-box-shadow: 1px 2px 5px rgba(150, 150, 150, 100.5);
+  -moz-box-shadow: 1px 2px 5px rgba(150, 150, 150, 0.5);
+  box-shadow: 1px 2px 5px rgba(150, 150, 150, 0.5);
+  z-index: 1000
+}
+
+#theme_detail:after {
+  display: block;
+  visibility: hidden;
+  clear: both;
+  content: ""
+}
+
+#theme_detail h2 {
+  font-size: 1.25em;
+  background: #fff;
+  padding: 0 15px;
+  line-height: 40px;
+  border-bottom: 1px solid #d8d8d8;
+  margin: 0
+}
+
+.theme_dt_img {
+  float: left;
+  padding: 20px
+}
+
+.theme_dt_img img {
+  border: 1px solid #aaa;
+  max-width: 600px;
+}
+
+.theme_dt_if {
+  float: left;
+  width: 235px;
+  padding: 20px 0
+}
+
+.theme_dt_if table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 15px 0 0;
+  font-size: 0.92em
+}
+
+.theme_dt_if table th {
+  padding: 5px;
+  background: #fff;
+  border-bottom: 1px solid #f3f3f3;
+  vertical-align: top;
+  color: #3f51b5
+}
+
+.theme_dt_if table td {
+  padding: 5px;
+  background: #fff;
+  border-bottom: 1px solid #f3f3f3;
+  line-height: 1.56em
+}
+
+.theme_dt_if table td a {
+  text-decoration: underline
+}
+
+.theme_dt_if p {
+  line-height: 1.5em
+}
+
+.if_p_bg {
+  display: inline-block;
+  width: 20px;
+  height: 1px;
+  background: #000;
+  margin: 30px 0 10px
+}
+
+#theme_detail .theme_dt_btn {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  background: #fff;
+}
+
+#theme_detail .theme_dt_btn .close_btn {
+  border: 0;
+  border-left: 1px solid #d8d8d8;
+  background: url('../img/close.png') 50% 50% no-repeat;
+  width: 40px;
+  height: 40px;
+  overflow: hidden;
+  text-indent: -99999px
+}
+
+#theme_detail .theme_dt_btn .close_btn:hover {
+  background-color: #eceffc
+}
+
+#theme_detail .theme_dt_btn .btn_03 {
+  line-height: 28px;
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 6px;
+  padding: 0 6px;
+  border-radius: 5px
+}
+
+#theme_detail h2:before {
+  content: "\F45D";
+  font-size: 16px;
+}
+
+.footer-copyright {
+  font-size: 14px;
+  color: #A0A0A0;
+  text-align: center;
+}
+
+.footer-copyright a {
+  color: #A0A0A0;
+}
+
+table span.dbchk {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+table i.dbchk.bi {
+  font-size: 16px;
+}
+
+table i.dbchk.bi.bi-x-circle {
+  color: #800000;
+}
+
+.grid_1 {
+  width: 50px
+}
+
+.grid_2 {
+  width: 100px
+}
+
+.grid_3 {
+  width: 150px
+}
+
+.grid_4 {
+  width: 200px
+}
+
+.grid_5 {
+  width: 250px
+}
+
+.grid_6 {
+  width: 300px
+}
+
+.grid_7 {
+  width: 350px
+}
+
+.grid_8 {
+  width: 400px
+}
+
+.grid_9 {
+  width: 450px
+}
+
+.grid_10 {
+  width: 500px
+}
+
+.grid_11 {
+  width: 550px
+}
+
+.grid_12 {
+  width: 600px
+}
+
+.grid_13 {
+  width: 650px
+}
+
+.grid_14 {
+  width: 700px
+}
+
+.grid_15 {
+  width: 750px
+}
+
+.grid_16 {
+  width: 800px
+}
+
+.grid_17 {
+  width: 850px
+}
+
+.grid_18 {
+  width: 900px
+}
+
+
+th a {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 3px 10px;
+  background: var(--theme-color-a);
+  color: #fff;
+  margin: 5px 0 0;
+}
+
+th a+a {
+  margin-top: 3px;
+}
+
+td a {
+  color: var(--theme-color-d);
+}
+
+span.empty {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 200px;
+  justify-content: center;
+  align-items: center;
+  color: #A0A0A0;
+  border: 1px solid #F0F0F0;
+}
+
+/* amber.lib */
+
+.adm-form {
+  padding: 16px;
+  border-bottom: 1px solid var(--theme-color-e, #efeff5);
+}
+
+.adm-form input,
+.adm-form textarea,
+.adm-form select {
+  outline-color: var(--theme-color-e);
+}
+
+.adm-form:hover {
+  background: var(--theme-color-0);
+}
+
+.adm-form:last-child {
+  margin-bottom: 8px;
+}
+
+.adm-form-postfix {
+  min-width: 40px;
+  text-align: center;
+}
+
+.adm-form-colflex {
+  display: flex;
+  gap: 8px;
+}
+
+.adm-form-rowflex {
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.adm-form-colflex .adm-form-flex-full {
+  flex-grow: 1;
+}
+
+.adm-form-name {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.adm-form-desc {
+  margin: 8px 0 0 0;
+  font-size: 14px;
+}
+
+.adm-form-check {
+  position: relative;
+  width: 48px;
+  height: 24px;
+  margin: 4px 0;
+}
+
+.adm-form-check input[type=checkbox] {
+  width: 48px;
+  height: 24px;
+  position: relative;
+  cursor: pointer;
+  opacity: 0;
+}
+
+.adm-form-check input[type=checkbox]+.adm-form-checkbox-cover {
+  pointer-events: none;
+  box-shadow: inset 0 0 3px #0004;
+  background: #DDD;
+  width: 48px;
+  height: 24px;
+  border-radius: 24px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  transition: .25s;
+}
+
+.adm-form-check input[type=checkbox]+.adm-form-checkbox-cover::before {
+  content: "";
+  height: 18px;
+  width: 18px;
+  border-radius: 50%;
+  background: #FFF;
+  box-shadow: 0 0 3px #0004;
+  transform: translateX(-12px) translateY(3px);
+  box-sizing: border-box;
+  transition: .25s;
+}
+
+.adm-form-check input[type=checkbox]:checked+.adm-form-checkbox-cover {
+  background: var(--theme-color-e, #06C);
+}
+
+.adm-form-check input[type=checkbox]:checked+.adm-form-checkbox-cover::before {
+  transform: translateX(12px) translateY(3px);
+}
+
+.adm-form-select {
+  padding: 4px;
+}
+
+.adm-form-select select {
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  border: 1px solid var(--theme-color-e, #efeff5);
+  border-radius: 4px;
+  padding: 8px;
+  height: auto
+}
+
+.adm-form-text {
+  padding: 4px;
+}
+
+.adm-form-text input[type=text] {
+  border: 1px solid var(--theme-color-e, #efeff5);
+  padding: 8px;
+  border-radius: 4px;
+  height: auto;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.adm-form-file {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.adm-form-file>div {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.adm-form-file div>span {
+  display: inline-block;
+  min-width: 80px;
+  font-size: 14px;
+}
+
+.adm-form-file div>input {
+  flex-grow: 1;
+  box-sizing: border-box;
+  border: 1px solid var(--theme-color-e, #efeff5);
+  padding: 8px;
+  border-radius: 4px;
+  height: auto;
+}
+
+.adm-form-file div>input[type=file] {
+  cursor: pointer;
+}
+
+.adm-form-listedit {
+  width: 100%;
+}
+
+.adm-form-listedit .adm-listedit-controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.adm-listedit-items {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 8px;
+  overflow-y: auto;
+  max-height: 360px;
+  box-sizing: border-box;
+  border: 1px solid var(--theme-color-e, #efeff5);
+  border-radius: 4px;
+  padding: 8px;
+}
+
+.adm-listedit-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.adm-form-listedit input[type=text] {
+  flex-grow: 1;
+  padding: 8px;
+  flex-grow: 1;
+  box-sizing: border-box;
+  border: 1px solid var(--theme-color-e, #efeff5);
+  border-radius: 4px;
+}
+
+.adm-listedit-remove,
+.adm-listedit-add {
+  min-width: 100px;
+  align-self: stretch;
+  border: 1px solid #ddd;
+  background: #f8f8f8;
+  cursor: pointer;
+  border-radius: 4px;
+  font-size: 14px;
+  white-space: nowrap;
+}
+
+.adm-listedit-remove:hover,
+.adm-listedit-add:hover {
+  background: #e8e8e8;
+}
+
+.adm-listedit-remove {
+  background: var(--theme-color-sub-b, #ff6b6b);
+  color: #000;
+  border-color: var(--theme-color-sub, #ff5252);
+}
+
+.adm-listedit-remove:hover {
+  color: #FFF;
+  background: var(--theme-color-sub, #ff6b6b);
+}
+
+.adm-listedit-add {
+  background: var(--theme-color-e, #4CAF50);
+  color: #000;
+  border-color: var(--theme-color-d, #45a049);
+}
+
+.adm-listedit-add:hover {
+  color: #FFF;
+  background: var(--theme-color-d, #45a049);
+}
+
+.adm-listedit-controls {
+  text-align: left;
+}
+
+.adm-form-number {
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  gap: 8px
+}
+
+.adm-form-number input[type=number] {
+  border: 1px solid var(--theme-color-e, #efeff5);
+  padding: 8px;
+  border-radius: 4px;
+  height: auto;
+  width: 80px;
+  min-width: 60px;
+  box-sizing: border-box;
+}
+
+#page_top a {
+  display: block;
+  position: relative;
+  width: 70px;
+  height: 70px;
+  float: right;
+  border-left: 1px solid #4d515c;
+  overflow: hidden;
+  color: #c3c8cc;
+  text-indent: -999px;
+}
+
+#page_top a:before {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  font-family: 'icon';
+  line-height: 70px;
+  font-size: 25px;
+  text-align: center;
+  text-indent: 0;
+}
+
+.btn_confirm {
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 9999;
+  padding: 0;
+}
+
+.list_confirm {
+  display: flex;
+  justify-content: end;
+  padding: 16px;
+  gap: 8px;
+}
+
+.list_confirm>* {
+  background: var(--theme-color-c);
+  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;
+  height: 64px;
+  width: 64px;
+  float: left;
+  border: none;
+  color: #fff;
+  cursor: pointer;
+}
+
+.btn_confirm .btn>span {
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  text-align: center;
+  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+  z-index: 0;
+}
+
+.btn_confirm .btn>input {
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  z-index: 1;
+  cursor: pointer;
+}
+
+#gnb {
+  display: block;
+  position: relative;
+  font-family: 'Noto Sans KR', sans-serif;
+}
+
+#gnb>ul>li>a {
+  display: block;
+  padding: 8px 16px;
+  color: #9da4b3;
+  font-size: 15px;
+  text-decoration: none;
+}
+
+#gnb .gnb_2dli {
+  position: relative;
+}
+
+#gnb .gnb_2dli>a {
+  display: block;
+  padding: 8px 12px;
+  color: #acaeb2;
+  font-size: 13px;
+}
+
+#gnb .gnb_2dli>a:before {
+  font-family: 'icon';
+  padding-right: 7px;
+}
+
+#gnb .gnb_2dli.check {
+  background: var(--theme-color-d-gnb);
+  border-left: 4px solid var(--theme-color-e);
+  font-weight: bold;
+}
+
+#gnb .gnb_2dli.check>a {
+  color: #FFF;
+}
+
+#gnb .gnb_2dli.check>a:before {
+  color: var(--theme-color-d);
+  font-weight: normal;
+}
+
+#gnb .gnb_2dli>a:hover {
+  color: #fff;
+  background: #484c58;
+  text-decoration: none;
+}
+
+#gnb .gnb_2dul {
+  display: none;
+}
+
+#gnb .gnb_2dli>a {
+  display: flex;
+  align-items: center;
+}
+
+#gnb .gnb_2dli.check>a:after {
+  content: "";
+  display: block;
+  position: absolute;
+}
+
+#gnb .gnb_2dli>a:before {
+  content: "\F3E3";
+  font-size: 16px !important;
+  width: 16px;
+  height: 16px;
+}
+
+#gnb .gnb_2dli>a:before {
+  content: var(--icon, "\F3E3");
+}
+
+#fsearch input {
+  margin: 0;
+}
+
+form .btn_submit {
+  border: none;
+  background: var(--theme-color-c);
+  color: #fff;
+  font-size: 13px;
+  width: 50px;
+  height: 28px;
+  cursor: pointer;
+  line-height: 1.0em;
+}
+
+.new_win {
+  padding: 20px;
+}
+
+.new_win_desc {
+  padding: 10px;
+  margin: 20px 0;
+  background: var(--theme-color-0);
+  color: #fff;
+}
+
+.win-guide {
+  display: block;
+  position: relative;
+  padding: 10px;
+  border: 1px solid #efeff5;
+  background: #f9f9f9;
+}
+
+.win-guide em {
+  color: var(--theme-color-c);
+  font-weight: 800;
+  font-style: normal;
+  padding: 0 10px;
+}
+
+.btn_win02 {
+  padding: 20px;
+  text-align: center;
+}
+
+.btn_win02>* {
+  display: inline-block;
+  background: var(--theme-color-c);
+  color: #fff;
+  font-size: 13px;
+  height: 30px;
+  padding: 0 20px;
+  font-weight: 400;
+  text-decoration: none;
+  border: none;
+  line-height: 1.0em;
+  cursor: pointer;
+}
+
+.add_select {
+  display: inline-block;
+  background: #b0c4de;
+  color: #fff;
+  font-size: 13px;
+  height: 30px;
+  padding: 0 20px;
+  font-weight: 400;
+  text-decoration: none;
+  border: none;
+  line-height: 1.0em;
+  cursor: pointer;
+}
+
+.full_input {
+  width: 100% !important;
+}
+
+.menu_list[data-name="구분선"] td {
+  background: #efeff1;
+}
+
+.menu_list[data-name="구분선"] .td_category~td:not(.order) input,
+.menu_list[data-name="구분선"] .td_category~td:not(.order) select {
+  display: none;
+}
+
+/* 2.4.0 */
+
+body a {
+  text-decoration: none;
+  color: var(--theme-sub-500);
+}
+
+body a:hover {
+  text-decoration: underline;
+  color: var(--theme-sub-300);
+}
+
+html {
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+}
+
+body {
+  position: relative;
+  height: 100vh;
+  overflow: auto;
+}
+
+body #header {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 240px;
+}
+
+body #header nav>ul {
+  padding: unset;
+}
+
+body #header ul {
+  list-style: none;
+  padding: 0 0 0 16px;
+}
+
+body #wrapper {
+  display: block;
+  position: relative;
+  margin: 8px 0 8px 248px;
+  height: calc(100vh - 16px);
+  width: calc(100% - 256px);
+  overflow: hidden;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+body #wrapper .admin-content {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+body #wrapper .admin-content #page_top {
+  position: sticky;
+  top: 0;
+  margin: 0;
+  background: var(--theme-gray-800);
+  color: var(--theme-sub-50);
+}
+
+body #wrapper .admin-content #page_top h2 {
+  display: flex;
+  align-items: center;
+  height: 64px;
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+  font-size: 20px;
+  line-height: 32px;
+  padding-left: 32px;
+}
+
+body #wrapper .admin-content .footer-copyright {
+  position: sticky;
+  bottom: 0;
+  padding: 8px 16px;
+  background: var(--theme-gray-800);
+  text-align: center;
+}
+
+body #container {
+  overflow: auto;
+  height: 100%;
+  flex-grow: 1;
+  padding: 20px;
+  box-sizing: border-box;
+  background: var(--white);
+}
+
+.anchor {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  border-bottom: 1px solid var(--theme-300);
+  margin-bottom: 10px;
+}
+
+.anchor li a {
+  display: block;
+  padding: 8px 12px;
+  color: var(--theme-gray-700);
+  border-top: 1px solid transparent;
+}
+
+.anchor li a.active {
+  border: 1px solid var(--theme-300);
+  border-radius: 4px 4px 0 0;
+  border-bottom: 1px solid var(--white);
+  margin-bottom: -1px;
+  color: var(--black);
+}
+
+.anchor li a:hover {
+  text-decoration: none;
+}
+
+.btn_confirm button {
+  background: transparent;
+}
+
+#admin_prof {
+  height: 80px;
+}
+
+#admin_prof h1 {
+  display: flex;
+  height: 70px;
+  justify-content: center;
+  align-items: center;
+}
+
+#header p {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px;
+  background: var(--theme-gray-600);
+  border-radius: 4px;
+  margin-left: 8px;
+}
+
+#header p a {
+  color: #FFF;
+}
+
+.admin_theme {
+  font-size: 18px;
+  padding-left: 24px;
+  display: block;
+  position: relative;
+}
+
+.admin_theme::before {
+  font-family: 'icon';
+  content: "\F4B0";
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+
diff --git a/AvocadoAmber/adm/design_form_css.php b/AvocadoAmber/adm/design_form_css.php
index 83f1824..d53dba1 100644
--- a/AvocadoAmber/adm/design_form_css.php
+++ b/AvocadoAmber/adm/design_form_css.php
@@ -15,6 +15,44 @@ $tab_width = 1024;
 $is_item_area = false;
 $is_comment_area = false;
 
+if (!function_exists('hex2rgba')) {
+  function hex2rgba($color, $opacity = false)
+  {
+    $default = 'rgb(0,0,0)';
+    if (empty($color))
+      return $default;
+    if ($color[0] == '#') {
+      $color = substr($color, 1);
+    }
+    if (strlen($color) == 6) {
+      $hex = [$color[0] . $color[1], $color[2] . $color[3], $color[4] . $color[5]];
+    } elseif (strlen($color) == 3) {
+      $hex = [$color[0] . $color[0], $color[1] . $color[1], $color[2] . $color[2]];
+    } else {
+      return $default;
+    }
+
+    $rgb = array_map('hexdec', $hex);
+
+    if ($opacity) {
+      $opacity = (100 - $opacity) / 100;
+      if (abs($opacity) > 1)
+        $opacity = 1.0;
+      $output = 'rgba(' . implode(",", $rgb) . ',' . $opacity . ')';
+    } else {
+      $output = 'rgb(' . implode(",", $rgb) . ')';
+    }
+    return $output;
+  }
+}
+
+function print_css($key, $index, $css_value) {
+  global $css;
+
+  if (array_key_exists($key, $css) && array_key_exists($index, $css[$key])) {
+    echo $css_value;
+  }
+}
 ?>
 @charset "utf-8";
 
@@ -49,30 +87,24 @@ $middle_content_width = $content_width + 40;
 기본 폰트 설정
 ***************************************************************/
 
-* {<?php if ($css['default_font'][3])
-  echo "font-family:{$css['default_font'][3]}, sans-serif; "; ?>}
+* {<?php print_css('default_font', 3, "font-family:{$css['default_font'][3]}, sans-serif; "); ?>}
 body {
 <?php
-if ($css['default_font'][0])
-  echo "color:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ";
-if ($css['default_font'][2])
-  echo "font-size:{$css['default_font'][2]}px; ";
-if ($css['default_font'][3])
-  echo "font-family:{$css['default_font'][3]}, sans-serif; ";
+print_css('default_font', 0, "color:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ");
+print_css('default_font', 2, "font-size:{$css['default_font'][2]}px; ");
+print_css('default_font', 3, "font-family:{$css['default_font'][3]}, sans-serif; ");
 ?>}
 .txt-default {
 <?php
-if ($css['color_default'][0])
-  echo "color:" . hex2rgba($css['color_default'][0], $css['color_default'][1]) . "; ";
+print_css('default_font', 0, "color:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ");
 ?>}
 a, .txt-point, .sch_word {
 <?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
+print_css('color_point', 0, "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ");
 ?>}
 
-.txt-menu-font {<?php if ($css['menu_tooltip'][9])
-  echo "font-family:{$css['menu_tooltip'][9]}, sans-serif; "; ?>}
+.txt-menu-font {<?php
+print_css('menu_tooltip', 9, "font-family:{$css['menu_tooltip'][9]}, sans-serif; "); ?>}
 
 
 /**************************************************************
@@ -81,25 +113,17 @@ if ($css['color_point'][0])
 
 .enterWrapper {
 <?php
-if ($css['intro_background'][0])
-  echo "background-image:url('{$css['intro_background'][0]}'); ";
-if ($css['intro_background'][1])
-  echo "background-color:" . hex2rgba($css['intro_background'][1], $css['intro_background'][2]) . "; ";
-if ($css['intro_background'][3])
-  echo "background-repeat:{$css['intro_background'][3]}; ";
-if ($css['intro_background'][4])
-  echo "background-position:{$css['intro_background'][4]}; ";
-if ($css['intro_background'][5])
-  echo "background-size:{$css['intro_background'][5]}; ";
+print_css('intro_background', 0, "background-image:url('{$css['intro_background'][0]}'); ");
+print_css('intro_background', 1, "background-color:" . hex2rgba($css['intro_background'][1], $css['intro_background'][2]) . "; ");
+print_css('intro_background', 3, "background-repeat:{$css['intro_background'][3]}; ");
+print_css('intro_background', 4, "background-position:{$css['intro_background'][4]}; ");
+print_css('intro_background', 5, "background-size:{$css['intro_background'][5]}; ");
 ?>}
 .enterWrapper .guide {
 <?php
-if ($css['intro'][2])
-  echo "color:" . hex2rgba($css['intro'][2], $css['intro'][3]) . "; ";
-if ($css['intro'][4])
-  echo "font-size:{$css['intro'][4]}px; ";
-if ($css['intro'][5])
-  echo "font-family:{$css['intro'][5]}, sans-serif; ";
+print_css('intro', 2, "color:" . hex2rgba($css['intro'][2], $css['intro'][3]) . "; ");
+print_css('intro', 4, "font-size:{$css['intro'][4]}px; ");
+print_css('intro', 5, "font-family:{$css['intro'][5]}, sans-serif; ");
 ?>}
 
 
@@ -107,16 +131,11 @@ if ($css['intro'][5])
 .admin-preview-box,
 html.single:before {
 <?php
-if ($css['background'][0])
-  echo "background-image:url('{$css['background'][0]}'); ";
-if ($css['background'][1])
-  echo "background-color:" . hex2rgba($css['background'][1], $css['background'][2]) . "; ";
-if ($css['background'][3])
-  echo "background-repeat:{$css['background'][3]}; ";
-if ($css['background'][4])
-  echo "background-position:{$css['background'][4]}; ";
-if ($css['background'][5])
-  echo "background-size:{$css['background'][5]}; ";
+print_css('background', 0, "background-image:url('{$css['background'][0]}'); ");
+print_css('background', 1, "background-color:" . hex2rgba($css['background'][1], $css['background'][2]) . "; ");
+print_css('background', 3, "background-repeat:{$css['background'][3]}; ");
+print_css('background', 4, "background-position:{$css['background'][4]}; ");
+print_css('background', 5, "background-size:{$css['background'][5]}; ");
 ?>}
 }
 
@@ -124,16 +143,11 @@ if ($css['background'][5])
 .admin-preview-box,
 html.single:before {
 <?php
-if ($css['m_background'][0])
-  echo "background-image:url('{$css['m_background'][0]}'); ";
-if ($css['m_background'][1])
-  echo "background-color:" . hex2rgba($css['m_background'][1], $css['m_background'][2]) . "; ";
-if ($css['m_background'][3])
-  echo "background-repeat:{$css['m_background'][3]}; ";
-if ($css['m_background'][4])
-  echo "background-position:{$css['m_background'][4]}; ";
-if ($css['m_background'][5])
-  echo "background-size:{$css['m_background'][5]}; ";
+print_css('m_background', 0, "background-image:url('{$css['m_background'][0]}'); ");
+print_css('m_background', 1, "background-color:" . hex2rgba($css['m_background'][1], $css['m_background'][2]) . "; ");
+print_css('m_background', 3, "background-repeat:{$css['m_background'][3]}; ");
+print_css('m_background', 4, "background-position:{$css['m_background'][4]}; ");
+print_css('m_background', 5, "background-size:{$css['m_background'][5]}; ");
 ?>}
 }
 
@@ -143,20 +157,16 @@ if ($css['m_background'][5])
 ***************************************************************/
 
 /* 관리자 미리보기 스타일 정의 */
-.admin-preview-box .gnbWrap { <?php if ($css['menu_icon'][12])
-  echo "font-size:{$css['menu_icon'][12]}px; "; ?>}
+.admin-preview-box .gnbWrap { <?php print_css('menu_icon', 12, "font-size:{$css['menu_icon'][12]}px; "); ?>}
 .admin-preview-box .gnbWrap .tooltips {
-<?php if ($css['menu_tooltip'][9])
-  echo "font-family:{$css['menu_tooltip'][9]}, sans-serif; "; ?>}
+<?php print_css('menu_tooltip', 9, "font-family:{$css['menu_tooltip'][9]}, sans-serif; "); ?>}
 
 #topCont a .icons,
 .icons-link-box .icons,
 .admin-preview-box .gnbWrap .icons {
 <?php
-if ($css['menu_icon'][10])
-  echo "color:" . hex2rgba($css['menu_icon'][10], $css['menu_icon'][11]) . "; ";
-if ($css['menu_icon'][13] == 'diamond')
-  echo "height:3.3em; ";
+print_css('menu_icon', 10, "color:" . hex2rgba($css['menu_icon'][10], $css['menu_icon'][11]) . "; ");
+print_css('menu_icon', 13, "width:3.3em; ");
 ?>}
 
 #topCont a .icons:before,
@@ -174,43 +184,29 @@ switch ($css['menu_icon'][13]) {
     echo "";
     break;
 }
-if ($css['menu_icon'][0])
-  echo "background-color:" . hex2rgba($css['menu_icon'][0], $css['menu_icon'][1]) . "; ";
-if ($css['menu_icon'][2])
-  echo "background:linear-gradient(0deg, " . hex2rgba($css['menu_icon'][2], $css['menu_icon'][3]) . " 0%, " . hex2rgba($css['menu_icon'][4], $css['menu_icon'][5]) . " 100%); ";
-if ($css['menu_icon'][6])
-  echo "border-color:" . hex2rgba($css['menu_icon'][6], $css['menu_icon'][7]) . "; ";
-if ($css['menu_icon'][8])
-  echo "border-style:{$css['menu_icon'][8]}; ";
-if ($css['menu_icon'][9])
-  echo "border-width:{$css['menu_icon'][9]}px; ";
+print_css('menu_icon', 0, "background-color:" . hex2rgba($css['menu_icon'][0], $css['menu_icon'][1]) . "; ");
+print_css('menu_icon', 2, "background:linear-gradient(0deg, " . hex2rgba($css['menu_icon'][2], $css['menu_icon'][3]) . " 0%, " . hex2rgba($css['menu_icon'][4], $css['menu_icon'][5]) . " 100%); ");
+print_css('menu_icon', 6, "border-color:" . hex2rgba($css['menu_icon'][6], $css['menu_icon'][7]) . "; ");
+print_css('menu_icon', 8, "border-style:{$css['menu_icon'][8]}; ");
+print_css('menu_icon', 9, "border-width:{$css['menu_icon'][9]}px; ");
 ?>}
 .admin-preview-box .gnbWrap .tooltips {
 <?php
-if ($css['menu_tooltip'][0])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ";
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-if ($css['menu_tooltip'][4])
-  echo "font-size:{$css['menu_tooltip'][4]}px; ";
-if ($css['menu_tooltip'][5])
-  echo "border-top-left-radius:{$css['menu_tooltip'][5]}px; ";
-if ($css['menu_tooltip'][6])
-  echo "border-top-right-radius:{$css['menu_tooltip'][6]}px; ";
-if ($css['menu_tooltip'][7])
-  echo "border-bottom-right-radius:{$css['menu_tooltip'][7]}px; ";
-if ($css['menu_tooltip'][8])
-  echo "border-bottom-left-radius:{$css['menu_tooltip'][8]}px; ";
+print_css('menu_tooltip', 0, "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ");
+print_css('menu_tooltip', 2, "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ");
+print_css('menu_tooltip', 4, "font-size:{$css['menu_tooltip'][4]}px; ");
+print_css('menu_tooltip', 5, "border-top-left-radius:{$css['menu_tooltip'][5]}px; ");
+print_css('menu_tooltip', 6, "border-top-right-radius:{$css['menu_tooltip'][6]}px; ");
+print_css('menu_tooltip', 7, "border-bottom-right-radius:{$css['menu_tooltip'][7]}px; ");
+print_css('menu_tooltip', 8, "border-bottom-left-radius:{$css['menu_tooltip'][8]}px; ");
 ?>}
 
 /* 사용자단 스타일 정의 */
 #header .gnbWrap,
-#mo_header .gnbWrap { <?php if ($css['menu_icon'][12])
-  echo "font-size:{$css['menu_icon'][12]}px; "; ?>}
+#mo_header .gnbWrap { <?php print_css('menu_icon', 12, "font-size:{$css['menu_icon'][12]}px; "); ?>}
 #header .gnbWrap .tooltips,
 #mo_header .gnbWrap .tooltips {
-<?php if ($css['menu_tooltip'][9])
-  echo "font-family:{$css['menu_tooltip'][9]}, sans-serif; "; ?>}
+<?php print_css('menu_tooltip', 9, "font-family:{$css['menu_tooltip'][9]}, sans-serif; "); ?>}
 
 @media all and (min-width: <?= ($tab_width + 1) ?>px) {
 #header {
@@ -318,8 +314,7 @@ switch ($css['use_header'][0]) {
 
 #header .gnbWrap .icons {
 <?php
-if ($css['menu_icon'][10])
-  echo "color:" . hex2rgba($css['menu_icon'][10], $css['menu_icon'][11]) . "; ";
+print_css('menu_icon', 10, "color:" . hex2rgba($css['menu_icon'][10], $css['menu_icon'][11]) . "; ");
 if ($css['menu_icon'][13] == 'diamond')
   echo "height:3.3em; ";
 ?>}
@@ -336,57 +331,40 @@ switch ($css['menu_icon'][13]) {
     echo "";
     break;
 }
-if ($css['menu_icon'][0])
-  echo "background-color:" . hex2rgba($css['menu_icon'][0], $css['menu_icon'][1]) . "; ";
-if ($css['menu_icon'][2])
-  echo "background:linear-gradient(0deg, " . hex2rgba($css['menu_icon'][2], $css['menu_icon'][3]) . " 0%, " . hex2rgba($css['menu_icon'][4], $css['menu_icon'][5]) . " 100%); ";
-if ($css['menu_icon'][6])
-  echo "border-color:" . hex2rgba($css['menu_icon'][6], $css['menu_icon'][7]) . "; ";
-if ($css['menu_icon'][8])
-  echo "border-style:{$css['menu_icon'][8]}; ";
-if ($css['menu_icon'][9])
-  echo "border-width:{$css['menu_icon'][9]}px; ";
+print_css('menu_icon', 0, "background-color:" . hex2rgba($css['menu_icon'][0], $css['menu_icon'][1]) . "; ");
+print_css('menu_icon', 2, "background:linear-gradient(0deg, " . hex2rgba($css['menu_icon'][2], $css['menu_icon'][3]) . " 0%, " . hex2rgba($css['menu_icon'][4], $css['menu_icon'][5]) . " 100%); ");
+print_css('menu_icon', 6, "border-color:" . hex2rgba($css['menu_icon'][6], $css['menu_icon'][7]) . "; ");
+print_css('menu_icon', 8, "border-style:{$css['menu_icon'][8]}; ");
+print_css('menu_icon', 9, "border-width:{$css['menu_icon'][9]}px; ");
 ?>}
 #header .gnbWrap .tooltips {
 <?php
-if ($css['menu_tooltip'][0])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ";
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
-if ($css['menu_tooltip'][4])
-  echo "font-size:{$css['menu_tooltip'][4]}px; ";
-if ($css['menu_tooltip'][5])
-  echo "border-top-left-radius:{$css['menu_tooltip'][5]}px; ";
-if ($css['menu_tooltip'][6])
-  echo "border-top-right-radius:{$css['menu_tooltip'][6]}px; ";
-if ($css['menu_tooltip'][7])
-  echo "border-bottom-right-radius:{$css['menu_tooltip'][7]}px; ";
-if ($css['menu_tooltip'][8])
-  echo "border-bottom-left-radius:{$css['menu_tooltip'][8]}px; ";
+print_css('menu_tooltip', 0, "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ");
+print_css('menu_tooltip', 2, "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ");
+print_css('menu_tooltip', 4, "font-size:{$css['menu_tooltip'][4]}px; ");
+print_css('menu_tooltip', 5, "border-top-left-radius:{$css['menu_tooltip'][5]}px; ");
+print_css('menu_tooltip', 6, "border-top-right-radius:{$css['menu_tooltip'][6]}px; ");
+print_css('menu_tooltip', 7, "border-bottom-right-radius:{$css['menu_tooltip'][7]}px; ");
+print_css('menu_tooltip', 8, "border-bottom-left-radius:{$css['menu_tooltip'][8]}px; ");
 ?>}
 }
 @media all and (max-width: <?= $tab_width ?>px) {
 #mo_header {
 <?php
-if ($css['menu_tooltip'][0])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ";
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
+print_css('menu_tooltip', 0, "background-color:" . hex2rgba($css['menu_tooltip'][0], $css['menu_tooltip'][1]) . "; ");
+print_css('menu_tooltip', 2, "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ");
 ?>}
 #mo_header .gnbWrap a {
 <?php
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
+print_css('menu_tooltip', 2, "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ");
 ?>}
 #mo_header .gnbWrap li.line {
 <?php
-if ($css['menu_tooltip'][2])
-  echo "background-color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
+print_css('menu_tooltip', 2, "background-color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ");
 ?>}
 body.open-gnb .control-mobile-menu {
 <?php
-if ($css['menu_tooltip'][2])
-  echo "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ";
+print_css('menu_tooltip', 2, "color:" . hex2rgba($css['menu_tooltip'][2], $css['menu_tooltip'][3]) . "; ");
 ?>}
 }
 
@@ -398,52 +376,38 @@ if ($css['menu_tooltip'][2])
 
 *::-webkit-scrollbar {
 <?php
-if ($css['scrollbar'][2])
-  echo "width:{$css['scrollbar'][2]}px; height:{$css['scrollbar'][2]}px; ";
+print_css('scrollbar', 2, "width:{$css['scrollbar'][2]}px; height:{$css['scrollbar'][2]}px; ");
 ?>}
 *::-webkit-scrollbar-track {
 <?php
-if ($css['scrollbar'][0])
-  echo "background-color:" . hex2rgba($css['scrollbar'][0], $css['scrollbar'][1]) . "; ";
+print_css('scrollbar', 0, "background-color:" . hex2rgba($css['scrollbar'][0], $css['scrollbar'][1]) . "; ");
 ?>}
 *::-webkit-scrollbar-thumb {
 <?php
-if ($css['scrollbar'][3])
-  echo "background-color:" . hex2rgba($css['scrollbar'][3], $css['scrollbar'][4]) . "; ";
-if ($css['scrollbar'][5])
-  echo "border-top-left-radius:{$css['scrollbar'][5]}px; ";
-if ($css['scrollbar'][6])
-  echo "border-top-right-radius:{$css['scrollbar'][6]}px; ";
-if ($css['scrollbar'][7])
-  echo "border-bottom-right-radius:{$css['scrollbar'][7]}px; ";
-if ($css['scrollbar'][8])
-  echo "border-bottom-left-radius:{$css['scrollbar'][8]}px; ";
+print_css('scrollbar', 3, "background-color:" . hex2rgba($css['scrollbar'][3], $css['scrollbar'][4]) . "; ");
+print_css('scrollbar', 5, "border-top-left-radius:{$css['scrollbar'][5]}px; ");
+print_css('scrollbar', 6, "border-top-right-radius:{$css['scrollbar'][6]}px; ");
+print_css('scrollbar', 7, "border-bottom-right-radius:{$css['scrollbar'][7]}px; ");
+print_css('scrollbar', 8, "border-bottom-left-radius:{$css['scrollbar'][8]}px; ");
 ?>}
 
 * {
-<?php if ($css['color_point'][0])
-  echo "outline-color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; "; ?>}
+<?php print_css('color_point', 0, "outline-color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; "); ?>}
 
 ::selection {
 <?php
-if ($css['color_point'][0])
-  echo "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-if ($css['color_bak'][0])
-  echo "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ";
+print_css('color_point', 0, "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ");
+print_css('color_bak', 0, "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ");
 ?>}
 ::-moz-selection {
 <?php
-if ($css['color_point'][0])
-  echo "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-if ($css['color_bak'][0])
-  echo "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ";
+print_css('color_point', 0, "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ");
+print_css('color_bak', 0, "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ");
 ?>}
 ::-webkit-selection {
 <?php
-if ($css['color_point'][0])
-  echo "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
-if ($css['color_bak'][0])
-  echo "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ";
+print_css('color_point', 0, "background:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ");
+print_css('color_bak', 0, "color:" . hex2rgba($css['color_bak'][0], $css['color_bak'][1]) . "; ");
 ?>}
 
 
@@ -453,117 +417,79 @@ if ($css['color_bak'][0])
 
 .ui-btn {
 <?php
-if ($css['input_bak'][2])
-  echo "height:{$css['input_bak'][2]}px; ";
-if ($css['input_bak'][5])
-  echo "font-size:{$css['input_bak'][5]}px; ";
+print_css('input_bak', 2, "height:{$css['input_bak'][2]}px; ");
+print_css('input_bak', 5, "font-size:{$css['input_bak'][5]}px; ");
 
-if ($css['btn_default'][12])
-  echo "border-top-left-radius:{$css['btn_default'][12]}px; ";
-if ($css['btn_default'][13])
-  echo "border-top-right-radius:{$css['btn_default'][13]}px; ";
-if ($css['btn_default'][14])
-  echo "border-bottom-right-radius:{$css['btn_default'][14]}px; ";
-if ($css['btn_default'][15])
-  echo "border-bottom-left-radius:{$css['btn_default'][15]}px; ";
+print_css('btn_default', 12, "border-top-left-radius:{$css['btn_default'][12]}px; ");
+print_css('btn_default', 13, "border-top-right-radius:{$css['btn_default'][13]}px; ");
+print_css('btn_default', 14, "border-bottom-right-radius:{$css['btn_default'][14]}px; ");
+print_css('btn_default', 15, "border-bottom-left-radius:{$css['btn_default'][15]}px; ");
 
-if ($css['btn_default'][0])
-  echo "background-color:" . hex2rgba($css['btn_default'][0], $css['btn_default'][1]) . "; ";
-if ($css['btn_default'][2])
-  echo "color:" . hex2rgba($css['btn_default'][2], $css['btn_default'][3]) . "; ";
-if ($css['btn_default'][4])
-  echo "border-color:" . hex2rgba($css['btn_default'][4], $css['btn_default'][5]) . "; ";
+print_css('btn_default', 0, "background-color:" . hex2rgba($css['btn_default'][0], $css['btn_default'][1]) . "; ");
+print_css('btn_default', 2, "color:" . hex2rgba($css['btn_default'][2], $css['btn_default'][3]) . "; ");
+print_css('btn_default', 4, "border-color:" . hex2rgba($css['btn_default'][4], $css['btn_default'][5]) . "; ");
 ?>}
 .ui-btn:hover {
 <?php
-if ($css['btn_default'][6])
-  echo "background-color:" . hex2rgba($css['btn_default'][6], $css['btn_default'][7]) . "; ";
-if ($css['btn_default'][8])
-  echo "color:" . hex2rgba($css['btn_default'][8], $css['btn_default'][9]) . "; ";
-if ($css['btn_default'][10])
-  echo "border-color:" . hex2rgba($css['btn_default'][10], $css['btn_default'][11]) . "; ";
+print_css('btn_default', 6, "background-color:" . hex2rgba($css['btn_default'][6], $css['btn_default'][7]) . "; ");
+print_css('btn_default', 8, "color:" . hex2rgba($css['btn_default'][8], $css['btn_default'][9]) . "; ");
+print_css('btn_default', 10, "border-color:" . hex2rgba($css['btn_default'][10], $css['btn_default'][11]) . "; ");
 ?>}
 .ui-btn.point {
 <?php
-if ($css['btn_point'][12])
-  echo "border-top-left-radius:{$css['btn_point'][12]}px; ";
-if ($css['btn_point'][13])
-  echo "border-top-right-radius:{$css['btn_point'][13]}px; ";
-if ($css['btn_point'][14])
-  echo "border-bottom-right-radius:{$css['btn_point'][14]}px; ";
-if ($css['btn_point'][15])
-  echo "border-bottom-left-radius:{$css['btn_point'][15]}px; ";
+print_css('btn_point', 12, "border-top-left-radius:{$css['btn_point'][12]}px; ");
+print_css('btn_point', 13, "border-top-right-radius:{$css['btn_point'][13]}px; ");
+print_css('btn_point', 14, "border-bottom-right-radius:{$css['btn_point'][14]}px; ");
+print_css('btn_point', 15, "border-bottom-left-radius:{$css['btn_point'][15]}px; ");
 
-if ($css['btn_point'][0])
-  echo "background-color:" . hex2rgba($css['btn_point'][0], $css['btn_point'][1]) . "; ";
-if ($css['btn_point'][2])
-  echo "color:" . hex2rgba($css['btn_point'][2], $css['btn_point'][3]) . "; ";
-if ($css['btn_point'][4])
-  echo "border-color:" . hex2rgba($css['btn_point'][4], $css['btn_point'][5]) . "; ";
+print_css('btn_point', 0, "background-color:" . hex2rgba($css['btn_point'][0], $css['btn_point'][1]) . "; ");
+print_css('btn_point', 2, "color:" . hex2rgba($css['btn_point'][2], $css['btn_point'][3]) . "; ");
+print_css('btn_point', 4, "border-color:" . hex2rgba($css['btn_point'][4], $css['btn_point'][5]) . "; ");
 ?>}
 .ui-btn.point:hover {
 <?php
-if ($css['btn_point'][6])
-  echo "background-color:" . hex2rgba($css['btn_point'][6], $css['btn_point'][7]) . "; ";
-if ($css['btn_point'][8])
-  echo "color:" . hex2rgba($css['btn_point'][8], $css['btn_point'][9]) . "; ";
-if ($css['btn_point'][10])
-  echo "border-color:" . hex2rgba($css['btn_point'][10], $css['btn_point'][11]) . "; ";
+print_css('btn_point', 6, "background-color:" . hex2rgba($css['btn_point'][6], $css['btn_point'][7]) . "; ");
+print_css('btn_point', 8, "color:" . hex2rgba($css['btn_point'][8], $css['btn_point'][9]) . "; ");
+print_css('btn_point', 10, "border-color:" . hex2rgba($css['btn_point'][10], $css['btn_point'][11]) . "; ");
 ?>}
 .ui-btn.etc {
 <?php
-if ($css['btn_etc'][12])
-  echo "border-top-left-radius:{$css['btn_etc'][12]}px; ";
-if ($css['btn_etc'][13])
-  echo "border-top-right-radius:{$css['btn_etc'][13]}px; ";
-if ($css['btn_etc'][14])
-  echo "border-bottom-right-radius:{$css['btn_etc'][14]}px; ";
-if ($css['btn_etc'][15])
-  echo "border-bottom-left-radius:{$css['btn_etc'][15]}px; ";
+print_css('btn_etc', 12, "border-top-left-radius:{$css['btn_etc'][12]}px; ");
+print_css('btn_etc', 13, "border-top-right-radius:{$css['btn_etc'][13]}px; ");
+print_css('btn_etc', 14, "border-bottom-right-radius:{$css['btn_etc'][14]}px; ");
+print_css('btn_etc', 15, "border-bottom-left-radius:{$css['btn_etc'][15]}px; ");
 
-if ($css['btn_etc'][0])
-  echo "background-color:" . hex2rgba($css['btn_etc'][0], $css['btn_etc'][1]) . "; ";
-if ($css['btn_etc'][2])
-  echo "color:" . hex2rgba($css['btn_etc'][2], $css['btn_etc'][3]) . "; ";
-if ($css['btn_etc'][4])
-  echo "border-color:" . hex2rgba($css['btn_etc'][4], $css['btn_etc'][5]) . "; ";
+print_css('btn_etc', 0, "background-color:" . hex2rgba($css['btn_etc'][0], $css['btn_etc'][1]) . "; ");
+print_css('btn_etc', 2, "color:" . hex2rgba($css['btn_etc'][2], $css['btn_etc'][3]) . "; ");
+print_css('btn_etc', 4, "border-color:" . hex2rgba($css['btn_etc'][4], $css['btn_etc'][5]) . "; ");
 ?>}
 .ui-btn.etc:hover {
 <?php
-if ($css['btn_etc'][6])
-  echo "background-color:" . hex2rgba($css['btn_etc'][6], $css['btn_etc'][7]) . "; ";
-if ($css['btn_etc'][8])
-  echo "color:" . hex2rgba($css['btn_etc'][8], $css['btn_etc'][9]) . "; ";
-if ($css['btn_etc'][10])
-  echo "border-color:" . hex2rgba($css['btn_etc'][10], $css['btn_etc'][11]) . "; ";
+print_css('btn_etc', 6, "background-color:" . hex2rgba($css['btn_etc'][6], $css['btn_etc'][7]) . "; ");
+print_css('btn_etc', 8, "color:" . hex2rgba($css['btn_etc'][8], $css['btn_etc'][9]) . "; ");
+print_css('btn_etc', 10, "border-color:" . hex2rgba($css['btn_etc'][10], $css['btn_etc'][11]) . "; ");
 ?>}
 
 a.ui-btn {
 <?php
-if ($css['input_bak'][2])
-  echo "line-height:" . ($css['input_bak'][2] - 2) . "px; ";
+print_css('input_bak', 2, "line-height:" . ($css['input_bak'][2] - 2) . "px; ");
 ?>}
 .ui-btn.small {
 <?php
-if ($css['input_bak'][2])
-  echo "height:" . ($css['input_bak'][2] - 10) . "px; ";
+print_css('input_bak', 2, "height:" . ($css['input_bak'][2] - 10) . "px; ");
 ?>}
 a.ui-btn.small {
 <?php
-if ($css['input_bak'][2])
-  echo "line-height:" . ($css['input_bak'][2] - 10) . "px; ";
+print_css('input_bak', 2, "line-height:" . ($css['input_bak'][2] - 10) . "px; ");
 ?>}
 .ui-btn.big {
 <?php
-if ($css['input_bak'][5])
-  echo "font-size:" . ($css['input_bak'][5] + 3) . "px; ";
-if ($css['input_bak'][2])
-  echo "height:" . ($css['input_bak'][2] + 10) . "px; ";
+print_css('input_bak', 5, "font-size:" . ($css['input_bak'][5] + 3) . "px; ");
+print_css('input_bak', 2, "height:" . ($css['input_bak'][2] + 10) . "px; ");
 ?>}
 a.ui-btn.big {
 <?php
-if ($css['input_bak'][2])
-  echo "line-height:" . ($css['input_bak'][2] + 8) . "px; ";
+print_css('input_bak', 2, "line-height:" . ($css['input_bak'][2] + 8) . "px; ");
 ?>}
 
 
@@ -571,11 +497,9 @@ if ($css['input_bak'][2])
 검색박스 영역
 ***************************************************************/
 
-#bo_sch { <?php if ($css['input_bak'][2])
-  echo "margin-top:" . ($css['input_bak'][2]) . "px; "; ?>}
+#bo_sch { <?php print_css('input_bak', 2, "margin-top:" . ($css['input_bak'][2]) . "px; "); ?>}
 #bo_sch button {
-<?php if ($css['input_bak'][2])
-  echo "width:" . ($css['input_bak'][2]) . "px; height:" . ($css['input_bak'][2]) . "px; font-size:" . ($css['input_bak'][2] / 2) . "px; "; ?>}
+<?php print_css('input_bak', 2, "width:" . ($css['input_bak'][2]) . "px; height:" . ($css['input_bak'][2]) . "px; font-size:" . ($css['input_bak'][2] / 2) . "px; "); ?>}
 
 
 /**************************************************************
@@ -586,30 +510,21 @@ if ($css['input_bak'][2])
 #bo_w,
 #bo_v {
 <?php
-if ($css['board_table'][0])
-  echo "padding:1.5em; background-color:" . hex2rgba($css['board_table'][0], $css['board_table'][1]) . "; ";
-if ($css['board_table'][2])
-  echo "color:" . hex2rgba($css['board_table'][2], $css['board_table'][3]) . "; ";
-if ($css['board_table'][4])
-  echo "border-color:" . hex2rgba($css['board_table'][4], $css['board_table'][5]) . "; ";
+print_css('board_table', 0, "padding:1.5em; background-color:" . hex2rgba($css['board_table'][0], $css['board_table'][1]) . "; ");
+print_css('board_table', 2, "color:" . hex2rgba($css['board_table'][2], $css['board_table'][3]) . "; ");
+print_css('board_table', 4, "border-color:" . hex2rgba($css['board_table'][4], $css['board_table'][5]) . "; ");
 $css['board_table']['border'] = explode("||", $css['board_table'][8]);
 for ($i = 0; $i < count($css['board_table']['border']); $i++) {
   if ($css['board_table']['border'][$i]) {
-    if ($css['board_table'][6])
-      echo "border-{$css['board_table']['border'][$i]}-style:{$css['board_table'][6]}; ";
-    if ($css['board_table'][7])
-      echo "border-{$css['board_table']['border'][$i]}-width:{$css['board_table'][7]}px; ";
+    print_css('board_table', 6, "border-{$css['board_table']['border'][$i]}-style:{$css['board_table'][6]}; ");
+    print_css('board_table', 7, "border-{$css['board_table']['border'][$i]}-width:{$css['board_table'][7]}px; ");
   }
 }
 
-if ($css['board_table'][9])
-  echo "border-top-left-radius:{$css['board_table'][9]}px; ";
-if ($css['board_table'][10])
-  echo "border-top-right-radius:{$css['board_table'][10]}px; ";
-if ($css['board_table'][11])
-  echo "border-bottom-right-radius:{$css['board_table'][11]}px; ";
-if ($css['board_table'][12])
-  echo "border-bottom-left-radius:{$css['board_table'][12]}px; ";
+print_css('board_table', 9, "border-top-left-radius:{$css['board_table'][9]}px; ");
+print_css('board_table', 10, "border-top-right-radius:{$css['board_table'][10]}px; ");
+print_css('board_table', 11, "border-bottom-right-radius:{$css['board_table'][11]}px; ");
+print_css('board_table', 12, "border-bottom-left-radius:{$css['board_table'][12]}px; ");
 ?>}
 
 #bo_v .board-title,
@@ -617,35 +532,28 @@ if ($css['board_table'][12])
 #bo_v #bo_vc,
 #bo_v #bo_v_bot {
 <?php
-if ($css['form_body'][4])
-  echo "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ";
+print_css('form_body', 4, "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ");
 ?>}
 #bo_v .board-title,
 #bo_v .board-info {
 <?php
-if ($css['form_body'][6])
-  echo "border-bottom-style:{$css['form_body'][6]}; ";
-if ($css['form_body'][7])
-  echo "border-bottom-width:{$css['form_body'][7]}px; ";
+print_css('form_body', 6, "border-bottom-style:{$css['form_body'][6]}; ");
+print_css('form_body', 7, "border-bottom-width:{$css['form_body'][7]}px; ");
 ?>}
 #bo_v #bo_vc,
 #bo_v #bo_v_bot {
 <?php
-if ($css['form_body'][6])
-  echo "border-top-style:{$css['form_body'][6]}; ";
-if ($css['form_body'][7])
-  echo "border-top-width:{$css['form_body'][7]}px; ";
+print_css('form_body', 6, "border-top-style:{$css['form_body'][6]}; ");
+print_css('form_body', 7, "border-top-width:{$css['form_body'][7]}px; ");
 ?>}
 
 #bo_v .board-title > * {
 <?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
+print_css('color_point', 0, "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ");
 ?>}
 #bo_v #bo_vc .is-reply {
 <?php
-if ($css['form_body'][4])
-  echo "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ";
+print_css('form_body', 4, "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ");
 ?>}
 
 
@@ -656,28 +564,23 @@ if ($css['form_body'][4])
 
 .pg_wrap {
 <?php
-if ($css['input_bak'][5])
-  echo "font-size:{$css['input_bak'][5]}px; ";
+print_css('input_bak', 5, "font-size:{$css['input_bak'][5]}px; ");
 ?>}
 .pg_wrap .pg_page {
 <?php
-if ($css['default_font'][0])
-  echo "color:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ";
+print_css('default_font', 0, "color:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ");
 ?>}
 .pg_wrap .pg_page:hover {
 <?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
+print_css('color_point', 0, "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ");
 ?>}
 .pg_wrap .pg_control {
 <?php
-if ($css['color_default'][0])
-  echo "color:" . hex2rgba($css['color_default'][0], $css['color_default'][1]) . "; ";
+print_css('color_default', 0, "color:" . hex2rgba($css['color_default'][0], $css['color_default'][1]) . "; ");
 ?>}
 .pg_wrap .pg_current {
 <?php
-if ($css['color_point'][0])
-  echo "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ";
+print_css('color_point', 0, "color:" . hex2rgba($css['color_point'][0], $css['color_point'][1]) . "; ");
 ?>}
 
 
@@ -687,8 +590,7 @@ if ($css['color_point'][0])
 
 hr.line {
 <?php
-if ($css['default_font'][0])
-  echo "background:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ";
+print_css('default_font', 0, "background:" . hex2rgba($css['default_font'][0], $css['default_font'][1]) . "; ");
 ?>}
 
 
@@ -703,8 +605,7 @@ input[type="number"],
 input[type="password"],
 select {
 <?php
-if ($css['input_bak'][2])
-  echo "height:{$css['input_bak'][2]}px; ";
+print_css('input_bak', 2, "height:{$css['input_bak'][2]}px; ");
 ?>}
 
 .form-input,
@@ -716,28 +617,19 @@ textarea,
 select {
 <?php
 $css['input_bak'][4] = $css['input_bak'][4] == "" ? 0 : $css['input_bak'][4];
-if ($css['input_bak'][0])
-  echo "background-color:" . hex2rgba($css['input_bak'][0], $css['input_bak'][1]) . "; ";
-if ($css['input_bak'][6])
-  echo "border-color:" . hex2rgba($css['input_bak'][6], $css['input_bak'][7]) . "; ";
-if ($css['input_bak'][3])
-  echo "color:" . hex2rgba($css['input_bak'][3], $css['input_bak'][4]) . "; ";
+print_css('input_bak', 0, "background-color:" . hex2rgba($css['input_bak'][0], $css['input_bak'][1]) . "; ");
+print_css('input_bak', 6, "border-color:" . hex2rgba($css['input_bak'][6], $css['input_bak'][7]) . "; ");
+print_css('input_bak', 3, "color:" . hex2rgba($css['input_bak'][3], $css['input_bak'][4]) . "; ");
 
-if ($css['input_bak'][5])
-  echo "font-size:{$css['input_bak'][5]}px; ";
-if ($css['input_bak'][8])
-  echo "border-top-left-radius:{$css['input_bak'][8]}px; ";
-if ($css['input_bak'][9])
-  echo "border-top-right-radius:{$css['input_bak'][9]}px; ";
-if ($css['input_bak'][10])
-  echo "border-bottom-right-radius:{$css['input_bak'][10]}px; ";
-if ($css['input_bak'][11])
-  echo "border-bottom-left-radius:{$css['input_bak'][11]}px; ";
+print_css('input_bak', 5, "font-size:{$css['input_bak'][5]}px; ");
+print_css('input_bak', 8, "border-top-left-radius:{$css['input_bak'][8]}px; ");
+print_css('input_bak', 9, "border-top-right-radius:{$css['input_bak'][9]}px; ");
+print_css('input_bak', 10, "border-bottom-right-radius:{$css['input_bak'][10]}px; ");
+print_css('input_bak', 11, "border-bottom-left-radius:{$css['input_bak'][11]}px; ");
 ?>}
 
 *::placeholder {
-<?php if ($css['input_bak'][3])
-  echo "color:" . hex2rgba($css['input_bak'][3], ($css['input_bak'][4] + 50)) . "; "; ?>}
+<?php print_css('input_bak', 3, "color:" . hex2rgba($css['input_bak'][3], ($css['input_bak'][4] + 50)) . "; "); ?>}
 
 
 /**************************************************************
@@ -746,58 +638,40 @@ if ($css['input_bak'][11])
 
 .theme-box {
 <?php
-if ($css['box_style'][0])
-  echo "background-color:" . hex2rgba($css['box_style'][0], $css['box_style'][1]) . "; ";
-if ($css['box_style'][2])
-  echo "color:" . hex2rgba($css['box_style'][2], $css['box_style'][3]) . "; ";
-if ($css['box_style'][4])
-  echo "border-color:" . hex2rgba($css['box_style'][4], $css['box_style'][5]) . "; ";
+print_css('box_style', 0, "background-color:" . hex2rgba($css['box_style'][0], $css['box_style'][1]) . "; ");
+print_css('box_style', 2, "color:" . hex2rgba($css['box_style'][2], $css['box_style'][3]) . "; ");
+print_css('box_style', 4, "border-color:" . hex2rgba($css['box_style'][4], $css['box_style'][5]) . "; ");
 
-if ($css['box_style'][9])
-  echo "border-top-left-radius:{$css['box_style'][9]}px; ";
-if ($css['box_style'][10])
-  echo "border-top-right-radius:{$css['box_style'][10]}px; ";
-if ($css['box_style'][11])
-  echo "border-bottom-right-radius:{$css['box_style'][11]}px; ";
-if ($css['box_style'][12])
-  echo "border-bottom-left-radius:{$css['box_style'][12]}px; ";
+print_css('box_style', 9, "border-top-left-radius:{$css['box_style'][9]}px; ");
+print_css('box_style', 10, "border-top-right-radius:{$css['box_style'][10]}px; ");
+print_css('box_style', 11, "border-bottom-right-radius:{$css['box_style'][11]}px; ");
+print_css('box_style', 12, "border-bottom-left-radius:{$css['box_style'][12]}px; ");
 
 $css['box_style']['border'] = explode("||", $css['box_style'][8]);
 for ($i = 0; $i < count($css['box_style']['border']); $i++) {
   if ($css['box_style']['border'][$i]) {
-    if ($css['box_style'][6])
-      echo "border-{$css['box_style']['border'][$i]}-style:{$css['box_style'][6]}; ";
-    if ($css['box_style'][7])
-      echo "border-{$css['box_style']['border'][$i]}-width:{$css['box_style'][7]}px; ";
+    print_css('box_style', 6, "border-{$css['box_style']['border'][$i]}-style:{$css['box_style'][6]}; ");
+    print_css('box_style', 7, "border-{$css['box_style']['border'][$i]}-width:{$css['box_style'][7]}px; ");
   }
 }
 ?>}
 
 .board-notice-box {
 <?php
-if ($css['board_notice'][0])
-  echo "background-color:" . hex2rgba($css['board_notice'][0], $css['board_notice'][1]) . "; ";
-if ($css['board_notice'][2])
-  echo "color:" . hex2rgba($css['board_notice'][2], $css['board_notice'][3]) . "; ";
-if ($css['board_notice'][4])
-  echo "border-color:" . hex2rgba($css['board_notice'][4], $css['board_notice'][5]) . "; ";
+print_css('board_notice', 0, "background-color:" . hex2rgba($css['board_notice'][0], $css['board_notice'][1]) . "; ");
+print_css('board_notice', 2, "color:" . hex2rgba($css['board_notice'][2], $css['board_notice'][3]) . "; ");
+print_css('board_notice', 4, "border-color:" . hex2rgba($css['board_notice'][4], $css['board_notice'][5]) . "; ");
 
-if ($css['board_notice'][9])
-  echo "border-top-left-radius:{$css['board_notice'][9]}px; ";
-if ($css['board_notice'][10])
-  echo "border-top-right-radius:{$css['board_notice'][10]}px; ";
-if ($css['board_notice'][11])
-  echo "border-bottom-right-radius:{$css['board_notice'][11]}px; ";
-if ($css['board_notice'][12])
-  echo "border-bottom-left-radius:{$css['board_notice'][12]}px; ";
+print_css('board_notice', 9, "border-top-left-radius:{$css['board_notice'][9]}px; ");
+print_css('board_notice', 10, "border-top-right-radius:{$css['board_notice'][10]}px; ");
+print_css('board_notice', 11, "border-bottom-right-radius:{$css['board_notice'][11]}px; ");
+print_css('board_notice', 12, "border-bottom-left-radius:{$css['board_notice'][12]}px; ");
 
 $css['board_notice']['border'] = explode("||", $css['board_notice'][8]);
 for ($i = 0; $i < count($css['board_notice']['border']); $i++) {
   if ($css['board_notice']['border'][$i]) {
-    if ($css['board_notice'][6])
-      echo "border-{$css['board_notice']['border'][$i]}-style:{$css['board_notice'][6]}; ";
-    if ($css['board_notice'][7])
-      echo "border-{$css['board_notice']['border'][$i]}-width:{$css['board_notice'][7]}px; ";
+    print_css('board_notice', 6, "border-{$css['board_notice']['border'][$i]}-style:{$css['board_notice'][6]}; ");
+    print_css('board_notice', 7, "border-{$css['board_notice']['border'][$i]}-width:{$css['board_notice'][7]}px; ");
   }
 }
 ?>}
@@ -809,75 +683,55 @@ for ($i = 0; $i < count($css['board_notice']['border']); $i++) {
 
 .theme-list thead th {
 <?php
-if ($css['list_header'][0])
-  echo "background-color:" . hex2rgba($css['list_header'][0], $css['list_header'][1]) . "; ";
-if ($css['list_header'][2])
-  echo "color:" . hex2rgba($css['list_header'][2], $css['list_header'][3]) . "; ";
-if ($css['list_header'][4])
-  echo "border-color:" . hex2rgba($css['list_header'][4], $css['list_header'][5]) . "; ";
+print_css('list_header', 0, "background-color:" . hex2rgba($css['list_header'][0], $css['list_header'][1]) . "; ");
+print_css('list_header', 2, "color:" . hex2rgba($css['list_header'][2], $css['list_header'][3]) . "; ");
+print_css('list_header', 4, "border-color:" . hex2rgba($css['list_header'][4], $css['list_header'][5]) . "; ");
 $css['list_header']['border'] = explode("||", $css['list_header'][8]);
 for ($i = 0; $i < count($css['list_header']['border']); $i++) {
   if ($css['list_header']['border'][$i]) {
-    if ($css['list_header'][6])
-      echo "border-{$css['list_header']['border'][$i]}-style:{$css['list_header'][6]}; ";
-    if ($css['list_header'][7])
-      echo "border-{$css['list_header']['border'][$i]}-width:{$css['list_header'][7]}px; ";
+    print_css('list_header', 6, "border-{$css['list_header']['border'][$i]}-style:{$css['list_header'][6]}; ");
+    print_css('list_header', 7, "border-{$css['list_header']['border'][$i]}-width:{$css['list_header'][7]}px; ");
   }
 }
 ?>}
 .theme-list tbody th,
 .theme-list tbody td {
 <?php
-if ($css['list_body'][0])
-  echo "background-color:" . hex2rgba($css['list_body'][0], $css['list_body'][1]) . "; ";
-if ($css['list_body'][2])
-  echo "color:" . hex2rgba($css['list_body'][2], $css['list_body'][3]) . "; ";
-if ($css['list_body'][4])
-  echo "border-color:" . hex2rgba($css['list_body'][4], $css['list_body'][5]) . "; ";
+print_css('list_body', 0, "background-color:" . hex2rgba($css['list_body'][0], $css['list_body'][1]) . "; ");
+print_css('list_body', 2, "color:" . hex2rgba($css['list_body'][2], $css['list_body'][3]) . "; ");
+print_css('list_body', 4, "border-color:" . hex2rgba($css['list_body'][4], $css['list_body'][5]) . "; ");
 $css['list_body']['border'] = explode("||", $css['list_body'][8]);
 for ($i = 0; $i < count($css['list_body']['border']); $i++) {
   if ($css['list_body']['border'][$i]) {
-    if ($css['list_body'][6])
-      echo "border-{$css['list_body']['border'][$i]}-style:{$css['list_body'][6]}; ";
-    if ($css['list_body'][7])
-      echo "border-{$css['list_body']['border'][$i]}-width:{$css['list_body'][7]}px; ";
+    print_css('list_body', 6, "border-{$css['list_body']['border'][$i]}-style:{$css['list_body'][6]}; ");
+    print_css('list_body', 7, "border-{$css['list_body']['border'][$i]}-width:{$css['list_body'][7]}px; ");
   }
 }
 ?>}
 
 .theme-form tbody th {
 <?php
-if ($css['form_header'][0])
-  echo "background-color:" . hex2rgba($css['form_header'][0], $css['form_header'][1]) . "; ";
-if ($css['form_header'][2])
-  echo "color:" . hex2rgba($css['form_header'][2], $css['form_header'][3]) . "; ";
-if ($css['form_header'][4])
-  echo "border-color:" . hex2rgba($css['form_header'][4], $css['form_header'][5]) . "; ";
+print_css('form_header', 0, "background-color:" . hex2rgba($css['form_header'][0], $css['form_header'][1]) . "; ");
+print_css('form_header', 2, "color:" . hex2rgba($css['form_header'][2], $css['form_header'][3]) . "; ");
+print_css('form_header', 4, "border-color:" . hex2rgba($css['form_header'][4], $css['form_header'][5]) . "; ");
 $css['form_header']['border'] = explode("||", $css['form_header'][8]);
 for ($i = 0; $i < count($css['form_header']['border']); $i++) {
   if ($css['form_header']['border'][$i]) {
-    if ($css['form_header'][6])
-      echo "border-{$css['form_header']['border'][$i]}-style:{$css['form_header'][6]}; ";
-    if ($css['form_header'][7])
-      echo "border-{$css['form_header']['border'][$i]}-width:{$css['form_header'][7]}px; ";
+    print_css('form_header', 6, "border-{$css['form_header']['border'][$i]}-style:{$css['form_header'][6]}; ");
+    print_css('form_header', 7, "border-{$css['form_header']['border'][$i]}-width:{$css['form_header'][7]}px; ");
   }
 }
 ?>}
 .theme-form tbody td {
 <?php
-if ($css['form_body'][0])
-  echo "background-color:" . hex2rgba($css['form_body'][0], $css['form_body'][1]) . "; ";
-if ($css['form_body'][2])
-  echo "color:" . hex2rgba($css['form_body'][2], $css['form_body'][3]) . "; ";
-if ($css['form_body'][4])
-  echo "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ";
+print_css('form_body', 0, "background-color:" . hex2rgba($css['form_body'][0], $css['form_body'][1]) . "; ");
+print_css('form_body', 2, "color:" . hex2rgba($css['form_body'][2], $css['form_body'][3]) . "; ");
+print_css('form_body', 4, "border-color:" . hex2rgba($css['form_body'][4], $css['form_body'][5]) . "; ");
 $css['form_body']['border'] = explode("||", $css['form_body'][8]);
 for ($i = 0; $i < count($css['form_body']['border']); $i++) {
   if ($css['form_body']['border'][$i]) {
-    if ($css['form_body'][6])
-      echo "border-{$css['form_body']['border'][$i]}-style:{$css['form_body'][6]}; ";
-    if ($css['form_body'][7])
-      echo "border-{$css['form_body']['border'][$i]}-width:{$css['form_body'][7]}px; ";
+    print_css('form_body', 6, "border-{$css['form_body']['border'][$i]}-style:{$css['form_body'][6]}; ");
+    print_css('form_body', 7, "border-{$css['form_body']['border'][$i]}-width:{$css['form_body'][7]}px; ");
   }
 }
 ?>}
@@ -891,33 +745,23 @@ for ($i = 0; $i < count($css['form_body']['border']); $i++) {
 
 #load_log_board {
 <?php
-if ($css['mmb_contain_bak'][0])
-  echo "background-image:url('{$css['mmb_contain_bak'][0]}'); ";
-if ($css['mmb_contain_bak'][1])
-  echo "background-color:" . hex2rgba($css['mmb_contain_bak'][1], $css['mmb_contain_bak'][2]) . "; ";
-if ($css['mmb_contain_bak'][3])
-  echo "background-repeat:{$css['mmb_contain_bak'][3]}; ";
-if ($css['mmb_contain_bak'][4])
-  echo "background-position:{$css['mmb_contain_bak'][4]}; ";
-if ($css['mmb_contain_bak'][5])
-  echo "background-size:{$css['mmb_contain_bak'][5]}; ";
+print_css('mmb_contain_bak', 0, "background-image:url('{$css['mmb_contain_bak'][0]}'); ");
+print_css('mmb_contain_bak', 1, "background-color:" . hex2rgba($css['mmb_contain_bak'][1], $css['mmb_contain_bak'][2]) . "; ");
+print_css('mmb_contain_bak', 3, "background-repeat:{$css['mmb_contain_bak'][3]}; ");
+print_css('mmb_contain_bak', 4, "background-position:{$css['mmb_contain_bak'][4]}; ");
+print_css('mmb_contain_bak', 5, "background-size:{$css['mmb_contain_bak'][5]}; ");
 ?>}
 
 #log_list {
 <?php
-if ($css['mmb_list'][0])
-  echo "background-color:" . hex2rgba($css['mmb_list'][0], $css['mmb_list'][1]) . "; ";
-if ($css['mmb_list'][2])
-  echo "color:" . hex2rgba($css['mmb_list'][2], $css['mmb_list'][3]) . "; ";
-if ($css['mmb_list'][4])
-  echo "border-color:" . hex2rgba($css['mmb_list'][4], $css['mmb_list'][5]) . "; ";
+print_css('mmb_list', 0, "background-color:" . hex2rgba($css['mmb_list'][0], $css['mmb_list'][1]) . "; ");
+print_css('mmb_list', 2, "color:" . hex2rgba($css['mmb_list'][2], $css['mmb_list'][3]) . "; ");
+print_css('mmb_list', 4, "border-color:" . hex2rgba($css['mmb_list'][4], $css['mmb_list'][5]) . "; ");
 $css['mmb_list']['border'] = explode("||", $css['mmb_list'][8]);
 for ($i = 0; $i < count($css['mmb_list']['border']); $i++) {
   if ($css['mmb_list']['border'][$i]) {
-    if ($css['mmb_list'][6])
-      echo "border-{$css['mmb_list']['border'][$i]}-style:{$css['mmb_list'][6]}; ";
-    if ($css['mmb_list'][7])
-      echo "border-{$css['mmb_list']['border'][$i]}-width:{$css['mmb_list'][7]}px; ";
+    print_css('mmb_list', 6, "border-{$css['mmb_list']['border'][$i]}-style:{$css['mmb_list'][6]}; ");
+    print_css('mmb_list', 7, "border-{$css['mmb_list']['border'][$i]}-width:{$css['mmb_list'][7]}px; ");
   }
 }
 ?>}
@@ -926,40 +770,29 @@ for ($i = 0; $i < count($css['mmb_list']['border']); $i++) {
 <?php
 if ($css['mmb_list_item'][0])
   $is_item_area = true;
-if ($css['mmb_list_item'][0])
-  echo "background-color:" . hex2rgba($css['mmb_list_item'][0], $css['mmb_list_item'][1]) . "; ";
-if ($css['mmb_list_item'][2])
-  echo "color:" . hex2rgba($css['mmb_list_item'][2], $css['mmb_list_item'][3]) . "; ";
-if ($css['mmb_list_item'][4])
-  echo "border-color:" . hex2rgba($css['mmb_list_item'][4], $css['mmb_list_item'][5]) . "; ";
+print_css('mmb_list_item', 0, "background-color:" . hex2rgba($css['mmb_list_item'][0], $css['mmb_list_item'][1]) . "; ");
+print_css('mmb_list_item', 2, "color:" . hex2rgba($css['mmb_list_item'][2], $css['mmb_list_item'][3]) . "; ");
+print_css('mmb_list_item', 4, "border-color:" . hex2rgba($css['mmb_list_item'][4], $css['mmb_list_item'][5]) . "; ");
 $css['mmb_list_item']['border'] = explode("||", $css['mmb_list_item'][8]);
 for ($i = 0; $i < count($css['mmb_list_item']['border']); $i++) {
   if ($css['mmb_list_item']['border'][$i]) {
-    if ($css['mmb_list_item'][6])
-      echo "border-{$css['mmb_list_item']['border'][$i]}-style:{$css['mmb_list_item'][6]}; ";
-    if ($css['mmb_list_item'][7])
-      echo "border-{$css['mmb_list_item']['border'][$i]}-width:{$css['mmb_list_item'][7]}px; ";
+    print_css('mmb_list_item', 6, "border-{$css['mmb_list_item']['border'][$i]}-style:{$css['mmb_list_item'][6]}; ");
+    print_css('mmb_list_item', 7, "border-{$css['mmb_list_item']['border'][$i]}-width:{$css['mmb_list_item'][7]}px; ");
   }
 }
-if ($css['mmb_list_item'][9])
-  echo "margin-bottom:{$css['mmb_list_item'][9]}px; ";
+print_css('mmb_list_item', 9, "margin-bottom:{$css['mmb_list_item'][9]}px; ");
 ?>}
 
 #log_list .item .item-inner .ui-pic {
 <?php
-if ($css['mmb_log'][0])
-  echo "background-color:" . hex2rgba($css['mmb_log'][0], $css['mmb_log'][1]) . "; ";
-if ($css['mmb_log'][2])
-  echo "color:" . hex2rgba($css['mmb_log'][2], $css['mmb_log'][3]) . "; ";
-if ($css['mmb_log'][4])
-  echo "border-color:" . hex2rgba($css['mmb_log'][4], $css['mmb_log'][5]) . "; ";
+print_css('mmb_log', 0, "background-color:" . hex2rgba($css['mmb_log'][0], $css['mmb_log'][1]) . "; ");
+print_css('mmb_log', 2, "color:" . hex2rgba($css['mmb_log'][2], $css['mmb_log'][3]) . "; ");
+print_css('mmb_log', 4, "border-color:" . hex2rgba($css['mmb_log'][4], $css['mmb_log'][5]) . "; ");
 $css['mmb_log']['border'] = explode("||", $css['mmb_log'][8]);
 for ($i = 0; $i < count($css['mmb_log']['border']); $i++) {
   if ($css['mmb_log']['border'][$i]) {
-    if ($css['mmb_log'][6])
-      echo "border-{$css['mmb_log']['border'][$i]}-style:{$css['mmb_log'][6]}; ";
-    if ($css['mmb_log'][7])
-      echo "border-{$css['mmb_log']['border'][$i]}-width:{$css['mmb_log'][7]}px; ";
+    print_css('mmb_log', 6, "border-{$css['mmb_log']['border'][$i]}-style:{$css['mmb_log'][6]}; ");
+    print_css('mmb_log', 7, "border-{$css['mmb_log']['border'][$i]}-width:{$css['mmb_log'][7]}px; ");
   }
 }
 ?>}
@@ -968,42 +801,31 @@ for ($i = 0; $i < count($css['mmb_log']['border']); $i++) {
 <?php
 if ($css['mmb_reply_item'][0])
   $is_comment_area = true;
-if ($css['mmb_reply_item'][0])
-  echo "background-color:" . hex2rgba($css['mmb_reply_item'][0], $css['mmb_reply_item'][1]) . "; ";
-if ($css['mmb_reply_item'][2])
-  echo "color:" . hex2rgba($css['mmb_reply_item'][2], $css['mmb_reply_item'][3]) . "; ";
-if ($css['mmb_reply_item'][4])
-  echo "border-color:" . hex2rgba($css['mmb_reply_item'][4], $css['mmb_reply_item'][5]) . "; ";
+print_css('mmb_reply_item', 0, "background-color:" . hex2rgba($css['mmb_reply_item'][0], $css['mmb_reply_item'][1]) . "; ");
+print_css('mmb_reply_item', 2, "color:" . hex2rgba($css['mmb_reply_item'][2], $css['mmb_reply_item'][3]) . "; ");
+print_css('mmb_reply_item', 4, "border-color:" . hex2rgba($css['mmb_reply_item'][4], $css['mmb_reply_item'][5]) . "; ");
 $css['mmb_reply_item']['border'] = explode("||", $css['mmb_reply_item'][8]);
 for ($i = 0; $i < count($css['mmb_reply_item']['border']); $i++) {
   if ($css['mmb_reply_item']['border'][$i]) {
-    if ($css['mmb_reply_item'][6])
-      echo "border-{$css['mmb_reply_item']['border'][$i]}-style:{$css['mmb_reply_item'][6]}; ";
-    if ($css['mmb_reply_item'][7])
-      echo "border-{$css['mmb_reply_item']['border'][$i]}-width:{$css['mmb_reply_item'][7]}px; ";
+    print_css('mmb_reply_item', 6, "border-{$css['mmb_reply_item']['border'][$i]}-style:{$css['mmb_reply_item'][6]}; ");
+    print_css('mmb_reply_item', 7, "border-{$css['mmb_reply_item']['border'][$i]}-width:{$css['mmb_reply_item'][7]}px; ");
   }
 }
-if ($css['mmb_reply_item'][9])
-  echo "margin-bottom:{$css['mmb_reply_item'][9]}px; ";
+print_css('mmb_reply_item', 9, "margin-bottom:{$css['mmb_reply_item'][9]}px; ");
 ?>}
 
 #log_list .item .item-inner .ui-comment {
 <?php
 if ($css['mmb_reply'][0])
   $is_comment_area = true;
-if ($css['mmb_reply'][0])
-  echo "background-color:" . hex2rgba($css['mmb_reply'][0], $css['mmb_reply'][1]) . "; ";
-if ($css['mmb_reply'][2])
-  echo "color:" . hex2rgba($css['mmb_reply'][2], $css['mmb_reply'][3]) . "; ";
-if ($css['mmb_reply'][4])
-  echo "border-color:" . hex2rgba($css['mmb_reply'][4], $css['mmb_reply'][5]) . "; ";
+print_css('mmb_reply', 0, "background-color:" . hex2rgba($css['mmb_reply'][0], $css['mmb_reply'][1]) . "; ");
+print_css('mmb_reply', 2, "color:" . hex2rgba($css['mmb_reply'][2], $css['mmb_reply'][3]) . "; ");
+print_css('mmb_reply', 4, "border-color:" . hex2rgba($css['mmb_reply'][4], $css['mmb_reply'][5]) . "; ");
 $css['mmb_reply']['border'] = explode("||", $css['mmb_reply'][8]);
 for ($i = 0; $i < count($css['mmb_reply']['border']); $i++) {
   if ($css['mmb_reply']['border'][$i]) {
-    if ($css['mmb_reply'][6])
-      echo "border-{$css['mmb_reply']['border'][$i]}-style:{$css['mmb_reply'][6]}; ";
-    if ($css['mmb_reply'][7])
-      echo "border-{$css['mmb_reply']['border'][$i]}-width:{$css['mmb_reply'][7]}px; ";
+    print_css('mmb_reply', 6, "border-{$css['mmb_reply']['border'][$i]}-style:{$css['mmb_reply'][6]}; ");
+    print_css('mmb_reply', 7, "border-{$css['mmb_reply']['border'][$i]}-width:{$css['mmb_reply'][7]}px; ");
   }
 }
 if ($is_item_area && $is_comment_area)
@@ -1013,43 +835,34 @@ if ($is_item_area && $is_comment_area)
 #log_list .item .item-inner .co-header p,
 #log_list .item .item-inner .co-header p a {
 <?php
-if ($css['mmb_name'][0])
-  echo "color:" . hex2rgba($css['mmb_name'][0], $css['mmb_name'][1]) . "; ";
-if ($css['mmb_name'][2])
-  echo "font-size:{$css['mmb_name'][2]}px; ";
+print_css('mmb_name', 0, "color:" . hex2rgba($css['mmb_name'][0], $css['mmb_name'][1]) . "; ");
+print_css('mmb_name', 2, "font-size:{$css['mmb_name'][2]}px; ");
 ?>}
 
 #log_list .item .item-inner .co-header p.owner,
 #log_list .item .item-inner .co-header p.owner a {
 <?php
-if ($css['mmb_owner_name'][0])
-  echo "color:" . hex2rgba($css['mmb_owner_name'][0], $css['mmb_owner_name'][1]) . "; ";
-if ($css['mmb_owner_name'][2])
-  echo "font-size:{$css['mmb_owner_name'][2]}px; ";
+print_css('mmb_owner_name', 0, "color:" . hex2rgba($css['mmb_owner_name'][0], $css['mmb_owner_name'][1]) . "; ");
+print_css('mmb_owner_name', 2, "font-size:{$css['mmb_owner_name'][2]}px; ");
 ?>}
 
 #log_list .item .item-inner .co-footer .date {
 <?php
-if ($css['mmb_datetime'][0])
-  echo "color:" . hex2rgba($css['mmb_datetime'][0], $css['mmb_datetime'][1]) . "; ";
-if ($css['mmb_datetime'][2])
-  echo "font-size:{$css['mmb_datetime'][2]}px; ";
+print_css('mmb_datetime', 0, "color:" . hex2rgba($css['mmb_datetime'][0], $css['mmb_datetime'][1]) . "; ");
+print_css('mmb_datetime', 2, "font-size:{$css['mmb_datetime'][2]}px; ");
 ?>}
 
 #log_list .item .item-inner .co-content .other-site-link {
 <?php
-if ($css['mmb_link'][0])
-  echo "color:" . hex2rgba($css['mmb_link'][0], $css['mmb_link'][1]) . "; ";
+print_css('mmb_link', 0, "color:" . hex2rgba($css['mmb_link'][0], $css['mmb_link'][1]) . "; ");
 ?>}
 
 #log_list .item .item-inner .co-content .link_hash_tag {
 <?php
-if ($css['mmb_hash'][0])
-  echo "color:" . hex2rgba($css['mmb_hash'][0], $css['mmb_hash'][1]) . "; ";
+print_css('mmb_hash', 0, "color:" . hex2rgba($css['mmb_hash'][0], $css['mmb_hash'][1]) . "; ");
 ?>}
 
 #log_list .item .item-inner .co-content .log_link_tag {
 <?php
-if ($css['mmb_log_ank'][0])
-  echo "color:" . hex2rgba($css['mmb_log_ank'][0], $css['mmb_log_ank'][1]) . "; ";
+print_css('mmb_log_ank', 0, "color:" . hex2rgba($css['mmb_log_ank'][0], $css['mmb_log_ank'][1]) . "; ");
 ?>}
diff --git a/AvocadoAmber/adm/theme.php b/AvocadoAmber/adm/theme.php
index 27f5240..c17783f 100644
--- a/AvocadoAmber/adm/theme.php
+++ b/AvocadoAmber/adm/theme.php
@@ -23,7 +23,7 @@ $g5['title'] = "테마설정";
 include_once "./admin.head.php";
 ?>
 <script src="<?php echo G5_ADMIN_URL; ?>/js/theme.js"></script>
-<div class="local_wr">
+<div class="local_wr admin_theme">
   <span class="btn_ov01"><span class="ov_txt">설치된 테마</span><span class="ov_num">
       <?php echo number_format($total_count); ?></span></span>
 </div>
diff --git a/AvocadoAmber/common.php b/AvocadoAmber/common.php
index 2de4b81..a9d8c14 100644
--- a/AvocadoAmber/common.php
+++ b/AvocadoAmber/common.php
@@ -6,7 +6,7 @@
 /*******************************************************************************
  ** 공통 변수, 상수, 코드
  *******************************************************************************/
-error_reporting(E_CORE_ERROR | E_CORE_WARNING | E_COMPILE_ERROR | E_ERROR | E_PARSE | E_USER_ERROR);
+error_reporting(E_CORE_ERROR | E_COMPILE_ERROR | E_ERROR | E_PARSE | E_USER_ERROR);
 
 // 보안설정이나 프레임이 달라도 쿠키가 통하도록 설정
 header('P3P: CP="ALL CURa ADMa DEVa TAIa OUR BUS IND PHY ONL UNI PUR FIN COM NAV INT DEM CNT STA POL HEA PRE LOC OTC"');
@@ -422,7 +422,7 @@ if (file_exists($dbconfig_file)) {
   <body>
     <?php
       $RIGHT_MESSAGE = "Message";
-      include_once "./install/install_header.php";
+      include G5_PATH . "/install/install_header.php";
     ?>
     <h1>아보카도 에디션을 먼저 설치해주십시오.</h1>
     <div class="ins_inner">
@@ -464,7 +464,7 @@ if (!defined('G5_IS_ADMIN')) {
   <body>
     <?php
       $RIGHT_MESSAGE = "Message";
-      include_once "./install/install_header.php";
+      include G5_PATH . "/install/install_header.php";
     ?>
     <h1>아보카도 에디션 설정을 완료해주십시오.</h1>
     <br />
diff --git a/AvocadoAmber/css/fonts/SCDream1.otf b/AvocadoAmber/css/fonts/SCDream1.otf
new file mode 100644
index 0000000..c8eac97
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream1.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream2.otf b/AvocadoAmber/css/fonts/SCDream2.otf
new file mode 100644
index 0000000..c5625d9
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream2.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream3.otf b/AvocadoAmber/css/fonts/SCDream3.otf
new file mode 100644
index 0000000..28a160c
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream3.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream4.otf b/AvocadoAmber/css/fonts/SCDream4.otf
new file mode 100644
index 0000000..1978ea4
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream4.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream5.otf b/AvocadoAmber/css/fonts/SCDream5.otf
new file mode 100644
index 0000000..628e828
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream5.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream6.otf b/AvocadoAmber/css/fonts/SCDream6.otf
new file mode 100644
index 0000000..4e20297
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream6.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream7.otf b/AvocadoAmber/css/fonts/SCDream7.otf
new file mode 100644
index 0000000..7e38170
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream7.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream8.otf b/AvocadoAmber/css/fonts/SCDream8.otf
new file mode 100644
index 0000000..5d7e4be
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream8.otf differ
diff --git a/AvocadoAmber/css/fonts/SCDream9.otf b/AvocadoAmber/css/fonts/SCDream9.otf
new file mode 100644
index 0000000..f6db18f
Binary files /dev/null and b/AvocadoAmber/css/fonts/SCDream9.otf differ
diff --git a/AvocadoAmber/css/scdream.css b/AvocadoAmber/css/scdream.css
new file mode 100644
index 0000000..8eb38d4
--- /dev/null
+++ b/AvocadoAmber/css/scdream.css
@@ -0,0 +1,55 @@
+@charset "utf-8";
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 900;
+  src: url(./fonts/SCDream9.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 800;
+  src: url(./fonts/SCDream8.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 700;
+  src: url(./fonts/SCDream7.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 600;
+  src: url(./fonts/SCDream6.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 500;
+  src: url(./fonts/SCDream5.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 400;
+  src: url(./fonts/SCDream4.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 300;
+  src: url(./fonts/SCDream3.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 200;
+  src: url(./fonts/SCDream2.otf);
+}
+
+@font-face {
+  font-family: 'SCDream';
+  font-weight: 100;
+  src: url(./fonts/SCDream1.otf);
+}
diff --git a/AvocadoAmber/head.sub.php b/AvocadoAmber/head.sub.php
index 08e6120..64dc5e8 100644
--- a/AvocadoAmber/head.sub.php
+++ b/AvocadoAmber/head.sub.php
@@ -87,9 +87,10 @@ $html_class .= $_COOKIE['header_close'] == 'close' ? " close-header" : "";
     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;
-      echo get_embed_file("css", G5_ADMIN_PATH . '/css/admin.amber.lib.css') . PHP_EOL;
+      // 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;
+      // echo get_embed_file("css", G5_ADMIN_PATH . '/css/admin.amber.lib.css') . PHP_EOL;
+      echo get_embed_file("css", G5_ADMIN_PATH . '/css/default.css') . PHP_EOL;
       echo get_embed_file("css", G5_ADMIN_PATH . '/css/amberstone.cp.css') . PHP_EOL;
     } else {
       if (defined('G5_THEME_PATH') && file_exists(G5_THEME_PATH . "/css/default.css")) {
diff --git a/AvocadoAmber/install/install.inc.php b/AvocadoAmber/install/install.inc.php
index 5c2d7c8..c8df026 100644
--- a/AvocadoAmber/install/install.inc.php
+++ b/AvocadoAmber/install/install.inc.php
@@ -17,7 +17,9 @@ if (!$title)
 </head>
 
 <body>
-  <?php include_once "./install_header.php"; ?>
+  <?php  
+    include "./install_header.php";
+  ?>
   <?php
   // 파일이 존재한다면 설치할 수 없다.
   $dbconfig_file = $data_path . '/' . G5_DBCONFIG_FILE;
diff --git a/AvocadoAmber/install/install_db.php b/AvocadoAmber/install/install_db.php
index 17abf39..68608ad 100644
--- a/AvocadoAmber/install/install_db.php
+++ b/AvocadoAmber/install/install_db.php
@@ -32,7 +32,6 @@ $admin_id = $_POST['admin_id'];
 $admin_pass = $_POST['admin_pass'];
 $admin_name = $_POST['admin_name'];
 $admin_email = $_POST['admin_email'];
-$absolute_password = $_POST['absolute_password'];
 $table_url = $_POST['table_url'];
 
 $dblink = sql_connect($mysql_host, $mysql_user, $mysql_pass, $mysql_db);
@@ -273,6 +272,7 @@ unset($row);
     
     // 디렉토리 생성
     $dir_arr = array(
+      $data_path . '/css',
       $data_path . '/cache',
       $data_path . '/editor',
       $data_path . '/file',
@@ -366,16 +366,9 @@ EOD;
     //-------------------------------------------------------------------------------------------------
     
     // CSS 설정 파일 생성
-    $css_data_path = $g5_path['path'] . "/css";
-    $css_data_url = $g5_path['url'] . "/css";
+    $css_data_path = $data_path . "/css";
 
-    @mkdir($css_data_path, G5_DIR_PERMISSION);
-    @chmod($css_data_path, G5_DIR_PERMISSION);
-
-    $file = '../' . G5_CSS_DIR . '/_design.config.css';
-    $file_path = $css_data_path . '/_design.config.css';
-
-    @unlink($file_path);
+    $file = $css_data_path . '/_design.config.css';
     $f = @fopen($file, 'a');
     ?>
     <li style="display:none;">
@@ -403,6 +396,8 @@ EOD;
           sql_query(" set time_zone = '" . G5_TIMEZONE . "'");
       }
 
+      $g5['css_table'] = $table_prefix . 'css_config';
+
       ob_start();
       include "../adm/design_form_css.php";
       $css = ob_get_contents();
diff --git a/AvocadoAmber/install/install_header.php b/AvocadoAmber/install/install_header.php
index e92fd41..ac57878 100644
--- a/AvocadoAmber/install/install_header.php
+++ b/AvocadoAmber/install/install_header.php
@@ -1,5 +1,2 @@
 <?php
-if (!$RIGHT_MESSAGE) {
-  $RIGHT_MESSAGE = "INSTALLATION";
-}
-?><div id="ins_bar"><span id="bar_img">AVOCADO EDITION: AMBER</span><span id="bar_txt"><?php echo $RIGHT_MESSAGE ?></span></div>
+?><div id="ins_bar"><span id="bar_img">AVOCADO EDITION: AMBER</span><span id="bar_txt"><?php echo $RIGHT_MESSAGE ? $RIGHT_MESSAGE : "INSTALLATION" ?></span></div>
diff --git a/AvocadoAmber/skin/member/basic/style.admin.css b/AvocadoAmber/skin/member/basic/style.admin.css
index f9c1557..5e8ed41 100644
--- a/AvocadoAmber/skin/member/basic/style.admin.css
+++ b/AvocadoAmber/skin/member/basic/style.admin.css
@@ -33,7 +33,7 @@ body {
   right: 0;
   height: 50%;
   box-sizing: border-box;
-  border-top: 8px solid #ecc6c6;
+  border-top: 8px solid #ffbf00;
   background: url('./img/bak_admin_login_top_pattern.png');
   z-index: 0;
 }
@@ -84,7 +84,7 @@ body {
 
 #login_title em {
   font-style: normal;
-  color: #ecc6c6;
+  color: #ffbf00;
   text-align: center;
   line-height: 1.5em;
 }
@@ -119,7 +119,7 @@ body {
   width: 500px;
   height: 260px;
 
-  border-top: 5px solid #ecc6c6;
+  border-top: 5px solid #ffbf00;
 
   transform: translateX(-50%) translateY(-50%);
   background: #fff;
@@ -173,7 +173,7 @@ body {
 }
 
 #mb_login fieldset.input input:focus {
-  border: 2px solid #ecc6c6;
+  border: 2px solid #ffbf00;
 }
 
 #mb_login fieldset.input label {
@@ -204,7 +204,7 @@ body {
 }
 
 #mb_login fieldset.input input:focus+label:before {
-  color: #ecc6c6;
+  color: #ffbf00;
 }
 
 #mb_login fieldset.input label.login_id:before {
@@ -249,7 +249,7 @@ body {
   display: block;
   width: 100%;
   height: 100%;
-  background: #ecc6c6;
+  background: #ffbf00;
   font-family: 'Noto Sans KR', sans-serif;
   font-size: 18px;
   border: none;