@charset "utf-8";

/* -----------------------------
| Class Selector
|-------------------------------
|
*/
.ssId {background:#eee url(/skin/B/01/kr/image/background/bg_login_id.gif) no-repeat;}
.ssPw {background:#eee url(/skin/B/01/kr/image/background/bg_login_pw.gif) no-repeat;}

/* Recent - public */
.ssRecent {float:left; padding-left:10px; position:relative; overflow:hidden;}
.ssRecent .ssRecentHeader {border:1px solid #d2d2d2; background:url(/skin/B/01/kr/image/background/bg_h3.gif) repeat-x left bottom; overflow:hidden;}
.ssRecent .ssRecentHeader .ssRecentHeaderBorder {width:100%; text-align:right;}
.ssRecent .ssRecentHeader .ssRecentHeaderBorder p {padding:5px 5px 0 0; color:#999;}
.ssRecent .ssRecentHeader .ssRecentHeaderBorder a {color:#999;}
.ssRecent .ssRecentHeader h3 {float:left; padding:5px 10px; font-weight:bold; font-size:12px; background:url(/skin/B/01/kr/image/line_h3.gif) no-repeat right bottom; border-bottom:3px solid #990000; color:#990000;}
.ssRecentBody {margin-top:3px;}
.ssRecentBody ul {margin:0; padding:0;}
.ssRecentBody ul li {margin:0; padding:0;}
.ssRecentBody .ssBoardTitle {height:20px; padding-left:5px; overflow:hidden; white-space:nowrap;}
.ssRecentBody .ssBoardTitle .ssDate {font:.9em Tahoma; color:#999; text-align:center; padding:0 2px;}
.ssRecentBody .ssBoardTitle .ssTitle a {color:#444; text-decoration:none;}
.ssRecentBody .ssBoardTitle .ssTitle a:hover {text-decoration:underline;}
.ssRecentBody .ssBoardTitle .ssIcon {vertical-align:middle;}
.ssRecentBody .ssImgList {overflow:hidden;}
.ssRecentBody .ssImgList dt {font-size:14px;}
.ssRecentBody .ssImgList dd {line-height:15px; text-align:justify;}
.ssRecentBody .ssImgList dd.ssPhoto {display:inline; float:left; margin:-16px 5px 0 0; color:#fff; text-align:center;}
.ssRecentBody .ssImgList .ssDate {font:.9em Tahoma; color:#999;}
.ssRecentBody .ssImgList .ssIcon {vertical-align:middle;}
.ssRecentBody .ssHeadLine {float:left;}
.ssRecentBody .ssThumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.ssRecentBody .ssThumbNailOn {margin-bottom:.3em; border:2px solid #990000; margin-left:auto; margin-right:auto;}

/* Recent - tab */
.ssTabRecent {overflow:hidden;}
.ssTabRecent img {vertical-align:middle;}
.ssTabRecent .ssTabBox {width:100%; border-bottom:1px solid #d2d2d2; height:27px; text-align:center;}
.ssTabRecent .ssTab {position:relative; top:1px; border:1px solid #d2d2d2; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
.ssTabRecent .ssOn {position:relative; top:1px; border:1px solid #d2d2d2; border-bottom:1px solid #fff; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
.ssTabRecent .ssTab div {float:left; height:17px; border-bottom:3px solid #d2d2d2; padding:5px 8px 0 8px; color:#999;}
.ssTabRecent .ssTab div a {color:#666;}
.ssTabRecent .ssOn div {float:left; height:17px; border-bottom:3px solid #fff; padding:5px 8px 0 8px; color:#990000;}
.ssTabRecent .ssOn div a {color:#cc0000; text-decoration:none;}
.ssTabRecent .ssTabBody {position:relative; top:-1px;_top:0px; border:1px solid #d2d2d2; padding:3px 5px; border-top:none; background:#fff; overflow:hidden;}
html>/**/body .ssTabRecent .ssTabBody {top:-2px;}
.ssTabRecent .ssMore {position:absolute; cursor:pointer;_cursor:hand; color:#999;}

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


/* Link */
a:link ,a:visited ,a:active {font-size:12px; color:#000;text-decoration:none; letter-spacing:0px;}
a:hover {font-size:12px; color:#990000; text-decoration:none;}
a.ActWhite:link ,a.ActWhite:visited ,a.ActWhite:active {font-size:12px; color:#ffffcc;text-decoration:none;}
a.ActWhite:hover {font-size:12px; color:#99ccff; text-decoration:none;}
a.Act:link ,a.Act:visited ,a.Act:active {font-size:12px; color:#990000;text-decoration:none;}
a.Act:hover {font-size:12px; color:#000; text-decoration:none;}
a.ActSmallGray:link ,a.ActSmallGray:visited ,a.ActSmallGray:active {font-size:11px; color:#666;text-decoration:none;}
a.ActSmallGray:hover {font-size:11px; color:#990000; text-decoration:none;}

/* sitemap */
.ssSitemap {width:700px; margin:auto;}
.ssSitemap .ssCell {min-height:220px; _height:220px; position:relative; float:left; padding:10px;}
.ssSitemap .ssDepth2 {border-top:1px solid #fff; padding:5px; background:#eee;}
.ssSitemap .ssDepth3 {border-top:1px dashed #d2d2d2; padding:2px 0; overflow:hidden;}
.ssSitemap .ssDepth3First {border-top:0px; padding:2px 0; overflow:hidden;}
.ssSitemap .ssDepth3 span {color:#d2d2d2;}