diff --git a/admin/index.html b/admin/index.html
new file mode 100644
index 0000000..638dadf
--- /dev/null
+++ b/admin/index.html
@@ -0,0 +1 @@
+
diff --git a/backoffice/admin_info.php b/backoffice/admin_info.php
new file mode 100644
index 0000000..e3fa7c4
--- /dev/null
+++ b/backoffice/admin_info.php
@@ -0,0 +1,54 @@
+
+include_once $_SERVER[DOCUMENT_ROOT] . "/module/board/board.lib.php";
+include_once $_SERVER[DOCUMENT_ROOT] . "/module/log/log.lib.php";
+
+$yesterday = date("Y-m-d",mktime(0,0,0,date("m"),date("d")-1,date("Y")));
+$monthFirst = date("Y-m")."-01";
+
+//DB연결
+$dblink = SetConn($_conf_db["main_db"]);
+
+$arrListLogToday = getAccessCounterDaily(date("Y-m-d"), date("Y-m-d")); //오늘방문
+$arrListLogYesterday = getAccessCounterDaily($yesterday, $yesterday);
+$arrListLogMonth = getAccessCounterDaily($monthFirst, date("Y-m-d"));
+$arrListLogAll = getAccessCounterDaily("2012-08-31", date("Y-m-d"));
+
+$arrCommentList = getCommentList("", "", "", "");
+
+$sql = "select * from tbl_board_info";
+$result=mysql_query($sql) ;
+
+$i=0;
+while($row=mysql_fetch_array($result)){
+ $arrLeftBoard[$i] = getBoardListBase($row[boardid], "", "", "", "", "");
+
+ $boardTotal += $arrLeftBoard[$i]["total"];
+ $i++;
+}
+
+//DB해제
+SetDisConn($dblink);
+?>
+
+
+
+
+
+
+
+
+ 오늘방문 : =number_format($arrListLogToday["sum"])?> 명
+ 어제방문 : =number_format($arrListLogYesterday["sum"])?>명
+ 이달방문 : =number_format($arrListLogMonth["sum"])?>명
+
+ 총방문객 : =number_format($arrListLogAll["sum"])?> 명
+
+
+ 총 게시물 : =number_format($boardTotal)?> 개
+ 총 코멘트 : =number_format($arrCommentList["total"])?> 개
+
+
+
\ No newline at end of file
diff --git a/backoffice/auth/admin_login.php b/backoffice/auth/admin_login.php
new file mode 100644
index 0000000..af6a6b9
--- /dev/null
+++ b/backoffice/auth/admin_login.php
@@ -0,0 +1,118 @@
+
+session_start();
+include $_SERVER[DOCUMENT_ROOT] . "/common/conf/config.inc.php";
+include $_SERVER[DOCUMENT_ROOT] . "/backoffice/module/admin/admin.lib.php";
+
+if($_POST[evnMode]=='Login'){
+ //DB연결
+ $dblink = SetConn($_conf_db["main_db"]);
+ $arrInfo = getAdminInfo(mysql_real_escape_string($_POST["ID"]));
+
+ if($arrInfo["total"] < 1){
+ //로그인정보 기록
+ setAdminLoginLog(mysql_real_escape_string($_POST["ID"]),"N");
+
+ jsMsg("해당하는 아이디가 없습니다.");
+ jsHistory("-1");
+ }
+
+ if($arrInfo["list"][0]["a_pw"] == $_POST[Password]) {
+ //로그인정보 기록
+ setAdminLoginLog($arrInfo["list"][0]["a_id"],"Y");
+
+ // 로그인 정보로 세션을 생성
+ $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["ID"] = $arrInfo["list"][0]["a_id"];
+ $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["NAME"] = $arrInfo["list"][0]["a_name"];
+ $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["CLASS"] = $arrInfo["list"][0]["a_class"];
+ $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["GRADE"] = $arrInfo["list"][0]["a_grade"];
+ $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["AUTH"] = explode(",",$arrInfo["list"][0]["a_auth"]);
+
+ //회원세션도 생성
+ //$_SESSION[$_SITE["DOMAIN"]]["MEMBER"]["ID"] = $arrInfo["list"][0]["a_id"];
+ //$_SESSION[$_SITE["DOMAIN"]]["MEMBER"]["NAME"] = $arrInfo["list"][0]["a_name"];
+ //$_SESSION[$_SITE["DOMAIN"]]["MEMBER"]["EMAIL"] = $arrInfo["list"][0]["a_email"];
+ //$_SESSION[$_SITE["DOMAIN"]]["MEMBER"]["LEVEL"] = "99";
+
+ //jsMsg($_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["ID"] . $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["CLASS"] . "님 로그인 하셨습니다.");
+
+ if($Prev_URL){
+ metaGo(urldecode($Prev_URL));
+ }else{
+ metaGo("/backoffice/");
+ }
+ }else{
+ //로그인정보 기록
+ setAdminLoginLog(mysql_real_escape_string($_POST["ID"]),"N");
+
+ jsMsg("비밀번호가 일치하지 않습니다.");
+ jsHistory("-1");
+ }
+
+
+
+
+ //DB해제
+ SetDisConn($dblink);
+}
+?>
+
+
+
+
+
+=$_SITE["NAME"]?> 관리자 : 로그인
+
+
+
+
+
+
+
+
+
+
+
+ ※ 관리자 페이지로 접속합니다.
+ ※ 공공장소에서의 로그인시 정보 유출에 주의하시기 바랍니다.
+
+
+
COPYRIGHT 2009 © WEBSITE & 3ANYINC. All RIGHTS RESERVED.
+
+
+
+
+
+
+
diff --git a/backoffice/auth/auth.php b/backoffice/auth/auth.php
new file mode 100644
index 0000000..6092c37
--- /dev/null
+++ b/backoffice/auth/auth.php
@@ -0,0 +1,24 @@
+
+if (!$_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["ID"]) {
+ echo "
+
+ ";
+ exit;
+}
+// admin 페이지 허용된 아이피만 접근
+$fp = fopen("/home/www/acl.txt", "r");
+$currentIP = fread($fp, 1000);
+fclose($fp);
+
+//공백 제거
+$currentIP = trim($currentIP);
+
+//CF PROXY IP로 인식하는 문제로 변경함(최준흠)
+//$remoteIP=$_SERVER["HTTP_X_FORWARDED_FOR"];
+$remoteIP = $_SERVER["HTTP_CF_CONNECTING_IP"];
+
+// 문자열 비교
+if (strcmp($currentIP, $remoteIP)) {
+ echo "";
+ exit;
+}
diff --git a/backoffice/auth/auth_long.php b/backoffice/auth/auth_long.php
new file mode 100644
index 0000000..12b80aa
--- /dev/null
+++ b/backoffice/auth/auth_long.php
@@ -0,0 +1,23 @@
+
+ini_set("session.cache_expire", 60*24*30); // 세션 캐쉬 보관시간 (분)
+ini_set("session.gc_maxlifetime", 60*10); // session data의 gabage collection 존재 기간을 지정 (초), 이게 expire보다 우선임
+ini_set("session.gc_probability", 0); // session.gc_divisor(100)과 연계하여 %확률로 세션지워줌, 테스트시 100 권장
+session_set_cookie_params(60*60*24*365, "/"); // 쿠키 세션 연동 유효시간 설정(초)
+ini_set("session.cookie_domain", $_SERVER['HTTP_HOST']);
+@session_start();
+
+header('P3P: CP="NOI CURa ADMa DEVa TAIa OUR DELa BUS IND PHY ONL UNI COM NAV INT DEM PRE"');
+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"');
+header('P3P: CP="ALL ADM DEV PSAi COM OUR OTRo STP IND ONL"');
+header('P3P: CP="CAO PSA OUR"');
+
+include $_SERVER[DOCUMENT_ROOT] . "/common/conf/config.inc.php";
+include $_SERVER[DOCUMENT_ROOT] . "/backoffice/module/admin/admin.lib.php";
+
+// 세션유지
+$_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["ID"] = $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["ID"];
+$_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["NAME"] = $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["NAME"];
+$_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["CLASS"] = $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["CLASS"];
+$_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["GRADE"] = $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["GRADE"];
+$_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["AUTH"] = $_SESSION[$_SITE["DOMAIN"]]["ADMIN"]["AUTH"];
+?>
\ No newline at end of file
diff --git a/backoffice/auth/images/login_01.gif b/backoffice/auth/images/login_01.gif
new file mode 100644
index 0000000..1db7f6f
Binary files /dev/null and b/backoffice/auth/images/login_01.gif differ
diff --git a/backoffice/auth/images/login_02.gif b/backoffice/auth/images/login_02.gif
new file mode 100644
index 0000000..50a5bab
Binary files /dev/null and b/backoffice/auth/images/login_02.gif differ
diff --git a/backoffice/auth/images/login_03.gif b/backoffice/auth/images/login_03.gif
new file mode 100644
index 0000000..83dfa32
Binary files /dev/null and b/backoffice/auth/images/login_03.gif differ
diff --git a/backoffice/auth/images/login_04.gif b/backoffice/auth/images/login_04.gif
new file mode 100644
index 0000000..5e128fc
Binary files /dev/null and b/backoffice/auth/images/login_04.gif differ
diff --git a/backoffice/auth/images/login_05.gif b/backoffice/auth/images/login_05.gif
new file mode 100644
index 0000000..5d1288d
Binary files /dev/null and b/backoffice/auth/images/login_05.gif differ
diff --git a/backoffice/auth/images/login_06.gif b/backoffice/auth/images/login_06.gif
new file mode 100644
index 0000000..6b4e29c
Binary files /dev/null and b/backoffice/auth/images/login_06.gif differ
diff --git a/backoffice/auth/images/login_07.gif b/backoffice/auth/images/login_07.gif
new file mode 100644
index 0000000..a6c5c1b
Binary files /dev/null and b/backoffice/auth/images/login_07.gif differ
diff --git a/backoffice/auth/images/login_08.gif b/backoffice/auth/images/login_08.gif
new file mode 100644
index 0000000..e5397aa
Binary files /dev/null and b/backoffice/auth/images/login_08.gif differ
diff --git a/backoffice/auth/images/login_09.gif b/backoffice/auth/images/login_09.gif
new file mode 100644
index 0000000..c4e0af4
Binary files /dev/null and b/backoffice/auth/images/login_09.gif differ
diff --git a/backoffice/auth/images/login_10.gif b/backoffice/auth/images/login_10.gif
new file mode 100644
index 0000000..c84c34d
Binary files /dev/null and b/backoffice/auth/images/login_10.gif differ
diff --git a/backoffice/auth/images/login_11.gif b/backoffice/auth/images/login_11.gif
new file mode 100644
index 0000000..d018eb3
Binary files /dev/null and b/backoffice/auth/images/login_11.gif differ
diff --git a/backoffice/auth/images/login_12.gif b/backoffice/auth/images/login_12.gif
new file mode 100644
index 0000000..799b4e3
Binary files /dev/null and b/backoffice/auth/images/login_12.gif differ
diff --git a/backoffice/auth/images/login_13.gif b/backoffice/auth/images/login_13.gif
new file mode 100644
index 0000000..64d1e22
Binary files /dev/null and b/backoffice/auth/images/login_13.gif differ
diff --git a/backoffice/auth/images/login_14.gif b/backoffice/auth/images/login_14.gif
new file mode 100644
index 0000000..f4298fe
Binary files /dev/null and b/backoffice/auth/images/login_14.gif differ
diff --git a/backoffice/auth/images/login_15.gif b/backoffice/auth/images/login_15.gif
new file mode 100644
index 0000000..e65a936
Binary files /dev/null and b/backoffice/auth/images/login_15.gif differ
diff --git a/backoffice/auth/images/login_16.gif b/backoffice/auth/images/login_16.gif
new file mode 100644
index 0000000..a0ea0f6
Binary files /dev/null and b/backoffice/auth/images/login_16.gif differ
diff --git a/backoffice/auth/images/login_17.gif b/backoffice/auth/images/login_17.gif
new file mode 100644
index 0000000..62e05a8
Binary files /dev/null and b/backoffice/auth/images/login_17.gif differ
diff --git a/backoffice/auth/images/login_18.gif b/backoffice/auth/images/login_18.gif
new file mode 100644
index 0000000..b02b055
Binary files /dev/null and b/backoffice/auth/images/login_18.gif differ
diff --git a/backoffice/auth/images/login_19.gif b/backoffice/auth/images/login_19.gif
new file mode 100644
index 0000000..c7fdcb0
Binary files /dev/null and b/backoffice/auth/images/login_19.gif differ
diff --git a/backoffice/auth/images/login_20.gif b/backoffice/auth/images/login_20.gif
new file mode 100644
index 0000000..d6710e3
Binary files /dev/null and b/backoffice/auth/images/login_20.gif differ
diff --git a/backoffice/auth/images/login_21.gif b/backoffice/auth/images/login_21.gif
new file mode 100644
index 0000000..f67755c
Binary files /dev/null and b/backoffice/auth/images/login_21.gif differ
diff --git a/backoffice/auth/images/login_22.gif b/backoffice/auth/images/login_22.gif
new file mode 100644
index 0000000..87c48fa
Binary files /dev/null and b/backoffice/auth/images/login_22.gif differ
diff --git a/backoffice/auth/images/login_23.gif b/backoffice/auth/images/login_23.gif
new file mode 100644
index 0000000..a8e8d9d
Binary files /dev/null and b/backoffice/auth/images/login_23.gif differ
diff --git a/backoffice/auth/images/login_24.gif b/backoffice/auth/images/login_24.gif
new file mode 100644
index 0000000..4f9fc33
Binary files /dev/null and b/backoffice/auth/images/login_24.gif differ
diff --git a/backoffice/auth/images/login_25.gif b/backoffice/auth/images/login_25.gif
new file mode 100644
index 0000000..60cae42
Binary files /dev/null and b/backoffice/auth/images/login_25.gif differ
diff --git a/backoffice/auth/images/login_26.gif b/backoffice/auth/images/login_26.gif
new file mode 100644
index 0000000..cfbd497
Binary files /dev/null and b/backoffice/auth/images/login_26.gif differ
diff --git a/backoffice/auth/logout.php b/backoffice/auth/logout.php
new file mode 100644
index 0000000..e738385
--- /dev/null
+++ b/backoffice/auth/logout.php
@@ -0,0 +1,25 @@
+
+session_start();
+include $_SERVER[DOCUMENT_ROOT] . "/common/lib/html.inc.php";
+
+session_destroy();
+
+//jsGo("/backoffice/index.php","top",iconv("EUC-KR","UTF-8","로그아웃 되었습니다."));
+?>
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
diff --git a/backoffice/css/basic.css b/backoffice/css/basic.css
new file mode 100644
index 0000000..231fefe
--- /dev/null
+++ b/backoffice/css/basic.css
@@ -0,0 +1,48 @@
+@charset "utf-8";
+/* basic.css는 태그의 기본속성을 초기화하고 사이트의 전체적인 기본 스타일을 정의합니다. */
+html {overflow-y:scroll;}
+html, body {height:100%;}
+body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
+body,table,input,textarea,select{font-family:'나눔고딕',NanumGothic,'맑은고딕',Malgun Gothic,'돋움',Dotum,helvetica,sans-serif;font-size:12px;line-height:18px;color:#555;}
+img{border:0}
+ul,ol{list-style:none}
+hr {clear:both;display:none;}
+li img, dd img {vertical-align:top;}
+*html body img {margin:none; padding:none;} /*for IE 6*/
+fieldset {border:1px solid #ccc; padding:10px;}
+legend {font-weight:bold;}
+legend:before {content:"[ "}
+legend:after {content:" ]"}
+table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
+input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important;}
+a{color:#555;text-decoration:none}
+a:hover,a:active{text-decoration:underline}
+select {border:1px solid #b7b7b7;}
+
+/* user class */
+.clfix{*zoom:1;} /*for ie 5.5-7*/
+.clfix:after {content:" "; display:block; clear:both;}
+
+.clear{clear:both;}
+.hide {position:absolute; width:1px; height:1px; left:0; top:0; font-size:0; line-height:0; text-indent:-9999%;}
+
+.pointer {cursor:pointer;}
+html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}
+
+.input {background:#fff; height:18px; border:1px solid #ccc;}
+.textarea {background:#fff; border:1px solid #ccc;}
+
+.fl {float:left;}
+.fr {float:right;}
+
+.space-center {text-align:center !important;}
+.space-right {text-align:right !important;}
+.space-left {text-align:left !important;}
+
+.mgb5 {margin-bottom:5px;}
+.mgb10 {margin-bottom:10px;}
+.mgb20 {margin-bottom:20px;}
+.mgb30{margin-bottom:30px;}
+
+/* png24 */
+.png24 {tmp:expression(setPng24(this));} /* FOR IMG ONLY */
\ No newline at end of file
diff --git a/backoffice/css/layout.css b/backoffice/css/layout.css
new file mode 100644
index 0000000..8208137
--- /dev/null
+++ b/backoffice/css/layout.css
@@ -0,0 +1,380 @@
+@charset "utf-8";
+
+/* 로그인 */
+#wrapper {*zoom:1; position:relative; height:auto !important; height:100%; min-height:100%; background:url('../images/login_bg.gif') 0 repeat-x;} /* IE5.5~7 브라우저 대응 Hack */
+#wrapper:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
+
+#loginArea {position:absolute; width:661px; height:280px; left:50%; top:50%; margin:-170px 0 0 -330px;}
+.memberLogin {position:relative; width:661px; height:248px;background:url('../images/login_box.png') 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/login_box.png",sizingMethod='crop'); margin:0 auto 10px auto;}
+.memberLogin .loginField {position:absolute;top:88px;left:274px;border:0 none;padding:0;margin:0;}
+.memberLogin .loginField legend {visibility:hidden;width:0;height:0;font-size:0;}
+.memberLogin .loginField .id {position:absolute;top:2px;left:0;width:260px;}
+.memberLogin .loginField .pw {position:absolute;top:30px;left:0;width:260px;}
+.memberLogin .loginField label {display:block;float:left;width:57px;padding:5px 0 0 0;}
+.memberLogin .loginField .btnLogin {position:absolute;top:0;left:262px;}
+.memberLogin .loginText {position:absolute;top:176px;left:278px; font:11px Dotum; color:#89b7d3; line-height:19px;}
+#loginArea .copyright {text-align:center; font:11px Arial; color:#999999; line-height:19px;}
+input.loginInput {width:194px; height:19px; background:#f2f2f1; border:1px solid #116294; color:#666; margin:0;}
+
+/* header */
+#admin-wrapper {position:relative; width:100%; min-width:1250px; height:auto !important; height:100%; min-height:100%; margin:0; background:url('../images/left_bg2.gif') 0 0 repeat-y;}
+#admin-header {width:100%; min-width:1250px; height:105px; background:url('../images/header_bg.gif') 0 0 repeat-x; box-shadow:0 3px 3px rgba(0, 0, 0, .3);-webkit-box-shadow:0 3px 3px rgba(0, 0, 0, .3);-moz-box-shadow:0 3px 0 rgba(0, 0, 0, .3);}
+#admin-header ul, #admin-header li {list-style:none;}
+.admin-top-content {width:100%; height:32px; overflow:hidden;}
+.admin-middle-content {width:100%; height:70px; overflow:hidden;}
+.top-logo {float:left;}
+.top-util {float:right; width:450px; margin:0 20px 0 0;}
+.visitor-name {float:left; height:20px; line-height:30px; color:#fff;}
+.util-menu {float:right;}
+.util-menu li {float:left; display:inline; line-height:0; margin:0 0 0 15px;}
+.admin-gnb {float:left; display:inline; padding:0 1px 0 0; background:url('../images/gnb_vline_last.gif') 100% 0 no-repeat;}
+.admin-gnb li {float:left; display:inline; font-size:0; line-height:0;}
+
+/* left */
+.admin-snb {float:left; display:inline; position:relative; left:-200px; width:190px; margin-right:-190px; padding:15px 0 15px 0;}
+.admin-snb-group {margin:0 0 10px 0;}
+.snb-title {width:190px; height:31px; border-radius:5px; box-shadow:0 2px 0 rgba(255, 255, 255, .15); background:url('../images/left_title_bg2.gif') 0 0 no-repeat; margin:0 0 2px 0;}
+.snb-title h2 {font-size:12px; color:#fff; line-height:31px; padding:0 0 0 10px; margin:0;}
+.snb-menu {background:#fff; border:1px solid #ababab; border-radius:5px; box-shadow:0 2px 0 rgba(255, 255, 255, .15); padding:0; margin:0;}
+.snb-menu li {display:block; list-style:none; font-size:12px; line-height:16px; border-top:1px solid #dedede; background:url('../images/arrow2.gif') 7px 10px no-repeat; padding:0; margin:0;}
+.snb-menu li:first-child {border-top:0; box-shadow:0 1px 0 rgba(0, 0, 0, .1) inset;}
+.snb-menu li a {display:block; color:#555; padding:5px 5px 6px 16px; text-decoration:none;}
+.snb-menu li ul li {border-top:0; background:none;}
+.admin-info {margin-top:20px; font-size:11px;}
+.info-today {background:#4b545f; padding:6px; font-weight:bold; text-align:center;}
+.info-today .today-day {color:#fffbbb; margin:0 2px;}
+.info-today .today-time {color:#fff; margin:0 2px;}
+.info-account {background:#e4e7eb; line-height:17px; padding:0 10px; color:#888;}
+.info-account .account-group-head {padding:10px 5px; color:#666;}
+.info-account .account-group {background:url('../images/line_dot.gif') 0 0 repeat-x; padding:10px 15px;}
+
+/* body */
+#admin-container {position:relative; *display:inline-block; _width /**/:100%; min-height:900px; border-right:1px solid #b4b4b4; margin:0 200px 0 211px;}
+#admin-container:after{display:block;clear:both;content:" ";}
+#admin-content {position:relative; padding:20px 10px 100px 10px; overflow:hidden;}
+
+.admin-title {font-size:16px; line-height:22px; letter-spacing:-1px; color:#000; background:url('../images/bullet3.gif') 0 4px no-repeat; border-bottom:1px solid #dedede; padding:0 0 8px 24px; margin:0 0 25px 0;}
+.admin-title-middle {font-size:14px; line-height:20px; letter-spacing:-1px; color:#244364; background:url('../images/bullet4.gif') 0 4px no-repeat; padding:0 0 0 16px; margin:0 0 8px 0;}
+
+.admin-top {*zoom:1; position:relative; min-height:240px;}
+.admin-top:after {content:" ";display:block;clear:both;}
+
+.admin-graph {padding-right:240px;}
+
+.admin-calendar {position:absolute; top:0; right:0; width:200px;}
+.calendar-table {width:200px; height:240px; background:url('../images/calendar_bg.gif') 0 0 no-repeat;}
+.calendar-table div.year {padding:10px 0 0; text-align:center;}
+.calendar-table div.year button {display:inline-block; width:9px; height:9px; margin:4px 2px 0; text-indent:-9999px; cursor:pointer; vertical-align:top; border:0;}
+.calendar-table div.year strong {color:#fff; font-family:Tahoma; font-size:12px;}
+.calendar-table div.year button.prev {background:url('../images/calendar_bt_prev2.gif') 50% no-repeat;}
+.calendar-table div.year button.next {background:url('../images/calendar_bt_next2.gif') 50% no-repeat;}
+.calendar-table div.month {position:relative; text-align:center;}
+.calendar-table div.month button {position:absolute; top:8px; width:30px; height:30px; text-indent:-9999px; cursor:pointer; vertical-align:top; border:0;}
+.calendar-table div.month strong {color:#fff; font-family:Arial-Regular; font-size:38px; line-height:normal;}
+.calendar-table div.month button.prev {left:38px; background:url('../images/calendar_bt_prev.gif') 50% no-repeat;}
+.calendar-table div.month button.next {right:38px; background:url('../images/calendar_bt_next.gif') 50% no-repeat;}
+.calendar-table table {width:95%; border-collapse:collapse; border-spacing:0; color:#fff; font-family:Tahoma; font-size:11px; text-align:center; margin:0 auto;}
+.calendar-table thead th {font-weight:normal; font-size:10px;}
+.calendar-table thead th.sun {color:#ffbfbf;}
+.calendar-table thead th.sat {color:#83ddff;}
+.calendar-table tbody td {height:22px; vertical-align:top;}
+.calendar-table tbody td a {width:21px; height:21px; line-height:20px; color:#fff; display:inline-block; text-align:center; font-size:11px; box-sizing:border-box; border:1px solid transparent; text-decoration:none; }
+.calendar-table tbody td a.sun {color:#ffbfbf;}
+.calendar-table tbody td a.sat {color:#83ddff;}
+.calendar-table tbody td.today {background:url('../images/calendar_today.gif') 50% no-repeat;}
+.calendar-table tbody td.schedule-on a {text-decoration:underline;}
+.calendar-layer {display:none; position:absolute; top:0; left:-390px; width:368px; height:238px; background:#fff; border:1px solid #000; z-index:101;}
+.calendar-layer .contents p {height:26px; padding:14px 0 0 19px; background:#ededed;}
+.calendar-layer .contents p strong {color:#333; font-size:12px; letter-spacing:-1px;}
+.calendar-layer .contents p span {margin-left:12px; color:#3080de;}
+.calendar-layer .contents fieldset {border:0;padding:0;margin:0;}
+.calendar-layer .contents fieldset legend {font-size:0;line-height:0;position:absolute;left:-999px;text-indent:-999px;}
+.calendar-layer .contents table {width:328px; border-collapse:collapse; border-spacing:0; margin:15px auto 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
+.calendar-layer .contents th {padding:4px 0 4px 10px; text-align:left; font-size:11px; background:#f4f4f4; border-bottom:1px solid #d8d8d8;}
+.calendar-layer .contents td {padding:4px 0 4px 10px;font-size:11px; border-bottom:1px solid #d8d8d8;}
+.calendar-layer .close {position:absolute; top:11px; right:14px; width:19px; height:19px; background:url('../images/close.gif') 0 0 no-repeat; text-indent:-999px; border:0; cursor:pointer;}
+
+.admin-tab {overflow:hidden; background:url('../images/tab_underline.gif') 0 100% repeat-x; margin:0 0 15px 0;}
+.admin-tab li {float:left; height:28px; line-height:28px; font-size:11px; font-weight:bold; background-image:url('../images/tab_bg.gif'); margin:0 1px 0 0;}
+.admin-tab li a {display:block; height:28px; color:#fff; text-decoration:none; padding:0 20px; background-image:url('../images/tab_bg.gif'); background-position:100% 0;}
+.admin-tab li.active {background-position:0 -28px;}
+.admin-tab li.active a {color:#5e656d; background-position:100% -28px;}
+
+.admin-table-type1 {width:100%; border-collapse:collapse; border-spacing:0px;}
+.admin-table-type1 th,
+.admin-table-type1 td {padding:4px; border:1px solid #aaa;}
+.admin-table-type1 td {text-align:center;}
+.admin-table-type1 thead th {background:#f2f2f2;}
+.admin-table-type1 tbody th {background:#f2f2f2;}
+.admin-table-type1 * {vertical-align:middle;}
+
+.admin-table-type2 {width:100%; border-collapse:collapse; border-spacing:0px;}
+.admin-table-type2 th,
+.admin-table-type2 td {padding:4px; border-bottom:1px solid #aaa;}
+.admin-table-type2 td {text-align:center;}
+.admin-table-type2 thead th {background:#f2f2f2; border-top:1px solid #ccc;}
+.admin-table-type2 tbody th {background:#f8f8f8; font-weight:normal;}
+
+.admin-search {*zoom:1; margin:0 0 5px 0;}
+.admin-search:after {content:" "; display:block; clear:both;}
+.admin-search .total {float:left;}
+.admin-search .keyword {float:right;}
+.admin-search * {vertical-align:middle;}
+
+.admin-restrictions {*zoom:1; width:90%; padding:3px 0;}
+.admin-restrictions:after {content:" "; display:block; clear:both;}
+.admin-restrictions li {float:left; width:200px; padding:3px 0;}
+
+.admin-table-main {width:100%; border-collapse:collapse; border-spacing:0px; font-size:11px;}
+.admin-table-main thead th {padding:4px 10px; background:#aeb2bd; color:#fff; border:1px solid #7d838c;}
+.admin-table-main tbody th {padding:4px 10px; border:1px solid #ccc; border-top:0;}
+.admin-table-main tbody td {padding:4px 10px; border:1px solid #ccc; border-top:0; text-align:right;}
+.admin-table-main tr.today {color:#4390dd;}
+.admin-table-main tr.total {color:#ff7800; background:#f3f3f3;}
+.admin-table-main * {vertical-align:middle;}
+
+.admin-comm {*zoom:1;}
+.admin-comm:after {content:" "; display:block; clear:both;}
+.admin-comm .column1 {float:left; width:23%;}
+.admin-comm .column2 {float:left; width:31%;}
+.admin-comm .first {margin-left:0;}
+.admin-comm .last {float:right !important; margin:0;}
+.admin-comm .admin-board {height:150px; border:1px solid #b3b3b3; border-radius:5px; background:#fafafa; margin:0 5px; line-height:22px;}
+.admin-comm h3 {padding:6px 0 0 17px; height:28px; font-size:12px; letter-spacing:-1px;}
+.admin-comm ul {padding:11px 15px 0 15px; border-top:1px solid #e0e0e0;}
+.admin-comm li {position:relative; font-size:11px; color:#999; overflow:hidden;}
+.admin-comm li span {position:absolute; top:0; right:0; color:#999; font-family:Tahoma;}
+
+/* sidebar */
+.admin-sidebar {position:absolute; top:120px; right:10px; width:180px;}
+.admin-sidebar p {line-height:0; margin:0 0 6px 0;}
+
+/* footer */
+#admin-footer {*zoom:1; position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #b4b4b4; background:#f4f4f4; padding:15px 0; margin:0; clear:both; z-index:10;}
+#admin-footer:after {content:" "; clear:both; display:block;}
+.footer-copyright {float:right; font-size:80%; color:#777; line-height:1.2em; font-family:Arial, Dotum; text-align:right; margin:0 20px 0 0;}
+.footer-copyright strong {color:#000;}
+.footer-copyright a {color:#000; font-weight:bold;}
+.footer-company {float:left; color:#777; font-size:11px; line-height:1.2em; margin:0 0 0 20px;}
+.footer-company span {color:#000;}
+
+/* sub */
+.border-box {border:1px solid #dedede;padding:15px;}
+.list-dot {margin:0;padding:0;}
+.list-dot li {background:url(../images/dot.gif) 0 7px no-repeat; margin:0; padding:0 0 0 10px;}
+
+.popup-template {width:100%;}
+.popup-template ul {*zoom:1;}
+.popup-template ul:after {content:" "; clear:both; display:block;}
+.popup-template li {float:left; width:150px; text-align:center; color:#ad0000; padding:10px 0 5px 0;}
+.popup-template li .thumb {display:block; line-height:0; margin-bottom:4px;}
+
+.mailsms_head {padding:20px; border:1px solid #45a7e4; font-size:14px; font-weight:bold; color:#414141; line-height:26px; margin:0 0 25px 0;}
+.mailsms_content {padding:0 20px;}
+.mailsms_content h4 {font-size:16px; font-weight:bold; color:#414141;}
+.mailsms_content ul {list-style:none;margin:0;padding:0;line-height:1.8em;}
+.mailsms_content li {margin:0 0 0 13px; text-indent:-13px;}
+.mailsms_content .bank {color:#13a7d8;}
+.mailsms_content .notes {color:#ef6d0e;}
+.mailsms_content .form {width:560px; margin-top:20px;}
+.mailsms_form table {width:100%; border-collapse:collapse; border-spacing:0px; margin:0 0 10px 0; color:#444; border-bottom:1px solid #646464; border-top:1px solid #646464;}
+.mailsms_form thead th {background:#646464; color:#fff; font-size:16px; padding:10px 0;}
+.mailsms_form thead td {background:#d5d5d5; border-left:1px solid #c1c1c1; padding:6px; font-weight:bold; text-align:center;}
+.mailsms_form thead tr td:first-child {border-left:0;}
+.mailsms_form tbody th {border-top:1px solid #c1c1c1; padding:6px; font-weight:normal;}
+.mailsms_form tbody th strong {font-size:14px;}
+.mailsms_form tbody td {border-left:1px solid #c1c1c1; border-top:1px solid #c1c1c1; padding:6px; text-align:center;}
+.mailsms_form .btn {margin-top:10px; text-align:center;}
+.mailsms_form .btn input[type=submit],
+.mailsms_form .btn input[type=button] {padding:10px 20px;}
+.mailsms_pop h1 {margin:0;padding:0;}
+.mailsms_pop dd {margin:0;padding:0;}
+.mailsms_pop .head {line-height:0; background:#0060ab;}
+.mailsms_pop .content {padding:10px 5px;}
+.mailsms_pop .content .top {padding:10px 5px; font-size:14px; font-weight:bold; color:#000; line-height:20px; word-break:keep-all;}
+.mailsms_pop .content .total {color:#ff5a00; font-size:16px; margin:12px;}
+.mailsms_pop .content .info {margin:12px;}
+.mailsms_pop .content .bank {color:#13a7d8;}
+.mailsms_pop .content .memo dt {background:#9bb94b; padding:3px 12px; color:#fff;}
+.mailsms_pop .content .memo dd {border:1px solid #a9a9a9; padding:6px 10px;}
+.mailsms_pop .content .memo textarea {outline:none;border:0;font-size:12px;line-height:1.6em;overflow:auto;}
+.mailsms_charge {padding:3px 10px; font-size:12px; line-height:16px;}
+.mailsms_result {width:745px;}
+.mailsms_result .top {zoom:1; margin:0 0 10px 0; overflow:hidden;}
+.mailsms_result .top .search {float:left;}
+.mailsms_result .top .total {float:right; color:#ff5a00; font-size:16px; padding:4px 0 0 0;}
+.mailsms_result_list {width:100%; border-collapse:collapse; border-spacing:0px;}
+.mailsms_result_list thead th {background:#646464; color:#fff; padding:6px 0;}
+.mailsms_result_list tbody td {padding:6px 0; border-bottom:1px solid #646464; border-left:1px solid #646464; text-align:center;}
+.mailsms_result_list tbody tr td:first-child {border-left:0;}
+
+/* 페이지목록 */
+/*
+.paginate {padding:20px 0;text-align:center;line-height:normal; clear:both;}
+.paginate a,
+.paginate strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px; font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
+.paginate a:hover,
+.paginate a:active,
+.paginate a:focus{background-color:#f8f8f8;}
+.paginate strong{color:#ff5a00}
+.paginate .direction{padding:0; margin:0 4px;}
+*/
+.paginate {margin:20px 0;text-align:center;line-height:normal;}
+.paginate a,
+.paginate strong {display:inline-block;zoom:1;*display:inline;position:relative;padding:0;margin:0 1px;width:34px;height:34px;background-color:#fafafa;border:1px solid #ccc;font-size:14px;font-weight:400;line-height:32px;color:#555;text-decoration:none;text-align:center;vertical-align:middle;}
+.paginate strong {color:#fff;border-color:#555;background-color:#555;}
+.paginate a.direction {background-position:50% 50%;background-repeat:no-repeat;}
+.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
+.paginate a.direction.first {background-image:url("/images/bbs/btn_first.png");}
+.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev.png");}
+.paginate a.direction.next {background-image:url("/images/bbs/btn_next.png");}
+.paginate a.direction.last {background-image:url("/images/bbs/btn_last.png");}
+
+/* 버튼 */
+.admin-buttons {padding:15px 0;}
+.admin-buttons .cen {text-align:center;}
+.admin-buttons .fr {float:right;}
+.admin-buttons .fl {float:left;}
+.admin-buttons a {text-decoration:none;}
+.admin-buttons a,.admin-buttons input {vertical-align:top;}
+
+/* Text Button Package */
+.btn_pack,
+.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url('../images/btn_pack.gif') no-repeat;font-size:12px;color:#555;text-decoration:none !important;vertical-align:top;white-space:nowrap}
+.btn_pack{margin-right:4px}
+.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
+.btn_pack.medium,
+.btn_pack.medium *{height:24px;line-height:24px}
+.btn_pack.large,
+.btn_pack.large *{height:30px;line-height:30px;letter-spacing:-1px;}
+.btn_pack.xlarge,
+.btn_pack.xlarge *{height:36px;line-height:36px;letter-spacing:-1px;}
+.btn_pack.small,
+.btn_pack.small *{height:19px;line-height:19px}
+.btn_pack.medium{background-position:left 0}
+.btn_pack.large{background-position:left -30px}
+.btn_pack.xlarge{background-position:left -65px}
+.btn_pack.small{background-position:left -106px}
+.btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
+.btn_pack.large *{padding:0 14px 0 10px;background-position:right -30px;font-size:13px}
+.btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:15px}
+.btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
+.btn_pack *:hover,
+.btn_pack *:active,
+.btn_pack *:focus{color:#000}
+.btn_pack.strong *{font-weight:bold !important}
+.btn_pack.icon *{padding-left:20px}
+.btn_pack.small.icon *{padding-left:16px}
+.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}
+.btn_pack.medium .check{background-position:4px -150px}
+.btn_pack.large .check{background-position:4px -146px}
+.btn_pack.xlarge .check{background-position:5px -144px}
+.btn_pack.small .check{background-position:3px -153px}
+.btn_pack.medium .add{background-position:-16px -150px}
+.btn_pack.large .add{background-position:-14px -146px}
+.btn_pack.xlarge .add{background-position:-14px -144px}
+.btn_pack.small .add{background-position:-18px -153px}
+.btn_pack.medium .delete{background-position:-34px -150px}
+.btn_pack.large .delete{background-position:-34px -146px}
+.btn_pack.xlarge .delete{background-position:-34px -144px}
+.btn_pack.small .delete{background-position:-37px -153px}
+.btn_pack.medium .calendar{background-position:-56px -150px}
+.btn_pack.large .calendar{background-position:-56px -146px}
+.btn_pack.xlarge .calendar{background-position:-56px -144px}
+.btn_pack.small .calendar{background-position:-59px -153px}
+.btn_pack.medium .refresh{background-position:-76px -150px}
+.btn_pack.large .refresh{background-position:-76px -146px}
+.btn_pack.xlarge .refresh{background-position:-76px -144px}
+.btn_pack.small .refresh{background-position:-79px -153px}
+.btn_pack.medium .download{background-position:-96px -151px}
+.btn_pack.large .download{background-position:-96px -147px}
+.btn_pack.xlarge .download{background-position:-96px -145px}
+.btn_pack.small .download{background-position:-99px -154px}
+
+/* 버튼 */
+.buttons {*zoom:1; max-width:1000px; margin:15px auto;}
+.buttons:after {content:" "; display:block; clear:both;}
+.buttons .cen {text-align:center;}
+.buttons .cen input[type=submit],.buttons .cen input[type=cancel],.buttons .cen button {*margin:0 2px;}
+.buttons .fr {float:right;}
+.buttons .fl {float:left;}
+.buttons a {text-decoration:none;}
+.buttons a,.buttons input {vertical-align:top;}
+
+.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;color:#767676;letter-spacing:-1px;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;
+ border:1px solid #e4e7e9; border-bottom-color:#bbbfc8; outline:0; border-radius:3px;
+ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
+ box-shadow:inset 0px -1px 0px #fff,0px 1px 1px #f0f0f0;
+ background:#ffffff;
+ background:-webkit-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
+ background:-moz-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
+ background:-ms-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
+ background:-o-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
+ background:linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
+
+}
+.btn-pack.focus {
+ color:#fff;
+ border:1px solid #0059a4; border-bottom-color:#0059a4;
+ box-shadow:inset 0px -1px 0px #0059a4,0px 1px 1px #f0f0f0;
+ background:#0165ba;
+ background:-webkit-linear-gradient(top, #0165ba 0%, #0059a4 100%);
+ background:-moz-linear-gradient(top, #0165ba 0%, #0059a4 100%);
+ background:-ms-linear-gradient(top, #0165ba 0%, #0059a4 100%);
+ background:-o-linear-gradient(top, #0165ba 0%, #0059a4 100%);
+ background:linear-gradient(top, #0165ba 0%, #0059a4 100%);
+}
+.btn-pack.dark {
+ color:#fff;
+ border:1px solid #676767; border-bottom-color:#4c4c4c;
+ box-shadow:inset 0px -1px 0px #6b6b6b,0px 1px 1px #f0f0f0;
+ background:#7d7d7d;
+ background:-webkit-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
+ background:-moz-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
+ background:-ms-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
+ background:-o-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
+ background:linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
+}
+.btn-pack.medium {height:26px;padding:0 13px;line-height:24px;font-size:12px;font-weight:700;}
+.btn-pack.large {height:32px;padding:0 18px;line-height:30px;font-size:14px;font-weight:700;}
+.btn-pack.xlarge {height:38px;padding:0 23px;line-height:36px;font-size:16px;font-weight:700;}
+.btn-pack.small {height:21px;padding:0 10px;line-height:19px;font-size:11px;}
+.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
+.btn-pack:hover,
+.btn-pack:active,
+.btn-pack:focus{color:#000}
+.btn-pack.focus:hover,
+.btn-pack.focus:active,
+.btn-pack.focus:focus{color:#fff}
+.btn-pack.dark:hover,
+.btn-pack.dark:active,
+.btn-pack.dark:focus{color:#fff}
+input.btn-pack.medium ,button.btn-pack.medium {*height:28px;}
+input.btn-pack.large ,button.btn-pack.large {*height:34px;}
+input.btn-pack.xlarge ,button.btn-pack.xlarge {*height:40px;}
+input.btn-pack.small ,button.btn-pack.small {*height:23px;}
+
+/* 쇼핑 테이블 */
+.shop-table {border-top:2px solid #aaa;}
+.shop-table table {width:100%; border-collapse:collapse; border-spacing:0;}
+.shop-table table thead th {padding:10px 5px; border-bottom:1px solid #d8d8d8; border-left:1px solid #eee; background:#f7f7f7; font-size:13px; color:#333; font-weight:normal;}
+.shop-table table tbody td {padding:15px 5px; border-bottom:1px solid #d8d8d8; border-left:1px solid #eee; line-height:18px; text-align:center; word-break:break-all;}
+.shop-table table tbody td img {vertical-align:middle;}
+.shop-table table tbody td strong {color:#000;}
+.shop-table table tbody td.space-left {text-align:left; padding-left:15px;}
+.shop-table table tbody td.space-right {text-align:right; padding-right:15px;}
+.shop-table table tbody td.bt p {margin:1px 0;}
+.shop-table table tbody td .prod-info {*zoom:1; padding:0 0 0 80px;}
+.shop-table table tbody td .prod-info:after {content:" "; display:block; clear:both;}
+.shop-table table tbody td .prod-info .img {float:left; margin-left:-80px; line-height:0;}
+.shop-table table tbody td .prod-info .img img {border:1px solid #eee;}
+.shop-table table tbody td .prod-info .info {display:table-cell; width:100%; height:70px; vertical-align:middle;}
+.shop-table table tbody td .tit {padding:0 0 2px 0; font-size:13px; font-weight:700; line-height:16px;}
+.shop-table table tbody td .tit a {color:#000;}
+.shop-table table tbody td .opt {color:#4d6ccd; font-size:11px;}
+.shop-table table tbody td .price {color:#ff6000; font-size:13px; font-weight:700;}
+.shop-table table tbody td .num {color:#888; font-size:11px;}
+.shop-table table tbody td .state {color:#4d6ccd; margin-bottom:4px;}
+.shop-table table tbody tr:hover td {background-color:#fafafa;}
+.shop-table table tbody tr th:first-child,
+.shop-table table tbody tr td:first-child {border-left:0;}
\ No newline at end of file
diff --git a/backoffice/css/layout_back.css b/backoffice/css/layout_back.css
new file mode 100644
index 0000000..c6be0e6
--- /dev/null
+++ b/backoffice/css/layout_back.css
@@ -0,0 +1,142 @@
+@charset "utf-8";
+
+/* 로그인 */
+#wrapper {*zoom:1; position:relative; height:auto !important;height:100%; min-height:100%; background:url('../images/login_bg.gif') 0 repeat-x;} /* IE5.5~7 브라우저 대응 Hack */
+#wrapper:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
+
+#loginArea {position:absolute; width:661px; height:280px; left:50%; top:50%; margin:-170px 0 0 -330px;}
+.memberLogin {position:relative; width:661px; height:248px;background:url('../images/login_box.png') 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/login_box.png",sizingMethod='crop'); margin:0 auto 10px auto;}
+.memberLogin .loginField {position:absolute;top:88px;left:274px;border:0 none;padding:0;margin:0;}
+.memberLogin .loginField legend {visibility:hidden;width:0;height:0;font-size:0;}
+.memberLogin .loginField .id {position:absolute;top:2px;left:0;width:260px;}
+.memberLogin .loginField .pw {position:absolute;top:30px;left:0;width:260px;}
+.memberLogin .loginField label {display:block;float:left;width:57px;padding:5px 0 0 0;}
+.memberLogin .loginField .btnLogin {position:absolute;top:0;left:262px;}
+.memberLogin .loginText {position:absolute;top:176px;left:278px; font:11px Dotum; color:#89b7d3; line-height:19px;}
+#loginArea .copyright {text-align:center; font:11px Arial; color:#999999; line-height:19px;}
+input.loginInput {width:194px; height:19px; background:#f2f2f1; border:1px solid #116294; color:#666; margin:0;}
+
+
+/* header */
+#wrap {*zoom:1; position:relative; width:100%; min-width:970px; height:auto !important;height:100%; min-height:100%; background:url('../images/left_bg.gif') 0 repeat-y;}
+#wrap:after {content:" "; display:block; clear:both;}
+
+#header{width:100%; height:104px;}
+.topArea {*zoom:1; position:relative; width:100%; height:60px; background:url('../images/top_bg.gif') top left repeat-x; overflow:hidden;}
+.topArea:after {content:" "; display:block; clear:both;}
+h1.logo {position:absolute; top:0; left:0; margin:0; padding:0;}
+.utilMenuSet {padding:12px 180px 0 0; text-align:right;}
+.utilMenuSet p.visitorName {height:20px; line-height:1.2em; color:#424142; padding:0; margin:0;}
+.utilMenuSet ul.utilMenu {float:right; margin:0; padding:0;clear:both;}
+.utilMenuSet ul.utilMenu li {float:left; display:inline; list-style:none; margin:0 0 0 4px; padding:0;}
+p.website {position:absolute; top:0; right:0; margin:0; padding:0;}
+
+.gnbArea {width:100%; height:44px; background:url('../images/gnb_bg.gif') top left repeat-x; overflow:hidden; clear:both;}
+ul.gnb {display:block; padding:0 0 0 25px; margin:0;}
+ul.gnb li {float:left; list-style:none; background:url('../images/gnb_vline.gif') 0 13px no-repeat; padding:0; margin:0;}
+ul.gnb li a,ul.gnb li a:link {display:block; font-size:100%; color:#fff; font-family:Gulim; font-size:13px; line-height:39px; padding:0 24px 0 26px; text-decoration:none;}
+ul.gnb li a:hover {color:#40b5ff; text-decoration:none;}
+ul.gnb li.bg_none {background:none;}
+*html #header .gnbArea ul.gnb li a {color:#fff;} /* IE6 */
+*html #header .gnbArea ul.gnb li a:hover {color:#40b5ff;} /* IE6 */
+
+/* left */
+.snb {float:left; display:inline; position:relative;left:-200px; width:170px;margin-right:-170px;}
+.snbTitle {width:170px; height:41px; background:url('../images/left_title_bg.jpg') no-repeat;}
+.snbTitle h2 {font:14px Gulim; color:#fff; font-weight:bold; line-height:1.6em; margin:0; padding:10px 0 0 38px;}
+ul.menu {padding:8px 0 0 0; margin:0 0 50px 0;}
+ul.menu li {display:block; list-style:none; height:35px; padding:0; margin:0; border-bottom:1px dotted #ccc;}
+ul.menu li a,ul.menu li a:link {display:block; font-size:100%; color:#333; line-height:35px; background:url('../images/bullet.gif') 13px 12px no-repeat; padding:0 0 0 30px; margin:0; text-decoration:none;}
+ul.menu li a:hover {display:block; color:#ca0000; background:#deeaed url('../images/bullet.gif') 13px 12px no-repeat; text-decoration:none;}
+
+/* body */
+#container{*display:inline-block; _width /**/:100%; padding:0 0 30px 200px; background:url('../images/con_bg.gif') top repeat-x;}
+#container:after{display:block;clear:both;content:" ";}
+#content {float:left; display:inline; width:1150px; /*width:99%;*/ min-width:770px; padding:30px 0 70px 0;}
+
+h3.subTitle {display:block; font-size:16px; line-height:1.2em; letter-spacing:-1px; color:#40508e; background:url('../images/bullet2.gif') 0 2px no-repeat; padding:0 0 0 14px; margin:0 0 10px 0;}
+
+#content01 {*zoom:1; width:100%; margin-bottom:30px;}
+#content01:after {content:" "; display:block; clear:both;}
+#content02 {*zoom:1; width:100%; margin-bottom:30px; padding:30px 0 0 0; border-top:1px solid #eee;}
+#content02:after {content:" "; display:block; clear:both;}
+ #conBox01 {float:left; display:inline; width:48%; min-width:375px;}
+ #conBox02 {float:right; display:inline; width:48%; min-width:375px; margin-left:20px;}
+
+ul.bbsList {display:block; list-style:none; padding:0; margin:0;}
+ul.bbsList li {position:relative; display:block; height:26px; line-height:26px; background:url("../images/line_dot2.gif") bottom repeat-x;}
+ul.bbsList li a {color:#333333; line-height:26px; background:url("../images/dot.gif") 4px 8px no-repeat; padding-left:13px;}
+ul.bbsList li span {position:absolute; top:0; right:0; line-height:26px;}
+ul.bbsList li img {vertical-align:middle;}
+
+.table01 {width:100%; border-collapse:collapse; border-spacing:0px;}
+.table01 caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
+.table01 thead th {padding:5px; font-weight:normal; color:#11799f; background:#edf4f6; border:1px solid #b8d0e1;}
+.table01 tbody td {padding:5px; font-weight:normal; border:1px solid #b8d0e1;}
+
+.table02 {width:100%; border-collapse:collapse; border-spacing:0px;}
+.table02 caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
+.table02 thead th {padding:5px; font-weight:normal; color:#11799f; background:#edf4f6; border:1px solid #b8d0e1;}
+.table02 tbody td {padding:5px; font-weight:normal; border-bottom:1px dotted #cccccc;}
+
+.space-center {text-align:center;}
+.space-left {text-align:left;}
+.space-right {text-align:right;}
+
+
+/* footer */
+#footer{position:absolute; bottom:0; left:0; clear:both; width:100%; height:30px; background:#31323a; margin:0;}
+p.copyright {padding:8px 20px 0 0; font-size:80%; color:#838386; line-height:1.2em; font-family:Arial, Dotum; text-align:right; margin:0;}
+p.copyright strong {color:#45a7e4; font-weight:bold;}
+p.copyright a {color:#45a7e4; font-weight:bold;}
+
+
+/* sub */
+.mailsms_head {padding:20px; border:1px solid #45a7e4; font-size:14px; font-weight:bold; color:#414141; line-height:26px; margin:0 0 25px 0;}
+.mailsms_content {padding:0 20px;}
+.mailsms_content h4 {font-size:16px; font-weight:bold; color:#414141;}
+.mailsms_content ul {list-style:none;margin:0;padding:0;line-height:1.8em;}
+.mailsms_content li {margin:0 0 0 13px; text-indent:-13px;}
+.mailsms_content .bank {color:#13a7d8;}
+.mailsms_content .notes {color:#ef6d0e;}
+.mailsms_content .form {width:560px; margin-top:20px;}
+.mailsms_form table {width:100%; border-collapse:collapse; border-spacing:0px; margin:0 0 10px 0; color:#444; border-bottom:1px solid #646464; border-top:1px solid #646464;}
+.mailsms_form thead th {background:#646464; color:#fff; font-size:16px; padding:10px 0;}
+.mailsms_form thead td {background:#d5d5d5; border-left:1px solid #c1c1c1; padding:6px; font-weight:bold; text-align:center;}
+.mailsms_form thead tr td:first-child {border-left:0;}
+.mailsms_form tbody th {border-top:1px solid #c1c1c1; padding:6px; font-weight:normal;}
+.mailsms_form tbody th strong {font-size:14px;}
+.mailsms_form tbody td {border-left:1px solid #c1c1c1; border-top:1px solid #c1c1c1; padding:6px; text-align:center;}
+.mailsms_form .btn {margin-top:10px; text-align:center;}
+.mailsms_form .btn input[type=submit],
+.mailsms_form .btn input[type=button] {padding:10px 20px;}
+.mailsms_pop h1 {margin:0;padding:0;}
+.mailsms_pop dd {margin:0;padding:0;}
+.mailsms_pop .head {line-height:0; background:#0060ab;}
+.mailsms_pop .content {padding:10px 5px;}
+.mailsms_pop .content .top {padding:10px 5px; font-size:14px; font-weight:bold; color:#000; line-height:20px; word-break:keep-all;}
+.mailsms_pop .content .total {color:#ff5a00; font-size:16px; margin:12px;}
+.mailsms_pop .content .info {margin:12px;}
+.mailsms_pop .content .bank {color:#13a7d8;}
+.mailsms_pop .content .memo dt {background:#9bb94b; padding:3px 12px; color:#fff;}
+.mailsms_pop .content .memo dd {border:1px solid #a9a9a9; padding:6px 10px;}
+.mailsms_pop .content .memo textarea {outline:none;border:0;font-size:12px;line-height:1.6em;overflow:auto;}
+.mailsms_charge {padding:3px 10px; font-size:12px; line-height:16px;}
+.mailsms_result {width:745px;}
+.mailsms_result .top {zoom:1; margin:0 0 10px 0; overflow:hidden;}
+.mailsms_result .top .search {float:left;}
+.mailsms_result .top .total {float:right; color:#ff5a00; font-size:16px; padding:4px 0 0 0;}
+.mailsms_result_list {width:100%; border-collapse:collapse; border-spacing:0px;}
+.mailsms_result_list thead th {background:#646464; color:#fff; padding:6px 0;}
+.mailsms_result_list tbody td {padding:6px 0; border-bottom:1px solid #646464; border-left:1px solid #646464; text-align:center;}
+.mailsms_result_list tbody tr td:first-child {border-left:0;}
+
+/* 페이지목록 */
+.paginate {padding:20px 0;text-align:center;line-height:normal; clear:both;}
+.paginate a,
+.paginate strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px; font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
+.paginate a:hover,
+.paginate a:active,
+.paginate a:focus{background-color:#f8f8f8;}
+.paginate strong{color:#ff5a00}
+.paginate a.direction{padding:0; margin:0 4px;}
\ No newline at end of file
diff --git a/backoffice/css/style.css b/backoffice/css/style.css
new file mode 100644
index 0000000..0642a9f
--- /dev/null
+++ b/backoffice/css/style.css
@@ -0,0 +1,4 @@
+@charset "utf-8";
+
+@import url("basic.css");
+@import url("layout.css");
\ No newline at end of file
diff --git a/backoffice/footer.php b/backoffice/footer.php
new file mode 100644
index 0000000..77dc190
--- /dev/null
+++ b/backoffice/footer.php
@@ -0,0 +1,11 @@
+
+ include "side.php"; ?>
+
+
+
+
+