diff --git a/layouts/zb5_site/conf/info.xml b/layouts/zb5_site/conf/info.xml
new file mode 100644
index 000000000..7946afeac
--- /dev/null
+++ b/layouts/zb5_site/conf/info.xml
@@ -0,0 +1,44 @@
+
+
+ 견본 레이아웃 (PHP 메뉴)
+
+ 제로
+
+ 가장 기본적인 기능으로 이루어진 견본 레이아웃입니다.
+ main_menu, bottom_menu 2개의 메뉴로 구성되어 있으며 각 메뉴의 출력은 php 코드로 하게 됩니다.
+ 레이아웃을 만들때 js menu 보다는 복잡하지만 자유도가 높습니다.
+
+
+
+
+ 컬러셋
+ 원하시는 컬러셋을 선택해주세요.
+
+ 적색
+ red
+
+
+ 청색
+ blue
+
+
+
+ 상단 제목
+ 레이아웃의 상단에 표시할 제목을 입력하세요.
+
+
+ 홈 페이지 URL
+ 로고나 제목을 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.
+
+
+
+
+
+
+
diff --git a/layouts/zb5_site/css/layout.css b/layouts/zb5_site/css/layout.css
new file mode 100644
index 000000000..909ce6887
--- /dev/null
+++ b/layouts/zb5_site/css/layout.css
@@ -0,0 +1,188 @@
+@charset "utf-8";
+
+body {
+ margin:0px;
+ padding:0px;
+}
+
+/**
+ * 레이아웃 style
+ **/
+
+/**
+ * 상단 로고 및 메인 1차 메뉴
+ **/
+.layout_top {
+ margin:10px 10px 0px 10px;
+}
+
+/* 상단 로고 부분 */
+.layout_logo A {
+ font-weight:bold;
+ font-size:16pt;
+ color:#888888;
+ text-decoration:none;
+}
+
+/* 상단 1차 메뉴 */
+.layout_first_menu {
+ border-bottom:2px solid #DDDDDD;
+ width:100%;
+ text-align:right;
+ padding:3px 0px 3px 0px;
+}
+
+/**
+ * 좌측 메뉴 및 메인 2차 메뉴, 로그인 위젯 및 기타
+ **/
+.layout_left {
+ width:220px;
+ float:left;
+ margin-top:10px;
+ position:absolute;
+ left:10px;
+}
+
+/* 좌측 2차 메뉴 */
+.layout_second_menu {
+}
+
+/* 좌측 관리자 메뉴 */
+.layout_admin {
+ margin-top:10px;
+ border:3px solid #EEEEEE;
+ padding:5px;
+ text-align:center;
+}
+
+.layout_admin A {
+ color:#AAAAAA;
+ text-decoration:none;
+}
+
+/* 컨텐츠 */
+.layout_content {
+ padding:10px 10px 0px 240px;
+}
+
+#content {
+}
+
+/**
+ * 하단 메뉴 영역
+ **/
+.layout_bottom {
+ clear:both;
+ margin-top:20px;
+}
+
+/* 하단 메뉴 */
+.layout_bottom_menu {
+ width:100%;
+ text-align:center;
+}
+
+/**
+ * 메뉴 style, main_menu:1~3차, bottom_menu로 구성
+ **/
+
+/* 1차 메뉴 */
+.first_menu {
+ background-color:#999999;
+ padding:3px 10px 3px 10px;
+ margin-left:5px;
+}
+
+.first_menu A {
+ font-weight:normal;
+ color:#FFFFFF;
+ text-decoration:none;
+}
+
+.first_menu_selected {
+ background-color:#000000;
+ padding:3px 10px 3px 10px;
+ margin-left:5px;
+}
+
+.first_menu_selected A {
+ color:#FFFFFF;
+ font-weight:bold;
+ text-decoration:none;
+}
+
+/* 2차 메뉴 */
+.second_menu {
+ padding:5px 0px 5px 5px;
+ background-color:#AAAAAA;
+ display:block;
+ border-bottom:1px solid #999999;
+}
+
+.second_menu A {
+ color:#FFFFFF;
+ text-decoration:none;
+ font-weight:normal;
+}
+
+.second_menu_selected {
+ padding:5px 0px 5px 5px;
+ background-color:#666666;
+ display:block;
+ border-bottom:1px solid #444444;
+}
+
+.second_menu_selected A {
+ color:#FFFFFF;
+ font-weight:bold;
+ text-decoration:none;
+}
+
+/* 3차 메뉴 */
+.third_menu {
+ padding:5px 0px 5px 20px;
+ border-bottom:1px solid #EEEEEE;
+ display:block;
+}
+
+.third_menu A {
+ color:#000000;
+ text-decoration:none;
+}
+
+.third_menu_selected {
+ padding:5px 0px 5px 20px;
+ border-bottom:1px solid #EEEEEE;
+ font-weight:bold;
+ display:block;
+ background-color:#EFEFEF;
+}
+
+.third_menu_selected A {
+ color:#000000;
+ font-weight:bold;
+ text-decoration:none;
+}
+
+/* 하단 메뉴 */
+.bottom_menu {
+ margin-right:5px;
+ font-weight:normal;
+}
+
+.bottom_menu A {
+ color:#000000;
+ text-decoration:none;
+}
+
+.bottom_menu_selected {
+ margin-right:5px;
+ font-weight:bold;
+}
+
+.bottom_menu_selected A {
+ color:#000000;
+ font-weight:bold;
+ text-decoration:none;
+}
+
diff --git a/layouts/zb5_site/layout.html b/layouts/zb5_site/layout.html
new file mode 100644
index 000000000..70deda735
--- /dev/null
+++ b/layouts/zb5_site/layout.html
@@ -0,0 +1,101 @@
+
+
+
+
+
+
{$content}
+
+
+
+
+
+
+ {@ $class_name = 'bottom_menu_selected'}
+
+ {@ $class_name = 'bottom_menu'}
+
+
+
+ {$val['text']}
+
+
+
+
+
+
+