@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url(./common/js/iePngFix.htc); } 
.zbxe_info { vertical-align:middle; behavior:url(./common/js/iePngFix.htc); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; }

.zbxe_widget_output { background:url("../../../../common/css/../tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("../../../../common/css/../tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}


/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* Default Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body { background:#FFFFFF url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgBody.gif") repeat-x left top;}
#bodyWrap { width:99%; margin:2px auto 0 10px}

/* Site Layout - Header */
#header { position:relative; width:930px; height:100px; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgHeader02.jpg") no-repeat right top; margin-bottom:0px; z-index:99;}
#header h1 { margin:0; padding:0; position:absolute; top:27px; left:30px;}
#language { position:absolute; top:33px; right:250px; z-index:100; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif; font-size:.9em;}
#language a { color:#5b5b5b; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif; font-size: 12px; text-decoration:none;}
#language a:hover { color:#AB2B21; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif; font-size: 12px; text-decoration:none;}
#language strong { color:#ffffff; font:.10px Tahoma; margin-right:3px;}
#language a img { vertical-align:-5px;}
#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #b23628; background:#de4332;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#ffffff; text-decoration:none;}
#language ul li a:hover { background:#bc4032;}

#it_search_form { position:absolute; top:30px; right:15px;}
#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;} 
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

#gnb { position:absolute; top:65px; left:0; height:30px;  white-space:nowrap; margin-bottom:10px; font-size: 12px;}
#gnb li { float:left; list-style:none; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgGnbVr.gif") no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap; font-size: 12px; font-weight:bold; }
#gnb li a { display:block; float:left; padding:12px 20px 0 30px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; font-size: 12px; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff; font-size: 12px;}
#gnb li.on a { font-weight:bold; color:#FFF959; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgGnbOn.gif") no-repeat center top;}

#isSearch { position:absolute; top:30px; right:15px; width:245px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgSearchTerm.gif") no-repeat; font:12px "?뗭?", Dotum, "援대┝", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;}
#isSearch ul li { width:67px; height:18px; list-style:none; }
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:12px "?뗭?", Dotum, "援대┝", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
#isSearch ul li label.on { background:#455a5b; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#455a5b;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:150px; height:12px; color:#ffffff; border:1px solid #8E8E8D; background-color:#9DA3B3; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #B0B0AF; background-color:#A9A4A3; }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}

/* Site Layout - Content Body */
#contentBody { position:relative; width:100%; padding-bottom:0px; padding-top:0px;  background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgContentBody111.gif") repeat-y left top;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:0px; float:left;}
#columnLeft .mask { width:0px; height:0px; background:#ffffff; display:block; clear:both;}

#lnb { border-top:0px solid #ffffff; padding:4px 5px; width:141px;}
#lnb li { padding-bottom:1px; list-style:none; }
#lnb li a { padding:2px 5px 6px 15px; width:141px; display:block; border:0px solid #ffffff; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgLnbOff.gif") repeat-y; color:#666666; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover { padding:2px 5px 6px 15px; width:141px; display:block; border:0px solid #ffffff; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgLnbOff.gif") repeat-y; color:#666666; position:relative; z-index:99; text-decoration:none; }
#lnb li a:focus { color:#666666; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgLnbOff.gif") repeat-y; }
#lnb li.on a { color:#444444; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/bgLnbOff.gif") repeat-y; font-weight:bold;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:141px; padding:0 3px; border-top:0px solid #ffffff; }
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:0px solid #ffffff; position:relative; top:-1px;}
#lnb li ul li a { padding:0px 5px 3px 12px; width:141px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover { padding:0px 5px 3px 12px; width:141px; color:#de4332 !important; border:none; background:none !important; border:none !important; font-weight:normal !important;}
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; }

/* Site Layout - Column Right */
#columnRight { width:100%; float:right; }
#visualArea { width:100%; height:1px; background:#f5f5f5; margin-bottom:0px; position:relative; left:0px; margin-right:0px;}
#content { width:100%;  margin-top:0px;}

/* Site Layout - Footer */
#footer { margin:0; padding:0; border-top:1px solid #c9c9c9; text-align:left; padding:0em 0 4em; clear:both; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif; font-size:.9em; color: #989898;}
#footer a { color:#989898; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif; font-size: 12px; text-decoration:none;}
#footer a:hover { color:#545454; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif; font-size: 12px; text-decoration:none;}
#footer li { display:inline; padding:0 .6em 0em; background:url("../../../../layouts/xe_official_cubrid_header/css/../images/default/vrType1.gif") no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em "?뗭?", Dotum, "援대┝", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }

/* Default Skin - End */
/* cubrid new skin - start */
body,td,th {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	color: #656565;
	line-height:17px;
}


table,img {
	border:none;
	}

a:link {	
	text-decoration: none
}

a:active{
	text-decoration: none
}

a:visited{
	text-decoration: none
}

a:hover{
	text-decoration: none; 	color: #000000;
}





/* text
------------------------------------------------------------ */

.main_bt1 {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #444444;
}
.main_bt2 {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #ffffff;
	font-weight:bold;
}
.main_bt3 {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #666666;
	font-weight:bold;
}
.sub_title {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	color: #555555;
	font-weight:bold;
}
.sub_title_con {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 13px;
	font-variant: normal;
	color: #444444;
	font-weight:bold;
}
.sub_title_con2 {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 13px;
	font-variant: normal;
	color: #B22C2C;
	font-weight:bold;
}
.sub_tab_on {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #C96C6C;
	font-weight:bold;
}
.sub_tab_off {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #A7A7A7;
}
.sub_text_red {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #F00000;
}
.sub_text_dark_red {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #997474;
}
.sub_text_history {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #666666;
	font-weight:bold;
}
.sub_text_history02 {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #999999;
}


a:link {COLOR: #656565; font-size:12px; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;}
a:visited {COLOR: #656565; font-size:12px; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;}
a:hover {COLOR: #434343; font-size:12px; font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;}

A.link_navi:link {COLOR: #ffffff; font-size:12px;}
A.link_navi:visited {COLOR: #ffffff; font-size:12px;}
A.link_navi:hover {COLOR: #ffffff; font-weight:bold;}

A.link_board:link {COLOR: #989898; TEXT-DECORATION: none}
A.link_board:visited {COLOR: #989898; TEXT-DECORATION: none}
A.link_board:hover {COLOR: #444444; TEXT-DECORATION: none}

A.link_mainright:link {COLOR: #4b4b4b; font-size:12px;}
A.link_mainright:visited {COLOR: #4b4b4b; font-size:12px;}
A.link_mainright:hover {COLOR: #4b4b4b; font-size:12px; font-weight:bold;}

A.link_mainright02:link {COLOR: #44444C; font-size:12px;}
A.link_mainright02:visited {COLOR: #44444C; font-size:12px;}
A.link_mainright02:hover {COLOR: #AB2B21; font-size:12px; font-weight:bold;}

A.link_common:link {COLOR: #5B5B5B; font-size:12px;}
A.link_common:visited {COLOR: #5B5B5B; font-size:12px;}
A.link_common:hover {COLOR: #AB2B21; font-size:12px;}

A.link_copy:link {COLOR: #989898; TEXT-DECORATION: none}
A.link_copy:visited {COLOR: #989898; TEXT-DECORATION: none}
A.link_copy:hover {COLOR: #444444; TEXT-DECORATION: none}

A.link_navi_sub:link {COLOR: #404040; font-size:12px;}
A.link_navi_sub:visited {COLOR: #404040; font-size:12px;}
A.link_navi_sub:hover {COLOR: #AB2B21; font-size:12px;}

A.link_boxin:link {COLOR: #777777; font-size:12px;}
A.link_boxin:visited {COLOR: #777777; font-size:12px;}
A.link_boxin:hover {COLOR: #555555; font-size:12px;}

A.link_tablein:link {COLOR: #AB2B21; font-size:12px;}
A.link_tablein:visited {COLOR: #AB2B21; font-size:12px;}
A.link_tablein:hover {COLOR: #555555; font-size:12px;}

A.link_tablein2:link {COLOR: #AB2B21;}
A.link_tablein2:visited {COLOR: #AB2B21;}
A.link_tablein2:hover {COLOR: #555555;}

.box01 {
	font-family:NanumGothic, "나눔고딕", Malgun Gothic, "맑은고딕", Dotum, "돋움", Gulim, "굴림", AppleGothic, Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFF;
	background-color: #9DA3B3;
	height: 15px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#board1_1 {position:absolute; width:400px; z-index:1; left: 340px; top: 191px;}
#board1_2 {position:absolute; width:400px; z-index:1; left: 340px; top: 191px; visibility: hidden;}
#board1_3 {position:absolute; width:400px; z-index:1; left: 340px; top: 191px; visibility: hidden;}
#board1_4 {position:absolute; width:400px; z-index:1; left: 340px; top: 191px; visibility: hidden;}
#board2_1 {position:absolute; width:400px; z-index:1; left: 340px; top: 336px;}
#board2_2 {position:absolute; width:400px; z-index:1; left: 340px; top: 336px; visibility: hidden;}
#board2_3 {position:absolute; width:400px; z-index:1; left: 340px; top: 336px; visibility: hidden;}
#board2_4 {position:absolute; width:400px; z-index:1; left: 340px; top: 336px; visibility: hidden;}
#board2_5 {position:absolute; width:400px; z-index:1; left: 340px; top: 336px; visibility: hidden;}
#board3_1 {position:absolute; width:300px; z-index:1; left: 10px; top: 336px;}
#board3_2 {position:absolute; width:300px; z-index:1; left: 10px; top: 336px; visibility: hidden;}
#visual_click {position:absolute; width:760px; z-index:1; left: 0px; top: 0px;}
#visual_click2 {position:absolute; width:760px; z-index:1; left: 0px; top: 0px; visibility: hidden;}
#visual_click3 {position:absolute; width:760px; z-index:1; left: 0px; top: 0px; visibility: hidden;}