@charset "utf-8";
/* CSS Document */

/* GLOBAL */
body {
	margin:0;
	padding:0;
	font:12px/1.2 dotum, sans-serif;
	color:#666;
 	background-color:#fff;
	background-image:url(../images/main/bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
    padding:0px;
	line-height:20px;
}
ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	border:none;
}
form {
	margin:0;
	padding:0;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#559d0e;
	text-decoration:none;
}
h1 {
	position:absolute;
	top:24px;
	left:0;
	margin:0;
	padding:0;
}
h2 {
	display:none;
}
h3 {
	margin:0;
	padding:0;
}
img {vertical-align:top;}
.tCenter {text-align:center;}
/* 메뉴를 건너 뛰고 페이지 본문으로 이동하기 */
#skipToContent { position:relative;}
#skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skipToContent a:focus,
#skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* LAYOUT */
#wrap {
	width:960px;
	margin:0 0 0 10px;
}

#header {
	position:relative;
	top:0;
	left:0;	
	height:80px;
	padding:0;
	margin:0;
}
/* HEADER */
#gnb {
	position:absolute;
	margin:0;
	right:3px;
	top:2px;
	padding:0;
	font:11px dotum, sans-serif, arial;
	color:#6fb628;
}
#gnb ul, li {
	margin:0;
	padding:0;
}
#gnb li {
	float:left; 
	display:block;
	list-style:none;
	margin-top:4px;
}
#gnb .colrchange {
	margin:0 0 0 10px;
	padding-bottom:1px;
}
#gnb a {
	color:#6fb628;
	text-decoration:none;
}
#gnb a:hover {
	color:#b6a028;
	text-decoration:none;
}
#nav {
	position:absolute;
	right:0;
	top:24px;
	background:url(../images/main/navi_bg.gif) 0 0 no-repeat;
	width:686px;
	height:56px;
}
#nav li {
	float:left; 
	list-style:none;
	margin:0;
	padding:0;
}
#nav li a {
	display:block;
	height:56px;
	text-indent:-5000px;
	font-size:0;
}

#nav li.nav01 a {background:url(../images/main/navi.gif) 0 0 no-repeat;width:113px;}
#nav li.nav02 a {background:url(../images/main/navi.gif) -113px 0 no-repeat;width:84px;}
#nav li.nav03 a {background:url(../images/main/navi.gif) -197px 0 no-repeat;width:95px;}
#nav li.nav04 a {background:url(../images/main/navi.gif) -292px 0 no-repeat;width:94px;}
#nav li.nav05 a {background:url(../images/main/navi.gif) -386px 0 no-repeat;width:95px;}
#nav li.nav06 a {background:url(../images/main/navi.gif) -481px 0 no-repeat;width:84px;}
#nav li.nav07 a {background:url(../images/main/navi.gif) -565px 0 no-repeat;width:118px;}

#nav li.nav01 a:hover {background:url(../images/main/navi.gif) 0 -56px no-repeat;}
#nav li.nav02 a:hover {background:url(../images/main/navi.gif) -113px -56px no-repeat;}
#nav li.nav03 a:hover {background:url(../images/main/navi.gif) -197px -56px no-repeat;}
#nav li.nav04 a:hover {background:url(../images/main/navi.gif) -292px -56px no-repeat;}
#nav li.nav05 a:hover {background:url(../images/main/navi.gif) -386px -56px no-repeat;}
#nav li.nav06 a:hover {background:url(../images/main/navi.gif) -481px -56px no-repeat;}
#nav li.nav07 a:hover {background:url(../images/main/navi.gif) -565px -56px no-repeat;}

#nav li.nav01 a.on {background:url(../images/main/navi.gif) 0 -56px no-repeat;}
#nav li.nav02 a.on {background:url(../images/main/navi.gif) -113px -56px no-repeat;}
#nav li.nav03 a.on {background:url(../images/main/navi.gif) -197px -56px no-repeat;}
#nav li.nav04 a.on {background:url(../images/main/navi.gif) -292px -56px no-repeat;}
#nav li.nav05 a.on {background:url(../images/main/navi.gif) -386px -56px no-repeat;}
#nav li.nav06 a.on {background:url(../images/main/navi.gif) -481px -56px no-repeat;}
#nav li.nav07 a.on {background:url(../images/main/navi.gif) -565px -56px no-repeat;}

/* 학급페이지 */
#navClass {
	position:absolute;
	right:0;
	top:24px;
	background:url(../images/main/navi_bg_class.gif) 0 0 no-repeat;
	width:686px;
	height:56px;
	}
.clsName {
	float:left;
	display:inline;
	margin:23px 0 0 103px;
	font:12px dotum, sans-serif;
	font-weight:bold;
	color:#fff;
	}

.tchrName {
	float:right;
	display:inline;	
	margin:23px 20px 0 0;
	font:12px dotum, sans-serif;
	color:#fff;	
	}

/* 내용 */
#con {
	margin:0;
	padding:0;
	width:960px;
}

/* 왼쪽 */
#left {
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:190px;
	min-height:500px;
}

	/* 로그인 */
	#loginBoxT fieldset {margin:0px;padding:0px;border:0;}
	#loginBoxT fieldset legend {margin:0px;padding:0px;display:none;}
	#loginBoxT legend img {margin:0px;padding:0;border:0;}
	#loginBoxT label.Lid {margin:0;padding:0;display:none;}
	#loginBoxT label.Lpw {margin:0;padding:0;display:none;}

	#loginBoxT {
		background:url(../images/main/loginBox.gif) 0 0 no-repeat;
		padding:45px 10px 0 10px;
		}
	#loginBoxT form * {
		vertical-align:middle;
		}
	#loginBoxT ul {
		margin:0 0 0 4px;
		padding:0;
		}	
	#loginBoxT li {
		float:left;
		display:block;
		list-style:none;
		text-indent:3px;
		}
	#loginBoxT .btn {
		margin:-20px 0 0 0px;
		padding-bottom:1px;
		}

	#loginBoxT input.id, input.pwd {
		width:100px;
		height:16px;
		margin:0 0 1px 0;
		padding:0;
		border:1px solid #dadada;
		background:#fff;
		font:12px dotum, sans-serif;
		color:#999;
		}

	#loginBoxT p#idsave {
		clear:left;
		padding:8px 0 0;
		text-align:center;
		color:#777;
		font:12px dotum, sans-serif;
		}
	#loginBoxT p {
		clear:both;
		margin:0;
		padding:5px 0 5px 0;
		text-align:center;
		}
	#loginBoxT select {
		width:170px;
		font:12px dotum, sans-serif;
		color:#777;
		}
	#loginBoxB {
		background:url(../images/main/loginBox.gif) 0 -485px no-repeat;
		height:15px;
		}
	#avatar {padding:5px 5px;}
	#avatar img {
		float:left;
		margin-right:10px; 
		}
	#avatar ul {
		margin:0;
		padding:0;
	}
	#avatar li {
		display:block;
		width:80px;
		line-height:20px;	
		text-indent:19px;
		color:#777;	
		}
	#avatar li.info1 {
		background:url(../images/icon/icon_message.gif) 0 0 no-repeat;
		}
	#avatar li.info2 {
		background:url(../images/icon/icon_avatar.gif) 0 0 no-repeat;
		}
	#avatar li.info3 {
		background:url(../images/icon/coins.gif) 0 0 no-repeat;
		}
	#avatar li.info4 {
		background:url(../images/icon/icon_myspace.gif) 0 0 no-repeat;
	}

	#Lbnr {
		margin:10px 0;
		height:301px;
		}
	#Lbnr ul, li {	
		margin:0;
		padding:0;
		}
	#proDown {
		margin:10px 0;
		padding:0 9px;
		width:170px;
		height:95px;
		text-align:center;
		background:#f2f2f2;
		border:1px solid #d9d9d9;
		}
	#proDown ul {
		margin:0;
		padding:0;
		}
	#proDown li a{
		float:left;	
		}
		
		
		/* 서브페이지 */
	#Lmenu {
		margin-top:10px;	
		}
	#Lmenu .top {
		background:url(../images/main/Lmenu.gif) 0 0 no-repeat;
		height:46px;
	}
	#Lmenu .bottom {
		background:url(../images/main/Lmenu.gif) 0 -115px no-repeat;
		height:20px;		
	}	
	#Lmenu ul, li {
		margin:0;
		padding:0;
		}
	#Lmenu li {
		width:190px;
		}
	#Lmenu li.m1 a {
		display:block;
		background:url(../images/main/Lmenu.gif) 0 -46px no-repeat;
		height:17px;
		padding:6px 0 0 0;
		text-indent:38px;	
		color:#666;
		text-decoration:none;
		}
	#Lmenu li.m1 a:hover {
		background:url(../images/main/Lmenu.gif) 0 -69px no-repeat; 
		color:#508c55;
		text-decoration:none;		
		}
	#Lmenu li.m1 a.on {
		background:url(../images/main/Lmenu.gif) 0 -69px no-repeat;
		color:#508c55;
		text-decoration:none;		
		}
	#Lmenu li.m2 a {
		display:block;
		background:url(../images/main/Lmenu.gif) 0 -92px no-repeat;
		height:17px;
		padding:6px 0 0 0;
		text-indent:40px;
		color:#666;
		text-decoration:none;		
		}
	#Lmenu li.m2 a:hover {
		color:#c89601;
		text-decoration:none;
		
		}
	#Lmenu li.m2 a.on {
		color:#c89601;
		text-decoration:none;		
		}
		
/*  */
#right {
	float:right;
	margin:0;
	padding:0;
	width:730px;
	height:100%;
}
	#Flash {
		margin:0;
		padding:0;
		width:730px;
	}
	#Tsearch {
		margin:0;
		padding:0;
		background:url(../images/main/searchbg.gif) 0 0 no-repeat;
		width:730px;
		height:26px;
		padding:4px 0 0 0;
	}
	#Tsearch input {
		width:440px;
		height:16px;
		margin:0 0 0 135px;
		border:1px solid #dadada;
		font:12px dotum, sans-serif;
	}

	#Tsearch fieldset {padding:0;margin:0;border:0;}
	#Tsearch legend {display:none;padding:0;margin:0;}
	#Tsearch label {display:none;padding:0;margin:0;}
	#Tsearch dataSearch.label {display:none;padding:0;margin:0;}

	/* 운영중인 학급 */	
	#class {
		float:left;
		margin:5px 10px 0 0;
		padding:0;
		width:200px;
		/*height:375px;*/
		*zoom:1;
		}
	#class:after {content:"";clear:both;display:block;}
	
	#class h3 {float:left;padding:0;margin:0;}
	#class .tabs {
		position:relative;
		width:200px;
		padding:0;
		margin:0;
		}
	#class .tabs ul, li {
		margin:0;
		padding:0;
		}
	#class .tabs li {
		float:left;
		}
	#class .tabs li a.tabNav {
		display:block;
		padding:0;
		margin:5px 0 0 0;
		height:20px;
		text-indent:-5000px;
		font-size:0;
		}
	#class .tabs li.n1 a.tabNav {background:url(../images/main/class1_tab.gif) 0 0 no-repeat;width:51px;}
	#class .tabs li.n2 a.tabNav {background:url(../images/main/class1_tab.gif) -51px 0 no-repeat;width:46px;}
	#class .tabs li.n3 a.tabNav {background:url(../images/main/class1_tab.gif) -97px 0 no-repeat;width:51px;}
	#class .tabs li.n4 a.tabNav {background:url(../images/main/class1_tab.gif) -148px 0 no-repeat;width:41px;}

	#class .tabs li.n1.on a.tabNav {background:url(../images/main/class1_tab.gif) 0 -20px no-repeat;}
	#class .tabs li.n2.on a.tabNav {background:url(../images/main/class1_tab.gif) -51px -20px no-repeat;}
	#class .tabs li.n3.on a.tabNav {background:url(../images/main/class1_tab.gif) -97px -20px no-repeat;}
	#class .tabs li.n4.on a.tabNav {background:url(../images/main/class1_tab.gif) -148px -20px no-repeat;}	

	#class .tabs li.n1 a.tabNav.on {background:url(../images/main/class1_tab.gif) 0 -20px no-repeat;}
	#class .tabs li.n2 a.tabNav.on {background:url(../images/main/class1_tab.gif) -51px -20px no-repeat;}
	#class .tabs li.n3 a.tabNav.on {background:url(../images/main/class1_tab.gif) -97px -20px no-repeat;}
	#class .tabs li.n4 a.tabNav.on {background:url(../images/main/class1_tab.gif) -148px -20px no-repeat;}
	
	#class .tabCon {
		position:absolute;
		top:75px;
		left:0;
		width:180px;
		display:none;
		_top:30px;
		}
	*:first-child+html #class .tabCon {margin-top:-45px}
	#class .tabs li.on .tabCon {display:block;}
	#class .tabCon li {
		position:relative;
		top:0;
		left:0;
		display:block;
		width:180px;
		list-style:none;
		height:20px;
		text-indent:7px;
		color:#656460;
		padding:0 0 0 0px;
		background:url(../images/main/listicon1.gif) 0 5px no-repeat;
		}
	/* 모집중인 학급 */	
	#class2 {
		float:left;
		margin:5px 10px 0 0;
		width:200px;
		height:375px;
		*zoom:1;
		}
	#class2:after {content:"";clear:both;display:block;}
	
	#class2 h3 {float:left;padding:0;margin:0;}

	#class2 .tabs {
		position:relative;
		width:200px;
		padding:0;
		margin:0;
		}
	#class2 .tabs ul, li {
		margin:0;
		padding:0;
		}
	#class2 .tabs li {
		float:left;
		}
	#class2 .tabs li a.tabNav {
		display:block;
		padding:0;
		margin:5px 0 0 0;
		height:20px;
		text-indent:-5000px;
		font-size:0;
		}
	#class2 .tabs li.n1 a.tabNav {background:url(../images/main/class2_tab.gif) 0 0 no-repeat;width:51px;}
	#class2 .tabs li.n2 a.tabNav {background:url(../images/main/class2_tab.gif) -51px 0 no-repeat;width:46px;}
	#class2 .tabs li.n3 a.tabNav {background:url(../images/main/class2_tab.gif) -97px 0 no-repeat;width:51px;}
	#class2 .tabs li.n4 a.tabNav {background:url(../images/main/class2_tab.gif) -148px 0 no-repeat;width:41px;}

	#class2 .tabs li.n1.on a.tabNav {background:url(../images/main/class2_tab.gif) 0 -20px no-repeat;}
	#class2 .tabs li.n2.on a.tabNav {background:url(../images/main/class2_tab.gif) -51px -20px no-repeat;}
	#class2 .tabs li.n3.on a.tabNav {background:url(../images/main/class2_tab.gif) -97px -20px no-repeat;}
	#class2 .tabs li.n4.on a.tabNav {background:url(../images/main/class2_tab.gif) -148px -20px no-repeat;}	

	#class2 .tabs li.n1 a.tabNav.on {background:url(../images/main/class2_tab.gif) 0 -20px no-repeat;}
	#class2 .tabs li.n2 a.tabNav.on {background:url(../images/main/class2_tab.gif) -51px -20px no-repeat;}
	#class2 .tabs li.n3 a.tabNav.on {background:url(../images/main/class2_tab.gif) -97px -20px no-repeat;}
	#class2 .tabs li.n4 a.tabNav.on {background:url(../images/main/class2_tab.gif) -148px -20px no-repeat;}
	
	#class2 .tabCon {
		position:absolute;
		top:75px;
		left:0;
		width:180px;
		display:none;
		_top:30px;
		}
	*:first-child+html #class2 .tabCon {margin-top:-45px}
	#class2 .tabs li.on .tabCon {display:block;}
	#class2 .tabCon li {
		position:relative;
		top:0;
		left:0;
		display:block;
		width:180px;
		list-style:none;
		height:20px;
		text-indent:7px;
		color:#656460;
		padding:0 0 0 0px;
		background:url(../images/main/listicon2.gif) 0 5px no-repeat;
		}		

	/* 공지사항 */			
	#notice {
		float:left;
		margin:5px 0 0 20px;
		width:280px;
	}
	#notice .tabs {
		position:relative;
		width:280x;
		height:180px;	
		background:url(../images/main/notice.gif) 0 0 no-repeat;
		}
	#notice .tabs ul, li {
		margin:0;
		padding:0;
		}
	#notice .tabs li {
		float:left;
		}
	#notice .tabs li.more {float:right;margin:15px 3px 0 0;padding:0 0 1px 0;}
	#notice .tabCon {
		position:absolute;
		top:48px;
		left:0;
		width:280px;
		}
	#notice .tabCon li {
		position:relative;
		top:0;
		left:0;
		display:block;
		width:275px;
		list-style:none;
		line-height:25px;
		_padding-top:3px;
		_height:22px;
		text-indent:19px;
		color:#656460;
		/*height:21px;
		padding:4px 0 0 0;*/
		border-bottom:1px dashed #c5bf70;
		background:url(../images/main/listicon3.gif) 0 3px no-repeat;
		}
	#notice .tabCon li em {
		position:absolute;
		top:0;
		right:0;
		font-style:normal;
		font-weight:normal;
		font:12px dotum, sans-serif;
		color:#ada66c;
		padding:6px 0 0 0;
		}
	
	/* CYBER POLL */
	#cyPollT  {
		float:left;
		margin:5px 0 0 20px;
		padding:40px 10px 0;
		width:260px;		
		background:url(../images/main/cypoll.gif) 0 0 no-repeat;
		}
	#cyPollB {
		float:left;
		margin:0 0 0 20px;
		padding:0;
		width:280px;
		height:15px;
		background:url(../images/main/cypoll.gif) 0 -485px no-repeat;	
		}
	
	/*  오른쪽 배너 */
	#Rbnr {
		float:left;
		margin:10px 0 0 20px;
		padding:0;
	    width:280px;
		height:64px;
		}
	#Rbnr ul, li {
		margin:0;
		padding:0;
		}
	#Rbnr li {
		float:left;
		padding:1px;
		}
		
	/* 서브페이지 컨텐츠 영역 */

		#subcon {
		display:block;
		width:730px;
		margin:0;
		padding:20px 0 0 0;
		}
		
/* FOOTER */
#footer {
	clear:both;
	position:relative;
	margin:0;
	top:10px;
	bottom:0;
	padding:0;
	height:80px;
	background:url("../images/footer.gif") 0 0 no-repeat;
}
	#footer #Fmenu {
		position:absolute;
		left:250px;
		top:3px;
		}
	#footer #Fmenu li {
		float:left;
		list-style:none;
		}
	#footer #Fmenu li a {
		display:block;
		height:18px;
		text-indent:-5000px;
		font-size:0;
		}
	#footer #Fmenu li.f01 a {background:url(../images/main/footerM.gif) 0 0 no-repeat;width:87px;}
	#footer #Fmenu li.f02 a {background:url(../images/main/footerM.gif) -130px 0 no-repeat;width:47px;margin-left:40px;}
	#footer #Fmenu li.f03 a {background:url(../images/main/footerM.gif) -218px 0 no-repeat;width:38px;margin-left:40px;}
	#footer #Fmenu li.f04 a {background:url(../images/main/footerM.gif) -298px 0 no-repeat;width:48px;margin-left:40px;}

	/* 카운터 */
	#counter {
		position:absolute;
		right:20px;
		top:38px;
		padding:0;
		margin:0;
		width:185px;
		height:18px;
		background:url(../images/main/counter.gif) 0 0 no-repeat;
		font:11px arial, sans-serif;
		}
	#counter ul {
		margin:0;
		padding:0;
		}
	#counter li {
		list-style:none;
		width:178px;
		height:19px;
		padding:0;
		font:11px dotum, sans-serif;
		color:#4d4848;	
		text-align:right;
		padding:1px 0 0 0;
		line-height:18px;
		}