@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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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;}


a {text-decoration:none;}

select.dStyle, 
textarea.dStyle,
input.dStyle { vertical-align:middle;border:1px solid; font-size:1em; _font-size:9pt;}

textarea.dStyle {padding:2px;height:100px;}
select.dStyle {height:22px;height:20px\9;}
input.dStyle {padding-left:2px;height:18px;}

/* bodex Title */
.bodexHeader { border-bottom:1px solid; border-bottom:0; overflow:hidden; *zoom:1;}
.bodexHeader h3{ border-bottom:3px solid; margin:0; float:left; padding:15px 15px 5px 15px; font-size:1.3em;*zoom:1;}
.bodexHeader h4{ margin:0; float:left; padding:18px 15px 5px 12px; font-size:1em;*zoom:1;}
/* bodex Description */
.bodexDescription { border:1px solid; overflow:hidden; padding:10px; margin: 5px 0; }

/* bodex Information */
.bodexInformation { clear:both; margin:5px 0 2px 0; overflow:hidden;}

.articleNum { float:left; padding:0 0 0 15px;}
.articleNum strong { font:bold 11px Tahoma;}

/* account Navigation */
.accountNavigation { margin:0; padding:0; float:right; }
.accountNavigation li { float:left; margin-left:5px; list-style:none; }
.accountNavigation li.setup a { background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/iconAdmin.gif") no-repeat left top; padding-left:13px; }
.accountNavigation li.admin a { background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/iconAdmin.gif") no-repeat left top; padding-left:13px; }
.accountNavigation li.loginAndLogout a { padding-left:8px; margin-right:8px;}
.accountNavigation li.join a,
.accountNavigation li.myInfo a { margin-left:14px; }

.accountNavigation li.icon a{ display:block; float:left; width:13px; height:13px; overflow:hidden; background-repeat:no-repeat;}
.accountNavigation li.icon a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

.accountNavigation li.listTypeClassic a{ background-position:0 0;}
.accountNavigation li.listTypeClassicActive a{ background-position:0 -13px;}
.accountNavigation li.listTypeZine a{ background-position:-13px 0;}
.accountNavigation li.listTypeZineActive a{ background-position:-13px -13px;}
.accountNavigation li.listTypeGallery a{ background-position:-26px 0;}
.accountNavigation li.listTypeGalleryActive a{ background-position:-26px -13px;}

/**
 * category Navigation
 **/
.categoryTab .localNavigation { margin:0 0 2px 0; padding:0; overflow:hidden;  *zoom:1;}
.categoryTab .localNavigation:after {content:""; display:block; clear:both;}
.categoryTab .localNavigation li{ position:relative; list-style:none; float:left; margin:0 2px 0 0; padding:0;}
.categoryTab .localNavigation li a{ text-decoration:none; border:1px solid; float:left; padding:7px 10px 0 10px; height:18px; }
.categoryTab .localNavigation li a span{ font-size:0.8em;}
.categoryTab .localNavigation li.on { font-weight:bold;margin-bottom:-1px;}
.categoryTab .localNavigation li.on a{ height:19px; background:none;}

.categoryMenu { border:0px;width:100%; }
.categoryMenu td { white-space:nowrap; overflow:hidden; vertical-align:top; *vertical-align:top;}
.categoryMenu td .localNavigation {border:1px solid; margin:0 2px 2px 0; padding:0 0 10px 0;}
.categoryMenu td .localNavigation div{ white-space:nowrap; font-size:1em;padding:10px 13px 0 13px;}
.categoryMenu td .localNavigation div a{ text-decoration:none;height:18px;}
.categoryMenu td .localNavigation div.on a{ font-weight:bold;} 
.categoryMenu td .localNavigation div a span{ font-size:0.7em;}
.categoryMenu td .localNavigation div.total {padding:.9em 0 .5em 13px; border-bottom:1px solid;}

/**
 * bodexList
 **/
.bodexList { width:100%; border-bottom:1px solid; border-top:1px solid;}

.bodexList th.checkbox,
.bodexList td.checkbox {padding-right:1.3em; text-align:left;}
.bodexList th.checkbox input,
.bodexList td.checkbox input { position:absolute; margin-top:0px; margin-top:-3px\9; *margin-top:-5px; }

.bodexList th , 
.bodexList td { white-space:nowrap; padding:.7em .5em .7em .5em; font-weight:normal; vertical-align:middle; text-align:center; overflow:hidden; }

.bodexList th {font-size:1em; border-bottom:1px solid; *zoom:1;}

.bodexList th.title {width:100%;}
.bodexList th.category *{ vertical-align:middle; *vertical-align:top;}
.bodexList th.category {text-align:left;margin:0;padding:.3em 0 .3em .5em; padding-top:.2em\9;}
.bodexList th.category select{ *margin-right:5px;}

.bodexList th.sort { font-weight:bold;}

.bodexList td.title * {vertical-align:middle;}
.bodexList td.title {width:100%; white-space:normal;text-align:left;}
.bodexList td strong.category { font-size:1em; padding-right:.5em;}
.bodexList td.title .replyAndTrackback {margin-left:-.2em; font:.8em Tahoma;}
.bodexList td.nick_name div {cursor:pointer;}

.bodexList td.no,
.bodexList td.regdate,
.bodexList td.last_update,
.bodexList td.readed_count,
.bodexList td.blamed_count { font:.8em Tahoma; }
.bodexList td.voted_count { font:bold .8em Tahoma; }

.bodexList td span.rewardPoint {font:bold .8em Tahoma; padding: 1px 2px 1px 2px;}
.bodexList td.extravalue {  white-space:nowrap;overflow:hidden; }

/**
 * bodex Bottom, list button
 **/
.bodexBottom { margin-top:10px; }
.bodexBottom .leftButtonBox { float: left; }
.bodexBottom .rightButtonBox { float: right; }

/* secret Content */
.secretContent { margin:20px auto; text-align:center; border:1px solid; width:240px; }
.secretContent .title { padding:10px 0 10px 0; display:block; font-weight:bold; }
.secretContent .content { padding:10px 0 10px 0;display:block; }
.secretContent .content input[type="password"] {margin-right:5px;}
.secretContent .content input {*margin-right:5px;}

/**
 * bodexSearch
 **/
.bodexSearch{ position:relative; margin:0; padding:1px 0; line-height:normal;}
.bodexSearch *{ margin:0; padding:0;}
.bodexSearch fieldset{ border:0; clear:both; text-align:left; position:relative;}
.bodexSearch fieldset:after{ content:""; display:block; float:none; clear:both;}
.bodexSearch fieldset *{ vertical-align:top;}
.bodexSearch legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.bodexSearch select{ font-size:12px;height:23px;}
.bodexSearch input[type="text"]{ width:140px;height:21px;;}
.bodexSearch input{ *width:140px;*height:19px;}

.bodexSearch .infoEtc{ position:absolute; top:11px; right:0;}
.bodexSearch .infoEtc li{ display:inline;}
.bodexSearch .infoEtc li a{ display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;}
.bodexSearch .infoEtc li a span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.bodexSearch .infoEtc li.contributors a{ width:12px; background-position:0 0;}
.bodexSearch .infoEtc li.tag a{ width:41px; background-position:-12px 0;}
.bodexSearch .infoEtc li a{ background-image:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/buttonContributorsTaglist.gif");}

/**
 * Page
 **/
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ text-decoration:none; position:relative; display:inline-block; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a{ font-weight:normal !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 A1 */
.pagination.a1 a,
.pagination.a1 strong{ margin:0 -2px; padding:1px 10px 1px 8px; border:none; border-left:1px solid; border-right:1px solid; font-weight:bold; font-size:12px;}
.pagination.a1 a.prev{ padding-left:10px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevA1.gif") no-repeat left center; }
.pagination.a1 a.prevEnd{ padding-left:15px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a1 a.next{ padding-right:10px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextA1.gif") no-repeat right center; }
.pagination.a1 a.nextEnd{ padding-right:15px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextEndA1.gif") no-repeat right center; }

/* Pagination A2 */
.pagination.a2 a,
.pagination.a2 strong{ margin:0 -2px; padding:0 10px 0 8px; font-weight:bold; font-size:11px; border:none; border-left:1px solid; border-right:1px solid; }
.pagination.a2 a.prev{ padding-left:10px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevA1.gif") no-repeat left center; }
.pagination.a2 a.prevEnd{ padding-left:15px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a2 a.next{ padding-right:10px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextA1.gif") no-repeat right center; }
.pagination.a2 a.nextEnd{ padding-right:15px; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextEndA1.gif") no-repeat right center; }

/* Pagination B1 */
.pagination.b1 a,
.pagination.b1 strong{ margin:0 -2px; padding:2px 8px; font-weight:bold; font-size:12px;}
.pagination.b1 a.prev{ padding-left:16px; background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevB1.gif") no-repeat left center; }
.pagination.b1 a.next{ padding-right:16px; background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextB1.gif") no-repeat right center; }

/* Pagination B2 */
.pagination.b2 a,
.pagination.b2 strong{ margin:0 -2px; padding:2px 6px; font-size:11px;}
.pagination.b2 a.prev{ padding-left:12px; background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevB1.gif") no-repeat left center; }
.pagination.b2 a.next{ padding-right:12px; background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextB1.gif") no-repeat right center; }

/* Pagination C1 */
.pagination.c1 a,
.pagination.c1 strong{ margin:0 -2px; padding:2px 4px; font-size:12px;}
.pagination.c1 a.prev,
.pagination.c1 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
.pagination.c1 a.prev{ background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevC1.gif") no-repeat center;}
.pagination.c1 a.next{ background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextC1.gif") no-repeat center;}
.pagination.c1 a.prev span,
.pagination.c1 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}

/* Pagination C2 */
.pagination.c2 a,
.pagination.c2 strong{ margin:0 -2px; padding:2px 4px; font-size:11px;}
.pagination.c2 a.prev,
.pagination.c2 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
.pagination.c2 a.prev{ background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowPrevC1.gif") no-repeat center;}
.pagination.c2 a.next{ background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/arrowNextC1.gif") no-repeat center;}
.pagination.c2 a.prev span,
.pagination.c2 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}

/**
 * message box
 **/
.smallBox { border:1px solid; margin: 10px auto 10px auto; padding-bottom:10px; }
.smallBox.w268 { width:268px;}
.smallBox .header { margin:0; padding:0; position:relative; overflow:hidden; *zoom:1;}
.smallBox .header h3 {border-bottom:3px solid; margin:0; padding:0; clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em;  }
.smallBox .complex { padding:1.5em 2em 2em 2em;}
.smallBox .inputPassword { position:relative; border:none; padding:2em 2em 1.5em 2em;}
.smallBox .inputPassword input { float:left; width:5em;}
.smallBox .inputPassword input.userPw {margin-right:5px;width:8em;}
.smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
.smallBox .messageBox {padding:10px; }

/**
 * tag List
 **/
.tagsBox { border:1px solid; padding:10px; overflow:hidden;}
.tagsBox h4 { margin:0; padding:2px; }
.tagsBox .tags div { float:left; padding:2px; margin-right:10px; overflow:hidden; white-space:nowrap; height:15px;}
.tagsBox .tags div a { text-decoration:none; line-height:150%;}
.tagsBox .tags .tagTypeA a { font-weight:bold; font-size:12pt; margin:0;}
.tagsBox .tags .tagTypeB a { font-size:11pt; margin:0;}
.tagsBox .tags .tagTypeC a { font-weight:bold; font-size:11pt; margin:0;}
.tagsBox .tags .tagTypeD a { font-weight:bold; margin:0;}
.tagsBox .tags .tagTypeE a { font-weight:normal; margin:0;}

/**
 * editorOption
 **/
 
.bodexWrite { border:1px solid; padding-bottom:10px;}
.bodexWrite fieldset { border:none; }

.bodexWrite .userNameAndPw { margin:10px 10px 0 10px; }
.bodexWrite .userNameAndPw .userName {margin-left:5px;}

.bodexWrite .userNameAndPw input{*width:60px;}
.bodexWrite .userNameAndPw input[type="text"],
.bodexWrite .userNameAndPw input[type="password"] {width:60px;}
.bodexWrite .userNameAndPw input.emailAddress,
.bodexWrite .userNameAndPw input.homePage {width:90px; }

.bodexWrite dl { padding:0; margin:0; }
.bodexWrite dl dd { padding:0; margin:0; }
.bodexWrite dl.option { margin:5px 0 0 10px; padding:0;}
.bodexWrite dl.option dd { display:inline; margin-right:5px; }
.bodexWrite dl.option dd * { vertical-align:middle;}
.bodexWrite dl.option dd select { width:8em; font-size:.95em; }

/**
 * commentEditor
 **/
.commentEditor { margin:10px 0 5px; }
.commentEditor .userNameAndPw { margin:0 0 5px; padding:0; white-space:normal; }
.commentEditor .userNameAndPw .votePoint { margin-left:5px; border-bottom:1px solid;padding:5px 0 5px 5px; overflow:hidden;}
.commentEditor .userNameAndPw .votePoint .up { padding:3px 0 0 18px;background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/vote_up.gif") no-repeat left top; }
.commentEditor .userNameAndPw .votePoint .down { padding:3px 0 0 18px;background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/vote_down.gif") no-repeat left top; }
.commentEditor .userNameAndPw .votePoint a {text-decoration:none; margin-right:3px;}
.commentEditor .userNameAndPw .votePoint label:hover,
.commentEditor .userNameAndPw .votePoint a:hover { text-decoration:underline; }
.commentEditor .userNameAndPw .votePoint span {padding-left:3px}
.commentEditor .userNameAndPw .votePoint .starPoint {padding-left:0; margin:0 0 0 5px;list-style:none;}
.commentEditor .userNameAndPw .votePoint .starPoint li { float:left;}
.commentEditor .userNameAndPw .votePoint .starPoint li a { text-decoration:none; width:15px; height:14px; background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/starOff.png") no-repeat left top; font-size:1px; line-height:0; display:block; }
.commentEditor .userNameAndPw .votePoint .starPoint li a.onR { background-image:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/starOnR.png"); }
.commentEditor .userNameAndPw .votePoint .starPoint li a.onG { background-image:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/starOnG.png"); }
.commentEditor .userNameAndPw .votePoint .starPoint li a.onY { background-image:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/starOnY.png"); }
.commentEditor .userNameAndPw .votePoint .starPoint li a.vote_cancel {margin-left:5px; background-image:url("/xe/modules/bodex/skins/xe_mrnucc1/images/common/starOff.png"); }

/**
 * xpress-editor
 **/
.xpress-editor .fileUploader { padding-left:10px;}



body {background-color:#fff; color:#111}

a {color:#444}
a:hover {color:#000;}

.bodexWrite .extraVarsList select,
.bodexWrite .extraVarsList textarea,
.bodexWrite .extraVarsList input[type="password"],
.bodexWrite .extraVarsList input[type="text"] {color:#111;background:#fff; border-color:#ccc #aaa #aaa #ccc; }

select.dStyle, 
textarea.dStyle,
input.dStyle {color:#111;background:#fff; border-color:#ccc #aaa #aaa #ccc; }

.bodexWrite .extraVarsList select:focus,
.bodexWrite .extraVarsList textarea:focus,
.bodexWrite .extraVarsList input[type="password"]:focus,
.bodexWrite .extraVarsList input[type="text"]:focus,
.bodexWrite .extraVarsList select:hover,
.bodexWrite .extraVarsList textarea:hover,
.bodexWrite .extraVarsList input[type="password"]:hover,
.bodexWrite .extraVarsList input[type="text"]:hover {border-color:#444;}

select.dStyle:focus, 
textarea.dStyle:focus,
select.dStyle:hover, 
textarea.dStyle:hover,
input.dStyle:focus,
input.dStyle:hover {border-color:#444;}

.bodexWrite .extraVarsList input[type="password"],
.bodexWrite .extraVarsList input[type="text"] {background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/inputBg.gif") no-repeat right bottom;}

input.dStyle {background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/inputBg.gif") no-repeat right bottom;}

.bodexHeader { border-bottom:#ccc; background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/bgH3.png") repeat-x left bottom;}
.bodexHeader h3{color:#111;background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/line_H3_3x15.gif") no-repeat right bottom; }
.bodexHeader h4{color:#999;}
.bodexDescription {color:#777;border-color:#ccc;}

.accountNavigation li.loginAndLogout a { background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/line_1x15.gif") no-repeat left 2px; }
.accountNavigation li.icon a{ background-image:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/listTypeIcon.gif");}

.articleNum { background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/iconArticle.gif") no-repeat left top; }

.categoryTab .localNavigation li a{ color:#444; border-color:#ccc;background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/bgListTh.png") repeat-x top;}
.categoryTab .localNavigation li a:hover{ border-color:#444;}
.categoryMenu td .localNavigation {border-color:#ccc;}
.categoryMenu td .localNavigation div.total {border-bottom-color:#ccc;}

.bodexList {border-bottom-color:#ccc;border-top-color:#ccc;}

.bodexList tr.bg0 { background:#fafafa;}

.bodexList th {color:#444; border-bottom-color:#ccc;background: url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/bgListTh.png") repeat-x top;}
.bodexList tr.notice { background:#fafafa; }

.bodexList td.title {color:#444;}
.bodexList td.title a:visited { color:#777;}
.bodexList td strong.category { color:#111; background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/line_1x15.gif") no-repeat right 2px;}

.bodexList td.no,
.bodexList td.regdate,
.bodexList td.last_update,
.bodexList td.readed_count,
.bodexList td.voted_count,
.bodexList td.doc_state,
.bodexList td.blamed_count { color:#555; }

.bodexList td span.rewardPoint {background-color:#000; color:#fff;}
.bodexList td span.rewardAdopt {background-color:#888;}

/* bodexList webzine */
.bodexList td.summary a { color:#666;}
.bodexList td.summary a:hover { color:#444;}
.bodexList td.summary a:visited { color:#999;}
.bodexList td.thumb img { border-color:#E0E1DB;  }
.bodexList td.summary div.extravalue { color:#333; }

 /* bodexList gallery */
.bodexList .thumbnailBox .cell img.thumb { border-color: #ccc;}
.bodexList .thumbnailBox .nameAndDate { color:#555; }
.bodexList .thumbnailBox .nameAndDate .author { color:#111;  }
.bodexList .thumbnailBox .nameAndDate .date { color:#555;}
.bodexList .thumbnailBox .readAndRecommend { color:#555;}

 /* bodexList download */
.bodexList .downloadBox {border-bottom-color:#ccc; }
.bodexList .downloadBox div.thum img { border-color: #ccc;}
.bodexList .downloadBox div.info li.title {border-top-color:#ccc;}
.bodexList .downloadBox div.info li.category .star span.average {color:#aaa;}
.bodexList .downloadBox div.info li .summary {color:#555; }
.bodexList .downloadBox div.info li .extravalue { color:#888; }
.bodexList .downloadBox div.info li.date {color:#aaa; }
.bodexList .downloadBox div.info li.category strong {background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/line_1x15.gif") no-repeat right 3px; }

/* pagi */
.pagination.a1 a,
.pagination.a1 strong{ border-left-color:#555; border-right-color:#ccc;}
.pagination.a2 a,
.pagination.a2 strong{border-left-color:#ccc; border-right-color:#555; }

.bodexRead .titleAndUser {border-bottom-color:#ccc; }
.bodexRead .dateAndCount div {color:#777;}
.bodexRead .dateAndCount .category a { color:#555;}

.bodexRead .extraVarsList { border-top-color:#ccc;}
.bodexRead .extraVarsList th { color:#999; border-bottom-color:#ccc; border-right-color:#ccc;}
.bodexRead .extraVarsList td { color:#999; border-bottom-color:#ccc; }
.bodexRead .extraVarsList td a { color:#999;}
.bodexRead .extraVarsList td a:hover { color:#666;}

.bodexRead .tag { border-top-color:#ccc}

.bodexRead .fileAttached {border-color:#ccc; background-color:#eee;}
.bodexRead .fileAttached li a:visited { color:#999;}
.bodexRead .fileAttached span.fileDownloaded { color:#999;}
.bodexRead .fileAttached span.fileError {color:#ccc;}

.bodexRead .docReadIpAndUrl .docReadIp {color:#aaa;}
.bodexRead .docReadIpAndUrl .docReadUri a { color:#aaa; }

.bodexRead .contentButton {border-top-color:#ccc;}

.replyBox {border-color:#ccc;}
.replyBox .replyItem { background-color:#f8f8f8; border-bottom-color:#ccc;}
.replyBox .voted {color:#888;}
.replyBox .date {color:#707070;}
.replyBox .replyContent .xe_content { color:#555; }
.replyBox .reply { background-color:#eee; border-bottom-color:#ccc;}

.trackbackBox { color:#555; border-color:#ccc; }
.trackbackBox .trackbackItem { background-color:#eee; border-top-color:#ccc; }
.trackbackBox address a {color:#444;}
.trackbackBox address a:hover {color:#000;}
.trackbackBox address .date {color:#707070;}

.bodexWrite { border-color:#ccc;}
.bodexWrite .tag .info {color:#707070;}
.bodexWrite .option label {color:#444;}
.bodexWrite .option label:hover {color:#000;}

.bodexWrite .extraVarsList { border-color:#ccc;}
.bodexWrite .extraVarsList th {color:#666; border-bottom-color:#ccc; border-right-color:#ccc;}
.bodexWrite .extraVarsList td { color:#666; border-bottom-color:#ccc;}

.smallBox { border-color:#ccc;}
.smallBox .header { background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/bgH3.png") repeat-x left bottom;}

.tagsBox { border-color:#ccc; }
.tags div a:hover { background-color:#888888; color:#fff;}
.tags .tagTypeA a { color:#fe3614; background-color:#EFEFEF;}
.tags .tagTypeB a { color:#fe3614; }
.tags .tagTypeC a { background-color:#EFEFEF;}
.tags .tagTypeD a { background-color:#EFEFEF;}

.secretContent {border-color:#ccc;}

/* 회원 서명 및 프로필 이미지 출력 */
.memberSignature { border-color:#ddd;}
.memberSignature .signature p {color:#666;}
.commentProfileImage span.adoptComment {color:#666}
.memberSignature .profile img { border-color:#E0E1DB;}
.commentProfileImage .profile .image { border-color: #E0E1DB;}

/* 게시물의 팝업 메뉴 */
#popup_menu_area {background-color:#fff;}
#popup_menu_area ul li a {color:#444;}
.comment_popup_menu,
.document_popup_menu {background:url("/xe/modules/bodex/skins/xe_mrnucc1/images/white/document_menu.gif") no-repeat right top !important;}

.commentEditor { color:#444; border-color:#ccc;}
.commentEditor .userNameAndPw .votePoint { border-bottom-color:#ccc}
.commentEditor .userNameAndPw .votePoint label  {color:#444;}
.commentEditor .userNameAndPw .votePoint label:hover  { color:#000;}

/* 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;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1; z-index:100}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1; background:url("/xe/layouts/xe_cafe_site/img/bg_body.gif") repeat-y; padding:25px 22px 93px 23px; margin-top:20px; overflow:hidden}
#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;}
#footer address{ text-align:center;}

/* Layout Width */
.fixed #container{ width:968px; 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 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 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;}
#body .top{ background: url("/xe/layouts/xe_cafe_site/img/bg_body_top.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; top:0;}
#body .btm{ background: url("/xe/layouts/xe_cafe_site/img/bg_body_btm.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; bottom:0;}

/* ----- 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:209px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:679px;}
.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; background:url("/xe/layouts/xe_cafe_site/img/bg_extension_cen.gif") repeat-y; padding: 13px 9px 11px 9px; position: relative; margin-top:-8px}
.fixed .ec #body .e1{ float:left; clear:left;}
#body .e1 .top{ background:url("/xe/layouts/xe_cafe_site/img/bg_extension_top.gif") no-repeat; position:absolute; left:0; top:0; overflow:hidden; height:13px; width:227px;}
#body .e1 .btm{ background:url("/xe/layouts/xe_cafe_site/img/bg_extension_btm.gif") no-repeat; position:absolute; left:0; bottom:0; overflow:hidden; height:11px; width:227px;}

/* ----- 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;}

.member,.c11n{ width:100%; overflow:hidden}
.iSearch{ width:100%!important}


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

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

/* Element Reset */
html,
body{ height:100%; margin:0; font-family: Arial,Tahoma,Sans-serif; font-size:12px;background:#e8e8e8 url("/xe/layouts/xe_cafe_site/img/bg_head.gif") repeat-x}
fieldset{ border:0; margin:0; padding:0;}
img{ border:0;}

a{ text-decoration:none;}
a:hover,
a:active,
a:focus{ text-decoration:underline;}

/* Common Class */
.skipToContent { position:absolute; left:-1000%; display:block; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-decoration:none; white-space:nowrap;}
.skipToContent:hover,
.skipToContent:active,
.skipToContent:focus{ position:relative; left:0; width:98%; height:auto; padding:5px 1%; font-size:12px; line-height:1;}

.inputText{ font-size:12px;}
.hr{ display:none;}

/* Layout */
#content,
.extension.e1{ margin-bottom:30px;}
.extension.e2{ display:block !important; clear:both;}

/* body style override fw.css 2011/09/16 */
#body{background:url("/xe/layouts/xe_cafe_site/img/bg_body.gif") repeat-y; padding:25px 22px 93px 23px; margin-top:20px; overflow:visible;}
.fixed #container{width:968px !important}
#body .top{ background: url("/xe/layouts/xe_cafe_site/img/bg_body_top.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; top:0;}
#body .btm{ background: url("/xe/layouts/xe_cafe_site/img/bg_body_btm.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; bottom:0;}

.fixed #body .ow_e1{ width:209px !important;}

.fixed #body #content{ width:679px !important;}

.fixed #body .ow_e1{background:url("/xe/layouts/xe_cafe_site/img/bg_extension_cen.gif") repeat-y; padding: 13px 9px 11px 9px; position: relative; margin-top:-8px}
#body .ow_e1 .top{ background:url("/xe/layouts/xe_cafe_site/img/bg_extension_top.gif") no-repeat; position:absolute; left:0; top:0; overflow:hidden; height:13px; width:227px;}
#body .ow_e1 .btm{ background:url("/xe/layouts/xe_cafe_site/img/bg_extension_btm.gif") no-repeat; position:absolute; left:0; bottom:0; overflow:hidden; height:11px; width:227px;}
.member,.c11n{ width:100%; overflow:hidden}
.iSearch{ width:100%!important}
/* Header */
#header{z-index:100;}
#header,
#header .header{}
#header .logo{ float:left; margin-right:10px}
#header{padding:0; margin:0; height:145px;}
#header .header{ padding:0; background-position:left bottom;}
#header .menu{ height:31px; position:relative; z-index:200}
#header .menu_lst{ overflow:hidden; margin:0; padding:0; float:left;}
#header .menu_lst li{ float:left; list-style:none; line-height:31px; background:url("/xe/layouts/xe_cafe_site/img/line_2.gif") no-repeat 100% 50%; margin-right:8px;}
#header .menu_lst li a{ color:#b0b0b0; margin-right:8px;}
#header .menu_lst li a:hover{ color:#ececec;}
#header .menu_lst li.last{ background:none}
#header .menu_r{margin:0; padding:0; float:right;}
#header .menu_r li{ float:left; list-style:none; line-height:31px; background:url("/xe/layouts/xe_cafe_site/img/line_2.gif") no-repeat 100% 50%; margin-right:8px; zoom:1}
#header .menu_r li a{ color:#b0b0b0; padding-right:10px; float:left}
#header .menu_r li.last{ background:none}
#header .menu_r li.sub{ position:relative;}
#header .menu_r li.sub a{ background:url("/xe/layouts/xe_cafe_site/img/bu_2.gif") no-repeat 100% 50%; margin-right:8px; padding-right:15px!important}
#header .menu_r li.sub ul{ margin:0; width:108px;border:1px solid #8f8f8f; background:#fff; padding:5px 0 7px 5px; position:absolute;top:31px; left:-48px; _left:-56px; display:none;}
#header .menu_r li.sub ul li{ float:none; margin:0; padding:0; background: url("/xe/layouts/xe_cafe_site/img/bu_3.gif") no-repeat 0 50%; height:17px; line-height:17px; *height:15px;*line-height:15px;}
#header .menu_r li.sub ul li a{ background:none; padding-left:7px; font-size:11px}
#header .menu_r li.sub ul li a:hover{ color:#0e87d0; text-decoration:none}
#header .menu_r li.on ul{display:block}
#header .menu_r li.on a{background:url("/xe/layouts/xe_cafe_site/img/bu_4.gif") no-repeat 100% 50%}
#header .menu_r p{ padding:0; margin:0}
#header .menu_r li div{ zoom:0!important}
#header h1{ margin:40px 0 0; font-size:22px; line-height:1; float:left}
#header h1 a{ color:#3a3a3a; text-decoration:none}
#header h1 a:hover,
#header h1 a:active,
#header h1 a:focus{}
#header h1 a img{ _behavior:url("./common/js/iePngFix.htc");}
#header .url{ display:block; margin-top:5px}
#header .url a{ color:#767676; font-size:12px; line-height:1; text-decoration:none; font-weight:normal}
#header .url a:hover,
#header .url a:active,
#header .url a:focus{ color:#666;}
#header .search{ position:absolute; bottom:20px; right:0; text-align:right; background:url("/xe/layouts/xe_cafe_site/img/bg_search.gif") no-repeat; width:205px; height:22px}
#header .search .inputText{ border:0; background:none; float:left; padding:4px 0 0 8px; color:#7f7f7f; width:166px}
#header .search .inputText:focus{}
#header .search .buttonSearch{ float:right; margin:3px 5px 0}
#header .topMenu { position:absolute; top:52px; padding:0; margin:0; right:0; list-style:none; }
#header .topMenu li { display:block; float:left; margin:0 0 0 15px; padding:2px 0 2px 18px; }
#header .topMenu li.homepage { background:url("/xe/layouts/xe_cafe_site/img/ico_spr.gif") no-repeat 0 -18px;}
#header .topMenu li.setup {  background:url("/xe/layouts/xe_cafe_site/img/ico_spr.gif") no-repeat 0 2px;}
#header .topMenu li a { color:#767676; font-size:12px}

/* Footer */
#footer{ padding:15px 0 50px 0;}
#footer address{ position:absolute; top:15px; left:6px; height:16px; padding:0; text-align:left; font-style:normal; font-size:10px; line-height:16px; z-index:2;color:#8a8a8a; font-size:12px}
#footer div{ position:relative; overflow:visible !important; z-index:1; text-align:right;}
#footer .widgetLanguage{ position:relative; *zoom:1;}
#footer .widgetLanguage:after{ content:""; display:block; clear:both;}
#footer .widgetLanguage p{ margin:0;}
#footer .language_selector{ font-size:12px; color:#8a8a8a; background:url("/xe/layouts/xe_cafe_site/img/ico_spr.gif") no-repeat 100% -54px; padding-right:15px}
#footer .langList{ display:none; position:absolute; top:auto !important; bottom:20px !important; right:0 !important; list-style:none; border:1px solid #ddd; background:#fff; margin:0; padding:10px;}
#footer .langList a{ font-size:11px; white-space:nowrap; color:#767676;}

/* Extension E1 */

/* Info */
.extension .info{ position:relative; margin:0 0 6px 0; padding:0; background:#f8f8f8; *zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px;}
.extension .info .section{ position:static !important;}
.extension .info .tab{ position:absolute; top:4px; height:30px; line-height:30px; border:1px solid #ddd; padding:0; margin:0; overflow:visible; font-family:Tahoma; font-size:12px; cursor:pointer; color:#999; font-weight:bold; background:#f4f4f4; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;}
.extension .info .cafeInfo .tab{ left:4px; width:105px;}
.extension .info .memberInfo .tab{ right:4px; width:106px;}
.extension .info .widgetContainer{background:#ffffff; border:1px solid #e6e6e6; border-radius:5px; padding:13px}
.extension .info .widgetContainer2{ margin-top:-10px; _margin-top:0;}
.extension .info.cafe .cafeInfo .widgetContainer,
.extension .info.member .memberInfo .widgetContainer{ display:block;}
.extension .info.cafe .cafeInfo .tab,
.extension .info.member .memberInfo .tab{ color:#333; border-bottom:0; background:#fff}

.extension .info .button,
.extension .info .button span,
.extension .info .button input{ display:inline-block; position:relative; padding:0; margin:0; border:0; background-color:transparent; background-image:url("/xe/layouts/xe_cafe_site/img/buttonAction.gif") !important; background-repeat:no-repeat; font-size:14px; color:#fff !important; font-weight:bold; height:32px; line-height:32px; vertical-align:top !important; overflow:visible; cursor:pointer; filter:none;}
.extension .info .button{ margin:6px 0 0 0;}
.extension .info .button span,
.extension .info .button input{ width:175px; left:3px; background-position:right top; text-align:center; top:0; margin:0 auto}
.extension .info .cafeInfo dl{ margin:0; color:#767676;}
.extension .info .cafeInfo dt{ float:left; clear:left; height:20px; margin:0 3px 0 0; padding:0 0 0 15px; background:url("/xe/layouts/xe_cafe_site/img/iconInfo.gif") no-repeat left 2px;}
.extension .info .cafeInfo dd{ margin:0; height:20px; color:#999;}
.extension .info .memberInfo dl{ margin:0; color:#767676; overflow:hidden}
.extension .info .memberInfo dl dt{ float:left; color:#616161; margin-right:11px;}
.extension .info .memberInfo .widgetLogin dt{ position:absolute; width:1px; height:1px; overflow:hidden;}
.extension .info .memberInfo dd{ margin:0 0 6px 0; color:#3a3a3a;}
.extension .info .memberInfo dd.name{ color:#3a3a3a; font-weight:bold}
.extension .info .memberInfo dd.num{ color:#0e87d0}
.extension .info .memberInfo dd input{ border:1px solid #d1d1d1; padding:3px 4px; width:168px; font:bold 12px Tahoma; height:15px; background:#fff; margin:0 0 10px 0}
.extension .info .memberInfo dd input:focus{}
.extension .info .memberInfo p{ margin:0; color:#767676;}
.extension .info .memberInfo p input{ width:13px; height:13px; margin:0 3px 0 0; vertical-align:middle;}
.extension .btn_out{ margin:6px 0; background:#ffffff; border:1px solid #e6e6e6; border-radius:5px ;}
.extension .btn_out input{ width:159px; height:32px; margin:7px 0 7px 24px; background:url("/xe/layouts/xe_cafe_site/img/btn_out_bg.gif") no-repeat; border:0; color:#fff; font-weight:bold; cursor:pointer}
.extension .btn_out_site_info{ margin:6px 0; background:#ffffff; border:1px solid #e6e6e6; border-radius:5px ;}
.extension .btn_out_site_info input{ width:159px; height:32px; margin:7px 0 7px 24px; background:url("/xe/layouts/xe_cafe_site/img/btn_out_bg.gif") no-repeat; border:0; color:#fff; font-weight:bold; cursor:pointer}
.extension .info .memberInfo p label{ font:11px Dotum, 돋움;}
.extension .info .memberInfo .help{ margin:10px 0 0 0; padding:0; list-style:none;}
.extension .info .memberInfo .help li{ background:url("/xe/layouts/xe_cafe_site/img/ico_spr.gif") no-repeat 0 -70px; padding:0 0 0 9px}
.extension .info .memberInfo .help a{ color:#767676; font:12px Dotum, 돋움;}
.extension .widgetMyInfo{ margin:0;list-style:none;padding:13px; background:#ffffff; border:1px solid #e6e6e6; border-radius:5px; *zoom:1; }
.extension .widgetMyInfo li{ color:#3a3a3a; padding:4px 0}
.extension .widgetMyInfo li span{ margin-right:11px;  color:#616161}
.extension .widgetMyInfo li span.b{color:#000; font-weight:bold}
.extension .widgetMyInfo li em{ margin-right:11px;color:#0e87d0; font-style:normal}
.extension .widgetMyInfo li a{ color:#767676;}
.extension .widgetMyInfo li img{ vertical-align:top; margin-top:2px;}

/* widgetTab */
.widgetTab{ overflow:hidden; padding:0; margin:-10px 0 0 0; position:relative; bottom:-10px;zoom:1}
.widgetTab li{ float:left;list-style:none; margin:0; padding:0; height:31px; line-height:31px;width:104px; text-align:center;font-weight:bold}

.widgetTab li.on{ background:url("/xe/layouts/xe_cafe_site/img/tab_bg2.gif") no-repeat; height:40px; width:105px;}
.widgetTab li.on2{ background:url("/xe/layouts/xe_cafe_site/img/tab_bg.gif") no-repeat; height:40px; width:105px;}
.widgetTab li a{ cursor:pointer;color:#989898; zoom:1;background:url("/xe/layouts/xe_cafe_site/img/bu_5.gif") no-repeat 100% 50%; padding-right:10px; }
.widgetTab li.on a{ color:#3a3a3a; background:url("/xe/layouts/xe_cafe_site/img/bu_6.gif") no-repeat 100% 50%; padding-right:10px}
.widgetTab li.on2 a{ color:#3a3a3a; background:url("/xe/layouts/xe_cafe_site/img/bu_6.gif") no-repeat 100% 50%; padding-right:10px}
/* Menu */
.cafeMenu{ position:relative; padding:15px; margin:0 0 6px 0; border:1px solid #e2e2e2; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; *zoom:1;}
.cafeMenu h2{ position:absolute; left:-1000%; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0;}
.cafeMenu ul{ margin:0; padding:0; list-style:none;}
.cafeMenu ul li{ margin:0 0 5px 0; padding:0;}
.cafeMenu ul li ul{ padding:3px 0 0 0;}
.cafeMenu ul li li{ background:url("/xe/layouts/xe_cafe_site/img/lineSub.gif") no-repeat 5px 2px;padding-left:16px;}
.cafeMenu ul li button{ display:none;}
.cafeMenu ul li a{ color:#3a3a3a;}
.cafeMenu ul li a.selected{ font-weight:bold;}

/* Visotor Stat */
.visitorStat{ position:relative; padding:10px 15px; *zoom:1;}
.visitorStat h2{ position:absolute; left:-1000%; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0;}
.visitorStat dl{ margin:0; color:#767676;}
.visitorStat dt{ clear:left;float:left; height:18px; color:#797979; font-weight:bold; margin-right:11px;}
.visitorStat dd{ color:#0078cb; height:18px; float:left; margin:0; padding:0; font-weight:bold}
.visitorStat dd.total{ margin:0; padding:0}

/* Extension E2 */
.extension.e2{ padding:15px 0 0 0; margin:0 0 15px 0;}
.extension.e2 .section{ width:188px; float:left; *display:inline; margin:0 3px 0 0;*zoom:1;}
.extension.e2 h2{ background:url("/xe/layouts/xe_cafe_site/img/bg_tit.gif") repeat-x; height:25px; line-height:25px; padding:0 0 0 13px; margin:0; border:1px solid #dadada; font-size:12px; border-radius:1px 1px 0 0}
.extension.e2 ul{ margin:0; padding:12px 0 12px 14px; list-style:none; border:1px solid #ececec; border-top:0;}
.extension.e2 ol{ margin:0; padding:12px 0 12px 14px; list-style:none; border:1px solid #ececec; border-top:0;}
.extension.e2 li{ padding:0 0 0 8px; background:url("/xe/layouts/xe_cafe_site/img/ico_spr.gif") no-repeat 0 -38px}
.extension.e2 li a{ color:#616161;}
.extension.e2 li sup{ color:#999; display:none}

.extension.e2 .newMember{ width:221px;}
.extension.e2 .newMember li{ padding:0 0 0 8px; background:url("/xe/layouts/xe_cafe_site/img/ico_spr.gif") no-repeat 0 -38px}
.extension.e2 .docRank{ width:240px}
.extension.e2 .replyRank{ width:231px}
.extension.e2 .onMember{ float:right; margin:0; width:222px}
.extension.e2 .onMember li{ padding:0 0 0 8px;  background:url("/xe/layouts/xe_cafe_site/img/ico_spr.gif") no-repeat 0 -38px}

/* Widget Reset */
.simpleWidgetStyle{ margin:0 0 30px 0 !important;}
.simpleWidgetStyle h2{ padding:5px 0 5px 16px !important; margin:0 0 25px 0 !important; font-size:12px !important; font-family:Tahoma !important; border-bottom:0 !important; background:#f8f8f8; color:#3a3a3a!important;}
.widgetGalleryA li{ _position:relative;}




.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer .open{ display:block !important;} 
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal; padding-left:15px}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.summary{ white-space:normal;}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url("/xe/layouts/xe_cafe_site/img/white/buttonWidgetNavigation.gif"); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url("/xe/layouts/xe_cafe_site/img/white/buttonWidgetTab.gif");}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .category{ color:#333; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ color:#616161!important;}
.widgetTableA td .board{ color:#616161; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat 100% 3px; padding:0 10px 0 0; margin:0 7px 0 0}
.widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#bababa!important;}
.widgetTableA td .date{ color:#bababa!important;}
.widgetTableA td .hour{ color:#bababa!important;background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat 100% 2px;padding:0 10px 0 0; }

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333!important; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat right center!important;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url("/xe/layouts/xe_cafe_site/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url("/xe/layouts/xe_cafe_site/img/black/buttonWidgetTab.gif");}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url("/xe/layouts/xe_cafe_site/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/layouts/xe_cafe_site/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url("/xe/layouts/xe_cafe_site/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url("/xe/layouts/xe_cafe_site/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url("/xe/layouts/xe_cafe_site/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}

.cafeMenu ul li li {background: url("/xe/layouts/xe_cafe_site/img/lineSub.gif") no-repeat scroll 5px 2px transparent;}


.open{ display:block !important;} 
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin:0; padding:0; list-style:none;}
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.author{}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url("/xe/widgets/content/skins/default/img/white/buttonWidgetNavigation.gif"); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url("/xe/widgets/content/skins/default/img/white/buttonWidgetTab.gif");}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .category{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url("/xe/widgets/content/skins/default/img/black/buttonWidgetTab.gif");}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}