diff --git a/layouts/xe_official/conf/info.xml b/layouts/xe_official/conf/info.xml
new file mode 100644
index 000000000..c6df75ac6
--- /dev/null
+++ b/layouts/xe_official/conf/info.xml
@@ -0,0 +1,81 @@
+
+
+ ZBXE 공식 사이트 레이아웃
+
+ zero
+
+ 제로보드XE 공식 사이트 레이아웃입니다.
+ 디자인 : 이소라
+ 퍼블리싱 : 정찬명
+ 레이아웃 제작 : zero
+
+
+
+
+ 컬러셋
+ 颜色
+ Colorset
+ カラーセット
+ colecciónes de colores
+ 원하시는 컬러셋을 선택해주세요.
+ 请选择颜色。
+ Select colorset.
+ 希望する色を選択してください。
+ Seleccióne la colección de colores.
+
+ 기본
+ default
+
+
+ 검은색
+ black
+
+
+ 하얀색
+ white
+
+
+
+ 로고이미지
+ LOGO图片
+ Logo image
+ ロゴのイメージ
+ Imagén de logotipo
+ 레이아웃의 상단에 표시될 로고이미지를 입력하세요. (세로길이가 100px인 투명이미지가 가장 어울립니다)
+ 请输入显示在布局顶部的LOGO图片。 (高度为100px的透明图片为释。)
+ Please put a logo image in the the top of layout. (Transparency image's height 100px is best becoming.)
+ レイアウトの上端に表示されるロゴイメージを入力してください。 (縦幅が100pxである透明イメージが最も合います。)
+ Cargar archivo para logotipo. (Mejor imagen transparente con altura de 100px)
+
+
+ 홈 페이지 URL
+ 网站 URL
+ Hompage URL
+ ホームページ URL
+ URL de logotipo
+ 로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.
+ 点击网站LOGO时要移动的页面URL。
+ Please put a homepage URL, when you click the logo.
+ ロゴをクリックした時に移動するホームページのURLを入力してください。
+ Escribe URL para mover cuando los usuarios haga clic en logotipo.
+
+
+
+
+
+
+
diff --git a/layouts/xe_official/css/black.css b/layouts/xe_official/css/black.css
new file mode 100644
index 000000000..36234a9f9
--- /dev/null
+++ b/layouts/xe_official/css/black.css
@@ -0,0 +1,70 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+/* Black Skin - Start */
+
+/* Site Layout - Body Wrap */
+body { background:#3d3d3d url(../images/black/bgBody.gif) repeat-x;}
+#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
+
+/* Site Layout - Header */
+#header { position:relative; width:980px; height:120px; background:url(../images/black/bgHeader.jpg) no-repeat right top; margin-bottom:10px; z-index:99;}
+#header h1 { position:absolute; top:32px; left:25px;}
+#language { position:absolute; top:18px; right:19px;}
+#language strong { color:#ffffff; font:.75em Tahoma; margin-right:3px;}
+#language a img { vertical-align:-5px;}
+#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #282827; background:#3d3d3d;}
+#language ul li { list-style:none; }
+#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#cbcbcb; text-decoration:none;}
+#language ul li a:hover { background:#373736;}
+
+#it_search_form { position:absolute; top:50px; right:15px;}
+#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;}
+#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
+
+#gnb { position:absolute; top:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
+#gnb li { list-style:none; float:left; background:url(../images/black/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
+#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#a6a6a6; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#gnb li a:hover,
+#gnb li a:focus { color:#ffffff;}
+#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/black/bgGnbOn.gif) no-repeat center top;}
+
+/* Site Layout - Content Body */
+#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/black/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #515151;}
+
+/* Site Layout - Column Left */
+#columnLeft { position:relative; width:201px; float:left;}
+#columnLeft .mask { width:201px; height:5px; background:#3d3d3d; display:block;}
+#lnb { border-top:1px solid #515151; padding:4px 5px; width:190px;}
+#lnb li { list-style:none; padding-bottom:4px;}
+#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #565655; background:url(../images/black/bgLnbOff.gif) repeat-x; color:#c2c2c2; position:relative; z-index:99; text-decoration:none;}
+#lnb li a:hover,
+#lnb li a:focus { color:#ffffff; background:#e61700; border:1px solid #ff1a00;}
+#lnb li.on a { color:#ffffff; background:#e61700; border:1px solid #ff1a00;}
+#lnb li.on a:hover,
+#lnb li.on a:focus { font-weight:bold;}
+#lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #3d3d3d; overflow:hidden;}
+#lnb li.on ul { display:block;}
+#lnb li ul li { padding:0; border-top:1px solid #474747; position:relative; top:-1px;}
+#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
+#lnb li ul li a:hover,
+#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
+#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/black/bulletLnb.gif) no-repeat 175px center !important;}
+
+/* Site Layout - Column Right */
+#columnRight { position:relative; width:755px; float:right;}
+#visualArea { width:770px; height:200px; background:#151514; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px; color:#999999;}
+#content { width:100%; overflow:hidden;}
+
+/* Site Layout - Footer */
+#footer { border-top:3px solid #424242; text-align:center; padding:2em 0 4em; clear:both;}
+#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/black/vrType1.gif) no-repeat left center;}
+#footer li.first-child { background:none;}
+#footer li a { color:#818181; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#footer li address { display:inline; }
+
+/* Black Skin - End */
+
diff --git a/layouts/xe_official/css/default.css b/layouts/xe_official/css/default.css
new file mode 100644
index 000000000..490698d5d
--- /dev/null
+++ b/layouts/xe_official/css/default.css
@@ -0,0 +1,70 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+/* Default Skin - Start */
+
+/* Site Layout - Body Wrap */
+body { background:url(../images/default/bgBody.gif) repeat-x;}
+#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
+
+/* Site Layout - Header */
+#header { position:relative; width:980px; height:120px; background:url(../images/default/bgHeader.jpg) no-repeat right top; margin-bottom:10px; z-index:99;}
+#header h1 { position:absolute; top:32px; left:25px;}
+#language { position:absolute; top:18px; right:19px;}
+#language strong { color:#ffffff; font:.75em Tahoma; margin-right:3px;}
+#language a img { vertical-align:-5px;}
+#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #b23628; background:#de4332;}
+#language ul li { list-style:none; }
+#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#ffffff; text-decoration:none;}
+#language ul li a:hover { background:#bc4032;}
+
+#it_search_form { position:absolute; top:50px; right:15px;}
+#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;}
+#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
+
+#gnb { position:absolute; top:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
+#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
+#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#e8e8e8; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#gnb li a:hover,
+#gnb li a:focus { color:#ffffff;}
+#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}
+
+/* Site Layout - Content Body */
+#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
+
+/* Site Layout - Column Left */
+#columnLeft { position:relative; width:201px; float:left;}
+#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}
+
+#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
+#lnb li { padding-bottom:4px;}
+#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
+#lnb li a:hover,
+#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a:hover,
+#lnb li.on a:focus { font-weight:bold;}
+#lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
+#lnb li.on ul { display:block;}
+#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
+#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
+#lnb li ul li a:hover,
+#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
+#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center !important;}
+
+/* Site Layout - Column Right */
+#columnRight { position:relative; width:755px; float:right;}
+#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
+#content { width:100%; overflow:hidden;}
+
+/* Site Layout - Footer */
+#footer { border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 4em; clear:both;}
+#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
+#footer li.first-child { background:none;}
+#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#footer li address { display:inline; }
+
+/* Default Skin - End */
diff --git a/layouts/xe_official/css/white.css b/layouts/xe_official/css/white.css
new file mode 100644
index 000000000..814db9ef1
--- /dev/null
+++ b/layouts/xe_official/css/white.css
@@ -0,0 +1,70 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+/* White Skin - Start */
+
+/* Site Layout - Body Wrap */
+body { background:#ffffff;}
+#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
+
+/* Site Layout - Header */
+#header { position:relative; width:978px; height:114px; border-top:6px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
+#header h1 { position:absolute; top:26px; left:25px;}
+#language { position:absolute; top:12px; right:19px;}
+#language strong { color:#5c5c5c; font:.75em Tahoma; margin-right:3px;}
+#language a img { vertical-align:-5px;}
+#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #d9d9d9; background:#ffffff;}
+#language ul li { list-style:none; }
+#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#5c5c5c; text-decoration:none;}
+#language ul li a:hover { background:#f4f4f4;}
+
+#it_search_form { position:absolute; top:50px; right:15px;}
+#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
+#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
+
+#gnb { position:absolute; top:76px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
+#gnb li { list-style:none; float:left; background:url(../images/white/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
+#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#727272; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#gnb li a:hover,
+#gnb li a:focus { color:#000000;}
+#gnb li.on a { font-weight:bold; color:#3f3f3f; background:url(../images/white/bgGnbOn.gif) no-repeat center top;}
+
+/* Site Layout - Content Body */
+#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/white/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
+
+/* Site Layout - Column Left */
+#columnLeft { position:relative; width:201px; float:left;}
+#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}
+
+#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
+#lnb li { list-style:none; padding-bottom:4px;}
+#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/white/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
+#lnb li a:hover,
+#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a:hover,
+#lnb li.on a:focus { font-weight:bold;}
+#lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
+#lnb li.on ul { display:block;}
+#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
+#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
+#lnb li ul li a:hover,
+#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
+#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/white/bulletLnb.gif) no-repeat 175px center !important;}
+
+/* Site Layout - Column Right */
+#columnRight { position:relative; width:755px; float:right;}
+#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
+#content { width:100%; overflow:hidden;}
+
+/* Site Layout - Footer */
+#footer { border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 4em; clear:both;}
+#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/white/vrType1.gif) no-repeat left center;}
+#footer li.first-child { background:none;}
+#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#footer li address { display:inline; }
+
+/* White Skin - End */
diff --git a/layouts/xe_official/images/black/bgBody.gif b/layouts/xe_official/images/black/bgBody.gif
new file mode 100644
index 000000000..9f6ef7a17
Binary files /dev/null and b/layouts/xe_official/images/black/bgBody.gif differ
diff --git a/layouts/xe_official/images/black/bgContentBody.gif b/layouts/xe_official/images/black/bgContentBody.gif
new file mode 100644
index 000000000..d60d2593d
Binary files /dev/null and b/layouts/xe_official/images/black/bgContentBody.gif differ
diff --git a/layouts/xe_official/images/black/bgGnbOn.gif b/layouts/xe_official/images/black/bgGnbOn.gif
new file mode 100644
index 000000000..265b43dd7
Binary files /dev/null and b/layouts/xe_official/images/black/bgGnbOn.gif differ
diff --git a/layouts/xe_official/images/black/bgGnbVr.gif b/layouts/xe_official/images/black/bgGnbVr.gif
new file mode 100644
index 000000000..a4225744b
Binary files /dev/null and b/layouts/xe_official/images/black/bgGnbVr.gif differ
diff --git a/layouts/xe_official/images/black/bgHeader.jpg b/layouts/xe_official/images/black/bgHeader.jpg
new file mode 100644
index 000000000..911fb24ba
Binary files /dev/null and b/layouts/xe_official/images/black/bgHeader.jpg differ
diff --git a/layouts/xe_official/images/black/bgLnbOff.gif b/layouts/xe_official/images/black/bgLnbOff.gif
new file mode 100644
index 000000000..46414ff68
Binary files /dev/null and b/layouts/xe_official/images/black/bgLnbOff.gif differ
diff --git a/layouts/xe_official/images/black/bulletD0.gif b/layouts/xe_official/images/black/bulletD0.gif
new file mode 100644
index 000000000..e8e17d4c6
Binary files /dev/null and b/layouts/xe_official/images/black/bulletD0.gif differ
diff --git a/layouts/xe_official/images/black/bulletFF1A00.gif b/layouts/xe_official/images/black/bulletFF1A00.gif
new file mode 100644
index 000000000..4026f2521
Binary files /dev/null and b/layouts/xe_official/images/black/bulletFF1A00.gif differ
diff --git a/layouts/xe_official/images/black/bulletLnb.gif b/layouts/xe_official/images/black/bulletLnb.gif
new file mode 100644
index 000000000..6674d3765
Binary files /dev/null and b/layouts/xe_official/images/black/bulletLnb.gif differ
diff --git a/layouts/xe_official/images/black/buttonLang.gif b/layouts/xe_official/images/black/buttonLang.gif
new file mode 100644
index 000000000..317e15833
Binary files /dev/null and b/layouts/xe_official/images/black/buttonLang.gif differ
diff --git a/layouts/xe_official/images/black/lineNotice.gif b/layouts/xe_official/images/black/lineNotice.gif
new file mode 100644
index 000000000..fa69fd4ba
Binary files /dev/null and b/layouts/xe_official/images/black/lineNotice.gif differ
diff --git a/layouts/xe_official/images/black/powerdByZeroboard.gif b/layouts/xe_official/images/black/powerdByZeroboard.gif
new file mode 100644
index 000000000..a98a02e2f
Binary files /dev/null and b/layouts/xe_official/images/black/powerdByZeroboard.gif differ
diff --git a/layouts/xe_official/images/black/vrType1.gif b/layouts/xe_official/images/black/vrType1.gif
new file mode 100644
index 000000000..65772afee
Binary files /dev/null and b/layouts/xe_official/images/black/vrType1.gif differ
diff --git a/layouts/xe_official/images/black/zeroBoardXE.png b/layouts/xe_official/images/black/zeroBoardXE.png
new file mode 100644
index 000000000..705d43e03
Binary files /dev/null and b/layouts/xe_official/images/black/zeroBoardXE.png differ
diff --git a/layouts/xe_official/images/blank.gif b/layouts/xe_official/images/blank.gif
new file mode 100644
index 000000000..35d42e808
Binary files /dev/null and b/layouts/xe_official/images/blank.gif differ
diff --git a/layouts/xe_official/images/default/bgBody.gif b/layouts/xe_official/images/default/bgBody.gif
new file mode 100644
index 000000000..bb0aacf94
Binary files /dev/null and b/layouts/xe_official/images/default/bgBody.gif differ
diff --git a/layouts/xe_official/images/default/bgContentBody.gif b/layouts/xe_official/images/default/bgContentBody.gif
new file mode 100644
index 000000000..b2cc35fc0
Binary files /dev/null and b/layouts/xe_official/images/default/bgContentBody.gif differ
diff --git a/layouts/xe_official/images/default/bgGnbOn.gif b/layouts/xe_official/images/default/bgGnbOn.gif
new file mode 100644
index 000000000..265b43dd7
Binary files /dev/null and b/layouts/xe_official/images/default/bgGnbOn.gif differ
diff --git a/layouts/xe_official/images/default/bgGnbVr.gif b/layouts/xe_official/images/default/bgGnbVr.gif
new file mode 100644
index 000000000..a4225744b
Binary files /dev/null and b/layouts/xe_official/images/default/bgGnbVr.gif differ
diff --git a/layouts/xe_official/images/default/bgHeader.jpg b/layouts/xe_official/images/default/bgHeader.jpg
new file mode 100644
index 000000000..83396cd7e
Binary files /dev/null and b/layouts/xe_official/images/default/bgHeader.jpg differ
diff --git a/layouts/xe_official/images/default/bgLnbOff.gif b/layouts/xe_official/images/default/bgLnbOff.gif
new file mode 100644
index 000000000..64e2f9f57
Binary files /dev/null and b/layouts/xe_official/images/default/bgLnbOff.gif differ
diff --git a/layouts/xe_official/images/default/bulletD0.gif b/layouts/xe_official/images/default/bulletD0.gif
new file mode 100644
index 000000000..e8e17d4c6
Binary files /dev/null and b/layouts/xe_official/images/default/bulletD0.gif differ
diff --git a/layouts/xe_official/images/default/bulletFF1A00.gif b/layouts/xe_official/images/default/bulletFF1A00.gif
new file mode 100644
index 000000000..4026f2521
Binary files /dev/null and b/layouts/xe_official/images/default/bulletFF1A00.gif differ
diff --git a/layouts/xe_official/images/default/bulletLnb.gif b/layouts/xe_official/images/default/bulletLnb.gif
new file mode 100644
index 000000000..6674d3765
Binary files /dev/null and b/layouts/xe_official/images/default/bulletLnb.gif differ
diff --git a/layouts/xe_official/images/default/buttonLang.gif b/layouts/xe_official/images/default/buttonLang.gif
new file mode 100644
index 000000000..317e15833
Binary files /dev/null and b/layouts/xe_official/images/default/buttonLang.gif differ
diff --git a/layouts/xe_official/images/default/lineNotice.gif b/layouts/xe_official/images/default/lineNotice.gif
new file mode 100644
index 000000000..fa69fd4ba
Binary files /dev/null and b/layouts/xe_official/images/default/lineNotice.gif differ
diff --git a/layouts/xe_official/images/default/powerdByZeroboard.gif b/layouts/xe_official/images/default/powerdByZeroboard.gif
new file mode 100644
index 000000000..8be15c8f4
Binary files /dev/null and b/layouts/xe_official/images/default/powerdByZeroboard.gif differ
diff --git a/layouts/xe_official/images/default/vrType1.gif b/layouts/xe_official/images/default/vrType1.gif
new file mode 100644
index 000000000..e3766aa3b
Binary files /dev/null and b/layouts/xe_official/images/default/vrType1.gif differ
diff --git a/layouts/xe_official/images/default/zeroBoardXE.png b/layouts/xe_official/images/default/zeroBoardXE.png
new file mode 100644
index 000000000..705d43e03
Binary files /dev/null and b/layouts/xe_official/images/default/zeroBoardXE.png differ
diff --git a/layouts/xe_official/images/white/bgContentBody.gif b/layouts/xe_official/images/white/bgContentBody.gif
new file mode 100644
index 000000000..b2cc35fc0
Binary files /dev/null and b/layouts/xe_official/images/white/bgContentBody.gif differ
diff --git a/layouts/xe_official/images/white/bgGnbOn.gif b/layouts/xe_official/images/white/bgGnbOn.gif
new file mode 100644
index 000000000..265b43dd7
Binary files /dev/null and b/layouts/xe_official/images/white/bgGnbOn.gif differ
diff --git a/layouts/xe_official/images/white/bgGnbVr.gif b/layouts/xe_official/images/white/bgGnbVr.gif
new file mode 100644
index 000000000..c7408fd43
Binary files /dev/null and b/layouts/xe_official/images/white/bgGnbVr.gif differ
diff --git a/layouts/xe_official/images/white/bgHeader.png b/layouts/xe_official/images/white/bgHeader.png
new file mode 100644
index 000000000..54c6e49fc
Binary files /dev/null and b/layouts/xe_official/images/white/bgHeader.png differ
diff --git a/layouts/xe_official/images/white/bgLnbOff.gif b/layouts/xe_official/images/white/bgLnbOff.gif
new file mode 100644
index 000000000..64e2f9f57
Binary files /dev/null and b/layouts/xe_official/images/white/bgLnbOff.gif differ
diff --git a/layouts/xe_official/images/white/bulletD0.gif b/layouts/xe_official/images/white/bulletD0.gif
new file mode 100644
index 000000000..e8e17d4c6
Binary files /dev/null and b/layouts/xe_official/images/white/bulletD0.gif differ
diff --git a/layouts/xe_official/images/white/bulletFF1A00.gif b/layouts/xe_official/images/white/bulletFF1A00.gif
new file mode 100644
index 000000000..4026f2521
Binary files /dev/null and b/layouts/xe_official/images/white/bulletFF1A00.gif differ
diff --git a/layouts/xe_official/images/white/bulletLnb.gif b/layouts/xe_official/images/white/bulletLnb.gif
new file mode 100644
index 000000000..6674d3765
Binary files /dev/null and b/layouts/xe_official/images/white/bulletLnb.gif differ
diff --git a/layouts/xe_official/images/white/buttonLang.gif b/layouts/xe_official/images/white/buttonLang.gif
new file mode 100644
index 000000000..e598c8a0c
Binary files /dev/null and b/layouts/xe_official/images/white/buttonLang.gif differ
diff --git a/layouts/xe_official/images/white/lineNotice.gif b/layouts/xe_official/images/white/lineNotice.gif
new file mode 100644
index 000000000..f3dfab9a0
Binary files /dev/null and b/layouts/xe_official/images/white/lineNotice.gif differ
diff --git a/layouts/xe_official/images/white/powerdByZeroboard.gif b/layouts/xe_official/images/white/powerdByZeroboard.gif
new file mode 100644
index 000000000..8be15c8f4
Binary files /dev/null and b/layouts/xe_official/images/white/powerdByZeroboard.gif differ
diff --git a/layouts/xe_official/images/white/vrType1.gif b/layouts/xe_official/images/white/vrType1.gif
new file mode 100644
index 000000000..e3766aa3b
Binary files /dev/null and b/layouts/xe_official/images/white/vrType1.gif differ
diff --git a/layouts/xe_official/images/white/zeroBoardXE.png b/layouts/xe_official/images/white/zeroBoardXE.png
new file mode 100644
index 000000000..deb9098e7
Binary files /dev/null and b/layouts/xe_official/images/white/zeroBoardXE.png differ
diff --git a/layouts/xe_official/images/zeroBoardXE.png b/layouts/xe_official/images/zeroBoardXE.png
new file mode 100644
index 000000000..705d43e03
Binary files /dev/null and b/layouts/xe_official/images/zeroBoardXE.png differ
diff --git a/layouts/xe_official/js/xe_official.js b/layouts/xe_official/js/xe_official.js
new file mode 100644
index 000000000..269887e69
--- /dev/null
+++ b/layouts/xe_official/js/xe_official.js
@@ -0,0 +1,37 @@
+// Hide And Show Toggle
+cc=0
+function hideShow(id)
+{
+if (cc==0)
+{
+cc=1
+document.getElementById(id).style.display="none";
+}
+else
+{
+cc=0
+document.getElementById(id).style.display="block";
+}
+}
+
+// Show And Hide Toggle
+cc=0
+function showHide(id)
+{
+if (cc==0)
+{
+cc=1
+document.getElementById(id).style.display="block";
+}
+else
+{
+cc=0
+document.getElementById(id).style.display="none";
+}
+}
+
+// Local Navigation Toggle
+function lnbToggle(id) {
+ for(num=1; num<=3; num++) document.getElementById('D3MG'+num).style.display='none'; //D4MG1~D4MG3 까지 숨긴 다음
+ document.getElementById(id).style.display='block'; //해당 ID만 보임
+}
diff --git a/layouts/xe_official/layout.html b/layouts/xe_official/layout.html
new file mode 100644
index 000000000..c5f66e17e
--- /dev/null
+++ b/layouts/xe_official/layout.html
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/widgets/login_info/skins/xe_official/css/black.css b/widgets/login_info/skins/xe_official/css/black.css
new file mode 100644
index 000000000..d5e1019ca
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/css/black.css
@@ -0,0 +1,39 @@
+#login { border:2px solid #515151; width:196px; position:relative; _padding-top:2px; display:block;}
+*:first-child+html body#black #login { padding-top:2px;}
+#login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
+#login form { position:relative; border:1px solid #6b6b6b; padding:11px 11px 7px 11px; width:172px;}
+#login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
+#login form .idpw { float:left;}
+#login form .idpw input { border:1px solid #6b6b6b; color:#cbcbcb; width:105px; background:#515151; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
+#login form .login { float:right;}
+#login form p.save { clear:both; padding:.3em 0;}
+#login form p.save input { vertical-align:middle; _margin:-3px;}
+*:first-child+html body#black #login form p input { margin:-3px; }
+#login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#818181;}
+#login form ul.help { border-top:1px solid #515151; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap;}
+#login form ul.help li { list-style:none; float:left; display:block; padding:0 3px 0 7px; background:url(../images/black/vrType1.gif) no-repeat left center;}
+#login form ul.help li.first-child { background:none; padding-left:0;}
+#login form ul.help li a { color:#818181; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none;}
+#login form ul.help li a:hover { text-decoration:underline;}
+#login form ul.help li.first-child a { color:#cbcbcb;}
+#login form .userName { width:172px; overflow:hidden; border-bottom:1px solid #515151; padding:0 0 6px 0; margin-top:-5px;}
+#login form .userName strong { color:#cbcbcb; float:left; padding:4px 0 0 2px; font:bold .9em Tahoma;}
+#login form .userName a { float:right;}
+#login form ul.userMenu { padding:0 0 6px 4px; overflow:hidden; margin-top:10px;}
+#login form ul.userMenu li { list-style:none; color:#cbcbcb; list-style:none;padding-left:10px; background:url(../images/black/bulletFF1A00.gif) no-repeat left 4px; height:18px; }
+#login form ul.userMenu li a { color:#cbcbcb;text-decoration:none;}
+#login form ul.userMenu li a:hover {text-decoration:underline;}
+#login form p.latestLogin { color:#818181; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#login form p.latestLogin span { font:1em Tahoma;}
+
+img.login_mask { width:201px; height:5px; background:#3d3d3d; display:block;}
+
+#openid_login { border:2px solid #515151; width:196px; position:relative; _padding-top:2px; display:block;}
+*:first-child+html body#black #openid_login { padding-top:2px;}
+#openid_login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
+#openid_login form { position:relative; border:1px solid #6b6b6b; padding:11px 11px 7px 11px; width:172px;}
+#openid_login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
+#openid_login form .idpw { float:left;}
+#openid_login form .idpw p { margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#999999}
+#openid_login form .idpw input { border:1px solid #6b6b6b; color:#cbcbcb; width:105px; background:#515151; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
+#openid_login form .login { float:right;}
diff --git a/widgets/login_info/skins/xe_official/css/default.css b/widgets/login_info/skins/xe_official/css/default.css
new file mode 100644
index 000000000..975bf2b14
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/css/default.css
@@ -0,0 +1,38 @@
+#login { border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block;}
+*:first-child+html body #login { padding-top:2px;}
+#login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
+#login form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px;}
+#login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
+#login form .idpw { float:left;}
+#login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
+#login form .login { float:right;}
+#login form p.save { clear:both; padding:.3em 0;}
+#login form p.save input { vertical-align:middle; _margin:-3px;}
+*:first-child+html body #login form p input { margin:-3px; }
+#login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#999999;}
+#login form ul.help { border-top:1px solid #e4e4e4; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap;}
+#login form ul.help li { float:left; display:block; padding:0 3px 0 7px; background:url(../images/default/vrType1.gif) no-repeat left center;}
+#login form ul.help li.first-child { background:none; padding-left:0;}
+#login form ul.help li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none; }
+#login form ul.help li.first-child a { color:#54564b; text-decoration:none;}
+#login form ul.help li a:hover { text-decoration:underline; }
+#login form .userName { width:172px; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:0 0 6px 0; margin-top:-5px;}
+#login form .userName strong { color:#282828; float:left; padding:4px 0 0 2px; font:bold .9em Tahoma;}
+#login form .userName a { float:right;}
+#login form ul.userMenu { padding:0 0 6px 4px; overflow:hidden; margin-top:10px;}
+#login form ul.userMenu li { list-style:none; padding-left:10px; background:url(../images/default/bulletFF1A00.gif) no-repeat left 4px; height:18px; }
+#login form ul.userMenu li a { color:#54564b; text-decoration:none;}
+#login form ul.userMenu li a:hover { text-decoration:underline;}
+#login form p.latestLogin { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#login form p.latestLogin span { font:1em Tahoma;}
+
+img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}
+#openid_login { border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block; }
+*:first-child+html body #openid_login { padding-top:2px;}
+#openid_login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
+#openid_login form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px; }
+#openid_login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
+#openid_login form .idpw { float:left;}
+#openid_login form .idpw p { margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#999999}
+#openid_login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; }
+#openid_login form .login { float:right;}
diff --git a/widgets/login_info/skins/xe_official/css/white.css b/widgets/login_info/skins/xe_official/css/white.css
new file mode 100644
index 000000000..f8dbb1671
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/css/white.css
@@ -0,0 +1,38 @@
+#login { border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block;}
+*:first-child+html body#white #login { padding-top:2px;}
+#login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
+#login form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px;}
+#login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
+#login form .idpw { float:left;}
+#login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
+#login form .login { float:right;}
+#login form p.save { clear:both; padding:.3em 0;}
+#login form p.save input { vertical-align:middle; _margin:-3px;}
+*:first-child+html body#white #login form p input { margin:-3px; }
+#login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#999999;}
+#login form ul.help { border-top:1px solid #e4e4e4; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap;}
+#login form ul.help li { list-style:none; float:left; display:block; padding:0 3px 0 7px; background:url(../images/white/vrType1.gif) no-repeat left center;}
+#login form ul.help li.first-child { background:none; padding-left:0;}
+#login form ul.help li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none; }
+#login form ul.help li a:hover { text-decoration:underline; }
+#login form ul.help li.first-child a { color:#54564b;}
+#login form .userName { width:172px; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:0 0 6px 0; margin-top:-5px;}
+#login form .userName strong { color:#282828; float:left; padding:4px 0 0 2px; font:bold .9em Tahoma;}
+#login form .userName a { float:right; text-decoration:none; }
+#login form ul.userMenu { padding:0 0 6px 4px; overflow:hidden; margin-top:10px;}
+#login form ul.userMenu li { list-style:none; padding-left:10px; background:url(../images/white/bulletFF1A00.gif) no-repeat left 4px; height:18px; }
+#login form ul.userMenu li a { color:#54564b; text-decoration:none; }
+#login form ul.userMenu li a:hover { text-decoration:underline; }
+#login form p.latestLogin { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#login form p.latestLogin span { font:1em Tahoma;}
+
+img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}
+#openid_login { border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block; }
+*:first-child+html body #openid_login { padding-top:2px;}
+#openid_login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
+#openid_login form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px; }
+#openid_login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
+#openid_login form .idpw { float:left;}
+#openid_login form .idpw p { margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#999999}
+#openid_login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; }
+#openid_login form .login { float:right;}
diff --git a/widgets/login_info/skins/xe_official/filter/login.xml b/widgets/login_info/skins/xe_official/filter/login.xml
new file mode 100644
index 000000000..9d39bc59b
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/filter/login.xml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/widgets/login_info/skins/xe_official/filter/logout.xml b/widgets/login_info/skins/xe_official/filter/logout.xml
new file mode 100644
index 000000000..8005776d3
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/filter/logout.xml
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/widgets/login_info/skins/xe_official/filter/openid_login.xml b/widgets/login_info/skins/xe_official/filter/openid_login.xml
new file mode 100644
index 000000000..61bba2ff2
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/filter/openid_login.xml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
diff --git a/widgets/login_info/skins/xe_official/images/black/bulletFF1A00.gif b/widgets/login_info/skins/xe_official/images/black/bulletFF1A00.gif
new file mode 100644
index 000000000..4026f2521
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/black/bulletFF1A00.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/black/buttonLogin.gif b/widgets/login_info/skins/xe_official/images/black/buttonLogin.gif
new file mode 100644
index 000000000..a95725fdb
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/black/buttonLogin.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/black/buttonLogout.gif b/widgets/login_info/skins/xe_official/images/black/buttonLogout.gif
new file mode 100644
index 000000000..3516fa18a
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/black/buttonLogout.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/black/vrType1.gif b/widgets/login_info/skins/xe_official/images/black/vrType1.gif
new file mode 100644
index 000000000..65772afee
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/black/vrType1.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/blank.gif b/widgets/login_info/skins/xe_official/images/blank.gif
new file mode 100644
index 000000000..35d42e808
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/blank.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/default/bulletFF1A00.gif b/widgets/login_info/skins/xe_official/images/default/bulletFF1A00.gif
new file mode 100644
index 000000000..4026f2521
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/default/bulletFF1A00.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/default/buttonLogin.gif b/widgets/login_info/skins/xe_official/images/default/buttonLogin.gif
new file mode 100644
index 000000000..b7513ba4b
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/default/buttonLogin.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/default/buttonLogout.gif b/widgets/login_info/skins/xe_official/images/default/buttonLogout.gif
new file mode 100644
index 000000000..fb0365084
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/default/buttonLogout.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/default/vrType1.gif b/widgets/login_info/skins/xe_official/images/default/vrType1.gif
new file mode 100644
index 000000000..e3766aa3b
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/default/vrType1.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/openid_login_bg.gif b/widgets/login_info/skins/xe_official/images/openid_login_bg.gif
new file mode 100644
index 000000000..cde836c89
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/openid_login_bg.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/white/bulletFF1A00.gif b/widgets/login_info/skins/xe_official/images/white/bulletFF1A00.gif
new file mode 100644
index 000000000..4026f2521
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/white/bulletFF1A00.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/white/buttonLogin.gif b/widgets/login_info/skins/xe_official/images/white/buttonLogin.gif
new file mode 100644
index 000000000..b7513ba4b
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/white/buttonLogin.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/white/buttonLogout.gif b/widgets/login_info/skins/xe_official/images/white/buttonLogout.gif
new file mode 100644
index 000000000..fb0365084
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/white/buttonLogout.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/white/powerdByZeroboard.gif b/widgets/login_info/skins/xe_official/images/white/powerdByZeroboard.gif
new file mode 100644
index 000000000..8be15c8f4
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/white/powerdByZeroboard.gif differ
diff --git a/widgets/login_info/skins/xe_official/images/white/vrType1.gif b/widgets/login_info/skins/xe_official/images/white/vrType1.gif
new file mode 100644
index 000000000..e3766aa3b
Binary files /dev/null and b/widgets/login_info/skins/xe_official/images/white/vrType1.gif differ
diff --git a/widgets/login_info/skins/xe_official/js/login.js b/widgets/login_info/skins/xe_official/js/login.js
new file mode 100644
index 000000000..da278dc3b
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/js/login.js
@@ -0,0 +1,36 @@
+/* 로그인 영역에 포커스 */
+function doFocusUserId(fo_id) {
+ var fo_obj = xGetElementById(fo_id);
+ if(xGetCookie('user_id')) {
+ fo_obj.user_id.value = xGetCookie('user_id');
+ fo_obj.remember_user_id.checked = true;
+ try{
+ fo_obj.password.focus();
+ } catch(e) {};
+ } else {
+ try{
+ fo_obj.user_id.focus();
+ } catch(e) {};
+ }
+}
+
+/* 로그인 후 */
+function completeLogin(ret_obj, response_tags, params, fo_obj) {
+ if(fo_obj.remember_user_id && fo_obj.remember_user_id.checked) {
+ var expire = new Date();
+ expire.setTime(expire.getTime()+ (7000 * 24 * 3600000));
+ xSetCookie('user_id', fo_obj.user_id.value, expire);
+ }
+
+ var url = current_url.setQuery('act','');
+ location.href = url;
+}
+
+/* 오픈아이디 로그인 후 */
+function completeOpenIDLogin(ret_obj, response_tags) {
+ var redirect_url = ret_obj['redirect_url'];
+ location.href = redirect_url;
+}
+
+
+
diff --git a/widgets/login_info/skins/xe_official/login_form.html b/widgets/login_info/skins/xe_official/login_form.html
new file mode 100644
index 000000000..49cbdc60f
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/login_form.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/widgets/login_info/skins/xe_official/login_info.html b/widgets/login_info/skins/xe_official/login_info.html
new file mode 100644
index 000000000..f6552695c
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/login_info.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/widgets/login_info/skins/xe_official/skin.xml b/widgets/login_info/skins/xe_official/skin.xml
new file mode 100644
index 000000000..88c4349a0
--- /dev/null
+++ b/widgets/login_info/skins/xe_official/skin.xml
@@ -0,0 +1,20 @@
+
+
+ XE 공식 로그인 정보 출력
+
+ 제로
+
+ XE 공식 레이아웃에 적합한 로그인 정보 출력 위젯입니다.
+ 디자인 : 이소라
+ 퍼블리싱 : 정찬명
+
+
+
+
+ 기본
+ デフォルト
+ 默认
+ default
+
+
+
diff --git a/widgets/newest_document/skins/xe_official/css/black.css b/widgets/newest_document/skins/xe_official/css/black.css
new file mode 100644
index 000000000..d7096803e
--- /dev/null
+++ b/widgets/newest_document/skins/xe_official/css/black.css
@@ -0,0 +1,10 @@
+.latest { padding-bottom:15px; }
+.latest h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#ffffff; background:url(../images/black/lineNotice.gif) no-repeat left bottom;}
+.latest ul {}
+.latest ul li { position:relative; height:21px; background:url(../images/black/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden;}
+.latest ul li a { color:#818181; text-decoration:none; }
+.latest ul li a:hover { text-decoration:underline; }
+.latest ul li span { position:absolute; top:1px; right:9px; color:#999999; font:.8em Tahoma;}
+.latest .more { position:absolute; top:12px; right:11px; color:#818181; font:.8em Tahoma;}
+.latest a.more { text-decoration:none;}
+.latest a.more:hover { text-decoration:underline;}
diff --git a/widgets/newest_document/skins/xe_official/css/white.css b/widgets/newest_document/skins/xe_official/css/white.css
new file mode 100644
index 000000000..58c2003a4
--- /dev/null
+++ b/widgets/newest_document/skins/xe_official/css/white.css
@@ -0,0 +1,10 @@
+.latest { padding-bottom:15px; }
+.latest h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom;}
+.latest ul {}
+.latest ul li { position:relative; height:21px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden;}
+.latest ul li a { color:#555555; text-decoration:none; }
+.latest ul li a:hover { text-decoration:underline; }
+.latest ul li span { position:absolute; top:1px; right:9px; color:#999999; font:.8em Tahoma;}
+.latest .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
+.latest a.more { text-decoration:none;}
+.latest a.more:hover { text-decoration:underline;}
diff --git a/widgets/newest_document/skins/xe_official/images/black/bulletD0.gif b/widgets/newest_document/skins/xe_official/images/black/bulletD0.gif
new file mode 100644
index 000000000..e8e17d4c6
Binary files /dev/null and b/widgets/newest_document/skins/xe_official/images/black/bulletD0.gif differ
diff --git a/widgets/newest_document/skins/xe_official/images/black/lineNotice.gif b/widgets/newest_document/skins/xe_official/images/black/lineNotice.gif
new file mode 100644
index 000000000..dbf2c8220
Binary files /dev/null and b/widgets/newest_document/skins/xe_official/images/black/lineNotice.gif differ
diff --git a/widgets/newest_document/skins/xe_official/images/white/bulletD0.gif b/widgets/newest_document/skins/xe_official/images/white/bulletD0.gif
new file mode 100644
index 000000000..e8e17d4c6
Binary files /dev/null and b/widgets/newest_document/skins/xe_official/images/white/bulletD0.gif differ
diff --git a/widgets/newest_document/skins/xe_official/images/white/lineNotice.gif b/widgets/newest_document/skins/xe_official/images/white/lineNotice.gif
new file mode 100644
index 000000000..dbf2c8220
Binary files /dev/null and b/widgets/newest_document/skins/xe_official/images/white/lineNotice.gif differ
diff --git a/widgets/newest_document/skins/xe_official/list.html b/widgets/newest_document/skins/xe_official/list.html
new file mode 100644
index 000000000..f1e479c9b
--- /dev/null
+++ b/widgets/newest_document/skins/xe_official/list.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
{$widget_info->title}
+
+
+
+
more
+
+
diff --git a/widgets/newest_document/skins/xe_official/skin.xml b/widgets/newest_document/skins/xe_official/skin.xml
new file mode 100644
index 000000000..fdc0a4617
--- /dev/null
+++ b/widgets/newest_document/skins/xe_official/skin.xml
@@ -0,0 +1,16 @@
+
+
+ XE 공식 레이아웃용 최신글 스킨
+
+ 제로
+ XE 공식 레이아웃에 적합한 최신글 스킨입니다.
+
+
+
+ 흰색 바탕용
+
+
+ 어두운 바탕용
+
+
+