@charset "UTF-8";


/* 
Used Hack 
IE6 & Below 
{ property:value; _property:value; }
IE7 Only
*:first-child+html #selector
IE7 & IE6 & Below
*:first-child+html #selector,
* html #selector {}
*/

/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:9pt; }
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; left:0px; top:0px; z-index:1003; visibility:hidden; border:2px solid #D9D9D9; background-color:#FFFFFF; padding:0; }
#popup_menu_area .box { border:1px solid #CACACA; background-color:#FFFFFF; padding:7px; }
#popup_menu_area .item { color:#333333; cursor:pointer; margin:0; padding:3px 0 3px 0; white-space:nowrap; }
#popup_menu_area .item_on { color:#333333; font-weight:bold; margin:0; cursor:pointer; padding:3px 0 3px 0; letter-spacing:-1px; white-space:nowrap;}

td {
	font-family:돋움;
	font-size:12px;
	line-height: 16px;
	color:#494949;
}
p {
	font-style:  normal;
	font-weight: normal;
	margin-top:10px;
	margin-bottom:10px;
}

body {
	margin:0px;
	scrollbar-face-color:#f1f4e8;
	scrollbar-shadow-color:#f1f4e8;
	scrollbar-highlight-color:#f1f4e8;
	scrollbar-3dlight-color:#c9d8ae;
	scrollbar-darkshadow-color:#54742e;
	scrollbar-track-color:#e3e6d9;
	scrollbar-arrow-color:#54742e;
	background-color:#ffffff
}


img {
	border:0px;
}


/* ------------------------------------------------셀렉트, 인풋박스------------------*/
select, input {
	font-size:11px;
	color:#636260;
	border:1px solid #cbcbcb;
/*	height:19px;  주석지우지 마세요*/
}
select {
	font-size:11px;
	font-family:돋움;
	color:#666666;
	border:1px solid #cbcbcb;
	height:19px;
	width:101px;
}


.select {
	font-size:11px;
	color:#636260;
	border:1px groove #cbcbcb;
	height:19px;
	width:300px;
}


.select01 {
	font-size:12px;
	font-family:돋움;
	color:#4d5434;
	border:1px solid #cbcbcb;
	height:19px;
}

.input {
	font-size:12px;
	font-family:돋움;
	color:#4d5434;
	border:1px solid #cbcbcb;
	height:19px;
}
.input01 {
	border:1 cfcfbe solid;
	height:16px;
	padding-left:3px;
}

.input02 {
	BORDER: #F8F8F8 1px solid; BACKGROUND-COLOR: #F8F8F8; font-family:돋움; color:666666; width:100%; height:250px;
}



/*---------------------------- textarea -----------------------------------------------------*/

textarea {
	text-align:justify;
	font-family:Dotum;
	font-size:12px;
	color:898989;
	width:582; border:groove 1px #cbcbcb;
	background-color:f4f3f2;
	
}
.textarea {
	text-align:justify;
	font-family:Dotum;
	font-size:12px;
	color:898989;
	width:380; border:groove 1px #cbcbcb;
	background-color:f4f3f2;
	
}
/* write form*/
.textarea01 {
	text-align:justify;
	font-family:Dotum;
	font-size:12px;
	color:898989;
	width:468; border:groove 1px #cbcbcb;
	background-color:#ffffff;
	padding:5 5 5 5;
	
}

.textarea_post {
	text-align:justify;
	font-family:Dotum;
	font-size:12px;
	color:898989;
	width:322; border:groove 0px #cbcbcb;
	background-color:#ffffff;
	padding-left:5px; padding-right:5px;
	scrollbar-face-color:#ebebeb;
	scrollbar-shadow-color:#f3f3f3;
	scrollbar-highlight-color:#f3f3f3;
	scrollbar-3dlight-color:#c9c9c9;
	scrollbar-darkshadow-color:#c9c9c9;
	scrollbar-track-color:#f3f3f3;
	scrollbar-arrow-color:#bfbfbf;
	
}







/*--------------------------pad -----------------------------------------------*/
.tpad_1 {
	text-align:justify;
}

.tpad_2 {
	text-align:justify;
	padding-top:10px; padding-left:30px; padding-bottom:10px;
}
.tpad_3 {
	text-align:center;
	padding-top:10px; padding-bottom:10px; background-color:#f8f8f8;
	
}

.tpad_4 { padding-top:20px;}



/*---------------------------------게시판 라인 ------------------------------------*/

.blue_line {background-color:#8fa4bb; height:3px;;}
.blue_line01 {background-color:#8fa4bb; height:5px;}
.blue_line02 {background-color:#8fa4bb; height:2px;}
.gray-line { background-color:#cacfca; height:1px;}
.white { height:2px; background-color:#ffffff;}




/*-------------------    link    ---------------------------------------*/

A:link { color:#494949; TEXT-DECORATION: none
}
A:visited {color:#494949; TEXT-DECORATION: none
}
A:active {color:#4d5434;TEXT-DECORATION: none
}
A:hover {color:#4d5434;TEXT-DECORATION: none
}

.search            {color:#5f5656; font-size:12px; font-family:돋움;}
.search a:link     { font-size:12px; font-family:돋움; color:#6d902a;	text-decoration: none; font-weight:bold;}
.search a:visited  { font-size:12px; font-family:돋움;	color:#797878;	text-decoration: none;}
.search a:active  { font-size:12px; font-family:돋움;	color:#5f5656;	text-decoration: none;}
.search a:hover    { font-size:12px; font-family:돋움;	color:#6d902a;	text-decoration: none;}





.png24 {
 tmp:expression(setPng24(this));
}

.input02 {
	BORDER: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff; font-family:돋움; color:666666; width:626px; height:250px;
}


/* ----------------------------------link ---------------------------------------------*/

A:link { color:#878787; TEXT-DECORATION: none;
}
A:visited {color:#878787; TEXT-DECORATION: none
}
A:active {color:#878787;TEXT-DECORATION: none
}
A:hover {color:#797878;TEXT-DECORATION: none
}

.sch01           {color:#878787; font-size:12px; font-family:돋움;}
.sch01 a:link     { font-size:12px; font-family:돋움; color:#878787;	text-decoration: none; }
.sch01 a:visited  { font-size:12px; font-family:돋움;	color:#878787;	text-decoration: none;}
.sch01 a:active  { font-size:12px; font-family:돋움;	color:#878787;	text-decoration: none;}
.sch01 a:hover    { font-size:12px; font-family:돋움;	color:#878787;	text-decoration: none;}

.sch02           {color:#5988be; font-size:12px; font-family:돋움;}
.sch02 a:link     { font-size:12px; font-family:돋움; color:#5988be;	text-decoration: none; }
.sch02 a:visited  { font-size:12px; font-family:돋움;	color:#5988be;	text-decoration: none;}
.sch02 a:active  { font-size:12px; font-family:돋움;	color:#5988be;	text-decoration: none;}
.sch02 a:hover    { font-size:12px; font-family:돋움;	color:#5988be;	text-decoration: none;}



.sch03           {color:#d93636; font-size:12px; font-family:돋움;}
.sch03 a:link     { font-size:12px; font-family:돋움; color:#d93636;	text-decoration: none; }
.sch03 a:visited  { font-size:12px; font-family:돋움;	color:#d93636;	text-decoration: none;}
.sch03 a:active  { font-size:12px; font-family:돋움;	color:#d93636;	text-decoration: none;}
.sch03 a:hover    { font-size:12px; font-family:돋움;	color:#d93636;	text-decoration: none;}


.notice {color:#878787; font-size:11px; font-family:"-윤디자인웹돋움"; text-align:justify;}
.notice a:link     { color:#878787; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none; }
.notice a:visited  { color:#878787; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}
.notice a:active  { color:#878787; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}
.notice a:hover    { color:#878787; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}

.news {color:#6e6e6e; font-size:11px; font-family:"-윤디자인웹돋움"; text-align:justify;}
.news a:link     { color:#6e6e6e; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none; }
.news a:visited  { color:#6e6e6e; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}
.news a:active  { color:#6e6e6e; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}
.news a:hover    { color:#878787; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}

.news01 {color:#8c8c8c; font-size:11px; font-family:"-윤디자인웹돋움"; text-align:justify;}
.news01 a:link     { color:#8c8c8c; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none; }
.news01 a:visited  { color:#8c8c8c; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}
.news01 a:active  { color:#8c8c8c; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}
.news01 a:hover    { color:#646464; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;}

.news_tit {color:#646464; font-size:11px; font-family:"-윤디자인웹돋움"; text-align:justify; font-weight:bold;}
.news_tit a:link     { color:#646464; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none; font-weight:bold;}
.news_tit a:visited  { color:#646464; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;font-weight:bold;}
.news_tit a:active  { color:#646464; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;font-weight:bold;}
.news_tit a:hover    { color:#646464; font-size:11px; font-family:"-윤디자인웹돋움";	text-decoration: none;font-weight:bold;}

.search            {color:#8fa4bb; font-size:12px; font-family:돋움;}
.search a:link     { font-size:12px; font-family:돋움; color:#8fa4bb;	text-decoration: none; font-weight:bold;}
.search a:visited  { font-size:12px; font-family:돋움;	color:#8fa4bb;	text-decoration: none;}
.search a:active  { font-size:12px; font-family:돋움;	color:#8fa4bb;	text-decoration: none;}
.search a:hover    { font-size:12px; font-family:돋움;	color:#8fa4bb;	text-decoration: none;}



.sch_td { padding-left:5px; height:20px; background-color:#f8f8f8;
}




/*---------------------------------------- font ---------------------------------------------*/

.font_st01 {font-family:"-윤디자인웹돋움"; font-size:10px; color:#4c4c4c; }
.font_st02 {font-family:"-윤디자인웹돋움"; font-size:10px; color:#8c8c8c; }


.font_st1 {
	font-size: 12px;
	line-height: 26px;
	color:#ffffff;
	background-color:#8fa4bb;
	text-align:center;
}
.font_st2 {
	font-size: 12px;
	line-height: 33px;
	padding-left:17px;
	background-color:##f8f8f8;
	
}
.font_st3 {
	font-size: 12px;
	line-height: 33px;
	padding-left:7px;
	background-color:#ffffff;
	
}
.font_st4 {  padding-left:7px;}
.font_st5 { text-align:right; vertical-align:top; padding-top:6px; padding-bottom:6px;}

.left_menu {}
.left_menu td {
	background: 20px 9px url("/en/layouts/common/images/menudot.gif") no-repeat;
	padding-left: 35px;
	text-align: left;
	height: 25px;
}
.left_menu a, a:link, a:visited, a:active {
	color: #ffffff;
}
.left_menu a:hover {
	color: #000000;
}
