@charset "utf-8";
/*
전체 스킨의 공통적인 Style입니다.
*/

/* Type Selector */
*{ margin:0; padding:0;}
html, body{ font-size:9pt; line-height:120%; font-style:normal; font-family:"굴림",Dotum,"돋움",Gulim,AppleGothic,Sans-serif; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}
img, fieldset, button {border:none;}
hr, button img, caption{display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1,h2 {display:none;}
li {list-style:none; margin-bottom:3px;}
a {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
textarea {overflow:auto; margin:2px;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
div {border:0px dashed #6666ff; text-align:left;}
dt, dd {border:0px dashed #6666ff;}
label {cursor:pointer; _cursor /**/:hand;}
table {border-collapse:collapse;}
table th {font-weight:none;}
*:first-child+html li { margin-bottom:2.5px;}
/*img{behavior:url(/common/iepngfix.htc);}*/
input,img { vertical-align:middle; }
form { margin:0; padding:0; }

.ssTextContent {line-height:1.5;}
.ssTextContent ol li {list-style:decimal inside;}
.ssTextContent ul li {list-style:square inside;}
.ssFrame {line-height:1.5; border:1px solid #e5e5e5; overflow:auto;} /* Ajax 목록표시 자동스크롤 */
.ssBtn {cursor:pointer;_cursor:hand;}
.ssBlank {padding:30px; font-size:9pt; color:#990000; line-height:14px;text-align:center; }

/* skin pattern */
.ssVisual {overflow:visible; position:relative;}
.ssBanner { position:relative;width:100%;}
.ssPattern {background:url(/image/bg_pattern.png); color:#990000; overflow:hidden; position:relative;}
.ssPattern strong {font-size:9pt;}
.ssPattern p {border-top:1px dashed #990000; border-left:1px dashed #990000; border-right:1px dashed #990000; padding:2px; font-size:9pt;}
.ssPatternWrap {top:0px; left:0pt; position:absolute; color:#990000; overflow:hidden;}
.ssPatternWrap .ssPatternInfo {border-top:1px dashed #990000; border-left:1px dashed #990000; border-right:1px dashed #990000; padding:2px; font-size:9pt; display:none; background:url(/image/bg_pattern.png); overflow:visible;}
.ssPatternWrap .ssPatternInfo strong {font-size:9pt;}

.ssClear {float:none; clear:both; height:0px; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

.ssFontTahoma { font-family: "tahoma"; }  /* 숫자관련 폰트 */

.ssFloatLeft  { float:left;  }
.ssFloatRight { float:right; }

.ssHand    {cursor:hand;cursor:pointer;}
.ssShow    {display:block;}
.ssHide    {display:none;}
.ssCenter  {text-align:center;margin:auto;}
.ssRight   {text-align:right;}
.ssLeft    {text-align:left;}
.ssTop     {vertical-align:top;}
.ssMiddle  {vertical-align:middle;}
.ssBottom  {vertical-align:bottom;}
.ssNormal  {font-weight:normal;}
.ssBold    {font-weight:bold;}
.ssBd      {border:1px dashed #ff6600; cursor:pointer;}
.ssNoLine  {border:0 solid #fff;}
.ssPd3     {padding:3px;}
.ssPd5     {padding:5px;}
.ssPd7     {padding:7px;}
.ssPd10    {padding:10px;}
.ssWrap60  {width:60px; white-space:nowrap; overflow:hidden;}
.ssWrap80  {width:80px; white-space:nowrap; overflow:hidden;}
.ssWrap100 {width:100px; white-space:nowrap; overflow:hidden;}
.ssSp3     {white-space:3px;}
.ssSp5     {white-space:5px;}

.ssDarkRed {color:#990000;}
.ssRed     {color:#e4007f;}
.ssBlue    {color:#0bb4c7;}
.ssBlack   {color:black;}
.ssWhite   {color:white;}
.ssYellow  {color:yellow;}
.ssGray    {color:gray;}
.ssNavy    {color:navy;}
.ssGreen   {color:green;}

.ssFont8  { font-size:8pt;  }
.ssFont10 { font-size:10pt; }
.ssFont12 { font-size:12pt; }

/*.ssCode {border:2px #dcdcdc dotted; background:#eee; padding:.5em; text-align:justify;}*/
.ssCube {border:3px #efefef solid; text-align:center;}
.ssCube .ssLine {border:1px #dcdcdc solid; padding:5px;}
.ssCube .ssLine02 {border:1px #999 solid;}

.ssSmallWhite  {font-size:11px; color:#fff;    text-decoration:none; font-family:"돋움",Dotum,"굴림",Gulim,verdana,AppleGothic,Sans-serif;}
.ssSmallGray   {font-size:11px; color:#666;    text-decoration:none; font-family:"돋움",Dotum,"굴림",Gulim,verdana,AppleGothic,Sans-serif;}
.ssSmallDgray  {font-size:11px; color:#333;    text-decoration:none; font-family:"돋움",Dotum,"굴림",Gulim,verdana,AppleGothic,Sans-serif;}
.ssSmallBlue   {font-size:11px; color:#003399; text-decoration:none; font-family:"돋움",Dotum,"굴림",Gulim,verdana,AppleGothic,Sans-serif;}
.ssSmallRed    {font-size:11px; color:#990000; text-decoration:none; font-family:"돋움",Dotum,"굴림",Gulim,verdana,AppleGothic,Sans-serif;}
.ssSmallOrange {font-size:11px; color:#ff3300; text-decoration:none; font-family:"돋움",Dotum,"굴림",Gulim,verdana,AppleGothic,Sans-serif;}

.ssBackGray{background:url(/image/background.gif) repeat-x;}
.ssBgGray {background:#efefef;}
.ssBgLemon {background:#f5f5dc;}
.ssBgAqua {background:#e0ffff;}
.ssBgWhite {background:#fff;}
.ssBgRed {background:red;}

.ssTableList    { width:100%; overflow:hidden; }
.ssTableList th { border-top:1px solid #cdd7fc; border-bottom:1px solid #cdd7fc; cursor:hand; padding:0; height:20px; color:#000; text-align:center; background:url(/image/background/bg_menu_gray.png) repeat-x; font-weight:500; }
.ssTableList td            { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0 10px 0;}
.ssTableList td input,img  { vertical-align:middle;}
.ssTableList td p          { text-align:center;}
.ssTableList span.ssUseOn  { font-size:9pt; color:#3366ff; }
.ssTableList span.ssUseOff { font-size:9pt; color:#999; }
.ssTableList .ssGraph  { display:block; }
.ssTableList tr.ssN1   { background-color:#efefef;}
.ssTableList tr.ssN2   { background-color:#fff;}
.ssTableList td.ssNum  { border-right:1px solid #cdd7fc; padding:3px; background-color:#efefef; font-size:9pt; color:#666; text-align:center;}
.ssTableList td.ssInfo        { border-left:1px solid #cdd7fc; border-right:1px solid #cdd7fc; padding:3px; font-size:9pt; color:#000; text-align:center; vertical-align:top;}
.ssTableList td.ssInfo strong { font-size:9pt; color:#000; }
.ssTableList td.ssInfo p      { margin-top:5px; color:#777; text-align:left;}
.ssTableList td.ssCode   { border-right:1px solid #cdd7fc; padding:3px; font-size:9pt; color:#990000; text-align:left;}
.ssTableList td.ssName   { border-right:1px solid #cdd7fc; padding:3px; background-color:#efefef; color:#666; text-align:center; overflow:hidden;}
.ssTableList td.ssTitle      { border-right:1px solid #cdd7fc; padding:3px; color:#000; }
.ssTableList td.ssTitle span { overflow:hidden;}
.ssTableList td.ssField1 { border-right:1px solid #cdd7fc; padding:3px; height:20px; background-color:#efefef; font-size:9pt; color:#666;}
.ssTableList td.ssField2 { border-right:1px solid #cdd7fc; padding:3px; font-size:9pt; color:#666; text-align:left;}
.ssTableList td.ssField3 { padding:3px; font-size:9pt; color:#666; text-align:left;}
.ssTableList td.ssManage { padding:3px; font-size:9pt; text-align:left; }
.ssTableList td.ssBlank  { height:100px; color:red; font-size:9pt; text-align:center; background:#efefef;}
.ssTableList td.ssRefer  { border-right:1px solid #cdd7fc; padding:3px; background-color:#efefef; font-size:9pt; color:#666;}

.ssTable                  { border:1px #e5e5e5 solid; text-align:center; }
.ssTable .ssLine          { border:1px #b7b7b7 solid; padding:1px; background-color:#fff; }
.ssTable .ssLine .ssLeft  { float:left; width:450px; }
.ssTable .ssLine .ssRight { float:left; }

p.ssDan {word-break:break-all; }
p.ssKeeping * {vertical-align:top;}
p.ssKeeping label {position:relative; top:1px; _top:2px; left:3px; margin-right:10px; font-size:9pt; color:#404040; letter-spacing:-1px;}
span.ssKeeping * {vertical-align:top;}
span.ssKeeping label {position:relative; top:1px; _top:2px; left:3px; margin-right:10px; font-size:9pt; color:#404040; letter-spacing:-1px;}

.ssLine1 {border:1px solid #e5e5e5; padding:2px;}
.ssLine3 {border:3px solid #e5e5e5;}
.ssLine1Gray {border:1px solid #999;}
.ssLineTb1Gray {border-top:1px solid #999; border-bottom:1px solid #999;}
.ssLineB1Gray {border-bottom:1px solid #999;}
.ssLine1Black {border:1px solid #000;}
.ssLineTb1Black {border-top:1px solid #000; border-bottom:1px solid #000;}
.ssLine2Gray {border:2px solid #999;}
.ssLine2Black {border:2px solid #000;}

.ssDashSide{text-align:left; border-right:1px solid #dcdcdc;}
.ssDashSideBottom{text-align:left; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.ssDashSideBottom p{text-align:center; padding:2px;}
.ssDashBottom{text-align:left; border-bottom:1px solid #dcdcdc;}
.ssDashBottom p{text-align:center; padding:2px;}

.ssId {background:#eee url(/image/bg_login_id.gif) no-repeat;}
.ssEmail {background:#eee url(/image/bg_login_id.gif) no-repeat;}
.ssPw {background:#eee url(/image/bg_login_pw.gif) no-repeat;}

.ssInputText {border:1px solid #dcdcdc; padding:2px 0 0 2px; height:15px; vertical-align:middle;}

.ssSelectBlue { height:19px; vertical-align:middle; background:#ecf3fb url() no-repeat; border:0; font-size:9pt; }  /* select 박스 스타일 */

.ssInputBlue   {border:1px solid #dbdbdb; padding:1px; height:15px; font-size:9pt; vertical-align:middle; background:#ffffff url() no-repeat;} /* input 입력가능 */
.ssInputGray   {border:1px solid #dcdcdc; padding:1px; height:15px; font-size:9pt; vertical-align:middle; background:#eee url() no-repeat;}    /* input 입력불가 */
.ssInputActive {border:1px solid #dbdbdb; padding:1px; height:15px; font-size:9pt; vertical-align:middle; background:#f8f8f6 url() no-repeat;} /* input onFocus  */

.ssInputWhite { border:1px solid white; padding:1px; height:15px; font-size:9pt; vertical-align:middle; background:white url() no-repeat;}

.ssTextareaBlue   {border:1px solid #dbdbdb; padding:2px 0 0 2px; font-size:9pt; vertical-align:middle; background:#ffffff;}                 /* textarea 입력가능 */
.ssTextareaGray   {border:1px solid #dcdcdc; padding:2px 0 0 2px; font-size:9pt; vertical-align:middle; background:#eee;}                    /* textarea 입력불가 */
.ssTextareaActive {border:1px solid #dbdbdb; padding:2px 0 0 2px; font-size:9pt; vertical-align:middle; background:#f8f8f6 url() no-repeat;} /* textarea onFocus  */

.ssInputCheck {_height:16px; _line-height:16px; vertical-align /**/:top;}
*:first-child+html .ssInputCheck {margin:-4px -3px -3px -3px;}

.ssInputForm {border:0px solid #999; _margin-top:5px; width:100%;}
.ssInputForm th {padding-left:5px; color:#003399; font-weight:normal; background:#eee;}
.ssInputForm td {padding:3px;}
.ssInputForm .ssMenuGray {padding:0; height:20px; color:#000; font-weight:bold; text-align:center; background:url(/image/bg_menu_gray.png) repeat-x;}

/* editor */
.ssEditor { border:3px #efefef solid; text-align:center; overflow:hidden;}
.ssEditor .ssLine { border:1px #dcdcdc solid; overflow:hidden;}
.ssEditorButton { white-space:nowrap; overflow:hidden;}

/* site Map */
#idSiteMap {display:none; background:#d2d2d2; width:100%; position:absolute; z-index:1000; text-align:center;}

/* Skin selector */
#idSkin {width:100%; position:absolute; z-index:1000; text-align:center;}
#idSkin .ssSelector {display:none; border-bottom:3px solid #990000; background:#444; color:#fff; text-align:center; margin:auto;}
#idSkin .ssSelector p {padding:5px;}
#idSkin .ssBtn {background:#990000; text-align:right; height:1px;}

/* Ajax */
#idAjaxHeader               { width:100%; height:100%; top:0; left:0; overflow:hidden; position:absolute; background:#000; filter:Alpha(opacity=10); opacity:0.4; -moz-opacity:0.4; z-index:997; }
#idAjaxDisplay              { float:left; margin:auto; }
#idAjaxDisplay select,input { filter:none; }

.ssAjaxBlackTopLeft      { float:left; border:0; width:4px; height:31px; background:url(/image/popup/black/box_tl.jpg) no-repeat; }
.ssAjaxBlackTopCenter    { float:left; border:0;            height:31px; background:url(/image/popup/black/box_tc.jpg) repeat-x;  }
.ssAjaxBlackTopRight     { float:left; border:0; width:4px; height:31px; background:url(/image/popup/black/box_tr.jpg) no-repeat; }
.ssAjaxBlackMiddle       { float:left; border:0; width:4px;              background:url(/image/popup/black/box_mc.jpg) repeat-y;  }
.ssAjaxBlackBottomLeft   { float:left; border:0; width:4px; height:31px; background:url(/image/popup/black/box_bl.jpg) no-repeat; }
.ssAjaxBlackBottomCenter { float:left; border:0;            height:31px; background:url(/image/popup/black/box_bc.jpg) repeat-x;  }
.ssAjaxBlackBottomRight  { float:left; border:0; width:4px; height:31px; background:url(/image/popup/black/box_br.jpg) no-repeat; }
.ssAjaxBlackClose        { cursor:pointer;_cursor:hand; width:47px; height:19px; background:url(/image/popup/black/box_btn_close.jpg) no-repeat; }
.ssAjaxBlackCloseOn      { cursor:pointer;_cursor:hand; width:47px; height:19px; background:url(/image/popup/black/box_btn_close_on.jpg) no-repeat; }
.ssAjaxBlackTitleText    { text-align:left; vertical-align:middle; height:31px; line-height:31px; color:white; font-weight:bold; padding:0 0 0 10px; }

.ssAjaxRedTopLeft      { float:left; border:0; width:4px; height:31px; background:url(/image/popup/red/box_tl.gif) no-repeat; }
.ssAjaxRedTopCenter    { float:left; border:0;            height:31px; background:url(/image/popup/red/box_tc.gif) repeat-x;  }
.ssAjaxRedTopRight     { float:left; border:0; width:4px; height:31px; background:url(/image/popup/red/box_tr.gif) no-repeat; }
.ssAjaxRedMiddle       { float:left; border:0; width:4px;              background:url(/image/popup/red/box_mc.gif) repeat-y;  }
.ssAjaxRedBottomLeft   { float:left; border:0; width:4px; height:31px; background:url(/image/popup/red/box_bl.gif) no-repeat; }
.ssAjaxRedBottomCenter { float:left; border:0;            height:31px; background:url(/image/popup/red/box_bc.gif) repeat-x;  }
.ssAjaxRedBottomRight  { float:left; border:0; width:4px; height:31px; background:url(/image/popup/red/box_br.gif) no-repeat; }
.ssAjaxRedClose        { cursor:pointer;_cursor:hand; width:47px; height:19px; position:absolute; z-index:999; background:url(/image/popup/red/box_btn_close.gif) no-repeat; }
.ssAjaxRedCloseOn      { cursor:pointer;_cursor:hand; width:47px; height:19px; position:absolute; z-index:999; background:url(/image/popup/red/box_btn_close_on.gif) no-repeat; }
.ssAjaxRedTitleText    { text-align:left; vertical-align:middle; height:31px; line-height:31px; color:yellow; font-weight:bold; padding:0 0 0 10px; }

.ssAjaxBlueTopLeft      { float:left; border:0; width:4px; height:31px; background:url(/image/popup/blue/box_tl.jpg) no-repeat; }
.ssAjaxBlueTopCenter    { float:left; border:0;            height:31px; background:url(/image/popup/blue/box_tc.jpg) repeat-x;  }
.ssAjaxBlueTopRight     { float:left; border:0; width:4px; height:31px; background:url(/image/popup/blue/box_tr.jpg) no-repeat; }
.ssAjaxBlueMiddle       { float:left; border:0; width:4px;              background:url(/image/popup/blue/box_mc.jpg) repeat-y;  }
.ssAjaxBlueBottomLeft   { float:left; border:0; width:4px; height:31px; background:url(/image/popup/blue/box_bl.jpg) no-repeat; }
.ssAjaxBlueBottomCenter { float:left; border:0;            height:31px; background:url(/image/popup/blue/box_bc.jpg) repeat-x;  }
.ssAjaxBlueBottomRight  { float:left; border:0; width:4px; height:31px; background:url(/image/popup/blue/box_br.jpg) no-repeat; }
.ssAjaxBlueClose        { cursor:pointer;_cursor:hand; width:47px; height:19px; position:absolute; z-index:999; background:url(/image/popup/blue/box_btn_close.jpg) no-repeat; }
.ssAjaxBlueCloseOn      { cursor:pointer;_cursor:hand; width:47px; height:19px; position:absolute; z-index:999; background:url(/image/popup/blue/box_btn_close_on.jpg) no-repeat; }
.ssAjaxBlueTitleText    { text-align:left; vertical-align:middle; height:31px; line-height:31px; color:white; font-weight:bold; padding:0 0 0 10px; }

.ssAjaxGreenTopLeft      { float:left; border:0; width:4px; height:31px; background:url(/image/popup/green/box_tl.jpg) no-repeat; }
.ssAjaxGreenTopCenter    { float:left; border:0;            height:31px; background:url(/image/popup/green/box_tc.jpg) repeat-x;  }
.ssAjaxGreenTopRight     { float:left; border:0; width:4px; height:31px; background:url(/image/popup/green/box_tr.jpg) no-repeat; }
.ssAjaxGreenMiddle       { float:left; border:0; width:4px;              background:url(/image/popup/green/box_mc.jpg) repeat-y;  }
.ssAjaxGreenBottomLeft   { float:left; border:0; width:4px; height:31px; background:url(/image/popup/green/box_bl.jpg) no-repeat; }
.ssAjaxGreenBottomCenter { float:left; border:0;            height:31px; background:url(/image/popup/green/box_bc.jpg) repeat-x;  }
.ssAjaxGreenBottomRight  { float:left; border:0; width:4px; height:31px; background:url(/image/popup/green/box_br.jpg) no-repeat; }
.ssAjaxGreenClose        { cursor:pointer;_cursor:hand; width:47px; height:19px; position:absolute; z-index:999; background:url(/image/popup/green/box_btn_close.jpg) no-repeat; }
.ssAjaxGreenCloseOn      { cursor:pointer;_cursor:hand; width:47px; height:19px; position:absolute; z-index:999; background:url(/image/popup/green/box_btn_close_on.jpg) no-repeat; }
.ssAjaxGreenTitleText    { text-align:left; vertical-align:middle; height:31px; line-height:31px; color:white; font-weight:bold; padding:0 0 0 10px; }

/* Ajax : modal */
#idModal p {padding:4px; font-weight:bold;}
#idModal .ssInput   { padding:0 0px 10px 20px; text-align:center;}
#idModal .ssInput * { vertical-align:middle; }
#idModal .ssFrame {width:380px; height:230px; background:#eee; overflow:auto; margin:5px auto;}
#idModal .ssFrame .ssAddress {font-weight:normal; font-size:9pt; color:black;}
#idModal li {float:left; margin-left:3px;}

/* Title pattern */
.ssHeadRed{height:33px; font-weight:bold; color:#ffffcc; text-align:center; background:url(/image/background/bg_top_red.gif) repeat-x;}
.ssHeadBlack{height:33px; font-weight:bold; color:#ffffcc; text-align:center; background:url(/image/background/bg_top_black.png) repeat-x;}
.ssHeadGray{height:33px; font-weight:bold; color:#000; text-align:center; background:url(/image/background/bg_top_gray.png) repeat-x;}
.ssHeadBlue{height:33px; font-weight:bold; color:#efefef; text-align:center; background:url(/image/background/bg_top_blue.png) repeat-x;}
.ssHeadDarkblue{height:33px; font-weight:bold; color:#efefef; text-align:center; background:url(/image/background/bg_top_darkblue.png) repeat-x;}
.ssMenuRed{height:20px; color:#fff; text-align:center; background:url(/image/background/bg_menu_red.png) repeat-x;}
.ssMenuRed p {padding-top:4px; cursor:move; text-align:center;}
.ssMenuBlack{height:20px; color:#fff; text-align:center; background:url(/image/background/bg_menu_black.png) repeat-x;}
.ssMenuBlack p {padding-top:4px; cursor:move; text-align:center;}
.ssMenuGray{height:20px; color:#444; text-align:center; background:url(/image/background/bg_menu_gray.png) repeat-x;}
.ssMenuGray p {padding-top:4px; cursor:move; text-align:center;}
.ssMenuBlue{height:20px; color:#fff; text-align:center; background:url(/image/background/bg_menu_blue.png) repeat-x;}
.ssMenuBlue p {padding-top:4px; cursor:move; text-align:center;}

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

/* Set-up */
#idSetupLayout{min-height:100%;}
*:first-child+html #idSetupLayout {height:100%;}
#idSetupWrap{padding:2em 0; width:650px; text-align:center; margin:auto;}
#idSetupHeader{position:relative;}
#idSetupHeader h1{ padding-top:9px; font-size:9pt; font-weight:bold; display:block;}
#idSetupFooter{border:1px dotted #999; padding:.5em; position:relative;}
#idSetupFooter li{list-style:circle inside; padding-left:5px; font-size:9pt; line-height:130%;}
#idSetupFooter li.accent{color:#3366ff;}
#idSetupContainer .ssTabMenu{overflow:hidden;}
#idSetupContainer .ssTabMenu .ssTabBox{border-bottom:1px solid #999; height:27px; text-align:center;}
#idSetupContainer .ssTabMenu .ssTab{position:relative; top:1px; border:1px solid #999; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
#idSetupContainer .ssTabMenu .ssOn{position:relative; top:1px; border:1px solid #999; border-bottom:1px solid #fff; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
#idSetupContainer .ssTabMenu .ssTab div{float:left; height:15px; border-bottom:5px solid #eee; font-size:9pt; padding:5px 8px 0 8px; color:#666;}
#idSetupContainer .ssTabMenu .ssTab div a{color:#666;}
#idSetupContainer .ssTabMenu .ssOn div{float:left; height:15px; border-bottom:5px solid #fff; font-size:9pt; padding:5px 8px 0 8px; color:#cc0000;}
#idSetupContainer .ssTabMenu .ssOn div a{color:#cc0000; text-decoration:none;}
#idSetupContainer .ssTabBody {border:1px solid #999; padding:5px; border-top:none; background:#fff;}

/*tab memu*/
.ssTabMenu { overflow:hidden; }
.ssTabMenu .ssTabBox    { border-bottom:1px solid #999; height:27px; text-align:center; }
.ssTabMenu .ssTab       { top:1px; border:1px solid #999; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px; }
.ssTabMenu .ssTab div   { float:left; height:15px; border-bottom:5px solid #eee; font-size:9pt; padding:5px 8px 0 8px; color:#666; }
.ssTabMenu .ssTab div a { color:#666; }
.ssTabMenu .ssOn        { top:1px; border:1px solid #999; border-bottom:1px solid #fff; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px; }
.ssTabMenu .ssOn div    { float:left; height:15px; border-bottom:5px solid #fff; font-size:9pt; padding:5px 8px 0 8px; color:#cc0000; }
.ssTabMenu .ssOn div a  { color:#cc0000; text-decoration:none; }

/* Editor */
.ssEditorButton {border-bottom:1px solid #dcdcdc; padding:1px 0 2px 2px; background-color:#efefef;white-space:normal;}
.ssEditorBottom {border-top:1px solid #dcdcdc; padding:1px 0 1px 2px; background-color:#efefef; text-align:center;white-space:normal;}

/*pop_div*/
/*.png{behavior:url(/common/iepngfix.htc);}*/
.pop_table{width:100%;height:100%;}
.top-left { width: 22px; height:38px; background-image: url(/image/pop/top-left.png); }
.top { height:38px; background-image: url(/image/pop/top.png); background-repeat: repeat-x; cursor: move;}
.top-right { width: 28px; height:38px; background-image: url(/image/pop/top-right.png); }
.top_title{float:left;position:relative;top:10px;}
.top_close{float:right;position:relative;top:10px;}
.pop_left { width: 22px; background-image: url(/image/pop/left.png); background-repeat: repeat-y; }
.pop_right { width: 28px; background-image: url(/image/pop/right.png); background-repeat: repeat-y; }
.bottom-left { width: 22px; height:26px; background-image: url(/image/pop/bottom-left.png); }
.bottom { height:26px; background-image: url(/image/pop/bottom.png); background-repeat: repeat-x; }
.bottom-right { width: 28px; height:26px; background-image: url(/image/pop/bottom-right.png); }
/*new_pop*/
.dialog{display:none;}
.ui-dialog{background-color: #fff;border:2px solid #999;padding:0;}
.ui-dialog .ui-dialog-titlebar {height:20px; color:#fff; 	background:url(/image/background/bg_menu_black.png) repeat-x; 	padding: 0px; 	_height: 20px; }
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-dialog .ui-dialog-title {position:absolute; 	top: 1px; 	right: 5px;}
.ui-dialog-titlebar, .ui-draggable-disabled .ui-dialog-titlebar { 	cursor: default; }
.ui-dialog .ui-dialog-titlebar-close { 	width: 16px; 	height: 16px; 	background:url(/image/icon/icon_close.gif) no-repeat; 	position:absolute; 	top: 4px; 	right: 5px; 	cursor: default; }
.ui-dialog .ui-dialog-titlebar-close span { 	display: none; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-dialog .ui-dialog-content { border: 0;  padding:0; }
.ui-dialog .ui-dialog-title { 	margin-left: 5px; 	color: white; 	font-weight: bold; 	position: relative; 	top: 7px; 	left: 4px; }
.ui-dialog .ui-dialog-buttonpane { 	position: absolute; 	bottom: 8px; 	right: 12px; 	width: 100%; 	text-align: right; }
.ui-dialog .ui-dialog-buttonpane button { 	margin: 6px; }

/* Count */
.ssCount {line-height:16px;}
.ssCount span {color:#990000;}

/* Image viewer */
#facebox .b {background:url(/image/facebox/b.png);}
#facebox .tl {background:url(/image/facebox/tl.png);}
#facebox .tr {background:url(/image/facebox/tr.png);}
#facebox .bl {background:url(/image/facebox/bl.png);}
#facebox .br {background:url(/image/facebox/br.png);}
#facebox {position: absolute; top: 0; left: 0; z-index: 999; text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px; background: #fff; width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;  margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 998;}
/* ie6 hack */
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

.ssCateDisplay01 {border:1px solid #d2d2d2; margin-bottom:5px;}
.ssCateDisplay01 td {border:1px solid #d2d2d2; padding:3px; overflow:hidden;}

/* search */
.ssShHead {margin:0 0 10px 0; background:url(/user/kr/image/background/bg_h2.gif) repeat-x left bottom; overflow:hidden; }
.ssShHead h5 { float:left; padding:10px 15px 10px 2px; font-weight:normal; font-size:9pt; font-weight:bold; border-bottom:2px solid #990000; color:#990000;}
.ssShRst dl {padding:0 0 10px 5px;}
.ssShRst dd {overflow:hidden; font-size:9pt; color:#666;}
.ssShRst dd span {color:darkgreen;}
.ssShRst dt a {font-size:10pt; color:#0033CC;}
.ssShRst .ssShPassage {height:15px; word-break:break-all; color:#666;}
.ssShRst .ssShNone {height:50px; text-align:center; font-size:9pt; color:#666;}

/* Button */
a.ssButton,
a.ssButton 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.ssButton {padding:0; background-position:left top; overflow:visible;}
a.ssButton span {left:1px; padding:6px 7px 5px 6px; color:#444; font:9pt 굴림; background-position:right top;}
a.ssButton, x:-moz-any-link {font:0/23px 굴림; padding:10px 1px; top:0px;} /* Firefox 2 Fix */

span.ssButton,
span.ssButton button,
span.ssButton input {position:relative; margin:0; display:inline-block; border:0; font:9pt 굴림; white-space:nowrap; background:url("/image/button/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.ssButton {padding:0; background-position:left top;}
span.ssButton, x:-moz-any-link {font:0/23px 굴림; padding:11px 0;} /* Firefox 2 Fix */
span.ssButton, x:-moz-any-link, x:default {padding:0;} /* Firefox 2 Fix */
span.ssButton button,
span.ssButton 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;}


/* IME 설정 */
.ssImeOn  { ime-mode:active;   }
.ssImeOff { ime-mode:disabled; }

/*-------------------------------------------------------------------------------------------------*/
/* 자동생성버튼 */
.ssCreateBtn { cursor:hand; border:0; margin:0; padding:2px 0 0 0; }

.ssFindTitle { float:left;  border:1px solid gray; padding:1px; width:80px; height:20px; line-height:20px; text-align:center; vertical-align:middle; background:#cccccc; } /* 타이틀 */
.ssFindItem  { float:left;  border:1px solid gray; padding:1px; height:20px; line-height:20px; text-align:center; vertical-align:middle; } /* 항목 */
.ssFindBtn   { float:right; border:0; vertical-align:middle; padding-right:5px; } /* 검색버튼 */

/* ------------------------------------------------------------------------------------------------ */
.ssMbAbsolute { position:absolute; } /* 화면상의 아이템DIV를 감싸주는 스타일 */ 
/* ------------------------------------------------------------------------------------------------ */