@charset "utf-8";

/* board header */
.boardHeader {background-color:#ffffff;}
.boardHeader h3 {color:#909090;}

/* board Information */
.boardInformation { background-color:#ffffff; }

/* account Navigation */
.accountNavigation li a { white-space:nowrap; color:#808080; text-decoration:none;}

/* secret Content */
.secretContent { border:1px solid #c0c0c0;}
.secretContent .title { background-color:#ffffff; color:#999999;}
.secretContent .content { background-color:#e9e9e9; color:#888888;}

/* boardRead */
.boardRead .readHeader .title h4 a { color:#404040;}
.boardRead .readHeader .title .category  { color:#969696;}
.boardRead .readHeader .title .category  a {color:#969696;}
.boardRead .titleAndUser2 { overflow:hidden; border-bottom:1px dashed #c0c0c0; }
.boardRead .titleAndUser2 .userInfo .author {font-size:8pt; font-family:tahoma; color:#909090; }
.boardRead .titleAndUser2 .userInfo .author a {font-size:8pt; color:#909090; text-decoration:none; }
.boardRead .titleAndUser2 .date {font-size:7pt; font-family:tahoma; color:#909090;  float:right;  padding-left:0px; margin: 10px 5px 0px 5px; padding:2px 3px 4px 10px; background:url(../images/white/Vr_date.gif) no-repeat left; }

.boardRead .dateAndCount .readedCount {color:#969696;}
.boardRead .dateAndCount .date {color:#969696;}
.boardRead .dateAndCount .category  {color:#808080;}

.boardRead .readBody { color:#404040; background-color:#ffffff;}
.boardRead .tag { background:transparent url(../images/white/iconTag.gif) no-repeat 3px 0px;  padding-left:25px; margin:10px 0 15px 15px;}
.boardRead .tag ul { color:#969696; }
.boardRead .tag li a { color:#969696;}
.boardRead .fileAttached li { background:url(../images/white/clip.png) no-repeat left ; }
.boardRead .fileAttached li a { color:#969696; }

/* replyAndTrackback */
.replyBox {background-color:transparent; }
.replyBox .replyItem { background-color:transparent; border-top:1px dashed #c0c0c0; }
.replyBox .replyIndent { background:url(../images/white/iconReplyArrow.gif) no-repeat 7px 0px; padding-left:21px;}
.replyBox .replyContent {color:#404040;}
.replyBox .author { color:#808080;}
.replyBox .author a { color:#808080; }
.replyBox .date {color:#969696; }
.commentform { border-top:1px dashed #c0c0c0; margin:0px; }

/* Search Form */
.boardSearch select { border:1px solid; border-color:#969696 #dddddd #dddddd #969696; height:18px; }
.boardSearch input { background-color:#f8f8f8; border:1px solid; border-color:#969696 #dddddd #dddddd #969696; height:14px;  font:8pt tahoma; color:#808080; vertical-align:top; }
#fo_search select { font:8pt tahoma; background-color:#f8f8f8; color:#808080; vertical-align:top; }

/* boardWrite */
.boardWrite .userNameAndPw { color:#808080;}
.boardWrite .editor {background-color:#ffffff; margin:0px;}
.boardWrite .editor. inputTypeText {background-color:transparent;}
.boardWrite .title {color:#202020; }
.boardWrite .title .category {color:#808080; }
.boardWrite .title input.title {background-color:#f8f8f8; }

.boardWrite dl.option dd * {color:#888888;}

.boardWrite .tag .inputTypeText {background:#f8f8f8 url(../images/common/iconTag.gif) no-repeat 5px 5px; }
.boardWrite .tag .info { color:#999999; }

/* smallBox */
.smallBox {  border:1px dashed #c0c0c0; background:#e9e9e9; }
.smallBox .messageBox {color:#4681b5; background-color:#e9e9e9; border-bottom:1px dashed #ababab; }
.smallBox .header h3 {color:#4681b5; border-bottom:1px dashed #ababab;}

/* list */
.boardList {background-color:#ffffff;}
.boardList thead th { color:#808080;}
.boardList thead th a { color:#808080; }
.boardList th { background:#f2f2f2  no-repeat left bottom; color:#808080;  border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; }
html:not([lang*=""]) 
.boardList th a { color:#808080; }
.boardList tr.notice {background:#f8f8f8;}
.boardList tr.bg1 {background:#ffffff;}
.boardList tr.bg2 { background:#ffffff;}
.boardList td { border-bottom:1px solid #e2e2e2;}
.boardList td.num {color:#808080;}
.boardList tr.notice td.notice {color:#808080;}
.boardList img.thumb { padding:0px; border:1px solid #c0c0c0; display:block; }

.boardList td.title .category {color:#7d999f; background:url(../images/white/listcategoryVr.gif) no-repeat right ;  }
.boardList td.title .category2 {font-size:8pt; color:#7d999f; background:url(../images/common/listcategoryVr.gif) no-repeat right 3px; padding-right:8px; margin-right:8px;}
.boardList td.title,
.boardList td.title a {color:#666666;}
.boardList td.title a:hover { color:#0066cc; }

.boardList td .replyAndTrackback { color:#ff6600; }
.boardList td.author {color:#808080;}
.boardList td.author a {color:#808080;}
.boardList td.reading {color:#808080;}
.boardList td.date {color:#808080;}

.buttonTypeGo {background-color:#ffffff; no-repeat; vertical-align:middle; }

/* thumbnailbox */
.thumbnailgallery {background-color:#ffffff; }
.thumbnailBox {background-color:#ffffff; padding-left:20px; clear:both; overflow:hidden; border-bottom:0px dotted #c0c0c0; margin:25px auto 0px auto; padding-bottom:0px;}
.thumbnailBox div.cell { background-color:#ffffff; display:block; float:left; overflow:hidden; margin-top:10px; margin-bottom:1px; margin-left:6px; margin-right:6px;}
.thumbnailBox div.cell img.thumb { padding:0px; border:1px solid #96a3ae; display:block; margin-bottom:7px; margin-left:auto; margin-right:auto;}
.thumbnailBox div.title {font-family:Tahoma,Dotum; font-size:8pt; #404040; margin-bottom:4px; overflow:hidden; white-space:nowrap; text-align:center;}
.thumbnailBox div.title a {color:#3b96c0; text-decoration:none;}
.thumbnailBox div.title .replyAndTrackback  { font-size:7pt; color:#ff6600;  }
.thumbnailBox div.nameAndDate { font-size:8pt; color:#8e8e8e; margin-bottom:4px; text-align:center;}
.thumbnailBox div.nameAndDate a { color:#808080;}
.thumbnailBox div.nameAndDate .author {margin-left:auto; margin-right:right; }
.thumbnailBox div.nameAndDate .author div { display:inline; vertical-align:middle;}
.thumbnailBox div.nameAndDate .date { font:7pt Tahoma; color:#c0c0c0;}
.thumbnailBox div.readAndRecommend { font-size:7pt; color:#666666; text-align:center;}
.thumbnailBox div.readAndRecommend .num { font:7pt Tahoma;}
.thumbnailBox div.readAndRecommend .vr { color:#dddddd;}
.thumbnailBox div.readAndRecommend strong.num { font:bold 7pt Tahoma; color:#ff6600;}
.thumbtable {margin-top:40px;}
.thumb *{ padding:0px; float:none; border:1px solid #202020;  margin:0 -2px 0 -2px; display:inline;  vertical-align:top; } /*FOR IE*/
.thumb { padding:0px; float:none; border:1px solid #202020;  margin:0 -3px 0 -2px; display:inline;  vertical-align:top; } /*FOR FF*/
.thumb { padding:0px; float:none; border:1px solid #202020;  margin:0 -2px 0 -2px\9; display:inline;  vertical-align:top; } /*FOR IE8*/
.thumb_list {border:1px solid #6e6e6e; margin-right:5px;}

/* pageNavigation */
.pageNavigation a { color:#a5a5a5;}
.pageNavigation .current {color:#ed338a;}
.pageNavigation a:hover {color:#ed338a; text-decoration:underline; }
.pageNavigation a:visited { color:#a5a5a5; }

/* pageNavigation of comment*/
.commentpageNavigation a {color:#a5a5a5; }
.commentpageNavigation .current {  color:#0c8cb6; }
.commentpageNavigation a:hover { color:#0c8cb6;}
.commentpageNavigation a:visited { color:#a5a5a5; }

/* tag list */
.tagspage {background-color:#ffffff;}
.tagsBox h5 {color:#404040;}
.tags div a { color:#718a93;}
.tags div a:hover { background-color:#6b909f; color:#ffffff;}
.tags .tagTypeA a { color:#ffffff; background-color:#55b5e0;}
.tags .tagTypeB a { color:#ffffff; background-color:#6ec594;}
.tags .tagTypeC a { color:#4c789e; background-color:#e8e8e8;}
.tags .tagTypeD a { color:#4c789e; background-color:#e8e8e8; }

/* board Bottom */
.boardBottom {  background-color:#ffffff; }

/* etc */
.boardSubMenu { border-bottom:1px solid #444444;}
#category_line {background-color:#ffffff; repeat-x left bottom;}
#blankbar { background-color:#ffffff; font:8pt tahoma; margin:0px; padding-bottom:10px;}
#board_category {font:8pt tahoma; background-color:#ffffff; color:#808080; margin:0px 0px 2px 5px; padding:0px; height:18px; border:1px solid; border-color:#969696 #dddddd #dddddd #969696;}
#go_button { color:#808080; vertical-align:middle; padding-bottom:3px;  }
.inputTypeText { font:8pt Tahoma; background-color:#f8f8f8; color:#202020; vertical-align:middle;  }
.inputTypeText:hover, .inputTypeText:focus { background-color:#f8f8f8; color:#202020; }

.viewDocument { background-color:transparent; border-bottom:1px dashed #c0c0c0;  }
.display_date {  cursor:pointer; width:80px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:16px; padding:3px;  margin-right:10px;}

/* button */
a.button, 
span.button, 
del.button,
a.button span, 
span.button button, 
span.button input, 
del.button span{background:transparent; padding:1px; }

del.button span,
a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
 color:#808080; font:8pt tahoma;
}