@charset "utf-8";
/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */
p{ margin:0px;}
a{color:#666; text-decoration:none;}
a:hover{text-decoration:underline;}
/* Feedback List */
.feedbackList{ overflow:hidden; margin-top:-30px;}
.feedbackList .feedbackHeader{ float:left; font-weight:bold; font-size:16px;}
.feedbackList .feedbackHeader em{ font-family:Tahoma;font-style:normal; color:#ff4500;}
.feedbackList .trackbackURL{ position:relative; top:1.5em; float:left; font-size:9px;}
.feedbackList .trackbackURL a{ text-decoration:none;}
.feedbackList .trackbackURL a:hover,
.feedbackList .trackbackURL a:active,
.feedbackList .trackbackURL a:focus{ text-decoration:underline;}
.feedbackList .trackbackList{ clear:both;}

.feedbackList .item{ position:relative; border-bottom:1px dotted #d9d9d9; padding-top:10px;}
.feedbackList .item .indent{ position:relative; *zoom:1;}
.feedbackList .item .indent:after{ content:""; display:block; clear:both;}
.feedbackList .item.itemReply .indent{ border:1px solid #fff;padding-left:15px; background-image:url(../images/iconReply.gif);background-repeat:no-repeat; background-position:0 1.2em;}

.feedbackList .item .header{font-size:12px;}

.feedbackList .item .itemContent { position:relative; *zoom:1; z-index:1;}
.feedbackList .item .itemContent .header span,
.feedbackList .item .itemContent .header a{ font-family:Malgun Gothic,Tahoma;font-weight:bold ; font-size:13px; color:#000;  text-decoration:none;}
.feedbackList .item .itemContent .header a:hover,
.feedbackList .item .itemContent .header a:active,
.feedbackList .item .itemContent .header a:focus{  text-decoration:underline;}
.feedbackList .item .itemContent .meta{ font-family:Tahoma;font-size:10px; color:#999 ;}
.feedbackList .item .itemContent:after{ content:""; display:block; clear:both;}
.xe_content{ color:#666; padding:0px; height:35px; }
.xe_content a { text-decoration:underline; }

.feedbackList .item .itemContent .option{ position:relative; font-family:Malgun Gothic,Tahoma ;  padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right; }
.feedbackList .item .itemContent .option li{ position:relative; left:-1px; display:inline; padding:5px 0 0 5px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.feedbackList .item .itemContent .option li.wouldYou{ background:none;}
.feedbackList .item .itemContent .option li a{ color:#999; text-decoration:none;}
.feedbackList .item .itemContent .option li a:hover,
.feedbackList .item .itemContent .option li a:active,
.feedbackList .item .itemContent .option li a:focus{ text-decoration:underline;} 


.feedbackList .item .itemContent .delete{ position:relative; display:inline-block; width:13px; height:13px; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
.feedbackList .item .itemContent .delete span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.feedbackList .item .itemContent .vote{ position:relative; top:-20px;font-family:Malgun Gothic,Tahoma ; font-size:11px ; color:#999 ;  *zoom:1; float:right}
.feedbackList .item.itemOnly{ border-top:0;}


.feedbackList .item .itemAside{ position:relative; float:left; width:90px; *zoom:1; text-align:left; z-index:2;}
.feedbackList .item .itemAside a{ text-decoration:none;}
.feedbackList .item .itemAside a:hover,
.feedbackList .item .itemAside a:active,
.feedbackList .item .itemAside a:focus{ text-decoration:underline;}
.feedbackList .item .itemAside img.profile{ display:block; border:1px solid;}
.feedbackList .item .itemAside .imgbox {width:80px ; height:80px; line-height:80px;}

.feedbackList .item .secretMessage{ margin:0; padding:1em 3em;}
.feedbackList .item .secretMessage p{ text-align:center; margin:1em 0; font-size:18px;}
.feedbackList .item .secretMessage dl{ text-align:center; margin:1em 0;}
.feedbackList .item .secretMessage dt{ font-weight:bold; display:inline;}
.feedbackList .item .secretMessage dd{ margin:0; display:inline;}
.feedbackList .item .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}

/* Attached File */
.attachedFile { position:relative; float:left; width:100%;}
.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
.attachedFile dt img{ margin-right:10px;}
.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;}
.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}
.attachedFile.open dd{ display:block;}
.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;}
.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
.attachedFile ul.files li{ position:relative; margin:0 10px 0 0;}
.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
.attachedFile ul.files a{ padding-left:15px; background-image:url(../images/iconFile.gif); color:#4d4d4d;}
.attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0;  border:1px solid #ddd; background-color:#fff; color:#4d4d4d; padding:2px 5px; z-index:100; white-space:nowrap;}
.attachedFile ul.files a:hover .bubble,
.attachedFile ul.files a:active .bubble,
.attachedFile ul.files a:focus .bubble{ display:block;}

/* 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:#4d4d4d; font-family:Tahoma, Sans-serif; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;}
.pagination strong{ color:#ff3636 !important; border:1px solid #e7e7e7;}
.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 #e7e7e7; background-image:url(../images/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; }

/* Board Write */
.boardWrite *{ margin:0; padding:0;}
.boardWrite li{ list-style:none;}
.boardWrite fieldset{ border:0;}
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardWrite .boardWriteHeader{ margin:0 0 1em 0;}
.boardWrite .boardWriteHeader *{ vertical-align:middle;}
.boardWrite .boardWriteHeader select{ font-size:12px; vertical-align:top; height:23px;}
.boardWrite .boardWriteHeader .inputText{ width:400px; padding:3px 4px; height:15px; font-size:12px; *margin-top:-1px;}
.boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;}
.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}
.boardWrite .tag{ clear:both; margin-bottom:10px; *zoom:1;}
.boardWrite .tag:after{ content:""; display:block; float:none; clear:both;}
.boardWrite .tag .inputText{ float:left; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
.boardWrite .tag p{ float:left;}

/* Editor */
.board .boardEditor{width:100%;}
.board .boardEditor .commentEditor{position:relative;}

/* Editor Option */
.board .editorOption{ margin:1em 0; text-align:left;}
.board .editorOption *{ vertical-align:middle;}
.board .editorOption select{ margin-right:10px; font-size:12px;}
.board .editorOption label{ margin-right:10px;}
.board .editorOption .inputText{ padding:3px 4px; height:15px; margin:0 10px 5px 0; font-size:12px; vertical-align:middle;}
.board .editorOption .inputText.userName{ width:100px;}
.board .editorOption .inputText.userPw{ width:50px; font:11px Tahoma;}
.board .editorOption .inputText.emailAddress{ width:140px; font:11px Tahoma;}
.board .editorOption .inputText.homePage{ width:140px; font:11px Tahoma;}

/* Require Password */
.board .requirePassword{ text-align:center;}
.board .requirePassword fieldset{ border:0; padding:3em 0 4em 0;}
.board .requirePassword h3{ font-size:16px;}
.board .requirePassword .inputText{ height:15px; width:150px; padding:3px 4px;}

/* Board Navigation */
.board .boardNavigation{ text-align:right;}

*html .btn{position:relative;  top:-15px;}  /* IE6 */
*+html body .btn{position:relative;  top:-15px;} /* IE7 */
/* Button */
.buttonOfficial,
.buttonOfficial input{ position:relative; display:inline-block; height:25px; font-size:12px; margin-right:2px; color:#4d4d4d; cursor:pointer; background-image:url(../images/buttonOfficial.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}

.buttonOfficial{ background-position:left top;}
.buttonOfficial input{ left:4px; background-position:right top; padding:0 8px 0 4px;}