diff --git a/AvocadoEdition_Light/skin/menu/box_frame/admin.setting.php b/AvocadoEdition_Light/skin/menu/box_frame/admin.setting.php
new file mode 100644
index 0000000..f222566
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/admin.setting.php
@@ -0,0 +1,218 @@
+<?php
+if (!defined('_GNUBOARD_')) exit;
+
+/* ******************************************************************************
+※ 관리자의 디자인 정보를 저장하는 영역과 직결되는 곳입니다.
+※ 코드가 잘못될 경우 전체 디자인 설정 값들이 꼬일 수 있으니 해당 페이지 작업 시 주의해 주시길 바랍니다.
+--------------------------------------------------------------------------------
+- cs_name : 고유 키값. 해당 속성을 불러올 때 사용할 수 있습니다.
+- cs_value, cs_etc_1 ~ cs_etc_20 : 각 속성값을 저장하는 영역입니다.
+****************************************************************************** */
+?>
+
+<h3>박스 프레임 설정</h3>
+<table>
+	<colgroup>
+		<col style="width: 140px;">
+		<col style="width: 140px;">
+		<col>
+	</colgroup>
+	<tbody>
+		<tr>
+			<th scope="row" rowspan="4">
+				<em><?=$css_index?></em>프레임 크기
+				<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_size" readonly size="15"/>
+			</th>
+			<td class="bo-right txt-center">크기</td>
+			<td>
+				<?php echo help('전체 페이지를 감쌀 가로 세로 사이즈를 지정해 주세요.') ?>
+				가로 : <input type="text" name="cs_value[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_value'] ?>" size="5"/> px
+				&nbsp;&nbsp;
+				세로 : <input type="text" name="cs_etc_1[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_1'] ?>" size="5"/> px
+			</td></tr><tr>
+			<td class="bo-right txt-center">PC 여백</td>
+			<td>
+				상 : <input type="text" name="cs_etc_2[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_2'] ?>" size="5"/> px
+				&nbsp;&nbsp;
+				하 : <input type="text" name="cs_etc_3[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_3'] ?>" size="5"/> px
+				&nbsp;&nbsp;
+				좌 : <input type="text" name="cs_etc_4[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_4'] ?>" size="5"/> px
+				&nbsp;&nbsp;
+				우 : <input type="text" name="cs_etc_5[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_5'] ?>" size="5"/> px
+			</td></tr><tr>
+			<td class="bo-right txt-center">모바일 여백</td>
+			<td>
+				상 : <input type="text" name="cs_etc_6[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_6'] ?>" size="5"/> px
+				&nbsp;&nbsp;
+				하 : <input type="text" name="cs_etc_7[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_7'] ?>" size="5"/> px
+				&nbsp;&nbsp;
+				좌 : <input type="text" name="cs_etc_8[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_8'] ?>" size="5"/> px
+				&nbsp;&nbsp;
+				우 : <input type="text" name="cs_etc_9[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_9'] ?>" size="5"/> px
+			</td></tr><tr>
+			<td class="bo-right txt-center">메뉴위치</td>
+			<td>
+				<select name="cs_etc_10[<?=$css_index?>]">
+					<option value="">박스바깥</option>
+					<option value="1" <?=$de['box_frame_size']['cs_etc_10'] == '1' ? "selected" : ""?>>박스안쪽</option>
+				</select>
+			</td>
+		</tr <? $css_index++; ?>>
+
+		<tr>
+			<th rowspan="4" scope="row">
+				<em><?=$css_index?></em>테두리 : 이미지
+				<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_img" readonly size="15"/>
+
+				<a href="https://webcode.tools/generators/css/border-image" target="_blank">참고예제</a>
+			</th>
+			<td colspan="2">
+				<div class="single-info">
+					<?php echo help('이미지로 설정된 테두리가 우선적으로 적용됩니다. 단순 테두리를 사용하고 싶으실 경우, 이미지 경로를 제거해주세요.') ?>
+					
+				</div>
+			</td></tr><tr>
+			<td rowspan="3" class="bo-right bo-left txt-center">
+				<? if($de['box_frame_img']['cs_value']) { ?>
+					<img src="<?=$de['box_frame_img']['cs_value']?>" class="prev_thumb"/>
+				<? } else { ?>
+				이미지 미등록
+				<? } ?>
+			</td>
+			<td>
+				직접등록&nbsp;&nbsp; <input type="file" name="cs_value_file[<?=$css_index?>]" value="" size="50">
+			</td></tr><tr>
+			<td>
+				외부경로&nbsp;&nbsp; <input type="text" name="cs_value[<?=$css_index?>]" value="<?=$de['box_frame_img']['cs_value']?>" size="50"/>				
+			</td></tr><tr>
+			<td>
+				조각크기 <span style="color:#ff4742; font-weight:600;">(Slice)</span>&nbsp;&nbsp; <input type="text" name="cs_etc_1[<?=$css_index?>]" value="<?php echo $de['box_frame_img']['cs_etc_1'] ?>" size="5" maxlength="255" /> px
+				&nbsp;&nbsp;
+
+				반복속성 <span style="color:#ff4742; font-weight:600;">(Repeat)</span>&nbsp;&nbsp;
+				<select name="cs_etc_2[<?=$css_index?>]">
+					<option value="stretch">늘이기</option>
+					<option value="repeat" <?=$de['box_frame_img']['cs_etc_2'] == 'repeat' ? "selected" : ""?>>반복하기</option>
+					<option value="round"  <?=$de['box_frame_img']['cs_etc_2'] == 'round' ? "selected" : ""?>>이어지기</option>
+					<option value="space"  <?=$de['box_frame_img']['cs_etc_2'] == 'space' ? "selected" : ""?>>간격두고 이어지기</option>
+				</select>
+				&nbsp;&nbsp;
+
+				확장영역 <span style="color:#ff4742; font-weight:600;">(Outset)</span>&nbsp;&nbsp;
+				<input type="text" name="cs_etc_3[<?=$css_index?>]" value="<?php echo $de['box_frame_img']['cs_etc_3'] ?>" size="5" maxlength="255" /> px
+				&nbsp;&nbsp;
+			</td>
+		</tr <? $css_index++; ?>>
+
+		<tr>
+			<th rowspan="2" scope="row">
+				<em><?=$css_index?></em>테두리 : 일반
+				<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_line" readonly size="15"/>
+			</th>
+			<td class="bo-right bo-left txt-center">
+				라인
+			</td>
+			<td>
+				라인색상&nbsp;&nbsp; <input type="text" name="cs_value[<?=$css_index?>]" value="<?php echo $de['box_frame_line']['cs_value'] ?>" class="colorpicker" size="30" maxlength="255" placeholder="#색상코드" /><input type="number" name="cs_etc_1[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_1']?>" placeholder="0" title="투명도" style="width:45px;"/>%
+				&nbsp;&nbsp;
+
+				라인타입&nbsp;&nbsp;
+				<select name="cs_etc_2[<?=$css_index?>]" style="width: 84px;">
+					<option value="">라인없음</option>
+					<option value="solid" <?=$de['box_frame_line']['cs_etc_2'] == 'solid' ? "selected" : ""?>>실선</option>
+					<option value="dotted" <?=$de['box_frame_line']['cs_etc_2'] == 'dotted' ? "selected" : ""?>>점선</option>
+					<option value="dashed" <?=$de['box_frame_line']['cs_etc_2'] == 'dashed' ? "selected" : ""?>>대쉬선</option>
+					<option value="double" <?=$de['box_frame_line']['cs_etc_2'] == 'double' ? "selected" : ""?>>이중선</option>
+				</select>
+				&nbsp;&nbsp;
+
+				라인굵기&nbsp;&nbsp; <input type="text" name="cs_etc_3[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_3']?>" size="5"/> px
+				&nbsp;&nbsp;&nbsp;&nbsp;
+
+				<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_1_box_frame_line" value="top" <?=strstr($de['box_frame_line']['cs_etc_4'], 'top') ? "checked" : ""?> />
+				<label for="cs_etc_4_1_box_frame_line">상&nbsp;</label>
+
+				<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_2_box_frame_line" value="bottom" <?=strstr($de['box_frame_line']['cs_etc_4'], 'bottom') ? "checked" : ""?> />
+				<label for="cs_etc_4_2_box_frame_line">하&nbsp;</label>
+
+				<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_3_box_frame_line" value="left" <?=strstr($de['box_frame_line']['cs_etc_4'], 'left') ? "checked" : ""?> />
+				<label for="cs_etc_4_3_box_frame_line">좌&nbsp;</label>
+
+				<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_4_box_frame_line" value="right" <?=strstr($de['box_frame_line']['cs_etc_4'], 'right') ? "checked" : ""?> />
+				<label for="cs_etc_4_4_mmb_list_item">우</label>
+				
+			</td></tr><tr>
+			<td class="bo-right txt-center">
+				모서리 라운드
+			</td>
+			<td>
+				좌측상단 <input type="text" name="cs_etc_5[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_5']?>" size="3"/> px
+				&nbsp;&nbsp;
+				우측상단 <input type="text" name="cs_etc_6[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_6']?>" size="3"/> px
+				&nbsp;&nbsp;
+				우측하단 <input type="text" name="cs_etc_7[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_7']?>" size="3"/> px
+				&nbsp;&nbsp;
+				좌측하단 <input type="text" name="cs_etc_8[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_8']?>" size="3"/> px
+			</td>
+		</tr <? $css_index++; ?>>
+
+		<tr>
+			<th rowspan="3" scope="row">
+				<em><?=$css_index?></em>프레임 배경
+				<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_bak" readonly size="15"/>
+			</th>
+			<td rowspan="3" class="bo-right bo-left txt-center">
+				<? if($de['box_frame_bak']['cs_value']) { ?>
+					<img src="<?=$de['box_frame_bak']['cs_value']?>" class="prev_thumb"/>
+				<? } else { ?>
+				이미지 미등록
+				<? } ?>
+			</td>
+			<td>
+				직접등록&nbsp;&nbsp; <input type="file" name="cs_value_file[<?=$css_index?>]" value="" size="50">
+			</td></tr><tr>
+			<td>
+				외부경로&nbsp;&nbsp; <input type="text" name="cs_value[<?=$css_index?>]" value="<?=$de['box_frame_bak']['cs_value']?>" size="50"/>				
+			</td></tr><tr>
+			<td>
+				배경색상&nbsp;&nbsp; <input type="text" name="cs_etc_1[<?=$css_index?>]" value="<?php echo $de['box_frame_bak']['cs_etc_1'] ?>" class="colorpicker" size="30" maxlength="255" placeholder="#색상코드" /><input type="number" name="cs_etc_2[<?=$css_index?>]" value="<?=$de['box_frame_bak']['cs_etc_2']?>" placeholder="0" title="투명도" style="width:45px;"/>%
+				&nbsp;&nbsp;
+
+				배경반복&nbsp;&nbsp;
+				<select name="cs_etc_3[<?=$css_index?>]">
+					<option value="">반복</option>
+					<option value="no-repeat" <?=$de['box_frame_bak']['cs_etc_3'] == 'no-repeat' ? "selected" : ""?>>반복없음</option>
+					<option value="repeat-x"  <?=$de['box_frame_bak']['cs_etc_3'] == 'repeat-x' ? "selected" : ""?>>가로반복</option>
+					<option value="repeat-y"  <?=$de['box_frame_bak']['cs_etc_3'] == 'repeat-y' ? "selected" : ""?>>세로반복</option>
+				</select>
+				&nbsp;&nbsp;
+
+				배경위치&nbsp;&nbsp;
+				<select name="cs_etc_4[<?=$css_index?>]">
+					<option value="">왼쪽 상단</option>
+					<option value="left middle"		<?=$de['box_frame_bak']['cs_etc_4'] == 'left middle' ? "selected" : ""?>>왼쪽 중단</option>
+					<option value="left bottom"		<?=$de['box_frame_bak']['cs_etc_4'] == 'left bottom' ? "selected" : ""?>>왼쪽 하단</option>
+
+					<option value="center top"		<?=$de['box_frame_bak']['cs_etc_4'] == 'center top' ? "selected" : ""?>>중간 상단</option>
+					<option value="center middle"	<?=$de['box_frame_bak']['cs_etc_4'] == 'center middle' ? "selected" : ""?>>중간 중단</option>
+					<option value="center bottom"	<?=$de['box_frame_bak']['cs_etc_4'] == 'center bottom' ? "selected" : ""?>>중간 하단</option>
+
+					<option value="right top"		<?=$de['box_frame_bak']['cs_etc_4'] == 'right top' ? "selected" : ""?>>오른쪽 상단</option>
+					<option value="right middle"	<?=$de['box_frame_bak']['cs_etc_4'] == 'right middle' ? "selected" : ""?>>오른쪽 중단</option>
+					<option value="right bottom"	<?=$de['box_frame_bak']['cs_etc_4'] == 'right bottom' ? "selected" : ""?>>오른쪽 하단</option>
+				</select>
+				&nbsp;&nbsp;
+
+				배경크기&nbsp;&nbsp;
+				<select name="cs_etc_5[<?=$css_index?>]">
+					<option value="">원본크기</option>
+					<option value="contain"		<?=$de['box_frame_bak']['cs_etc_5'] == 'contain' ? "selected" : ""?>>맞춤</option>
+					<option value="cover"		<?=$de['box_frame_bak']['cs_etc_5'] == 'cover' ? "selected" : ""?>>꽉참</option>
+					<option value="100% 100%"	<?=$de['box_frame_bak']['cs_etc_5'] == '100% 100%' ? "selected" : ""?>>늘이기</option>
+				</select>
+				&nbsp;&nbsp;
+			</td>
+		</tr <? $css_index++; ?>>
+
+	</tbody>
+</table>
\ No newline at end of file
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/css.config.php b/AvocadoEdition_Light/skin/menu/box_frame/css.config.php
new file mode 100644
index 0000000..42b8338
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/css.config.php
@@ -0,0 +1,98 @@
+<?php
+if (!defined('_GNUBOARD_')) exit;
+
+$box_f_size = get_style("box_frame_size");
+$box_f_img = get_style("box_frame_img");
+$box_f_line = get_style("box_frame_line");
+$box_f_bak = get_style("box_frame_bak");
+
+$header_inside = $box_f_size['cs_etc_10'] ? true : false;
+
+$b_w = $box_f_size['cs_value'] ? $box_f_size['cs_value'] : 1000;
+$b_h = $box_f_size['cs_etc_1'] ? $box_f_size['cs_etc_1'] : 20;
+
+$p_t = $box_f_size['cs_etc_2'] ? $box_f_size['cs_etc_2'] : 20;
+$p_b = $box_f_size['cs_etc_3'] ? $box_f_size['cs_etc_3'] : 20;
+$p_l = $box_f_size['cs_etc_4'] ? $box_f_size['cs_etc_4'] : 20;
+$p_r = $box_f_size['cs_etc_5'] ? $box_f_size['cs_etc_5'] : 20;
+
+$mp_t = $box_f_size['cs_etc_6'] ? $box_f_size['cs_etc_6'] : 10;
+$mp_b = $box_f_size['cs_etc_7'] ? $box_f_size['cs_etc_7'] : 10;
+$mp_l = $box_f_size['cs_etc_8'] ? $box_f_size['cs_etc_8'] : 10;
+$mp_r = $box_f_size['cs_etc_9'] ? $box_f_size['cs_etc_9'] : 10;
+
+$f_img_url = $box_f_img['cs_value'];
+$f_img_sli = $box_f_img['cs_etc_1'] != "" ? $box_f_img['cs_etc_1'] : 0;
+$f_img_rep = $box_f_img['cs_etc_2'] != "" ? $box_f_img['cs_etc_2'] : "repeat";
+$f_img_out = $box_f_img['cs_etc_3'] != "" ? $box_f_img['cs_etc_3'] : 0;
+
+?>
+
+<style>
+<?
+	/**************************************************
+		Design Setting
+		--------------------------------
+		#design_frameBox:before 이미지 테두리 프레임
+		#design_frameBox:after 일반 테두리 프레임
+	**************************************************/
+?>
+
+@media all and (min-width:1025px) {body #header {display:block !important;}}
+
+#design_frameBox {display:block; position:fixed; top:50%; left:50%; z-index:0; box-sizing:border-box;}
+#design_frameBox:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
+#design_frameBox:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-2;}
+
+#body {display:block; position:relative; width:100%; height:100% !important; overflow:auto; box-sizing:border-box;}
+#body > .fix-layout > .mid-layout {padding:10px !important;}
+
+<?
+	/**************************************************
+		설정값에 따른 변동 부분
+	**************************************************/
+?>
+
+#design_frameBox {<? echo "width:{$b_w}px; height:{$b_h}px; margin-left:-".($b_w/2)."px; margin-top:-".($b_h/2)."px; padding:{$p_t}px {$p_r}px {$p_b}px {$p_l}px;"; ?>}
+
+@media all and (max-width:<?=($b_w+20)?>px) {#design_frameBox {left:10px; right:10px; width:auto; margin-left:0;}}
+@media all and (max-height:<?=($b_h+20)?>px) {#design_frameBox {top:10px; bottom:10px; height:auto; margin-top:0;}}
+@media all and (max-width:1024px) {	#design_frameBox {<? echo "padding:{$mp_t}px {$mp_r}px {$mp_b}px {$mp_l}px;"; ?>}}
+
+<? if($f_img_url) { // 이미지 테두리가 적용되어 있을 경우 ?>
+	#design_frameBox:before {<?
+		echo "border:{$f_img_sli}px solid;";
+		echo "border-image:url({$f_img_url}) {$f_img_sli} / {$f_img_sli}px / {$f_img_out}px {$f_img_rep};";
+	?>}
+	#design_frameBox:after {border:none !important;}
+<? } ?>
+
+#design_frameBox:after {<?
+	if($box_f_line['cs_value']) echo "border-color:".hex2rgba($box_f_line['cs_value'], $box_f_line['cs_etc_1'])."; ";
+	$box_f_line['border'] = explode("||", $box_f_line['cs_etc_4']);
+	for($i=0; $i < count($box_f_line['border']); $i++) {
+		if($box_f_line['border'][$i]) {
+			if($box_f_line['cs_etc_2']) echo "border-{$box_f_line['border'][$i]}-style:{$box_f_line['cs_etc_2']}; ";
+			if($box_f_line['cs_etc_3']) echo "border-{$box_f_line['border'][$i]}-width:{$box_f_line['cs_etc_3']}px; ";
+		}
+	}
+	if($box_f_line['cs_etc_5']) echo "border-top-left-radius:{$box_f_line['cs_etc_5']}px; ";
+	if($box_f_line['cs_etc_6']) echo "border-top-right-radius:{$box_f_line['cs_etc_6']}px; ";
+	if($box_f_line['cs_etc_7']) echo "border-bottom-right-radius:{$box_f_line['cs_etc_7']}px; ";
+	if($box_f_line['cs_etc_8']) echo "border-bottom-left-radius:{$box_f_line['cs_etc_8']}px; ";
+
+	if($box_f_bak['cs_value']) echo "background-image:url('{$box_f_bak['cs_value']}'); ";
+	if($box_f_bak['cs_etc_1']) echo "background-color:".hex2rgba($box_f_bak['cs_etc_1'], $box_f_bak['cs_etc_2'])."; ";
+	if($box_f_bak['cs_etc_3']) echo "background-repeat:{$box_f_bak['cs_etc_3']}; ";
+	if($box_f_bak['cs_etc_4']) echo "background-position:{$box_f_bak['cs_etc_4']}; ";
+	if($box_f_bak['cs_etc_5']) echo "background-size:{$box_f_bak['cs_etc_5']}; ";
+?>}
+
+#design_frameBox .characterViewer {position:relative; height:100%;}
+#design_frameBox .characterViewer .ch-body {position:absolute; overflow:hidden;}
+#design_frameBox .characterViewer .ch-body.pop {position:fixed !important; overflow:auto !important;}
+#design_frameBox .characterViewer .ch-body ~ .ch-pannel {position:absolute;}
+
+
+</style>
+<script>$(function() {$("#body").wrap("<div id='design_frameBox'></div>");});</script>
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/css/style.B.css b/AvocadoEdition_Light/skin/menu/box_frame/css/style.B.css
new file mode 100644
index 0000000..784f1be
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/css/style.B.css
@@ -0,0 +1,10 @@
+@charset "utf-8";
+
+.freebak-menu {width:100%; margin-bottom:-20px;}
+.freebak-menu .mnu {display:table; width:100%; height:100%; text-align:center;}
+.freebak-menu .mnu > * {display:table-cell; vertical-align:middle;}
+.freebak-menu .mnu li {display:inline-block; padding:10px 0; vertical-align:middle;position:relative;}
+.freebak-menu .mnu li + li {margin-left:15px; min-height:1.2em;}
+.freebak-menu .mnu li.line {width:1px; opacity:.2;}
+
+
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/css/style.L.css b/AvocadoEdition_Light/skin/menu/box_frame/css/style.L.css
new file mode 100644
index 0000000..cc9f56c
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/css/style.L.css
@@ -0,0 +1,2 @@
+@charset "utf-8";
+
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/css/style.R.css b/AvocadoEdition_Light/skin/menu/box_frame/css/style.R.css
new file mode 100644
index 0000000..b7d8b9b
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/css/style.R.css
@@ -0,0 +1,10 @@
+@charset "utf-8";
+
+.freebak-menu {height:100%; margin-right:-20px;}
+.freebak-menu .mnu {display:table; width:100%; height:100%; text-align:center;}
+.freebak-menu .mnu > * {display:table-cell; vertical-align:middle;}
+.freebak-menu .mnu li {position:relative;}
+.freebak-menu .mnu li + li {margin-top:15px;}
+.freebak-menu .mnu li.line {max-width:25%; margin:20px auto; height:1px; opacity:.2;}
+
+
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/css/style.T.css b/AvocadoEdition_Light/skin/menu/box_frame/css/style.T.css
new file mode 100644
index 0000000..2f6aaf1
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/css/style.T.css
@@ -0,0 +1,10 @@
+@charset "utf-8";
+
+.freebak-menu {width:100%; margin-top:-20px;}
+.freebak-menu .mnu {display:table; width:100%; height:100%; text-align:center;}
+.freebak-menu .mnu > * {display:table-cell; vertical-align:middle;}
+.freebak-menu .mnu li {display:inline-block; padding:10px 0; vertical-align:middle;position:relative;}
+.freebak-menu .mnu li + li {margin-left:15px; min-height:1.2em;}
+.freebak-menu .mnu li.line {width:1px; opacity:.2;}
+
+
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/menu.B.inc.php b/AvocadoEdition_Light/skin/menu/box_frame/menu.B.inc.php
new file mode 100644
index 0000000..931ff0f
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/menu.B.inc.php
@@ -0,0 +1,24 @@
+<?php
+if (!defined('_GNUBOARD_')) exit;
+
+if (defined('_INDEX_')) return;
+
+/* *************************************
+	:: 좌측 메뉴 스타일 ::
+-----------------------------------------
+	좌측메뉴로 설정했을 경우 출력되는 영역입니다.
+
+	- Menu Link 에서 class="change-link" 를 적용하는 경우
+	- 메뉴가 유지되며 링크가 이동됩니다.
+************************************* */
+add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.B.css">', 0);
+
+?>
+<style>
+<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
+	@media all and (min-width:1025px) { #header {<? echo "bottom:50%; margin-bottom:-".(($b_h/2) - 20)."px;"; ?>}}
+	@media all and (max-height:<?=($b_h+20)?>px) and (min-width:1025px) { #header {bottom:20px; margin-bottom:0px;}}
+<? } ?>
+</style>
+
+<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
\ No newline at end of file
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/menu.L.inc.php b/AvocadoEdition_Light/skin/menu/box_frame/menu.L.inc.php
new file mode 100644
index 0000000..1d763d4
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/menu.L.inc.php
@@ -0,0 +1,24 @@
+<?php
+if (!defined('_GNUBOARD_')) exit;
+
+if (defined('_INDEX_')) return;
+
+/* *************************************
+	:: 좌측 메뉴 스타일 ::
+-----------------------------------------
+	좌측메뉴로 설정했을 경우 출력되는 영역입니다.
+
+	- Menu Link 에서 class="change-link" 를 적용하는 경우
+	- 메뉴가 유지되며 링크가 이동됩니다.
+************************************* */
+add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.L.css">', 0);
+
+?>
+<style>
+<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
+	@media all and (min-width:1025px) { #header {<? echo "left:50%; margin-left:-".(($b_w/2) - 20)."px;"; ?>}}
+	@media all and (max-width:<?=($b_w+20)?>px) and (min-width:1025px) { #header {left:20px; margin-left:0px;}}
+<? } ?>
+</style>
+
+<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
\ No newline at end of file
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/menu.R.inc.php b/AvocadoEdition_Light/skin/menu/box_frame/menu.R.inc.php
new file mode 100644
index 0000000..9d9dad7
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/menu.R.inc.php
@@ -0,0 +1,24 @@
+<?php
+if (!defined('_GNUBOARD_')) exit;
+
+if (defined('_INDEX_')) return;
+
+/* *************************************
+	:: 좌측 메뉴 스타일 ::
+-----------------------------------------
+	좌측메뉴로 설정했을 경우 출력되는 영역입니다.
+
+	- Menu Link 에서 class="change-link" 를 적용하는 경우
+	- 메뉴가 유지되며 링크가 이동됩니다.
+************************************* */
+add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.R.css">', 0);
+
+?>
+<style>
+<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
+	@media all and (min-width:1025px) { #header {<? echo "right:50%; margin-right:-".(($b_w/2) - 20)."px;"; ?>}}
+	@media all and (max-width:<?=($b_w+20)?>px) and (min-width:1025px) { #header {right:20px; margin-right:0px;}}
+<? } ?>
+</style>
+
+<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
\ No newline at end of file
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/menu.T.inc.php b/AvocadoEdition_Light/skin/menu/box_frame/menu.T.inc.php
new file mode 100644
index 0000000..4fc8c16
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/menu.T.inc.php
@@ -0,0 +1,24 @@
+<?php
+if (!defined('_GNUBOARD_')) exit;
+
+if (defined('_INDEX_')) return;
+
+/* *************************************
+	:: 좌측 메뉴 스타일 ::
+-----------------------------------------
+	좌측메뉴로 설정했을 경우 출력되는 영역입니다.
+
+	- Menu Link 에서 class="change-link" 를 적용하는 경우
+	- 메뉴가 유지되며 링크가 이동됩니다.
+************************************* */
+add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.T.css">', 0);
+
+?>
+<style>
+<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
+	@media all and (min-width:1025px) { #header {<? echo "top:50%; margin-top:-".(($b_h/2) - 20)."px;"; ?>}}
+	@media all and (max-height:<?=($b_h+20)?>px) and (min-width:1025px) { #header {top:20px; margin-top:0px;}}
+<? } ?>
+</style>
+
+<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
\ No newline at end of file
diff --git a/AvocadoEdition_Light/skin/menu/box_frame/menu.cmm.inc.php b/AvocadoEdition_Light/skin/menu/box_frame/menu.cmm.inc.php
new file mode 100644
index 0000000..db7a1d0
--- /dev/null
+++ b/AvocadoEdition_Light/skin/menu/box_frame/menu.cmm.inc.php
@@ -0,0 +1,92 @@
+<?
+if (!defined('_GNUBOARD_')) exit;
+?>
+
+<ul class="gnbWrap">
+	<li>
+		<a href="<?=G5_URL?>/main.php" class="change-link">
+			<span class="icons"><span><i class="material-icons">home</i></span></span>
+			<span class="tooltips">HOME</span>
+		</a>
+	</li>
+	<li class="line"></li>
+	<?
+		$menu_sql = " select * from {$g5['menu_table']} where me_use = '1' order by me_order*1 asc, me_id asc";
+		$menu = sql_query($menu_sql);
+
+		for($i=0; $me = sql_fetch_array($menu); $i++) {
+			$target = "";
+			if($me['me_target'] == 'self') {
+				$me['me_target'] = '';
+			}
+
+			if($me['me_name'] == '구분선') { 
+				echo "<li class='line'></li>";
+			} else {
+	?>
+			<li>
+				<a href="<?php echo $me['me_link']?>" <? if($me['me_target']) { ?>target="_<?=$me['me_target']?>"<? } ?>  class="change-link">
+					<span class="icons"><span><i class="material-icons"><?=$me['me_icon']?></i></span></span>
+					<span class="tooltips"><?=$me['me_name']?></span>
+				</a>
+			</li>
+
+	<? }} ?>
+
+	<li class="line"></li>
+	<? if(!$is_member) { //멤버가 아닐 경우 ?>
+		<li>
+			<a href="<?=G5_BBS_URL?>/login.php">
+				<span class="icons"><span><i class="material-icons">login</i></span></span>
+				<span class="tooltips">LOGIN</span>
+			</a>
+		</li>
+		<? if($is_add_register) { //회원가입이 가능한 경우 ?>
+			<li>
+				<a href="<?=G5_BBS_URL?>/register.php" class="change-link">
+					<span class="icons"><span><i class="material-icons">person_add</i></span></span>
+					<span class="tooltips">JOIN</span>
+				</a>
+			</li>
+		<? } ?>
+	<? } else { //멤버일 경우 ?>
+		<li>
+			<a href="<?=G5_BBS_URL?>/logout.php">
+				<span class="icons"><span><i class="material-icons">logout</i></span></span>
+				<span class="tooltips">LOGOUT</span>
+			</a>
+		</li>
+		<? if($is_admin) { ?>
+		<li>
+			<a href="<?=G5_URL?>/adm" target="_blank">
+				<span class="icons"><span><i class="material-icons">settings</i></span></span>
+				<span class="tooltips">ADMIN</span>
+			</a>
+		</li>
+		<? } else { ?>
+			<li>
+				<a href="<?=G5_BBS_URL?>/member_confirm.php?url=register_form.php" class="change-link">
+					<span class="icons"><span><i class="material-icons">settings</i></span></span>
+					<span class="tooltips">정보수정</span>
+				</a>
+			</li>
+		<? } ?>
+	<? } ?>
+
+	<? if(defined('_INDEX_') && $config['cf_bgm']) { ?>
+		<li class="bgm-btn">
+			<div id="site_bgm_box">
+				<iframe src="./bgm.php?action=play" name="bgm_frame" id="bgm_frame" border="0" frameborder="0" marginheight="0" marginwidth="0" topmargin="0" scrolling="no" allowTransparency="true"></iframe>
+			</div>
+
+			<a href="<?=G5_URL?>/bgm.php?action=play" target="bgm_frame"  onclick="return fn_control_bgm('play')" class="control-bgm-play" style="display:none;">
+				<span class="icons"><span><i class="material-icons">music_off</i></span></span>
+				<span class="tooltips">BGM ON</span>
+			</a>
+			<a href="<?=G5_URL?>/bgm.php" target="bgm_frame" onclick="return fn_control_bgm('stop')" class="control-bgm-stop">
+				<span class="icons"><span><i class="material-icons">music_note</i></span></span>
+				<span class="tooltips">BGM OFF</span>
+			</a>
+		</li>
+	<? } ?>
+</ul>
\ No newline at end of file