@charset "utf-8";

/* board header */
.boardHeader {background-color:#454545;}
.boardHeader h3 {color:#959b9b; background-color:#454545; }

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

/* account Navigation */
.accountNavigation li a {white-space:nowrap; color:#808080; text-decoration:none;}
.accountNavigation li.setup a { background:url(../images/gray/iconSetup.gif) no-repeat left top; padding-left:14px; font:8pt Tahoma;}
.accountNavigation li.admin a { background:url(../images/gray/iconAdmin.gif) no-repeat left top; padding-left:12px; font:8pt Tahoma; }

/* secret Content */
.secretContent { border:1px solid #888888; }
.secretContent .title { background-color:#444444; color:#AAAAAA;}
.secretContent .content { background-color:#222222; color:#AAAAAA; }

/* boardRead */

.boardRead .readHeader .title h4 a { color:#ea7e4a; }
.boardRead .titleAndUser { overflow:hidden; border-bottom:1px dotted #000000;}
.boardRead .titleAndUser .userInfo .author {font-size:8pt; font-family:tahoma; color:#999999; }
.boardRead .titleAndUser .userInfo .author a {font-size:8pt; color:#999999; text-decoration:none; }

.boardRead .dateAndCount .readedCount {color:#737373;}
.boardRead .dateAndCount .date {color:#888888;}
.boardRead .dateAndCount .category a { color:#7d999f;}

.boardRead .readBody { color:#BBBBBB;}
.boardRead .tag li a {color:#999999;}
.boardRead .fileAttached li { background:url(../images/gray/iconFile.gif) no-repeat left ; }
.boardRead .fileAttached li a { color:#808080; }

/* extraVars list */
.boardRead .extraVarsList { width:100%;  border-top:1px dotted #606060; margin:0 0 20px 0; table-layout:fixed;}
.boardRead .extraVarsList th { font-weight:normal; color:#252525; text-align:left; padding:1px 0 1px 10px; border-bottom:1px dotted #606060; }
.boardRead .extraVarsList td { color:#999999; border-bottom:1px dotted #606060; padding:4px 0 4px 10px; }
.boardRead .extraVarsList td a { color:#999999; }

/* replyAndTrackback */
.replyBox {margin-top:0; padding:0px; background-color:transparent; }
.replyBox .replyItem {font-family:Tahoma,Dotum;  background-color:transparent; padding:4px 13px 8px 11px; line-height:20px; clear:both; border-top:1px dotted #000000; list-style:none;}
.replyBox .replyContent {color:#808080;}
.replyBox .author {font-family:Tahoma,Dotum; float:left; padding:0 6px 0 0;  font-size:8pt; color:#cccccc; margin:0 6px 6px 0}
.replyBox .author a { color:#cccccc; margin-right:6px; text-decoration:none; }
.replyBox .date { float:right; font:7pt Tahoma; color:#cccccc; margin:6px 0 8px 0;}
.commentform { border-top:1px dotted #000000;}

/* Search Form */
.boardSearch select {  border:1px solid; border-color:#202020 #808080 #808080 #202020 }
.boardSearch input { background:#4e4e4e; border:1px solid; border-color:#202020 #808080 #808080 #202020; height:16px; }
#fo_search select { font:8pt Tahoma;  background-color:#444444; color:#AAAAAA; }

/* boardWrite */
.boardWrite { border:0px solid #646464; padding-top:10px; padding-bottom:10px;}
.boardWrite .userNameAndPw {color:#999999;}
.boardWrite .editor {background-color:#454545; margin:0px;}
.boardWrite .editor. inputTypeText {background-color:transparent;}
.boardWrite .title {color:#999999; }
.boardWrite .title .category {color:#999999; }

.boardWrite .title input.title {background:#4e4e4e; color:#ea7e4a; border-top:1px solid #202020; border-right:1px solid #808080; border-bottom:1px solid #808080;  border-left:1px solid #202020; width:60%; }
.boardWrite .tag .inputTypeText {background:#4e4e4e url(../images/common/iconTag.gif) no-repeat 5px 5px; color:#999999; border-top:1px solid #202020; border-right:1px solid #808080; border-bottom:1px solid #808080;  border-left:1px solid #202020;  width:90%;  padding-left:30px;}
.boardWrite dl.option dd * { vertical-align:middle; color:#999999;}

/* style.list */
.boardList {background-color:#454545;}
.boardList thead th { color:#999999;}
.boardList thead th a { color:#999999; }
.boardList th { background:#3d3d3d no-repeat left bottom; color:#999999;  border-top:1px solid #303030; border-bottom:1px solid #000000; }
html:not([lang*=""]) 
.boardList th a { color:#999999; }
.boardList tr.notice {background:#585858;}
.boardList tr.bg1 { background:#454545;}
.boardList tr.bg2 { background:#454545;}
.boardList td { border-bottom:1px solid #2e2e2e; }
.boardList td.num {color:#999999; }
.boardList tr.notice td.notice { color:#ffffff;}
.boardList img.thumb { padding:0px; border:1px solid #000000; display:block; }

.boardList td.title .category {color:#7d999f; background:url(../images/gray/line_1x10_e0e0e0.gif) no-repeat right 3px; }
.boardList td.title,
.boardList td.title a {color:#a1a1a1;}
.boardList td.title a:hover { color:#6e97f1;}

.boardList td.webzineTitle,
.boardList td.webzineTitle a { color:#ffffff; text-decoration:none;}
.boardList td.summary {color:#666666;}
.boardList td.summary a {color:#999999; }

.boardList td .replyAndTrackback {color:#afcadb; }
.boardList td.author { color:#000000;}
.boardList td.author a {color:#000000;}
.boardList td.reading {color:#999999;}
.boardList td.date {color:#999999;}

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

/* thumbnailbox */
.thumbnailBox { background-color:#454545;   border-bottom:1px dotted ; #252525; }
.thumbnailBox div.cell { background-color:#454545; display:block; float:left; overflow:hidden; margin-bottom:12px; margin-right:12px;}
.thumbnailBox div.cell img.thumb { padding:0px; border:1px solid #202020; display:block; margin-bottom:7px; margin-left:auto;margin-right:auto;}
.thumbnailBox div.title {font-family:Tahoma,Dotum; font-size:8pt; #3B96C0; margin-bottom:4px; overflow:hidden; white-space:nowrap; text-align:center;}
.thumbnailBox div.title a {  color:#afcadb; text-decoration:none;}
.thumbnailBox div.title .replyAndTrackback  { color:#ff6600; }
.thumbnailBox div.nameAndDate { font-size:8pt; color:#000000; margin-bottom:4px; text-align:center;}
.thumbnailBox div.nameAndDate a { color:#000000;}
.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:#808080;}
.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;}

/* pageNavigation */
.pageNavigation a { font:8pt Tahoma; color:#999999; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation .current {  color:#ff6600; font:bold 8pt Tahoma; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation a:hover { color:#ff7635; text-decoration:none; }
.pageNavigation a:visited { color:#999999; }
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}

/* tag list */
.tagspage {background-color:#454545;}
.tagsBox h5 {color:#c0c0c0;}
.tags div a { color:#afcadb;}
.tags div a:hover { background-color:#789ed8; color:#FFFFFF;}
.tags .tagTypeA a { color:#ffffff; background-color:#7ebe11;}
.tags .tagTypeB a { color:#404040; background-color:#afcadb;}
.tags .tagTypeC a { color:#4c789e; background-color:#e8e8e8;}
.tags .tagTypeD a { color:#6d9daf; background-color:#3a3a3a;}

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

/* etc */
.boardSubMenu { border-bottom:1px solid #444444;}
#category_line {background-color:#454545; repeat-x left bottom;}
#blankbar { background-color:#454545; font:8pt tahoma; margin:0px; padding-bottom:10px;}
#board_category {font:8pt Tahoma; background-color:#444444; color:#AAAAAA; margin:0px 0px 0px 0px; padding:0px; border:1px solid; border-color:#202020 #808080 #808080 #202020; height:20px;}
#go_button { color:#AAAAAA; vertical-align:middle; padding-bottom:3px;  }
.inputTypeText {background:#4e4e4e; color:#AAAAAA; border-top:1px solid #202020; border-right:1px solid #808080; border-bottom:1px solid #808080;  border-left:1px solid #202020;  }
.inputTypeText:hover, .inputTypeText:focus { background-color:#4e4e4e; color:#AAAAAA; }
.smallBox .messageBox {font:8pt Tahoma; color:#808080; background-color:#444444; border-bottom:1px solid #888888;}
.smallBox .header h3 {color:#808080; border-bottom:1px solid #888888;}
.viewDocument { background-color:transparent; border-bottom:1px dotted #000000;  }
.display_date {  cursor:pointer; width:80px; border:1px solid; border-color:#000000 #808080 #808080 #000000; 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:#999999; font:8pt Tahoma;
}




