/* board Information */
.ssBoardInfo {clear:both; margin:5px 0 2px 0; overflow:hidden; color:#666666;}
.ssArticleNum {float:left; padding:5px 0 0 3px;}
.ssArticleNum strong {color:#ff6600;}
.ssBoardBtn {padding:5px 2px; float:right;}
.ssBoardBtn li {float:left; margin:0 2px; list-style:none;}
.ssBoardBtn li a {white-space:nowrap; color:#666666; text-decoration:none;}

/* star_point */
.ssStarPoint {float:left; margin:9px 0 0 3px; width:67px; height:10px; background:url(/image/background/bg_starpoint_off.gif) no-repeat;}
.ssStarPoint span {display:block; height:10px; background:url(/image/background/bg_starpoint_on.gif) no-repeat;}
.ssStarPoint .ssTextPoint {display:none;}

/* list */
.ssBoardList {border:1px solid #eee; width:100%;}
.ssBoardList thead tr th div {white-space:nowrap; margin:0 5px; text-align:center;}
.ssBoardList thead th {background:#fff url("/image/bg_boardList.gif") no-repeat left bottom;}
.ssBoardList thead th {font-weight:normal; border-top:1px solid #eee; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden;}
html:not([lang*=""]) .ssBoardList th {height:30px;}
.ssBoardList thead th.ssNoLine {background-position:-3px bottom;}
.ssBoardList tbody th {background:#eee;}
.ssBoardList tbody td {white-space:nowrap;}
.ssBoardList tbody td.ssTitle {white-space:normal; width:100%;}
.ssBoardList tr.ssNotice {background:#f8f8f8;}
.ssBoardList tr.ssNotice td.ssNotice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000;}
.ssBoardList tr.ssNotice .ssTitle {font-weight:bold; color:#000;}
.ssBoardList tr.ssNotice a {color:#000;}
.ssBoardList tr.ssBg1 {background:#fff;}
.ssBoardList tr.ssBg2 {background:#fbfbfb;}
.ssBoardList td {border-top:1px solid #e3e3e3; padding:.5em; color:#444;}
.ssBoardList td.ssNum {font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center;}
.ssBoardList span.ssNow {font:11px tahoma; color:#990000;}
.ssBoardList td.ssTitle {overflow:hidden;}
.ssBoardList td.ssTitle .ssThumbNail {float:left; border:2px solid #d2d2d2; margin:2px; vertical-align:top;}
.ssBoardList td.ssTitle .ssThumbNailOn {float:left; border:2px solid #990000; margin:2px; vertical-align:top;}
.ssBoardList td.ssTitle .ssReplyCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center;}
.ssBoardList td.ssTitle * {vertical-align:middle; margin:0 1px;}
.ssBoardList td.ssWriter {padding-left:.5em; color:#777;}
.ssBoardList td.ssReadCount {font:.8em Tahoma; color:#999999; text-align:center;}
.ssBoardList td.ssDate {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;}
.ssBoardList td.ssBlank {height:150px; text-align:center; white-space:nowrap;}

/* list : gallary */
.ssBoardThumb {margin:auto; margin-top:3px; overflow:hidden;}
.ssBoardThumb .ssCell {padding:5px 10px; position:relative; float:left; overflow:hidden;}
.ssBoardThumb .ssCell .ssThumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.ssBoardThumb .ssCell .ssThumbNailOn {margin-bottom:.3em; border:2px solid #990000; margin-left:auto; margin-right:auto;}
.ssBoardThumb .ssCell .ssIcon {position:absolute; top:1px; left:4px;}
.ssBoardThumb .ssCell .ssIcon * {vertical-align:middle;}
.ssBoardThumb .ssCell .ssIcon span {padding-right:2px;}
.ssBoardThumb .ssCell .ssTitle {font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center;}
.ssBoardThumb .ssCell .ssTitle a {color:#444; text-decoration:none; overflow:hidden;}
.ssBoardThumb .ssCell .ssTitle a:visited {color:#777; text-decoration:none; overflow:hidden;}
.ssBoardThumb .ssCell .ssTitle img {vertical-align:middle; margin:0 1px;}
.ssBoardThumb .ssCell .ssNameAndDate {font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden;}
.ssBoardThumb .ssCell .ssNameAndDate .ssDate {font:.9em Tahoma; color:#999999; text-align:center; margin:.2em 0;}
.ssBoardThumb .ssCell .ssNameAndDate .ssAuthor {text-align:center;}
.ssBoardThumb .ssCell .ssNameAndDate .ssAuthor .ssReplyCount {margin-left:.2em; font:bold .9em Tahoma; color:#990000; text-align:center;}

.ssPortfolio {margin:auto; overflow:hidden; text-align:center;}
.ssPortfolio .ssCellBig {padding:0px 10px; position:relative; float:left; overflow:hidden;}
.ssPortfolio .ssCellBig .ssThumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.ssPortfolio .ssCellBig .ssThumbNailOn {margin-bottom:.3em; border:2px solid #990000; margin-left:auto; margin-right:auto;}
.ssPortfolio .ssCell {padding:5px 10px; position:relative; float:left; overflow:hidden;}
.ssPortfolio .ssCell .ssThumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.ssPortfolio .ssCell .ssThumbNailOn {margin-bottom:.3em; border:2px solid #990000; margin-left:auto; margin-right:auto;}
.ssPortfolio .ssPortfolioContent {padding:10px;}
.ssPortfolio .ssPortfolioContent .ssConents {padding:5px 10px; border:1px solid #d2d2d2; width:100%;}
.ssPortfolio .ssPortfolioContent .ssConents tbody th {background:#eee; border-top:1px solid #d2d2d2; padding:.5em; color:#444; text-align:center;}
.ssPortfolio .ssPortfolioContent .ssConents tbody td {word-break:break-all; border-top:1px solid #d2d2d2; padding:.5em; color:#444; overflow:hidden;}

/* list : webzine */
.ssBoardZine {width:100%;}
.ssBoardZine thead tr th div {white-space:nowrap; margin:0 5px; text-align:center;}
.ssBoardZine tbody td {white-space:nowrap;}
.ssBoardZine tbody td.ssTitle {white-space:normal; width:100%;}
.ssBoardZine th {background:#fff url("/image/bg_boardList.gif") no-repeat left bottom;}
.ssBoardZine th {font-weight:normal; border-top:1px solid #d2d2d2; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden;}
html:not([lang*=""]) .ssBoardZine th {height:30px;}
.ssBoardZine th.ssNoLine {background-position:-3px bottom;}
.ssBoardZine tr.ssNotice {background:#f8f8f8;}
.ssBoardZine tr.ssNotice td.ssNotice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000;}
.ssBoardZine tr.ssNotice .ssTitle {font-weight:bold; color:#000;}
.ssBoardZine tr.ssNotice a {color:#000;}
.ssBoardZine tr.ssBg1 {background:#fff;}
.ssBoardZine tr.ssBg2 {background:#fbfbfb;}
.ssBoardZine td {border-top:1px solid #d2d2d2; padding:.5em; color:#444;}
.ssBoardZine .ssNum {font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center;}
.ssBoardZine span.ssNow {font:11px tahoma; color:#990000;}
.ssBoardZine .ssTitle {overflow:hidden;}
.ssBoardZine .ssTitle .ssThumbNail {float:left; border:2px solid #d2d2d2; margin:2px 5px 0 0; vertical-align:top;}
.ssBoardZine .ssTitle .ssThumbNailOn {float:left; border:2px solid #990000; margin:2px 5px 0 0; vertical-align:top;}
.ssBoardZine .ssTitle .ssContent {color:#777; overflow:hidden;}
.ssBoardZine .ssTitle .ssReplyCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center;}
.ssBoardZine .ssTitle * {vertical-align:middle; margin:0 1px;}
.ssBoardZine .ssWriter {color:#777;}
.ssBoardZine .ssReadCount {font:.8em Tahoma; color:#999999; text-align:center;}
.ssBoardZine .ssDate {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;}
.ssBoardZine .ssBlank {height:150px; text-align:center; white-space:nowrap;}

/* board Bottom */
.ssBoardBottom {padding:3px 1px 10px 1px;}
.ssBoardBottom .ssLeftButtonBox {float: left; margin:0 2px;}
.ssBoardBottom .ssRightButtonBox {float: right; margin:0 2px;}


/* boardRead */
.ssBoardDocument {margin-bottom:5px; font-size:12px;}
.ssBoardDocument .ssBlank {padding-top:50px; min-height:150px; font-size:12px; color:#999; text-align:center;}
.ssBoardDocument .ssBoardRead {margin:10px  0 10px 0;}
.ssBoardDocument .ssBoardRead .ssTitleAndUser {overflow:hidden; border-bottom:1px solid #efefef;}
.ssBoardDocument .ssBoardRead .ssTitleAndUser .ssTitle {float:left; margin:10px 0 5px 0; color:#000;}
.ssBoardDocument .ssBoardRead .ssTitleAndUser h4 {line-height:120%; font-size:1.3em; font-weight:bold; width:600px; text-align:justify;}
.ssBoardDocument .ssBoardRead .ssTitleAndUser .ssAuthor {float:right; white-space:nowrap; margin-top:11px; color:#666; margin-top:5px; font-weight:bold;}

.ssBoardDocument .ssBoardRead .ssDateAndCount {clear:both; white-space:nowrap; color:#444; margin:5px 0 0 0; font-family:tahoma; line-height:17px; padding-bottom:10px;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssIp {float:left; text-decoration:none; margin-left:4px; font-size:.9em; color:#bbb;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssDate {float:right; color:#999; margin-left:10px;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssDate span {font-size:.9em;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssReadedCount {float:right; color:#999; margin-left:10px;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssVotedCount {float:right; color:#999;  margin-left:10px;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssReplyCount {float:right; color:#999; margin-left:10px;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssRecom {float:right; margin-left:10px; color:#999;}
.ssBoardDocument .ssBoardRead .ssDateAndCount .ssRecom span {color:#000;}
.ssBoardDocument .ssBoardRead .ssContentBody {color:#555; margin-top:10px; min-height:50px; display:block;}
.ssBoardDocument .ssBoardRead .ssContentBody hr {border:0px; display:block;}

.ssBoardDocument .ssFileAttatch {border:1px #d2d2d2 solid; padding:5px; margin-top:5px; background:#eee;}
.ssBoardDocument .ssFileAttatch li {padding:2px; float:left; margin-left:2px; white-space:nowrap;}
.ssBoardDocument .ssFileAttatch li a{color:#666;}
.ssBoardDocument .ssFileAttatch span {margin-left:2px;}

.ssBoardButton {text-align:right; margin:10px 0 5px 0; border-top:1px solid #efefef; padding-top:5px;}
.ssReplyBox {border:2px dotted #e3e3e3; padding:5px; margin-bottom:.3em;}
.ssReplyList {margin:7px; color:#555; border-top:1px dotted #e1e1e1;}
.ssNoLine {border:0 solid #fff;}
.ssReplyList .ssAuthor {float:left; margin:7px 0;}
.ssReplyList .ssAuthor span {color:#999;}
.ssReplyList .ssControl {float:right; margin:7px 0;}
.ssReplyList .ssDate {float:right; margin:7px 2px; font:.8em Tahoma; color:#999;}
.ssReplyList .ssContent {color:#555; line-height:130%; word-break:break-all; overflow:hidden;}
.ssReplyList .ssHeader {float:left; padding:.3em .3em 0 .5em; font-size:.9em; margin:.3em 0 .5em 0; color:#999; cursor:pointer;}
.ssReplyList .ssHeader strong {font-size:12px; color:#990000; margin-left:3px;}
.ssReplyList .ssAuthorName {float:right; color:#999; padding:.3em;}
.ssReplyList .ssAuthorPass {float:right; color:#999; padding:.3em;}
.ssReplyList .ssSubmit {float:right; margin:.3em .5em 0 0;}
.ssReplyInput {border:3px #efefef solid; text-align:center;}
.ssReplyInput .ssLine {border:1px #d2d2d2 solid;}
.ssReplyInput .ssHeader {float:left; padding:.3em .3em 0 .5em; font-size:.9em; margin:.3em 0 .5em 0; color:#999; cursor:pointer;}
.ssReplyInput .ssHeader strong {font-size:12px; color:#990000; margin-left:3px;}
.ssReplyInput .ssAuthorName {float:right; color:#666; margin:.3em;}
.ssReplyInput .ssAuthorPass {float:right; color:#666; margin:.3em .7em;}
.ssReplyInput .ssReplySubmit {padding:.3em .7em .5em .5em;}
.ssReplyInput .ssReplySubmit .ssRecom {font-weight:bold; color:#000;}

/* write */
.ssBoardInput td {height:20px;}
.ssBoardInput .ssTableInput{border:0px solid #999; width:100%; text-align:left;}
.ssBoardInput .ssTableInput thead th{padding:3px; color:#000; font-weight:bold; font-size:11px; background:#efefef;}
.ssBoardInput .ssTableInput th{padding-left:5px; color:#000; font-weight:normal; font-size:11px; background:#efefef;}
.ssBoardInput .ssTableInput td{padding:3px; color:999;}
.ssBoardInput .ssTableInput td *{vertical-align:middle;}
.ssBoardInput .ssTableInput .ssMenuGray{padding:0; height:20px; color:#000; font-weight:bold; text-align:center; background:url(/image/bg_menu_gray.png) repeat-x;}
.ssBoardInput .ssBoardOpt {margin-bottom:3px;}
.ssBoardInput .ssBoardOpt * {vertical-align:middle;}
.ssBoardInput .ssBoardOpt .ssPasswd {float:right; padding:3px; color:#990000;}
.ssBoardInput .ssBoardOpt .ssNotice {float:left; margin:7px 3px 0 3px; color:#999;}
.ssBoardInput .ssBoardOpt span {margin:1px 0 0 2px;}
.ssBoardInput .ssBoardOpt .ssSecret {float:left; margin:7px 3px 0 3px; color:#999;}
.ssBoardInput .ssBoardOpt {margin:10px 0 0 0;}
.ssBoardInput .ssFileAttatch th {padding:5px; color:#999; background:#d2d2d2; text-align:center;}
.ssBoardInput .ssFileAttatch td {padding:2px;}
.ssBoardInput .ssFileAttatch span {margin-left:2px; color:#999;}
.ssBoardInput .ssFileAttatch span input {vertical-align:middle; margin-right:-3px; _margin-right:-3px;}
.ssBoardInput .ssButtons {text-align:center; margin:5px 0;}
.ssBoardInput .ssButtons span {margin:0 2px;}