@charset "utf-8";
/*
셋팅전 : CSS에 적용된 이미지를 개별적으로 사용할 경우 경로는  /skin/A/04/kr/
셋팅후 : CSS에 적용된 이미지를 개별적으로 사용할 경우 경로는  /user/kr/

< Used Hack >
IE6 & Below
property:value; _property:value;

IE7 Only
*:first-child+html #selector

IE7 & IE6 & Below
*:first-child+html #selector,
* html #selector {}

*/

/* Layout Selector */
.ssWrap {position:relative;}

/* Header */
.ssHeader .ssLogo {float:left; overflow:hidden;}

.ssHeader .ssGnb {color:#444;}
.ssHeader .ssGnb .ssDirect {float:right; margin-top:8px; z-index:2; position:relative;}
.ssHeader .ssGnb .ssDirect li {float:left; padding:0 .1em; height:22px; vertical-align:bottom;}
.ssHeader .ssGnb .ssDirect li a {font-size:11px; color:#666;}
.ssHeader .ssGnb .ssDirect .ssLangBtn {border:1px solid #999; padding:2px; width:60px; font-size:11px; background:#eee; top:-3px; position:absolute; cursor:pointer; overflow:hidden;}
.ssHeader .ssGnb .ssDirect .ssLang {border-top:1px solid #999; margin-top:3px; background:#fff; font-size:11px; overflow:hidden; display:none; position:relative;}
.ssHeader .ssGnb .ssDirect .ssLang p {padding:3px 0 0 3px;}

.ssHeader .ssLnb {float:left;position:relative;}
.ssHeader .ssLnb .ssTopMenu { height:33px; font-weight:bold; background:url(/skin/A/04/kr/image/menu/bg_top_black.png) repeat-x; text-align:center; overflow:hidden; position:relative;}
.ssHeader .ssLnb .ssTopMenu ul {margin:0; padding:0;}
.ssHeader .ssLnb .ssTopMenu li {float:left;}
.ssHeader .ssLnb .ssTopMenu .ssTab {height:33px; cursor:pointer; background:url(/skin/A/04/kr/image/menu/bg_top_black.png) repeat-x; overflow:hidden;}
.ssHeader .ssLnb .ssTopMenu p {padding:9px 0; color:#ffffcc;}
.ssHeader .ssLnb .ssTopMenu .ssOn {height:33px; font-weight:bold; text-align:center; background:url(/skin/A/04/kr/image/menu/bg_top_blue.png) repeat-x; overflow:hidden;}
.ssHeader .ssLnb .ssTopMenu .ssOn p {padding:9px 0; color:#fff;}
.ssHeader .ssLnb .ssTopMenu .ssTab div {color:#fff; text-align:center; overflow:hidden;}
.ssHeader .ssLnb .ssTopMenu .ssOn div {color:#fff; overflow:hidden;}
.ssHeader .ssLnb .ssTopMenu .ssTabStart {height:33px; overflow:hidden;}
.ssHeader .ssLnb .ssTopMenu .ssTabEnd {height:33px; overflow:hidden;}

/* Container */
.ssContainer { }
.ssContainer .ssSnb {float:left; position:relative;}

.ssContent {float:left;}
.ssContent .ssSection { overflow:hidden;}

/* sub_container */
.ssSubContainer .ssSnb {float:left; position:relative;}
.ssSubContainer .ssSubMenuHeader h3 {padding:5px; font-weight:bold; font-size:12px; border-bottom:2px solid #79a002; position:relative;}
.ssSubContainer .ssSubHeader {margin:5px; background:url(/skin/A/04/kr/image/background/bg_h3.gif) repeat-x left bottom; overflow:hidden;}
.ssSubContainer .ssSubHeader .ssSubHeaderBorder {width:100%;}
.ssSubContainer .ssSubHeader h3 {float:left; padding:5px 15px 10px 15px; font-weight:bold; font-size:15px; background:url(/skin/A/04/kr/image/background/line_h3.gif) no-repeat right bottom; border-bottom:3px solid #79a002; color:#333;}
.ssSubContainer .ssSubMap {margin:2px 23px 3px 0; text-align:right;}

.ssSubContent {float:right; min-height:400px; _height:400px; position:relative;}
.ssSubContent .ssSection {overflow:hidden; text-align:right; }
.ssSubContent .ssSection .ssModule {color:#444; font:normal; word-break:break-all; padding-bottom:20px;}

/* sub_content recent */
.ssSubContent .ssLoginHeader {border:1px solid #d2d2d2; background:url(/skin/A/04/kr/image/background/bg_h3.gif) repeat-x left bottom; overflow:hidden;}
.ssSubContent .ssLoginHeader .ssLoginHeaderBorder {width:100%; text-align:right;}
.ssSubContent .ssLoginHeader .ssLoginHeaderBorder p {padding:5px 5px 0 0; color:#999;}
.ssSubContent .ssLoginHeader .ssLoginHeaderBorder a {color:#999;}
.ssSubContent .ssLoginHeader h3 {float:left; padding:5px; font-weight:bold; font-size:12px; background:url(/skin/A/04/kr/image/background/line_h3.gif) no-repeat right bottom; border-bottom:3px solid #2791a1; color:#2791a1;}

/* Footer */
.ssFooter {padding:5px; position:absolute; top:0px;}
.ssFooter .ssLink {font-size:12px; font-weight:bold; color:#666; padding:10px 0; text-align:right;}
.ssFooter .ssAddress {font-size:11px; color:#666; line-height:16px;}
.ssFooter address {font:9px Verdana; padding-top:.5em;}
.ssFooter address a {font:bold 11px Tahoma; color:#2791a1;}

/* -----------------------------
| Class Selector
|-------------------------------
|
*/
.ssId {background:#eee url(/skin/A/04/kr/image/background/bg_login_id.gif) no-repeat;}
.ssPw {background:#eee url(/skin/A/04/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/A/04/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/A/04/kr/image/line_h3.gif) no-repeat right bottom; border-bottom:3px solid #79a002; color:#79a002;}
.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 #79a002; 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; background:url(/user/kr/image/background/recent_bg.gif) repeat-x;}
.ssTabRecent .ssTab {position:relative; top:1px; border:1px solid #d2d2d2; float:left; cursor:pointer;  background:#fff; height:25px;}
.ssTabRecent .ssOn {position:relative; top:1px; border:1px solid #d2d2d2; border-bottom:1px solid #fff; 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:#666; font-weight:bold;}
.ssTabRecent .ssOn div {float:left; height:17px; border-bottom:3px solid #fff; padding:5px 8px 0 8px; color:#79a002; font-weight:bold;}
.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 #79a002; 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:#79a002; text-align:center;}

/* Rounding Box */
.ssRoundBox {padding:2px; margin:5px; border:2px solid #ccc;}
.ssRoundBox .ssBoxGuide {position:relative;width:100%;}
.ssRoundBox .ssBoxTl {position:absolute;top:-4px;left:-4px;display:block;width:9px;height:9px;background:url(/skin/A/04/kr/image/background/bg_rndbox.gif) no-repeat;font-size:0}
.ssRoundBox .ssBoxTr {position:absolute;top:-4px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/skin/A/04/kr/image/background/bg_rndbox.gif) right top no-repeat;font-size:0}
.ssRoundBox .ssBoxBl {position:absolute;top:-5px;left:-4px;display:block;width:9px;height:9px;background:url(/skin/A/04/kr/image/background/bg_rndbox.gif) left bottom no-repeat;font-size:0}
.ssRoundBox .ssBoxBr {position:absolute;top:-5px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/skin/A/04/kr/image/background/bg_rndbox.gif) right bottom no-repeat;font-size:0}
.ssRoundBox .ssBoxContents {padding:5px; border:1px solid #ededed}
/* Rounding Box : sub_left_menu */
.ssRoundBox .ssHeader {height:20px; color:#fff; text-align:center; background:url(/skin/A/04/kr/image/title/bg_menu_black.png) repeat-x;}
.ssRoundBox h3 {padding:.3em 0; text-align:center; font-size:12px; font-weight:bold;}
.ssRoundBox fieldset {border:1px solid #fff;}
.ssRoundBox .ssMenu {border:1px solid #d2d2d2; overflow:hidden; padding:.5em; color:#333; cursor:pointer;_cursor:hand;}
.ssRoundBox .ssSub {border:1px solid #eee; overflow:hidden; padding:.3em; color:#666; cursor:pointer;_cursor:hand; background:#eee;}
.ssRoundBox .ssActive {background:#eee; color:#79a002;}
.ssRoundBox .ssThis {color:#79a002; background:#eee; font-weight:bold;}

/* Link */
a:link ,a:visited ,a:active {font-size:12px; color:#000;text-decoration:none; letter-spacing:0px;}
a:hover {font-size:12px; color:#79a002; 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:#79a002;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:#79a002; text-decoration:none;}

/* Button */
a.button,
a.button span {position:relative; display:inline-block; text-decoration:none !important; background:url("/image/button/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button {padding:0; background-position:left top; overflow:visible;}
a.button span {left:1px; padding:6px 7px 5px 6px; color:#444; font:12px Sans-serif; background-position:right top;}
a.button, x:-moz-any-link {font:0/23px Sans-serif; padding:10px 1px; top:0px;} /* Firefox 2 Fix */

span.button,
span.button button,
span.button input {position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/image/button/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button {padding:0; background-position:left top;}
span.button, x:-moz-any-link {font:0/23px Sans-serif; padding:11px 0;} /* Firefox 2 Fix */
span.button, x:-moz-any-link, x:default {padding:0;} /* Firefox 2 Fix */
span.button button,
span.button input {height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;}

/* 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 .ssDepth3_first {border-top:0px; padding:2px 0; overflow:hidden;}
.ssSitemap .ssDepth3 span {color:#d2d2d2;}

/*font style*/
.ssHtitle01 {color:#e5004f; font-weight:bold;}
.ssTitle01 {color:#e5004f; }

/*table*/

.ssBox01 table { width:100%; border-top: 3px solid #9bcd04; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #dbdbdb; }
.ssBox01 th    { padding: 3px; border-right: 1px solid #ffffff; border-bottom: 1px solid #dbdbdb; color: #7c7c7c; background: #f7f6f6; text-align:center; }
.ssBox01 td    { font-size: 12px; color: #7c7c7c; LINE-HEIGHT: 18px; background: #ffffff; padding:5px; }

.ssBox02 table { width:100%; border-top: 3px solid #9bcd04; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #dbdbdb; }
.ssBox02 th    { padding: 3px; border-right: 1px solid #ffffff; border-bottom: 1px solid #dbdbdb; color: #7c7c7c; background: #f7f6f6; text-align:center; }
.ssBox02 td    { font-size: 12px; color: #7c7c7c; LINE-HEIGHT: 18px; padding:5px; }