@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url("./common/js/iePngFix.htc"); } 
.zbxe_info { vertical-align:middle; behavior:url("./common/js/iePngFix.htc"); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; overflow:hidden; }

.zbxe_widget_output { background:url("/xe1.24/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/xe1.24/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }

 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/xe1.24/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/xe1.24/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/xe1.24/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/xe1.24/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/xe1.24/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/xe1.24/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/xe1.24/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}


/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/


/* REQUIRED STYLES - the menus will only render correctly with these rules */	

.fg-menu-container { position:absolute; top:0; left:-999px; padding: .4em;  overflow: hidden; z-index:2; height:210px; }
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; font:12px 굴림; line-height:120% }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer {  margin-top: .4em; padding: .4em; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font:8pt 돋움; letter-spacing:-1px; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }

.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-weight:bold; text-decoration:none; }



/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:136px; padding:.3em 3%; text-decoration:none; outline: 0 !important; }

.fg-menu a { border:none !important; }

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
 .fg-menu a.ui-state-active:link,
 .fg-menu a.ui-state-active:visited,
 .fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }

.fg-menu a span { display:block; cursor:pointer; }


 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }

.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content { border:0; }


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }




/* Widget Tree */
.widgetTree { margin-top:10px; position:absolute; width:227px; height:493px; left:0px; top:0px; background:url("/xe1.24/widgets/category/skins/PXE_iPhone_category/img/iPhone.png") no-repeat; z-index:1; }


/*
Skin Theme Name : PXE AppBlog
Version : 2.5
Design : Hyunhwa Jung
Publish : PremiumXE (http://www.premiumxe.com)
Contact : clubnb2@naver.com
*/

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기서 부터 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

/* Layout
---------------------------------------------------------------------------------*/
#xe{ position:relative; _width:100%; z-index:1 }
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}

/* 
A CSS framework ends here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기까지 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/


/* Element Reset 브라우저별 차이가 없도록 몇가지 기본 속성 초기화
---------------------------------------------------------------------------------*/
body { color:#202327; font-family:AppleGothic, Tahoma; font-size:12px; background:#1a1a1a; }
address { font-style:normal;}
hr{ display:none; position:absolute;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
fieldset{ border:0; padding:0; margin:0;}


/* Global Class 공통으로 사용되는 요소 정의
---------------------------------------------------------------------------------*/
.inputText{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma;}
.inputTextarea{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma; line-height:1.5;}
.inputCheck{ width:13px; height:13px;}
.inputRadio{ width:13px; height:13px;}


/* Skip To Content
---------------------------------------------------------------------------------*/
a.skipToContent{ display:block; position:relative; clear:both; overflow:hidden; width:1px; height:1px; text-decoration:none !important; margin:0 0 -1px 0;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:auto; height:auto; margin:0 0 10px 0; padding:5px;}


/* Layout 기본 레이아웃
---------------------------------------------------------------------------------*/
#xe { top:-72px; background:url("/xe1.24/files/attach/textyle/882/img/background.gif"); }
#toggleArea { position:static; margin:0; padding:0; width:100%; height:72px; background:url("/xe1.24/files/attach/textyle/882/img/bg_toggleArea.gif") repeat-x; }
#container{ top:44px; }
#header{ position:static; height:48px; padding:0; background:url("/xe1.24/files/attach/textyle/882/img/bg_header.gif") repeat-x; }
#body { position:static; *zoom:1; margin:0; padding:0; }
.fixed .ce #body #content,
.fixed .ec #body #content{ width:640px; margin:0; padding:0; }
.fixed .ce #body .e1,
.fixed .ec #body .e1{ margin:0; padding:0; width:240px; }
#footer{ width:100%; margin:45px 0 0 0; padding:30px 0 30px 0; background:url("/xe1.24/files/attach/textyle/882/img/bg_footer.gif") repeat-x; }


/* Toggle Area 최상단 토글 영역
---------------------------------------------------------------------------------*/
#toggleArea .wrapper { margin:0 auto; padding:0; width:960px; }
#toggleArea .wrapper .extension{ position:relative; float:left; clear:both; margin:0; padding:0; top:10px; *zoom:1; }
#toggleArea .wrapper .extension:after{ content:""; display:block; clear:both;}
#toggleArea .wrapper .extension ul{ position:relative; overflow:hidden; margin:0; padding:0; }

#toggleArea .wrapper .extension li { float:left; list-style:none; }
#toggleArea .wrapper .extension li a.guestbook { width:45px; height:47px; background:url("/xe1.24/files/attach/textyle/882/img/btn_guestbook.gif") no-repeat 0 0; display:block; }
#toggleArea .wrapper .extension li a.guestbook:hover { background-position:0 -47px; }
#toggleArea .wrapper .extension li.active a.guestbook { background-position:0 -47px; }

#toggleArea .wrapper .extension li a.tags { width:45px; height:47px; background:url("/xe1.24/files/attach/textyle/882/img/btn_tags.gif") no-repeat; display:block; }
#toggleArea .wrapper .extension li a.tags:hover { background-position:0 -47px; }
#toggleArea .wrapper .extension li.active a.tags { background-position:0 -47px; }

#toggleArea .wrapper .extension li a.profile { width:45px; height:47px; background:url("/xe1.24/files/attach/textyle/882/img/btn_profile.gif") no-repeat; display:block; }
#toggleArea .wrapper .extension li a.profile:hover { background-position:0 -47px; }
#toggleArea .wrapper .extension li.active a.profile { background-position:0 -47px; }

#toggleArea .wrapper .extension li a.admin { width:45px; height:47px; background:url("/xe1.24/files/attach/textyle/882/img/btn_admin.gif") no-repeat; display:block; }
#toggleArea .wrapper .extension li a.admin:hover { background-position:0 -47px; }

#toggleArea .wrapper .extension form{ float:right;}

#toggleArea .wrapper .search{ position:relative; float:right; top:18px; width:202px; height:29px; text-align:left; background:url("/xe1.24/files/attach/textyle/882/img/search.png") no-repeat; }
#toggleArea .wrapper .search{ _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/PXE_AppBlog_textyle/img/search.png', sizingMethod='crop')"); }
#toggleArea .wrapper .search * { vertical-align:middle;}
#toggleArea .wrapper .search .inputText{ position:absolute; top:6px; left:12px; width:100px; border:none; padding:2px 24px 2px 2px; *margin:-1px 0; height:14px; font-size:12px; color:#333; background:none; }
#toggleArea .wrapper .search .buttonSearch{ position:absolute; top:2px; right:0px; width:45px; height:24px; border:0; padding:0; cursor:pointer; }



/* Header
---------------------------------------------------------------------------------*/
#header .wrapper { position:relative; margin:0 auto; padding:0; width:960px; }
#header .wrapper a{ text-decoration:none;}
#header .wrapper a:hover,
#header .wrapper a:active,
#header .wrapper a:focus{ text-decoration:underline;}

#header .wrapper a.officialHome { position:relative; float:left; top:0; left:5px; }

#header .wrapper .toggleButton { position:relative; float:right; width:73px; height:43px; background:url("/xe1.24/files/attach/textyle/882/img/btn_toggle.gif") no-repeat; cursor:pointer; }

#header .wrapper .admin{ position:absolute; top:50px; right:0; font-size:9px; color:#000;}

#header .wrapper .globalMenu { position:relative; margin:0; padding:0; float:left; top:0px; left:0; list-style:none; }
#header .wrapper .globalMenu li { float:left; font:11px Arial, Helvetica, sans-serif; }
#header .wrapper .globalMenu li a { padding:0 30px 0 0; text-decoration:none; color:#999; }
#header .wrapper .globalMenu li a:hover { color:#666; text-decoration:none; }


/* Body
---------------------------------------------------------------------------------*/
#body .extension a{ text-decoration:none;}
#body .extension a:hover,
#body .extension a:active,
#body .extension a:focus{ text-decoration:underline;}
#body .extension .section0{ margin-top:560px; margin-bottom:40px;}
#body .extension .section{ margin-bottom:40px;}
#body .extension .section h2{ margin:0; padding:0;  }
#body .extension .section a { color:#202327; }
#body .extension .section0 a { color:#202327; }
#body  #iPhone1 { margin-top:10px; margin-bottom:10px;}

#body #iPhone { position:absolute; width:227px; height:493px; left:24px; top:140px; z-index:1; }



/* Content
---------------------------------------------------------------------------------*/
#content { top:13px; }
#content a { color:#202327; text-decoration:none; },
#content a:visited { color:#202327; text-decoration:none; }
#content .lineBreaker { display:block; width:100%; height:2px; background:url("/xe1.24/files/attach/textyle/882/img/divider.gif") repeat-x; margin:38px auto 38px auto;  _margin:38px auto 28px auto; padding:0; }

#content .contents_left { float:left; width:470px; margin:0; padding:0; overflow:hidden; }
#content .contents_right { float:right; width:140px; margin:0; padding:0; overflow:hidden; }

#content .blogTitle { margin:0; padding:0; overflow:hidden; }
#content .blogTitle .left { float:left; margin:0; padding:0 0 0 70px; background:url("/xe1.24/files/attach/textyle/882/img/iconTitleHeader.gif") no-repeat; overflow:hidden; }
#content .blogTitle .right { float:right; margin:0; padding:0; overflow:hidden; }

#content .postTitle{ position:relative; margin:0px 0 7px 0; font-family:굴림,Gulim,Helvetica,Arial,sans-serif; font-weight:bold; font-size:12px; text-align:left; color:#ffcc66; }
#content .postTitle a{ text-decoration:none; color:#ffcc66 !important; }
#content .postTitle a:hover,
#content .postTitle a:active,
#content .postTitle a:focus{ text-decoration:none;}

#content .headline { position:relative; top:-13px; margin:0; padding:0; width:640px; height:129px; font-family: Helvetica, sans-serif; font-size:11px; color:#202327; }
#content .headline.list { background:url("/xe1.24/files/attach/textyle/882/img/title_articles.gif") no-repeat; }
#content .headline.guestbook { background:url("/xe1.24/files/attach/textyle/882/img/title_guestbook.gif") no-repeat; }
#content .headline.tags { background:url("/xe1.24/files/attach/textyle/882/img/title_tags.gif") no-repeat; }
#content .headline.profile { background:url("/xe1.24/files/attach/textyle/882/img/title_profile.gif") no-repeat; }
#content .headline .exp { position:relative; top:89px; }

#content .usedTag{ *zoom:1; font-size:11px;}
#content .usedTag:after{ content:""; display:block; clear:both;}
#content .usedTag dt{ display:table-cell; *float:left; color:#202327; background:url("/xe1.24/files/attach/textyle/882/img/iconTag.gif") no-repeat 0 1px; width:27px; height:12px; margin:0; padding:0; }
#content .usedTag dd{ display:table-cell; *float:left; color:#202327; padding-left:5px; margin:0; }
#content .usedTag dd a{ color:#202327; text-decoration:none; font-family:돋움,Dotum;}
#content .usedTag dd a:hover,
#content .usedTag dd a:active,
#content .usedTag dd a:focus{ text-decoration:underline;}

#content .bx_meta { margin:15px 0 25px 0; padding:0; }
#content .postMeta { font-family: Helvetica, sans-serif; font-size:11px; color:#202327; padding:6px 9px 4px 9px; background:url("/xe1.24/files/attach/textyle/882/img/bg_captionSummary.gif"); border:1px solid #676f78; display:inline; }
#content .postMeta .author{ padding:0 0 0 6px; margin:0 0 0 4px; text-decoration:none; color:#202327; background:url("/xe1.24/files/attach/textyle/882/img/lineVrText.gif") no-repeat left center; font-family:Dotum;}
#content .postMeta a.editPost{ padding:0 0 0 8px; color:#202327; text-decoration:none; background:url("/xe1.24/files/attach/textyle/882/img/lineVrText.gif") no-repeat left center; *zoom:1;}

#content .summary { position:relative; font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:12px; color:#888e96; }
#content .summary span { position:absolute; top:-1px; *top:-3px; color:#202327; }
#content .summarySpot{ position:relative; border-bottom:1px solid #5a5f65; }
#content .summarySpot .folding { position:absolute; top:0; right:0; width:57px; height:57px; background:url("/xe1.24/files/attach/textyle/882/img/folding.png") no-repeat; display:block; z-index:2; }
#content .summarySpot .folding { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/PXE_AppBlog_textyle/img/folding.png', sizingMethod='crop')"); }
#content .summarySpot .summaryThumb{ margin:0; padding:0; border:5px solid #fff; }
#content a.summaryMore{ float:right; clear:both; display:block; width:128px; height:30px; background:url("/xe1.24/files/attach/textyle/882/img/btn_continue.gif") no-repeat; cursor:pointer; }
#content a.summaryMore:hover { background-position:0 -30px; }

.summaryCaption { position:relative; margin:20px 0 0px 0; padding:10px 10px 10px 10px; _padding:10px 10px 0 10px; border:1px solid #676f78; background:url("/xe1.24/files/attach/textyle/882/img/bg_captionSummary.gif"); -webkit-border-radius: 4px; -moz-border-radius: 4px; *zoom:1; }
.summaryCaption:after{ content:""; display:block; clear:both;}
.summaryCaption span.caption_arrow { position:absolute; width:24px; height:12px; top:-12px; _top:-11px; left:18px; background:url("/xe1.24/files/attach/textyle/882/img/caption_arrow.gif") no-repeat; }

#content .basicInfo { position:relative; margin:0 0 30px 0; padding:0; width:140px; height:51px; background:url("/xe1.24/files/attach/textyle/882/img/option_basicInfo.gif") no-repeat; line-height:normal }
#content .basicInfo .day { position:absolute; top:10px; left:26px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#3a2f27; display:block  }
#content .basicInfo .month { position:absolute; top:29px; top:29px; left:26px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:9px; text-transform:uppercase; text-align:center; color:#000; display:block  }
#content .basicInfo .comments { position:absolute; width:30px; top:14px; left:91px; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; font-weight: bold; text-align:center; color:#3a2f27; }

#content ul.meta { margin:0; padding:0; list-style:none; font-family: helvetica, arial, sans-serif; font-size:10px; color:#2b3034; }
#content ul.meta li { position:relative; height:19px; padding-left:35px; margin-bottom:3px; text-align:left; white-space:nowrap; line-height:20px; color:#939aa2; }
#content ul.meta li span { position:absolute; top:-1px; left:35px; color:#2b3034; }
#content ul.meta li.date { background:url("/xe1.24/files/attach/textyle/882/img/sicon_date.gif") no-repeat; }
#content ul.meta li.author { background:url("/xe1.24/files/attach/textyle/882/img/sicon_author.gif") no-repeat; }
#content ul.meta li.category { background:url("/xe1.24/files/attach/textyle/882/img/sicon_category.gif") no-repeat; }
#content ul.meta li.views { background:url("/xe1.24/files/attach/textyle/882/img/sicon_star.gif") no-repeat; }
#content ul.meta li.trackbacks { background:url("/xe1.24/files/attach/textyle/882/img/sicon_link.gif") no-repeat; }
#content ul.meta li.tags { height:50px; line-height:17px; background:url("/xe1.24/files/attach/textyle/882/img/sicon_tags.gif") no-repeat; color:#40464b; white-space:normal; }
#content ul.meta li.tags  a,
#content ul.meta li.tags  a:visited,
#content ul.meta li.tags  a:hover { color:#40464b; }



/* Footer
---------------------------------------------------------------------------------*/
#footer .wrapper { width:960px; margin:0 auto; padding:0; }
#bottomMenu { list-style:none; margin:0 auto; padding:0; }
#bottomMenu li { float:left; margin-right:10px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:10px; text-transform:uppercase; color:#555; }
#bottomMenu li a { color:#ffcc66; padding-right:10px; background:url("/xe1.24/files/attach/textyle/882/img/vr.gif") no-repeat right -1px; text-decoration:none; }
#bottomMenu li:last-child a { background:none }
#bottomMenu li a:hover { color:#fff; text-decoration:none; }
p.copyright { display:block; clear:both; margin:0; padding:3px 0 0 0; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:9px; text-transform:uppercase; color:#333; }



/* Feedback
---------------------------------------------------------------------------------*/
.feedback{ margin-bottom:30px; padding-top:7px; border-top:1px solid #5f656b; }
.feedback .feedbackTitle{ height:19px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:9px; text-transform:uppercase; margin:0 0 15px 0; padding:0 0 1px 0; border-bottom:1px solid #5f656b; overflow:hidden; }
.feedback .feedbackTitle .title { width:150px; display: inline-block; }
.feedback .feedbackTitle em { margin-left:54px; font-style:normal; font-weight:normal; }
.feedback .feedbackOrder{ position:relative; margin:0; padding:0; *zoom:1;}
.feedback .feedbackOrder .item{ position:relative; *zoom:1;}
.feedback .feedbackOrder .item:after{ content:""; display:block; clear:both;}

.feedback.trackback .data{ color:#202327; }
.feedback.trackback .item{ padding:15px 0; list-style:none; }

.feedback.reply { border:none; }
.feedback.reply .feedbackOrder{ overflow:hidden;}
.feedback.reply .item{  padding:15px 0 11px 0; *padding:10px 0 12px 0; _padding:10px 0 4px 0; list-style:none; background:url("/xe1.24/files/attach/textyle/882/img/feedback_divider.gif") left bottom repeat-x;  }

.feedback .trackbackURL{ *zoom:1;}
.feedback .trackbackURL:after{ content:""; display:block; clear:both;}
.feedback .trackbackURL dt{ float:left; width:203px; font-weight:bold; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:9px; text-transform:uppercase; color:#202327;}
.feedback .trackbackURL dd{ float:left; margin:0; padding:0; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:9px; text-transform:uppercase; line-height:9px; }
.feedback .trackbackURL dd a{ color:#202327 !important; text-decoration:none;}
.feedback .trackbackURL dd a:hover,
.feedback .trackbackURL dd a:active,
.feedback .trackbackURL dd a:focus{ text-decoration:underline;}

.feedback .item.replyTarget{ background-color:#f9f9f9; padding-right:10px;}
.feedback .item.replyTarget .textyleContent{ background-color:transparent;}
.feedback .item.indent{ background-image:url("/xe1.24/files/attach/textyle/882/img/iconIndent.gif"); background-repeat:no-repeat;}
.feedback .item.indent.indent1{ padding-left:30px; background-position:10px 20px;}
.feedback .item.indent.indent2{ padding-left:60px; background-position:40px 20px;}
.feedback .item.indent.indent3{ padding-left:90px; background-position:70px 20px;}
.feedback .item.indent.indent4{ padding-left:120px; background-position:100px 20px;}
.feedback .item.indent.indent5{ padding-left:150px; background-position:130px 20px;}
.feedback .item.indent.indent6{ padding-left:180px; background-position:160px 20px;}
.feedback .item.indent.indent7{ padding-left:210px; background-position:190px 20px;}
.feedback .item.indent.indent8{ padding-left:240px; background-position:220px 20px;}
.feedback .item.indent.indent9{ padding-left:270px; background-position:250px 20px;}
.feedback .item.indent.indent10{ padding-left:300px; background-position:280px 20px;}
.feedback .item.indent.indent11{ padding-left:330px; background-position:310px 20px;}
.feedback .item.indent.indent12{ padding-left:360px; background-position:340px 20px;}
.feedback .item.indent.indent13{ padding-left:390px; background-position:370px 20px;}
.feedback .item.indent.indent14{ padding-left:420px; background-position:400px 20px;}
.feedback .item.indent.indent15{ padding-left:450px; background-position:430px 20px;}
.feedback .item.indent.indent16{ padding-left:480px; background-position:460px 20px;}
.feedback .item.indent.indent17{ padding-left:510px; background-position:490px 20px;}
.feedback .item.indent.indent18{ padding-left:540px; background-position:520px 20px;}
.feedback .item.indent.indent19{ padding-left:570px; background-position:550px 20px;}
.feedback .item.indent.indent20{ padding-left:600px; background-position:580px 20px;}
.feedback .item.indent.indent21{ padding-left:630px; background-position:610px 20px;}
.feedback .item.indent.indent22{ padding-left:660px; background-position:640px 20px;}
.feedback .item.indent.indent23{ padding-left:690px; background-position:670px 20px;}
.feedback .item.indent.indent24{ padding-left:720px; background-position:700px 20px;}
.feedback .item.indent.indent25{ padding-left:750px; background-position:730px 20px;}
.feedback .item.indent.indent26{ padding-left:780px; background-position:760px 20px;}
.feedback .item.indent.indent27{ padding-left:810px; background-position:790px 20px;}
.feedback .item.indent.indent28{ padding-left:840px; background-position:820px 20px;}
.feedback .item.indent.indent29{ padding-left:870px; background-position:850px 20px;}
.feedback .item.indent.indent30{ padding-left:900px; background-position:880px 20px;}

.feedback .meta{ display:table-cell; width:180px; padding:0 20px 0 0; margin:0; *zoom:1; float:left;}
.feedback .meta:after{ content:""; display:block; clear:both;}
.feedback .meta a{ text-decoration:none;}
.feedback .meta a:hover,
.feedback .meta a:active,
.feedback .meta a:focus{ text-decoration:underline;}
.feedback .meta .thumb{ float:left; margin:0 10px 5px 0; background:#fff; }
.feedback .meta .thumb img{ border:1px solid #676f78; vertical-align:middle; width:72px; height:72px; padding:3px; }
.feedback .meta .author{ position:relative; top:37px; margin:0; padding:0; color:#202327; font:8pt 돋움,Dotum; letter-spacing:-1px; }
.feedback .meta .author a{ color:#202327; }
.feedback .meta .title{ margin:0; padding:0; color:#666; font-size:12px;}
.feedback .meta .title a{ color:#000;}

.feedback .meta .info {
    float:left;
	position:relative;
    margin:0;
	padding:0;
	top:-4px;
}
.feedback .meta .info span.dia {
	position:absolute;
	top:0;
	left:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:33px;
	text-align:right;
	width:34px;
}
.feedback .meta .info span.mes {
	position:absolute;
	top:6px;
	left:38px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.feedback .meta .info span.ano {
	position:absolute;
	top:20px;
	left:38px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.feedback .data{ display:table-cell; *float:left; clear:none; margin:0; padding:0; }
.feedback .data .trackbackTitle{ margin:0; color:#333; font-weight:normal; font-size:12px;}
.feedback .data .trackbackTitle a{ text-decoration:none; color:#333; margin-right:10px;}
.feedback .data .trackbackTitle a:hover,
.feedback .data .trackbackTitle a:active,
.feedback .data .trackbackTitle a:focus{ text-decoration:underline;}
.feedback .data p{ margin:0 !important; padding-left:4px; }
.feedback .data p.secret{ padding-left:15px; background:url("/xe1.24/files/attach/textyle/882/img/iconSecret.gif") no-repeat left center; color:#8b8b8b;}
.feedback .data .xe_content{ width:auto !important;}

.feedback .reAction{ position:relative; overflow:hidden; padding:0; margin:0; list-style:none; white-space:nowrap; clear:both; *zoom:1;}
.feedback .reAction:after{ content:""; display:block; clear:both;}
.feedback .reAction li{ position:relative; display:inline; *margin:0 4px 0 0; padding:0 0 0 5px; vertical-align:middle;}
.feedback .reAction li.first{ background:none;}
.feedback .reAction li *{ vertical-align:middle;}
.feedback .reAction li a{ font-size:11px; text-decoration:none; color:#666; font-family:Dotum;}
.feedback .reAction li a:hover,
.feedback .reAction li a:active,
.feedback .reAction li a:focus{ text-decoration:underline;}
.feedback .reAction li button{ overflow:visible; border:0; background:transparent; cursor:pointer; margin:0; padding:0; }
.feedback .reAction li img { margin:0; padding:0 0 0 0; _padding:0 0 2px 0; cursor:pointer; }

.feedback .pwForm{ margin:0; padding:0; display:none;}
.feedback .pwForm.active{ display:block;}
.feedback .pwForm *{ vertical-align:middle;}
.feedback .pwForm{ margin:1em 0;}
.feedback .pwForm .inputText{ font-size:11px; padding:2px 4px 4px 4px; height:12px; width:90px; margin:0 -1px 0 0;}
.feedback .pwForm .submit{ border:1px solid #c2c2c2; border-top-color:#9c9c9c; border-left:0; background:#eee; padding:0 2px; height:20px; cursor:pointer; font:11px Dotum;}

.replyForm{ margin:0 0 40px 0; padding:0 0 40px 0; background:url("/xe1.24/files/attach/textyle/882/img/feedback_divider.gif") left bottom repeat-x; *zoom:1; }
.replyForm.guestBook{ border:0;}
.feedback .replyForm{ top:0 !important; padding:0 0 20px 0 !important; margin:0; background:#f9f9f9;}
.replyForm *{ font-size:12px;}
.replyForm h3{ font-size:14px;}
.replyForm .inputTextarea{ width:668px !important; padding:5px; display:block; margin:0 0 3px 0; overflow:auto; }
.replyForm .inputTextarea:focus{ background-color:#fffce0;}
.feedback .replyForm .inputTextarea{ width:648px !important; }
.replyForm .inputText{ width:135px; padding:3px 4px; height:15px; vertical-align:middle;}
.replyForm .inputText:focus{ background-color:#fffce0;}
.replyForm .inputText.name,
.replyForm .inputText.pw{ width:100px;}
.replyForm .inputText.email,
.replyForm .inputText.url{ width:160px;}
.replyForm .inputCheck{ vertical-align:middle;}
.replyForm label{ vertical-align:middle; cursor:pointer;}
.replyForm .inputSubmit{ cursor:pointer; display:block; margin:10px 0 0 0; }
.replyForm .inputSubmit:hover,
.replyForm .inputSubmit:active,
.replyForm .inputSubmit:focus{ background:#e8e8e8;}
.replyForm strong.name{ margin:0 10px 0 0;}
.replyForm span.email{ color:#202327;; margin:0 10px 0 0; font-size:11px;}
.replyForm span.url{ color:#202327; font-size:11px; margin:0 10px 0 0;}


/* Pagination Reset
---------------------------------------------------------------------------------*/
.pagination{ padding:0; margin:0 0 50px 0; text-align:center; *zoom:1;}
.pagination:after{ content:""; display:block; clear:both;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle; color:#000;}
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }


/* Pagination Number
---------------------------------------------------------------------------------*/
.pagination.paginationNum{ text-align:center; font:bold 11px Tahoma; }
.pagination.paginationNum a,
.pagination.paginationNum strong{ height:15px; border:1px solid #676f78; background:none; color:#5c636c !important; padding:6px 9px; font:bold 1em Tahoma; text-decoration:none;}
.pagination.paginationNum strong{ background:url("/xe1.24/files/attach/textyle/882/img/bg_captionSummary.gif"); border:1px solid #676f78; color:#202327 !important;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd,
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ width:15px; border:1px solid #676f78 !important; padding:6px 5px; margin:0; background-repeat:no-repeat;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd{ background-image:url("/xe1.24/files/attach/textyle/882/img/bottomGotoFirst.gif"); background-position:9px center;}
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ background-image:url("/xe1.24/files/attach/textyle/882/img/bottomGotoLast.gif"); background-position:9px center;}
.pagination.paginationNum a.prev span,
.pagination.paginationNum a.prevEnd span,
.pagination.paginationNum a.next span,
.pagination.paginationNum a.nextEnd span{ width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:14px; *line-height:13px;}
.pagination.paginationNum a:hover,
.pagination.paginationNum a:active,
.pagination.paginationNum a:focus{ border:1px solid #676f78 !important; background-color:#72787f !important; }


/* Pagination Post
---------------------------------------------------------------------------------*/
.pagination.paginationPost a.prev,
.pagination.paginationPost a.next{ display:block; padding:2px 0; background-repeat:no-repeat; background-color:transparent !important; white-space:normal; font-weight:bold !important; color:#202327 !important;}
.pagination.paginationPost a.prev{ left:-7px; float:left; padding-left:25px; margin:0; background-image:url("/xe1.24/files/attach/textyle/882/img/inner_prev.gif"); background-position:left 2px; text-align:left;}
.pagination.paginationPost a.next{ right:-7px; float:right; padding-right:25px; margin:0; background-image:url("/xe1.24/files/attach/textyle/882/img/inner_next.gif"); background-position:right 2px; text-align:right;}
.pagination.paginationPost a:hover,
.pagination.paginationPost a:active,
.pagination.paginationPost a:focus{ text-decoration:underline !important; color:#202327 !important;}


/* WidgetTree
---------------------------------------------------------------------------------*/
.widgetTree *{ margin:0; padding:0; font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:12px; }
.widgetTree .all{ padding:0 0 0 5px; color:#202327 !important;}
.widgetTree a strong{ letter-spacing:-1px; cursor:pointer; _cursor /**/:hand; }
.widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; margin:0 0 0 11px; zoom:1; background:url("/xe1.24/files/attach/textyle/882/img/lineTreeVr.gif") repeat-y 0 -1px; }
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap; background:url("/xe1.24/files/attach/textyle/882/img/lineTreeHr.gif") no-repeat 1px 5px !important; }
.widgetTree ul li .nav_tree_label,
.widgetTree ul li .sum{ position:relative; left:16px; _left /**/:0; top:-2px; color:#202327;}
.widgetTree ul li em{ font-style:normal;}
.widgetTree ul li button{ display:inline-block; position:relative; _left /**/:-16px; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -13px 0 0; *margin:0 -17px -1px -2px; text-indent:-10000px; *text-indent:0; *font:0/0 Sans-serif; border:none; cursor:pointer; _cursor /**/:hand; background:url("/xe1.24/files/attach/textyle/882/img/buttonTreeCollapse.gif") no-repeat;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 6px; background-position:left top;}
.widgetTree ul li ul li{ display:none;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -13px; *background-position:2px -11px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
.widgetTree ul li.nav_tree_on ul{ display:block;}
.widgetTree ul li.nav_tree_on ul li{ display:block;}
.widgetTree ul li.nav_tree_off ul{ display:none;}
.widgetTree ul li.nav_tree_off ul li{ display:none;}
.widgetTree ul li.nav_tree_last{ background:url("/xe1.24/files/attach/textyle/882/img/lineTreeLastHr.gif") no-repeat 0 5px !important;}
.widgetTree ul li.active,
.widgetTree ul li.active a,
.widgetTree ul li.active .sum{ font-weight:bold; color:#ffcc66 !important;}
.widgetTree ul li.active li,
.widgetTree ul li.active li a,
.widgetTree ul li.active li .sum{ font-weight:normal; color:#202327 !important;}
.widgetTree .icon{ position:relative; left:16px;}


/* archive items
---------------------------------------------------------------------------------*/
.widgetA{ margin:0; padding:0; list-style:none;}
.widgetA li{ padding:0; margin:0 0 7px 0; }
.widgetA li .replyNum,
.widgetA li .replyNum a{ color:#ffcc66 !important;}
.widgetA li .trackbackNum,
.widgetA li .trackbackNum a{ color:#ffcc66 !important;}


/* widgetTagCloud */
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0; text-indent:-2px;}
.widgetTagCloud li{ display:inline; margin:0 2px; list-style:none; font-size:12px;}
.widgetTagCloud li a{ padding:0 2px; color:#8b939b !important; text-decoration:none !important; white-space:nowrap;}
.widgetTagCloud li a:hover,
.widgetTagCloud li a:active,
.widgetTagCloud li a:focus{ color:#fff !important;}
.widgetTagCloud li.level4 a{ background:#5f656b;}
.widgetTagCloud li.level3 a{ background:#52575c;}
.widgetTagCloud li.level2 a{ font-weight:bold; background:#42474b;}
.widgetTagCloud li.level1 a{ font-weight:bold; background:#282a2d;}

/* Tag Cloud */
.tagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0; text-indent:-2px;}
.tagCloud li{ display:inline; margin:0 2px; list-style:none; font-size:12px;}
.tagCloud li a{ padding:0 2px; color:#8b939b !important; text-decoration:none !important; white-space:nowrap;}
.tagCloud li a:hover,
.tagCloud li a:active,
.tagCloud li a:focus{ color:#fff !important;}
.tagCloud li.level4 a{ background:#5f656b;}
.tagCloud li.level3 a{ background:#52575c;}
.tagCloud li.level2 a{ font-weight:bold; background:#42474b;}
.tagCloud li.level1 a{ font-weight:bold; background:#282a2d;}


/* Search Result
---------------------------------------------------------------------------------*/
.searchResult{ position:relative; overflow:hidden; margin:25px 0 30px 0; padding:0; list-style:none; border-top:2px solid #5f656b; border-bottom:2px solid #5f656b; }
.searchResult li{ position:relative; top:-1px; padding:7px 0; border-top:1px solid #5f656b; height:20px;}
.searchResult li a{ text-decoration:none; color:#000;}
.searchResult li a:hover,
.searchResult li a:active,
.searchResult li a:focus{ text-decoration:underline;}
.searchResult li .date{ position:absolute; top:9px; right:0; font-size:9px; color:#202327;}


/* textyleContent
---------------------------------------------------------------------------------*/
.textyleContent{ font-size:12px; line-height:1.6; clear:both; font-family:돋움,Dotum; }
.textyleContent .xe_content { color:#202327; }
.textyleContent h1{ font-size:24px;}
.textyleContent h2{ font-size:20px;}
.textyleContent h3{ font-size:18px;}
.textyleContent h4{ font-size:16px;}
.textyleContent h5{ font-size:14px;}
.textyleContent h6{ font-size:12px;}


/* Attached File
---------------------------------------------------------------------------------*/
.textyleContent dl.attachedFile { position:relative; margin:1em 0; padding:1em 0; background:#f9f9f9; border:1px solid #eee;}
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #eee; background:#f9f9f9 url("/xe1.24/files/attach/textyle/882/img/iconClip.gif") no-repeat 2em .3em; font-size:12px;}
.textyleContent dl.attachedFile em{ font-size:11px; font-weight:normal; font-style:normal; margin:0 5px;}
.textyleContent dl.attachedFile dd{ margin:0; padding:0 2em; color:#8b8b8b; font-size:11px;}
.textyleContent dl.attachedFile dd a{ text-decoration:none; color:#0092cf; margin-right:10px;}
.textyleContent dl.attachedFile dd a:hover,
.textyleContent dl.attachedFile dd a:active,
.textyleContent dl.attachedFile dd a:focus{ text-decoration:underline;}


/* Table Of Content
---------------------------------------------------------------------------------*/
.textyleContent .toc{ position:relative; background:#fff; border:1px solid #ddd; font-size:14px; line-height:1.6; margin:1em 0; padding:15px; *zoom:1;}
.textyleContent .toc li{ font-weight:bold; color:#555; margin-left:35px;}
.textyleContent .toc li.toc3{}
.textyleContent .toc li.toc4{ margin-left:55px;}
.textyleContent .toc li.toc5{ margin-left:75px;}
.textyleContent .toc li a{ color:#648ab9; text-decoration:none; font-weight:normal;}
.textyleContent .toc li a:hover,
.textyleContent .toc li a:active,
.textyleContent .toc li a:focus{ text-decoration:underline;}


/* Object
---------------------------------------------------------------------------------*/
.textyleContent object{ margin:1em 0;}


/* Horizontal Rule
---------------------------------------------------------------------------------*/
.textyleContent hr{ display:block; position:static; border-bottom:0; height:1px; overflow:hidden; color:#e2e2e2; clear:both;}


/* Blockquote
---------------------------------------------------------------------------------*/
.textyleContent blockquote{ margin:1em 0; padding:1em 2em; background:#f6f6f6; -moz-border-radius:5px; -webkit-border-radius:5px; }


/* Cite
---------------------------------------------------------------------------------*/
.textyleContent cite{ display:block; margin:1em 0;}


/* Link
---------------------------------------------------------------------------------*/
.textyleContent .xe_dr_link p strong{ display:block;}


/* P
---------------------------------------------------------------------------------*/
.textyleContent p{ margin:1em 0 !important;}


/* Me2day Widget
---------------------------------------------------------------------------------*/
.me2day_daily_digest{ line-height:1.5; font-family:Dotum;}
.me2day_daily_digest ul{ margin-left:0; padding-left:0; list-style:none;}
.me2day_daily_digest li{ position:relative; clear:both; padding:0 0 16px 45px; margin-bottom:1em; *zoom:1; background:url("/xe1.24/files/attach/textyle/882/img/iconMe2day.gif") no-repeat 0 0;}
.me2day_daily_digest .me2_tags{ display:block; padding:5px 0 5px 30px; margin:0; font-size:11px; line-height:1.2; color:#767676; background:url("/xe1.24/files/attach/textyle/882/img/iconMe2tag.gif") no-repeat left 5px;}
.me2day_daily_digest .datetime{ position:absolute !important; bottom:2px; display:none; font:11px/1 Tahoma; color:#66C; white-space:nowrap; text-decoration:none;}
.me2day_daily_digest li:hover .datetime{ display:block;}
.me2day_daily_digest a:hover,
.me2day_daily_digest a:active,
.me2day_daily_digest a:focus{ text-decoration:underline;}