@charset "utf-8"; 
/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.boardReadBody .xe_content a { text-decoration:underline; color:#CCCCCC }
.boardReadBody .secretMessage{ border:#333333 solid 1px;}
.inputTypeText{border:#333333 solid 1px; color:#888; background:#000000}

.xpress-editor #smart_content{border:1px solid #444 !important;}


/* XE Black Theme */
.button{ opacity:.7;}
.smallBox { border:1px solid #333; margin-left:auto; margin-right:auto; }
.smallBox.w268 { width:268px; margin-top:100px; margin-bottom:100px;}
.smallBox .header { margin:0; padding:0; position:relative; _width:100%; background:#222 url(../images/common/bgH3.gif) no-repeat left bottom; overflow:hidden;}
.smallBox .header h3 { margin:0; padding:0; clear:both; font-size:13px; text-align:center; padding:1.4em 2em 1.4em 1.2em; border-bottom:3px solid #666; color:#ddd }
.smallBox .complex { padding:1.5em 2em 2em 2em;}
.smallBox .messageBox{ background:#222 !important; border-bottom:2px solid #666 !important; font-weight:bold; font-size:13px; color:#ddd }
.smallBox .gap1 { position:relative; border:none; padding:2em 2em 2em 2em; margin:0}
.smallBox .inputPassword { position:relative; border:none; padding:2em 2em 2em 2em;}
.smallBox .inputPassword .inputTypeText { float:left; margin-right:.5em; width:8em;}
.smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
.smallBox .messageBox { background-color:#F3F3F3; padding:20px; border-bottom:1px solid #EEEEEE;}
/* Button */

/*.btn a,
.btn *[type=button],
.btn *[type=submit],
input[type=submit].text,
input[type=button].text,
button[type=submit].text,
button[type=button].text { box-shadow:0 0 0 !important; text-shadow:0 0 !important; position:relative; padding:0 8px 0 8px !important; vertical-align:middle; display:inline-block; height:23px; font-size:12px; line-height:23px; color:#ffffff !important; font-weight:normal !important; cursor:pointer; background-image:url(../img/black/buttonOfficial.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555555, endColorStr=#333333)
}*/
.btn ,
.btn:hover,
.btn:active{ background:#333; text-shadow:#000 1px 1px 1px; border:#333 solid 1px; box-shadow:inset 0 1px 0 #444,0 1px 2px #111}
.btn a,
.btn button,
.btn input{color:#eee; }

.xpress-editor .fileUploader .fileUploadControl .text{ color:#999}

.board .iText, .board textarea, .board select {
    background:#111; color:#CCC; border: 1px solid #444;
}


/*.buttonOfficial,
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ position:relative; vertical-align:middle; display:inline-block; height:23px; font-size:12px; line-height:23px; color:#ffffff; cursor:pointer; background-image:url(../img/black/buttonOfficial.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}

.buttonOfficial{ background-position:left top; margin-right:4px;}
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ left:4px; background-position:right top; padding:0 8px 0 4px; *padding:0px 8px 3px 4px;}

.buttonOfficial input,
.buttonOfficial button{*margin:-1px 0 1px 0}


a.buttonOfficial{ _margin-top:-1px;}
a.buttonOfficial span{ _vertical-align:top;}


span.button, span.button button, span.button input{background-image:url(../img/black/buttonOfficial.gif); color:#FFFFFF}

*/
/* Pagination */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#888888; font-family:Tahoma, Sans-serif; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;}
.pagination strong{ color:#ff3636 !important; border:1px solid #555555;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; margin:0 !important; white-space:nowrap; text-decoration:none !important; border:1px solid #555555; background-image:url(../img/common/arrowPagination.gif); background-repeat:no-repeat;}
.pagination a.prevEnd{ padding-left:14px; background-position:left center; }
.pagination a.nextEnd{ padding-right:14px; background-position:right center; }

.attachedFile dt .fileToggle { color:#999999}





/* Board Reset */
.board{color:#666666;}
.board .inputText,
.board textarea,
.board select{ background:#111; color:#888 !important; border-color:#444;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ color:#8b8b8b;}
.board .boardNavigation{ border-color:#333;}

/* Board Header 
.boardHeader .boardTitle{ border-color:#999; }
.boardHeader .boardTitleText{ border-color:#ccc; background-image:url(../img/black/lineVr11.gif);}
.boardHeader .boardTitleText a{ color:#fff;}
.boardHeader .boardTitleText em{ color:#ccc;}

*/

/* Board Header Wizard */
.boardHeader {overflow:hidden;}
.boardHeader .boardTitle { width:100%; background:url(../img/black/bgH3.gif) repeat-x left bottom; border:none;}
.boardHeader .boardTitleText{ margin:0; float:left; padding:5px 15px 8px 34px; font-size:1em; background:url(../img/black/lineH3Bg.gif) no-repeat 0 bottom; color:#54564b;border-bottom:2px solid #F3A50F;}
.boardHeader h2 a{ font-size:16px; color:#999999; font-family:Dotum}
.boardHeader .boardDescription{ background:#222; padding:0px; background:none; }
.boardHeader .boardDescription a{ color:#999999; }


/* Board Information */
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation .infoView li.icon a{ background-image:url(../img/black/icons.gif);}
.boardInformation .infoView li.setup a{ background-image:url(../img/black/buttonSetup.gif);}

/* Board List Form */
.boardListForm em,
.boardListForm strong{color:#ff3636;}

/* Board List */
.boardList{ border-top:#333 1px solid;}
.boardList a{ color:#AAA;}
.boardList .jumpTo button{ background-color:#333; border-color:#444; color:#fff;}
.boardList .meta li{ /*background-image:url(../img/black/lineVr9.gif);*/}
.boardList .replyNum{ color:#8866CC;}
.boardList .trackbackNum{ color:#66c;}
.boardList .replyAnchor{ color:#6CF;}
.boardList th{ border-color:#333; color:#666;}
.boardList th a{ color:#66c;}
.boardList td{ border-color:#222; color:#888;}
.boardList td.title a.forum:link,
.boardList td.recommend{ color:#ff3636;}
.boardList td.summary .thumb{ border-color:#999; background:#444;}
.boardList td .notice{ background-image:url(../img/black/lineVr9.gif);}
.boardList td .category{ color:#ddd; background-image:url(../img/black/lineVr9.gif);}
.boardList td .by{ color:#666;}

.boardList.webZine td.title p.summary a{ color:#888;}
.boardList.webZine td.title .thumb{ border-color:#555;}

.thumbList{ border:none; *border-top:#333 1px solid;}
.thumbList li .thumb{ background:#111; border-color:#333;}
.thumbList li .thumb:hover{ border-color:#7AA903;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
.thumbList li .thumb a .noPhoto{ background:#333;}
/* kimkee imgwizard*/
.thumbList li .thumb a img{border-color:#333333}
.thumbList li .thumb a:hover img{border-color:#7AA903}
/* kimkee imgwizard*/
.thumbList li .title a{ color:#a4a4a4;}
.thumbList li .summary a{ color:#888;}

/* Search Form */
.boardSearchForm .infoEtc li a{ background-image:url(../img/common/buttonContributorsTaglist.gif);}

/* Board Read */
.boardReadHeader a{ color:#888;}
.boardReadHeader .titleArea{ border-top-color:#333; border-bottom-color:#222;}
.boardReadHeader .titleArea .category{ color:#b3b3b3; background-image:url(../img/black/lineVr9.gif);}
.boardReadHeader .titleArea .num{ color:#474747;}
.boardReadHeader .titleArea .date{ color:#474747; background-image:url(../img/black/lineVr9.gif);}
.boardReadHeader .authorArea .ipAddress{ color:#474747;}
.boardReadHeader .authorArea .permaLink{ color:#474747;}

.boardReadFooter .memberSignature{ border-color:#333; background:none;}
.boardReadFooter .memberSignature img.profile { border-color:#888;} 
.boardReadFooter .tag dd a{ color:#b3b3b3;}
.boardReadFooter .trackbackURL dt{ color:#b3b3b3;}
.boardReadFooter .trackbackURL dd a{ color:#474747;}

.feedbackList{ border-color:#333333;}
.feedbackList .feedbackHeader a{ color:#fff;}
.feedbackList .feedbackHeader em{ color:#ff6600;}
.feedbackList .trackbackURL a{ color:#474747;}
.feedbackList .item{ border-color:#666;}
.feedbackList .item.itemReply .indent{ background-image:url(../img/common/iconReply.gif);}
.feedbackList .item .header{ color:#8b8b8b;}
.feedbackList .item .header a{ color:#eee;}
.feedbackList .item .itemContent .option li{ background-image:url(../img/black/lineVr9.gif);}
.feedbackList .item .itemContent .option li a{ color:#999;}
.feedbackList .item .itemContent .delete{ background-image:url(../img/common/buttonDelete.gif);}
.feedbackList .item .itemAside img.profile{ border-color:#333;}
.feedbackList .item .itemAside .meta{ color:#474747;}
.feedbackList .item .itemAside .vote *{ color:#8b8b8b;}

/* Time */
.time *{ color:#ccc;}
.time dt{ background:#000;}

/* Attached File */
.attachedFile ul.files a{ padding-left:15px; background-image:url(../img/common/iconFile.gif); color:#b3b3b3;}
.attachedFile dt a { color:#b3b3b3;}
.attachedFile ul.files a .bubble{ border:1px solid #333; background-color:#000; color:#b3b3b3;}

/* Editor */
.board .boardEditor{ border-color:#444; background:#181818;}

.xpress-editor .fileUploader .preview{ border:#333333 solid 1px !important;}

/* Extra Var Table */
.extraVarsList{ border-color:#333;}
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border-color:#333;}
.extraVarsList th{ background:#222;}
.extraVarsList td{ background:#000;}
.extraVarsList td .inputNum{ border-color:#444; background:#333;}

/* Tag Cloud */
.tagCloud{ border-color:#666;}
.tagCloud li.rank1 a{ color:#fff;}
.tagCloud li.rank2 a{ color:#ddd;}
.tagCloud li.rank3 a{ color:#bbb;}
.tagCloud li.rank4 a{ color:#999;}
.tagCloud li.rank5 a{ color:#777;}

/* Layer */
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}
