@charset "utf-8";
/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Board Reset */
.board{ font-family:AppleGothic, "Malgun Ghothic", "맑은 고딕", Dotum, 돋움, Tahoma, Sans-serif; line-height:normal; font-size:12px;}
.board .inputText,
.board .inputTextarea,
.board select{ border:1px solid; font-size:12px; font-family:AppleGothic, "Malgun Ghothic", "맑은 고딕", Dotum, 돋움, Tahoma, Sans-serif;} 
.board label{ cursor:pointer;}
.board img{ border:0;}
.board .document_popup_menu,
.board .comment_popup_menu{ text-align:right; font-size:11px;}
.board .document_popup_menu{ margin:1em 0;}
.board .comment_popup_menu{ margin:1em 0;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ text-decoration:underline;}
.board .hr{ display:none;}

/* Board Header */
.boardHeader *{ margin:0; padding:0;}
.boardHeader a{ text-decoration:none;}
.boardHeader a:hover,
.boardHeader a:active,
.boardHeader a:focus{ text-decoration:underline;} 
.boardHeader .boardTitle{ letter-spacing:-.1em; margin:0 0 10px 0; border-bottom:3px solid; *zoom:1; background-repeat:no-repeat; background-position:left 8px;}
.boardHeader .boardTitle:after{ content:""; display:block; clear:both;}
.boardHeader .boardTitleText{ font-size:18px; float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 0; border-bottom:3px solid; background-repeat:no-repeat; background-position:right bottom;}
.boardHeader .boardTitleText a{ text-decoration:none;}
.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal;}
.boardHeader .boardDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}

/* Board List */
.boardList{ border:0; border-top:1px solid; width:100%;}
.boardList a{ text-decoration:none;}
.boardList a:hover,
.boardList a:active,
.boardList a:focus{ text-decoration:underline;} 
.boardList .inputCheck{ width:13px; height:13px;}
.boardList .jumpTo{ float:left;}
.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;}
.boardList .jumpTo select{ height:20px; font-size:12px; margin:-2px 0; *margin-right:5px;}
.boardList .jumpTo button{ width:22px; height:20px; line-height:18px; _line-height:normal; border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; margin:-2px 0; padding:0; text-align:center; background-repeat:no-repeat; font-size:11px; cursor:pointer; overflow:visible;}
.boardList .meta{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap;}
.boardList .meta li{ position:relative; left:-10px; display:inline; padding:0 5px 0 10px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.boardList .meta li.author{ font-size:11px;}
.boardList .meta li.date{ font:9px Tahoma;}
.boardList .meta li em{ font-size:9px; font-family:Tahoma;}
.boardList .replyNum,
.boardList .trackbackNum{ font:9px Verdana;}

.boardList th{ border:0; border-bottom:1px solid; padding:4px 6px 7px 6px; white-space:nowrap; text-align:left; line-height:normal; font-weight:normal;}
.boardList th.title{ width:100%;}
.boardList th a .sort{ vertical-align:middle; margin:0 5px;}
.boardList td{ border:0; border-bottom:1px dotted; padding:4px 6px 7px 6px; white-space:nowrap; text-align:left; line-height:normal; vertical-align:top;}
.boardList td.notice{ font-size:11px; font-weight:bold;}
.boardList td.num{ font:9px Tahoma;}
.boardList td.check{ font:11px Tahoma;}
.boardList td.title { width:100%; white-space:normal; text-align:left;}
.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .author{ font-size:11px;}
.boardList td.author{ font-size:11px; text-align:left;}
.boardList td.replies{ font:9px Tahoma;}
.boardList td.reading{ font:9px Tahoma;}
.boardList td.recommend{ font:bold 9px Tahoma;}
.boardList td.date{ font:9px Tahoma;}
.boardList td.summary { text-align:left; border-top:dotted; white-space:normal;}
.boardList td.summary .thumb{ display:block; float:left; padding:2px; border:1px solid; margin-right:10px;}
.boardList td.summary .thumb img{ display:block;}
.boardList td.lastReply{ text-align:left; font-size:11px;}

.boardList td .notice{ font-size:11px; padding-right:7px; margin-right:2px; background-repeat:no-repeat; background-position:right center;}
.boardList td .category{ font-weight:normal; font-size:11px; padding-right:7px; margin-right:2px; background-color:transparent; background-repeat:no-repeat; background-position:right center;}
.boardList td .replyAnchor{ position:relative; font-size:9px; font-family:Tahoma;}
.boardList td .by{ font:9px Tahoma;}

.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(../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;}