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

/* 목록 하단 검색 */
.ssMdSearch {padding:5px 10px 10px 5px;border:1px solid #ccc;}
.ssMdSearch legend{float:right;font-weight:bold; color:#666666; }
.ssMdSearch ul {padding:5px;}
.ssMdSearch li {float:right; }

/* 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 */
.ssMdListBottom {padding:3px 1px 10px 1px;}
.ssMdListBottom .ssMdListBottomL {float: left; }
.ssMdListBottom .ssMdListBottomR {float: right; }

/* pageNavigation */
.ssMdPageNav { text-align:center; margin:2px 0; }
.ssMdPageNav a,
.ssMdPageNav strong { display:inline-block; text-decoration:none; font-family:Tahoma, Sans-serif; vertical-align:middle; }
.ssMdPageNav a:hover,
.ssMdPageNav a:active,
.ssMdPageNav a:focus { color:#999; background-color:#f4f4f4; }
.ssMdPageNav strong  { color:#ff6600; }
.ssMdPageNav a,
.ssMdPageNav strong   { padding:1px 8px; border-left:1px solid #ddd; font-weight:bold; font-size:9pt; }
.ssMdPageNav .ssFirst { border:0; }
.ssMdPageNav .ssQuick * { vertical-align:middle; }
.ssMdPageNav .ssQuick   { font-weight:normal; }


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

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

.ssMdView .ssFileAttatch {border:1px #d2d2d2 solid; padding:5px; margin-top:5px; background:#eee;}
.ssMdView .ssFileAttatch li {padding:2px; float:left; margin-left:2px; white-space:nowrap;}
.ssMdView .ssFileAttatch li a{color:#666;}
.ssMdView .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 */
.ssMdBoardInput .ssMdBoardInfo .ssMdBoardInfoL { float:left;  line-height:25px; font-weight:bold; }
.ssMdBoardInput .ssMdBoardInfo .ssMdBoardInfoR { float:right; line-height:25px; }

.ssMdBoardInput .ssMdInput { width:100%; text-align:left; border:1px solid #dcdcdc; margin-top:5px; }
.ssMdBoardInput .ssMdInput thead th { padding:3px; color:#000; font-weight:bold; background:#efefef; }
.ssMdBoardInput .ssMdInput tbody th { padding-left:5px; color:#000; font-weight:normal; background:#efefef; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.ssMdBoardInput .ssMdInput tbody td { padding:3px; color:999; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.ssMdBoardInput .ssMdInput tbody td *{vertical-align:middle;}

.ssMdBoardInput .ssBoardOpt {margin-bottom:3px;}
.ssMdBoardInput .ssBoardOpt * {vertical-align:middle;}
.ssMdBoardInput .ssBoardOpt .ssPasswd {float:right; padding:3px; color:#990000;}
.ssMdBoardInput .ssBoardOpt .ssNotice {float:left; margin:7px 3px 0 3px; color:#999;}
.ssMdBoardInput .ssBoardOpt span {margin:1px 0 0 2px;}
.ssMdBoardInput .ssBoardOpt .ssSecret {float:left; margin:7px 3px 0 3px; color:#999;}
.ssMdBoardInput .ssBoardOpt {margin:10px 0 0 0;}
.ssMdBoardInput .ssFileAttatch th {padding:5px; color:#999; background:#d2d2d2; text-align:center;}
.ssMdBoardInput .ssFileAttatch td {padding:2px;}
.ssMdBoardInput .ssFileAttatch span {margin-left:2px; color:#999;}
.ssMdBoardInput .ssFileAttatch span input {vertical-align:middle; margin-right:-3px; _margin-right:-3px;}
.ssMdBoardInput .ssButtons {text-align:center; margin:5px 0;}
.ssMdBoardInput .ssButtons span {margin:0 2px;}