@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) 200812 */

html,

body {
	scrollbar-3dlight-color:#c5c5c5;
	scrollbar-arrow-color:#bbbbbb;
	scrollbar-base-color:#cfcfcf;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#efefef;
	scrollbar-highlight-color:#fffff;
	scrollbar-shadow-color:#bbbbbb;
	height:100%;

}


#smartInput{ margin:0 10px 0 0;}
.smartOutput{ font-size:12px; line-height:1.6; font-family:Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

.smartOutput p{ margin-top:7px; margin-bottom:7px;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{font-size: 12px;}


#smartInput img.ext_embed_src,
#smartInput img.ext_embed_swf,
#smartInput img.ext_embed_wmv,
#smartInput img.ext_embed_asf,
#smartInput img.ext_embed_wma,
#smartInput img.ext_embed_mp3 {
  border:solid 1px silver;
  background-color:#f4f4f4;
  background-position:center;
  background-repeat:no-repeat;
  background-image:url(../img/applications-other.png);
}
#smartInput img.ext_embed_swf {
  background-image:url(../img/x-office-drawing.png);
}
#smartInput img.ext_embed_wmv,
#smartIntpu img.ext_embed_asf {
  background-image:url(../img/video-x-generic.png);
}
#smartInput img.ext_embed_wma,
#smartIntpu img.ext_embed_mp3 {
  background-image:url(../img/audio-x-generic.png);
}


/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) 200812 */


/*
웹 퍼블리싱
작업자 : 김종태
*/

/*바디 기본*/

/* 광역선언 css 충돌로 삭제 
p, ul, ol {font-size: 11px;line-height:18px;margin-top:0px;margin-bottom: 0px;}
td {font-size: 12px;word-break:break-all;color:#3e3e3e;}
input, textarea {font-size: 9pt;}
*/

input.image { border: none;}
input.button {letter-spacing: -1px; 	border:1px solid #B9B8BE;	background-color: #F0F0F0;	color:#435556;	padding-top:2px;	font-size:11px}


/*라운드 테이블 용*/
.rtop, .rbottom{display:block;} 
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden;} 
.r1{ margin:0 5px; } 
.r2{ margin:0 3px; } 
.r3{ margin:0 2px; } 
.r4{ margin:0 1px; height:2px; } 
.box{ margin:0; padding:0px 0px 0px 0px; } 
/*라운트 테이블 끝 */

.tipBox{filter:progid:DXImageTransform.Microsoft.Shadow(color=#DBDBDB,direction=135,strength=2);;padding:5px;cursor: move}
#popup_box{position:absolute;top:120;left:10px;z-index:99999;}
#popup_box1{position:absolute;z-index:999991;}
#popup_box2{position:absolute;z-index:999991;}
#popup_box3{position:absolute;z-index:999991;}
#popup_box4{position:absolute;z-index:999991;}
#popup_box5{position:absolute;z-index:999991;}
#popup_box6{position:absolute;z-index:999991;}

/* Default Setting */

/* Layer Popup */
.layer_popup{  overflow:visible; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);}
.layer_popup *{ line-height:normal;}
.layer_popup img,
.layer_popup fieldset{ border:none;}
.layer_popup legend{ display:none;}
.layer_popup .layer_content{ border:2px solid #777777; background:#ffffff; position:relative; z-index:2;}
.layer_popup .layer_header{ padding:8px 0 7px 11px; margin:0 0 5px 0; color:#000000; font:bold 13px 굴림, Gulim, 돋움, Dotum, AppleGothic, Sans-serif; background:#f4f4f4;}
.layer_popup .layer_body{ padding:13px 0 3px 0; margin:0 20px; text-align:center; font-size:12px; line-height:18px; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; color:#222222;}
.layer_popup .layer_footer{ border-top:1px solid #e8e8e8; margin:0 20px; padding:10px 0 15px 0; text-align:center;}
.layer_popup .layer_footer *{ vertical-align:top;}
.layer_popup .layer_footer a{ margin:0 1px 0 0;}
.layer_popup .close_layer{ position:absolute; top:9px; right:9px;}
.layer_popup .shadow{ position:absolute; width:100%; height:100%; overflow:visible; z-index:1; _display:none;}
*:first-child+html .layer_popup .shadow{ display:none;}
.layer_popup .shadow1{ left:3px; top:3px; background:url(http://static.naver.com/common/layer/shadow1.png);}
.layer_popup .shadow2{ left:2px; top:2px; background:url(http://static.naver.com/common/layer/shadow2.png);}
.layer_popup .shadow3{ left:1px; top:1px; background:url(http://static.naver.com/common/layer/shadow3.png);}

.saveTool { border: 1px solid #C1C1C1; color: #5B5B5B}



DIV.tab08 {float:left;width:100%;background: url(./ui/tab08_bg.gif) repeat-x bottom;	font-size:93%;line-height:normal;margin-bottom:5px}

DIV.tab08 ul {	margin:0;padding:0px 10px 10;	list-style:none;}
DIV.tab08 li {float:left;	background:url(./ui/tab08_left.gif) no-repeat left top;	margin:0;padding:0 0 0 5px;}
DIV.tab08 a {float:left;display:block;background:url(./ui/tab08_right.gif) no-repeat right top;padding:5px 6px 1px 4px;text-decoration:none;color:#765;}

DIV.tab08 a {float:none;}
DIV.tab08 a:hover {color:#333;}
DIV.tab08 .active {color:#333;background-image:url(./ui/tab08_left_on.gif);}

DIV.tab08 .active a {color:#CC0000;	background-image:url(./ui/tab08_right_on.gif);}
DIV.tab08 .active a:hover {	color:#333;}


DIV.tab01 {float:left;width:100%;background: url(./ui/tab01_bg.gif) repeat-x bottom;font-size:93%;line-height:normal;margin-bottom:10px}
DIV.tab01 ul {	margin:0;padding:0px 10px 10;	list-style:none;}

DIV.tab01 li {float:left;	background:url(./ui/tab01_left.gif) no-repeat left top;	margin:0;	padding:0 0 0 5px;}
DIV.tab01 a {	float:left;display:block;background:url(./ui/tab01_right.gif) no-repeat right top;padding:5px 6px 4px 4px;text-decoration:none;	color:#765;}

DIV.tab01 a {float:none;}
DIV.tab01 a:hover {color:#333;}
DIV.tab01 .active {color:#333;}
DIV.tab01 .active a {color:#CC0000;	padding-bottom:5px;}
DIV.tab01 .active a:hover {color:#333;}



#smartInput{ margin:0 10px 0 0;}
{ font-size:12px; line-height:1.5; font-family:Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

 p{ margin-top:7px; margin-bottom:7px;}

 blockquote.q1,
 blockquote.q2,
 blockquote.q3,
 blockquote.q4,
 blockquote.q5,
 blockquote.q6,
 blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

 blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
 blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
 blockquote.q3{ border:1px solid #d9d9d9;}
 blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
 blockquote.q5{ border:2px solid #707070;}
 blockquote.q6{ border:1px dashed #707070;}
 blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

 sup{ font:10px Tahoma;}
 sub{ font:10px Tahoma;}


.objStyle{border: red 1px dashed; background-image:url(/image/icon/wmv.gif);background-position:50% 50%; background-repeat:no-repeat;background-color:#DDDDDD}


/*리모컨 */
DIV.remoconBody {filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); margin-right:2px;float:left; }
DIV.remoconBody .remoconHead{height:20px;cursor:move;padding-top:5px }
DIV.remoconBody .itemBody{margin:0 5px 0 5px; }

DIV.remoconBody .item {padding:5px 0px 2px 0px}
DIV.remoconBody .item A{color:#e4ff93}

DIV.remoconBody .item2 {padding:2px 0px 2px 0px}
DIV.remoconBody .item2 A{color:#00FFCC}

DIV.remoconBody .remoconFoot{padding-bottom:5px}

DIV.m_body{top:0px;position:absolute;display::none; left:97px;}
DIV.m_body .title{cursor:move;}
DIV.m_body .title .nname {float:left;width:80%; text-align:left; }
DIV.m_body .title .xbtn {float:left; text-align:right; width:20%; }
DIV.m_body .window{padding:5px;}




/*기본설정*/
body {
	margin:0;
	padding:0;
	font-size:75%;
	font-family:"돋움", dotum, "굴림", Gulim, AppleGothic, sans-serif;
	}

img {
	border:0;
	}

a {
	color:#535353 ;
	text-decoration:none;
	}

a:hover {
	color:#000;
	}

hr { 
	display:none;
	} 

ul, li, ol, dt, dd, dl {
 margin:0;
 padding:0;

 }

form, fieldset {
	margin:0;
	padding:0;
	border:0;
	}

h1, h2, h3, h4, h5, h6, legend, caption, #accessibility, #accessibilityNav .skipLogin, #accessibilityNav .skipMenu, #accessibilityNav .skipPolicy {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	width:0; 
	height:0;
	margin:0; 
	padding:0;
	font-size:0;
	line-height:0;
	}

#popup_box {
	position:absolute;
	z-index:5;
	}



TABLE.zizibe03 {


 border-collapse: collapse;
 font-size:11px;

}


TABLE.zizibe03 TR {


}


TABLE.zizibe03 TH {
border-top:1px solid #6897c5;
background-color:#F6FAFB;
height:32px; color:#275b95; font-size:11px; font-family:돋움;
 border-bottom:1px solid #bfcfde;
 padding-top:4px
}




TABLE.zizibe03 TD {
color:4a4a4a; font-size:11px; font-family:돋움;
border:0px ;
border-bottom:1px dotted #D8D8D8;
padding:5px 1px 3px 1px;
}


/*종태바보*/


TABLE.zizibe02 {

 border: 1px solid #bfcfde;
 border-collapse: collapse;
 font-size:11px;

}


TABLE.zizibe02 TR {

}


TABLE.zizibe02 TH {
background-color:F6FAFB;
height:29; color:275b95; font-size:11px; font-family:돋움;
 border-bottom:1px solid #bfcfde;
}



TABLE.zizibe02 TD {
 color:4a4a4a; font-size:11px; font-family:돋움;
border-bottom:1px dotted #D8D8D8;
padding:3px 1px 3px 1px;
}


/*종태바보*/


TABLE.zizibe01 {

 border: 1px solid #bfcfde;
 border-collapse: collapse;
 font-size:11px;

}


TABLE.zizibe01 TR {

}


TABLE.zizibe01 TH {
background-image:url(./th.gif); background-repeat:repeat-x;
height:29px; color:#275b95; font-size:11px; font-family:돋움;
 border-bottom:1px solid #bfcfde;
}



TABLE.zizibe01 TD {
 color:4a4a4a; font-size:11px; font-family:돋움;
border-bottom:1px dotted #D8D8D8;
padding:3px 1px 3px 1px;
}


TABLE.tableNo2 {
	padding:0px;
	font-size:11px;
}
TABLE.tableNo2 TR {
}

TABLE.tableNo2 TD {
padding:0; 
font-size:11px;
}






TABLE.tableNo {
	padding:0px;
	font-size:11px;
	border:0px;
}
TABLE.tableNo TR {
}

TABLE.tableNo TD {
padding:0; background-color:FFFFFF;
font-size:11px;
border:0px;
}




TABLE.tableNo3 {
	padding:0px;
	font-size:11px;
	border:0px;
}


TABLE.tableNo3 TD {
padding:3px; background-color:FFFFFF;
font-size:11px;
border:0px;
}






TABLE.table10 {

}


TABLE.table10 TR {

}

TABLE.table10 TH {
	font-weight:bold; background-color:#f1f7fa;
	border: 1px solid #699cba;
	padding:5px;

}

TABLE.table10 TD {
padding:3; background-color:FFFFFF;
border: 1px solid #699cba;

}






/* table11 */

TABLE.table11 {
	border-bottom: 1px solid #E0E0E0;
	border-collapse: collapse;
}

TABLE.table11 TD,
TABLE.table11 TH {
	
	border-bottom: 1px solid #E0E0E0;
	
	padding: 5px;
	font-weight: normal;
}

TABLE.table11 THEAD TH, TABLE.table11 TH.head {

	line-height: 100%;
	text-align: left;
	padding: 15px 5px 5px 20px;
	font-weight:bolder;
	background-color: #F8F8F8 ; 
	color:#666666;

	background-image:url(/html/admin2/images/sub_title_bg.gif);
	color:#003399;
	letter-spacing: -1px;
	font-size:12px;
	border:1px solid #E8E8E8;

	
}

TABLE.table11 TR {

}

TABLE.table11 TH {
		color:#666666;
		padding: 5px;
		font-size:12px;

		font-family:굴림;
	
}

TABLE.table11 TD {
color:#626262;
padding-left:30px;
}









TABLE.table00 {

	
	border: 1px solid #C5DAEB;
	border-collapse: collapse;
	background-color:#d5e4f0;
	
}


TABLE.table00 TR {

}

TABLE.table00 TH {
	 color:126796; font-weight:bold; background-color:fafcfd;
	border: 1px solid #d5e4f0;
	padding:5px;
	height:30px;
}

TABLE.table00 TD {
padding:5; background-color:FFFFFF;
border: 1px solid #d5e4f0;

}








/* table21 */

TABLE.table21 {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}

TABLE.table21 TD,
TABLE.table21 TH {

}

TABLE.table21 THEAD TH, TABLE.table21 TH.head {

}

TABLE.table21 TR {

}

TABLE.table21 TH {
		background-color: #eaeaea ; 
		font-weight:bold;
		border: 1px solid #C0C0C0;
		padding:5px;
}

TABLE.table21 TD {
	border: 1px solid #C0C0C0;
padding:5px;	
}




/* table01 */

TABLE.table01 {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}

TABLE.table01 TD,
TABLE.table01 TH {
	border: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	padding: 5px;
	font-weight: normal;
		color:#666666;
}

TABLE.table01 THEAD TH, TABLE.table01 TH.head {
	color: #000000;
	line-height: 100%;
	text-align: left;
	padding: 10px;
	font-weight:bold;
	background-color: #F6F6F6 ; 
}

TABLE.table01 TR {

}

TABLE.table01 TH {
		background-color: #F6F6F6;
		padding: 5px;
		font-weight:bold;
			color:#666666;
}

TABLE.table01 TD {

}


/* table02 */

TABLE.table02 {
	border: 1px solid #C0C0C0;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-collapse: collapse;
}

TABLE.table02 TD,
TABLE.table02 TH {
	border: 1px solid #C0C0C0;
	border-left: 1px dashed #C0C0C0;
	border-right: 1px dashed #C0C0C0;
	padding: 5px;
	font-weight: normal;
}

TABLE.table02 THEAD TH {
	color: #000000;
	line-height: 100%;
	text-align: left;
	padding: 10px;
	font-weight:bold;
	background-image: url(./ui/gradient_01.gif); background-repeat: repeat-x; 
}

TABLE.table02 TR {
	background-color: #FFFFFF;
}

TABLE.table02 TH {
	background-image: url(./ui/gradient_02.gif); background-repeat: repeat-x; 
}

TABLE.table02 TD {

}




/* table03 */

TABLE.table03 {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}

TABLE.table03 TD,
TABLE.table03 TH {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
	padding-left:2px;
	padding-right:2px;
}

TABLE.table03 THEAD TH, TABLE.table03 TH.head {
	color: #000000;
	line-height: 100%;
	text-align: left;
	padding: 10px;
	font-weight:bold;
	
}

TABLE.table03 TR {
	
}

TABLE.table03 TH {
		
		padding-top: 8px;
		padding-bottom: 8px;
		font-weight:bold;
}

TABLE.table03 TD {

}


/* table04 */

TABLE.table04 {
	border: 0px solid #C0C0C0;

	border-collapse: collapse;
padding: 0px;	

}

TABLE.table04 TD,
TABLE.table04 TH {
border: 0px; 

background-image:'';
}



TABLE.table04 TR {
border: 0px; 
padding: 0px;	

}

TABLE.table04 TH {

border: 0px; 
padding: 0px;	

}

TABLE.table04 TD {
border: 0px; 
padding-top: 3px;	
padding-bottom: 3px;	

font-size:11px;

}



/* table05 */

TABLE.table05 {
border: 0px; 
padding: 0px;	

}

TABLE.table05 TD,
TABLE.table05 TH {
border: 0px; 

background-image:'';
}



TABLE.table05 TR {
border: 0px; 
padding: 0px;	

}

TABLE.table05 TH {

border: 0px; 
padding: 0px;	

}

TABLE.table05 TD {
border: 0px; 
padding: 0px;	


}


/* table05 */

table.basic{
  margin: 0; padding: 0; line-height: 21px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-collapse: collapse;
}
table.basic th, table.basic td{
  margin: 0; padding: 3px 0; width: 160px;
  text-align: center;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
table.basic caption{ margin: 0; padding: 0; }
table.basic th{ background-color: #e9e9e9; }



table.chart{
  margin: 0; padding: 0; line-height: 21px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-collapse: collapse;
  }
table.chart th, table.chart td{
  margin: 0; padding: 3px 0; width: 160px;
  text-align: center;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
table.chart caption{
  margin: 0; padding: 0;
  text-align: right;
}
table.chart thead th{
  background-color: #e9e9e9;
  border-bottom: 1px solid #999999;
}
table.chart tfoot th{ background-color: #e2e2e2; }



table.excel{
  margin: 0; padding: 0; line-height: 21px;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #999999;
  border-collapse: collapse;
}
table.excel th, table.excel td{
  margin: 0; padding: 3px 0;  
 
  border-bottom: 1px solid #cccccc;
}
table.excel caption{
  margin: 0; padding: 0;
  text-align: right;
}
table.excel thead th{
  background-color: #e9e9e9;
  border-bottom: 1px solid #999999;
}
table.excel tfoot th, table.excel tfoot td{
  border-bottom: none;
  background-color: #e2e2e2;
}



/*시흥교육청 관리자 블루 라인테이블 */


table.blue01{
  margin: 0; padding: 0; line-height: 21px;
  border-top: 2px solid #aad0eb;
  border-bottom: 2px solid #cbdbee;
  border-collapse: collapse;
}
table.blue01 th, table.blue01 td{
  margin: 0; padding: 3px 0;  
 
  border-bottom: 1px solid #d5dfe7;

}
table.blue01 caption{
  margin: 0; padding: 0;
  text-align: right;
}
table.blue01 thead th{
  background-color: #e9e9e9;
  border-bottom: 1px solid #999999;
}
table.blue01 tfoot th, table.blue01 tfoot td{
  border-bottom: none;
  background-color: #e2e2e2;
}






/* list01 */

TABLE.list01 {
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-collapse: collapse;
}

TABLE.list01 TD,
TABLE.list01 TH {
	border-top: 1px dashed #C0C0C0;
	border-bottom: 1px dashed #C0C0C0;
	padding: 5px;
	font-weight: normal;
}

TABLE.list01 TR {
	background-color: #FFFFFF;
}

TABLE.list01 TH {
	border-bottom: 1px solid #C0C0C0;
	background-image: url(./ui/gradient_02.gif); background-repeat: repeat-x; 
}

TABLE.list01 TD {

}



/* list02 */

TABLE.list02 {
	border-collapse: collapse;
	border-bottom: 1px solid #FFFFFF;
}

TABLE.list02 TD,
TABLE.list02 TH {
	border-bottom: 1px dashed #C0C0C0;
	padding: 5px;
	font-weight: normal;
}

TABLE.list02 TR {

}

TABLE.list02 TH {
	border-bottom: 1px solid #C0C0C0;

}

TABLE.list02 TD {

}




/* zizibe07 */

TABLE.zizibe07 {
	border: 1px solid #b6b4df;
	border-collapse: collapse;
}

TABLE.zizibe07 TD,
TABLE.zizibe07 TH {
	border: 1px solid #b6b4df;
	border-left: 1px solid #b6b4df;
	border-right: 1px solid #b6b4df;
	padding: 5px;
	font-weight: normal;
		color:#52539a;
}

TABLE.zizibe07 THEAD TH, TABLE.zizibe07 TH.head {
	color: #000000;
	line-height: 100%;
	text-align: left;
	padding: 10px;
	font-weight:bold;
	background-color: #f8f8ff ; 
}

TABLE.zizibe07 TR {

}

TABLE.zizibe07 TH {
		background-color: #f8f8ff;
		padding: 5px;
		font-weight:bold;
			color:#52539a;
}