@charset "euc-kr";

/*
À¥ ÆÛºí¸®½Ì
ÀÛ¾÷ÀÚ:±èÀºÁ¤(lulubong@hanmail.net) 
*/
/*·¹À̾ƿô*/
#mainLayout {
	position:relative;
	float:left;
	width:100%;
	background:url(../images/mainLayoutBg.gif) repeat-x left top;
	}
#popupBody {
	position:relative;
	z-index:2;
	}
#topArea {
	position:relative;
	width:984px;
	height:125px;
	padding-left:15px;
	background:url(../images/topAreaBg.jpg) no-repeat left top;
	z-index:1;
	}
	#top{
		width:100%;
		}

#contentArea {
	overflow:hidden;
	width:984px;
	padding-left:15px;
	}
	#leftArea {
		overflow:hidden;
		position:relative;
		float:left;
		width:254px;
		height:371px;
		height:490px;
		margin-top:15px;
		margin-right:34px;
		background:url(../images/leftAreaBg.gif) no-repeat left 130px;
		}

	#centerArea {
		overflow:hidden;
		position:relative;
		float:left;
		width:332px;
		height:365px;
		margin-top:21px;
		margin-right:28px;
		}
	#rightArea {
		overflow:hidden;
		float:left;
		width:221px;
		height:371px;
		margin-top:15px;
		margin-right:32px;
		}

#footerArea {
	margin-top:-119px;
	clear:both;
	float:left;
	width:100%;
	background:url(../images/contentWrapperBg.gif) repeat-x left 196px;
	}


.skipContent {
	position:absolute;
	top:18px;
	left:902px;
	width:80px;
	height:18px;
	overflow:visible;
	visibility:visible;
	z-index:10;
	}
.obj {
	margin-bottom:20px;
	}

/*»ó´Ü¿µ¿ª*/
#top img {
	display:block;
	}
.logo {
	float:left;
	margin:52px 26px 0 0;
	}
.gnb {
	display:inline;
	overflow:hidden;
	float:right;
	height:23px;
	padding-top:22px;
	font-size:0.92em;
	margin-right:98px;
	}
	.gnb li {
		float:left;
		padding:0 5px;
		margin-right:-1px;
		background:url(../images/gnbBar.gif) no-repeat right 1px;
		}

#mainFlash {
	clear:both;
	height:302px;
	padding-left:15px;
	background:url(../images/contentAreaBg.jpg) no-repeat left bottom;
	}
	#mainVisualFlash {
		float:left;
		}
/*¸ÞÀθ޴º*/
#topMenu {
	position:relative;
	float:left;
	width:742px;
	height:83px;
	z-index:16;
	background:url(../images/mainMenu.gif) no-repeat right 17px;
	}
	#topMenu .depth1List {
		display:inline;
		position:relative;
		float:left;
		}
		#topMenu li.depth1List:hover img, #topMenu li.selected img {
			margin-top:-83px;
			}
		#topMenu .depth1List .tabArea {	
			display:block;
			float:left;
			overflow:hidden;
			height:83px;
			}
				
	#topMenu .depth2Wrap  { 
		display:none;
		float:left;
		width:100px;
		position:absolute;
		left:2px;
		top:83px;
		margin:0;
		background:url(../images/depth2Bg.gif) no-repeat left bottom;
		}	
	#topMenu .depth1List:hover .depth2Wrap, #topMenu .selected .depth2Wrap {
		display:block;
		}
		#topMenu .depth2 { 
		float:left;
		width:100px;
		padding:13px 0 15px 0;
		background:url(../images/depth2WrapBg.gif) no-repeat left top;
			}
		#topMenu .depth2List {
			display:inline;
			float:left;
			width:98px;
			margin-left:1px;
			line-height:160%;
			text-align:center;
				letter-spacing:-1px;
				background:url(../images/dotLine.gif) repeat-x left bottom;
			}
			#topMenu .depth2List span {
				display:block;
				float:left;
				width:90px;
				padding:0 5px;
				padding-top:4px;
				font-size:11px;
				}

			#topMenu .depth2List:hover span {
				letter-spacing:-1px;
				background:url(../images/depth2SpanBg.gif) repeat-y left top;
				}
				
				#topMenu .depth2List:hover a {
				color:#fff;
					}

/*·Î±×ÀÎ */
#loginObj {
	overflow:hidden;
	width:100%;
	height:130px;
	background:url(../images/loginBg.gif) no-repeat right top;
	}
#loginWrapper {
	padding-right:32px;
	padding-left:14px;
	padding-top:31px;
	background:url(../images/loginObjBg.gif) no-repeat 168px 21px;
	}
#loginObj .objTop {
	overflow:hidden;
	height:21px;
	}
#loginObj .objContent {
	position:relative;
	width:100%;
	padding-bottom:5px;
	}
#idRow , #pwRow {
	margin-bottom:2px;
	}

	#idRow label, #pwRow label {
		display:block;
		float:left;
		margin-right:8px;
		
		}
		#idInput, #pwInput {
			width:76px;
			height:17px;
			font-size:0.92em;
			padding:0;
			border:#cccbca 1px solid;;
			background:url(../images/inputBg.gif) repeat-x left top;;
			}
			*+html #idInput {
				margin-top:-2px;
				}
			*html #idInput {
				width:74px;
				margin-top:-1px;
				}
			*+html #pwInput {
				margin-top:-2px;
				}
			*html #pwInput {
				width:74px;
				margin-top:-2px;
				}
		#loginBtn {
			position:absolute;
			top:0;
			right:3px;
			}
			#saveIDRow {
				margin-top:8px;
				}
			#saveIDRow input {
				float:left;
				}
			#saveIDRow label {
				float:left;
				margin-top:6px;
				font-size:0.92em;
				color:#818181;
				letter-spacing:-1px;
				}

		#loginBtnArea {
			position:absolute;
			top:53px;
			right:3px;
			font-size:0.92em;
			}
			#loginBtnArea .join {
				float:left;
				margin-right:3px;
				}
			#loginBtnArea .find {
				float:left;
				}

/*·Î±×¾Æ¿ô */
#logoutObj {
	overflow:hidden;
	width:100%;
	height:130px;
	background:url(../images/loginBg.gif) no-repeat right top;
	}
#logoutWrapper {
	padding-right:32px;
	padding-left:14px;
	padding-top:31px;
	background:url(../images/loginObjBg.gif) no-repeat 168px 21px;
	}
#logoutObj .objTop {
	overflow:hidden;
	height:21px;
	}
#logoutObj .objContent {
	position:relative;
	width:100%;
	}
	#logoutObj .objContent .comment {
		margin:0;
		padding:10px 0 10px 10px;
		font-size:0.92em;
		background:url(../images/logoutCommentBg.gif) no-repeat left 8px;
		}
		#logoutObj .objContent .comment .memberName{
			color:#044089;
			font-weight:bold;
			}

		#logoutBtnArea {
			float:right;
			height:25px;
			margin-top:8px;
			font-size:0.92em;
			color:#7c7b7b;
			background:url(../images/gnbBar.gif) no-repeat 73px 1px;
			}
				#logoutBtnArea a {
					color:#7c7b7b;
					}
			#logoutBtn {
			position:absolute;
			top:0px;
			right:0px;
			}
			#logoutBtnArea .myPage {
				padding-left:13px;
				background:url(../images/myPageIcon.gif) no-repeat left top;
				}
			#logoutBtnArea .messageBox {
				padding-left:13px;
				margin-left:7px;
				background:url(../images/messageBoxIcon.gif) no-repeat left top;
				}
				#logoutBtnArea .num {
					color:#a00d0c;
					}
/*Ãß°¡¹è³Ê*/
#addBanner  {
	width:236px;
	padding-left:18px;
	padding-top:16px;
	}
#addBanner li {
	display:inline;
	}
#addBanner img {
	display:block;
	}

/*¸µÅ©*/
#link {
	display:none;
	clear:both;
	overflow:hidden;
	padding-left:20px;
	}
	#link label {
		visibility:hidden;
		width:0;
		height:0;
		font-size:0;
		line-height:0;
		position:absolute;
		}
	*html #site, *html #menu, *+html #site, *+html #menu {
		vertical-align:3px;
		}
	#site, #menu {
		width:175px;
		vertical-align:5px;
		}


/*ÃֽűÛ*/
#recentBoard {
	position:relative;
	float:left;
	width:247px;
	margin-right:19px;
	} 


#recentBoard .objTop {
	float:left;
	width:100%;
	height:18px;
	padding-top:7px;
	background:url(../images/dotLine2.gif) repeat-x left 11px;
	}
#recentBoard .objTop h3 {
	float:left;
	visibility:visible;
	width:auto;
	height:16px;
	line-height:120%;
	font-size:12px;
	font-weight:bold;
	padding-right:80px;
	background:url(../images/titBg.gif) no-repeat right 4px;
	}
	#recentBoard .objTop h3 .title {
		display:block;
		float:left;
		height:15px;
		padding-left:15px;
		padding-top:1px;
		background:url(../images/titBu1.gif) no-repeat left top;
		}
	#recentBoard .objTop h3 span a {
		padding-left:5px;
		background:#fff;
		}
#recentBoard .objContent ul {
	float:left;
	}

#recentBoard .objContent ul li { 
	float:left;
	width:100%;
	line-height:200%;
	background:url(../images/dotLine.gif) repeat-x left bottom;
	}
	#recentBoard .objContent ul li a {
		color:#545454;
		}
	#recentBoard .objContent ul li .title {
		display:inline;
		overflow:hidden;
		float:left;
		width:157px;
		padding-left:9px;
		white-space:nowrap;
		text-overflow:ellipsis;
	background:url(../images/noticeArrowBg.gif) no-repeat 5px 50%;
		}
		#recentBoard .objContent ul li .title a {
			font-weight:normal;
			}
	#recentBoard .objContent ul li .newIco {
		float:left;
		margin-top:7px;
		}
	#recentBoard .objContent ul li .date {
		overflow:hidden;
		float:right;
		color:#545454;
		padding-right:5px;
		}
	#recentBoard .moreBtn {
		position:absolute;
		top:9px;
		right:0;
		padding-top:1px;
		padding-right:13px;
		padding-left:2px;
		font-size:11px;
		background:url(../images/moreType2.gif) no-repeat right top;
		}
/*Çб³¼Ò½Ä*/
#schoolNews {
	position:relative;
	float:left;
	width:247px;
	} 


#schoolNews .objTop {
	float:left;
	width:100%;
	height:18px;
	padding-top:7px;
	background:url(../images/dotLine2.gif) repeat-x left 11px;
	}
#schoolNews .objTop h3 {
	float:left;
	visibility:visible;
	width:auto;
	height:16px;
	line-height:120%;
	font-size:12px;
	font-weight:bold;
	padding-right:80px;
	background:url(../images/titBg.gif) no-repeat right 4px;
	}
	#schoolNews .objTop h3 .title {
		display:block;
		float:left;
		height:15px;
		padding-left:15px;
		padding-top:1px;
		background:url(../images/titBu1.gif) no-repeat left top;
		}
	#schoolNews .objTop h3 span a {
		padding-left:5px;
		background:#fff;
		}
#schoolNews .objContent ul {
	float:left;
	}

#schoolNews .objContent ul li { 
	float:left;
	width:100%;
	line-height:200%;
	background:url(../images/dotLine.gif) repeat-x left bottom;
	}
	#schoolNews .objContent ul li a {
		color:#545454;
		}
	#schoolNews .objContent ul li .title {
		display:inline;
		overflow:hidden;
		float:left;
		width:157px;
		padding-left:9px;
		white-space:nowrap;
		text-overflow:ellipsis;
	background:url(../images/noticeArrowBg.gif) no-repeat 5px 50%;
		}
		#schoolNews .objContent ul li .title a {
			font-weight:normal;
			}
	#schoolNews .objContent ul li .newIco {
		float:left;
		margin-top:7px;
		}
	#schoolNews .objContent ul li .date {
		overflow:hidden;
		float:right;
		color:#545454;
		padding-right:5px;
		}
	#schoolNews .moreBtn {
		position:absolute;
		top:9px;
		right:0;
		padding-top:1px;
		padding-right:13px;
		padding-left:2px;
		font-size:11px;
		background:url(../images/moreType2.gif) no-repeat right top;
		}
/* °øÁö»çÇ×*/
#notice {
	position:relative;
	float:left;
	width:100%;
	margin-right:19px;
	} 


#notice .objTop {
	float:left;
	width:100%;
	height:43px;
	background:url(../images/noticeLineBg.gif) repeat-x left 28px;
	}
#notice .objTop h3 {
	float:left;
	visibility:visible;
	width:auto;
	height:auto;
	}
	#notice .objTop h3 .title {
		display:block;
		float:left;
		height:15px;
		padding-left:15px;
		padding-top:1px;
		background:url(../images/titBu2.gif) no-repeat left top;
		}
	#notice .objTop h3 span a {
		padding-left:5px;
		background:#fff;
		}
#notice .objContent ul {
	float:left;
	}

#notice .objContent ul li { 
	float:left;
	width:100%;
	line-height:180%;
	}
	#notice .objContent ul li a {
		color:#545454;
		}
	#notice .objContent ul li .title {
		display:inline;
		overflow:hidden;
		float:left;
		width:247px;
		padding-left:9px;
		white-space:nowrap;
		text-overflow:ellipsis;
	background:url(../images/noticeArrowBg.gif) no-repeat 5px 50%;
		}
		#notice .objContent ul li .title a {
			font-weight:normal;
			}
	#notice .objContent ul li .newIco {
		float:left;
		margin-top:7px;
		}
	#notice .objContent ul li .date {
		overflow:hidden;
		float:right;
		color:#545454;
		padding-right:5px;
		}
	#notice .moreBtn {
		position:absolute;
		top:7px;
		right:0;
		}

/* ±³Á÷¿ø ²ÞÅÍ*/
#teacherDream {
	position:relative;
	float:left;
	width:247px;
	} 


#teacherDream .objTop {
	float:left;
	width:100%;
	height:18px;
	padding-top:7px;
	}
#teacherDream .objTop h3 {
	float:left;
	visibility:visible;
	width:auto;
	height:16px;
	line-height:120%;
	font-size:12px;
	font-weight:bold;
	padding-right:80px;
	background:url(../images/titBg.gif) no-repeat right 4px;
	}
	#teacherDream .objTop h3 .title {
		display:block;
		float:left;
		height:15px;
		padding-left:15px;
		padding-top:1px;
		background:url(../images/titBu2.gif) no-repeat left top;
		}
	#teacherDream .objTop h3 span a {
		padding-left:5px;
		background:#fff;
		}
#teacherDream .objContent ul {
	float:left;
	}

#teacherDream .objContent ul li { 
	float:left;
	width:100%;
	line-height:200%;
	background:url(../images/dotLine.gif) repeat-x left bottom;
	}
	#teacherDream .objContent ul li a {
		color:#545454;
		}
	#teacherDream .objContent ul li .title {
		display:inline;
		overflow:hidden;
		float:left;
		width:157px;
		padding-left:9px;
		white-space:nowrap;
		text-overflow:ellipsis;
	background:url(../images/noticeArrowBg.gif) no-repeat 5px 50%;
		}
		#teacherDream .objContent ul li .title a {
			font-weight:normal;
			}
	#teacherDream .objContent ul li .newIco {
		float:left;
		margin-top:7px;
		}
	#teacherDream .objContent ul li .date {
		overflow:hidden;
		float:right;
		color:#545454;
		padding-right:5px;
		}
	#teacherDream .moreBtn {
		position:absolute;
		top:9px;
		right:0;
		padding-top:1px;
		padding-right:13px;
		padding-left:2px;
		font-size:11px;
		background:url(../images/moreType1.gif) no-repeat right top;
		}

/* Ãֱپٹü ÃÖ±Ù±Û*/
#recentAlbum {
	overflow:hidden;
	float:left;
	clear:both;
	width:100%;
	}
	#recentAlbum .objTop {
		float:left;
		width:100%;
		background:url(../images/recentAlbumObjTopBg.gif) no-repeat right 16px;
		}
		#recentAlbum h3 {
			visibility:visible;
			float:left;
			width:auto;
			height:auto;
			}
	#recentAlbum .objContent  {
		float:left;
		width:100%;
		height:145px;
		background:url(../images/recentAreaBg.gif) no-repeat left top;
		}
	#recentAlbum .objContent ul {
		float:left;
		width:524px;
		padding-top:37px;
		padding-left:8px;
		}
	#recentAlbum .objContent li {
	
		float:left;
		width:103px;
		margin-right:1px;
			text-align:center;
		text-overflow:ellipsis;

		}
		#recentAlbum .objContent li img {
			width:85px;
			height:58px;
			border:#cdcdcd 1px solid;
			}
		#recentAlbum .objContent li .title {
			display:inline-block;
			overflow:hidden;
			width:95px;
			margin-top:7px;
			text-overflow:ellipsis;
			white-space:nowrap;
			}
		#recentAlbum .objContent li .title a {
			font-size:0.92em;
			
			}


/*¹è³ÊÁ¸*/
/*
#bannerZoneObj {
	display:inline;
	position:relative;
	float:left;
	width:513px;
	height:92px;
	background:url(../images/bannerZoneBtmBg.gif) no-repeat right bottom;
	}
#bannerZoneObj .objTop {
	float:left;
	width:475px;
	height:24px;
	padding-left:38px;
	padding-top:7px;
	background:url(../images/bannerZoneTopBg.gif) no-repeat left top;
	}
	#bannerZoneObj .objTop h3 {
		visibility:visible;
		height:auto;
		width:auto;
		}
#bannerZoneObj .objContent {
	overflow:hidden;
	float:left;
	padding-left:8px;
	padding-top:8px;
	width:505px;
	height:53px;

	}
#bannerZoneObj .objContent ul {
	width:500px;
	}
#bannerZoneObj .objContent li {
	float:left;
	margin-right:4px;
	}
#bannerZoneObj .objContent li img {
	width:117px;
	height:36px;
	border:#ddd 1px solid;
	}

#bannerZoneObj .objBtm a {
	position:absolute;
	top:10px;
	color:#717171;
	font-size:0.92em;
	font-family:"µ¸¿ò",dotum;
	}
	#bannerZoneObj .objBtm .bannerPlay {
		left:125px;
		}
	#bannerZoneObj .objBtm .bannerStop {
		left:165px;
		}
	#bannerZoneObj .objBtm .bannerControlTop {
		left:223px;
		}
	#bannerZoneObj .objBtm .bannerControlDown {
		left:266px;
		}
	#bannerZoneObj .objBtm .moreBtn {
		top:9px;
		right:14px;
		padding-top:1px;
		padding-right:13px;
		padding-left:2px;
		font-size:11px;
		background:url(../images/moreType2.gif) no-repeat right top;
		}
*/
	

/* Çà»ç ¾Ë¸®¹Ì ½ÃÀÛ  */
#calendarAlarm {
	position:relative;
	float:left;
	width:100%;
	padding-bottom:15px;
	background:url(../images/calendarAlarmLineBg.gif) repeat-x left bottom;

	}
#calendarAlarm .objTop {
	float:left;
	width:221px;
	height:39px;
	margin-bottom:5px;
	background:url(../images/calendarAlarmLineBg.gif) repeat-x left bottom;
	}
	#calendarAlarm .objTop h3 {
		float:left;
		visibility:visible;
		width:auto;;
		height:auto;
		margin-right:5px;
		line-height:120%;
		font-size:12px;
		font-weight:bold;
		}
	#calendarAlarm .calendarDate {
		margin-top:17px;
		font-size:14px;
		color:#669f15;
		font-weight:bold;
		letter-spacing:-1px;
		}

#calendarAlarm .objContent {
	display:inline;
	float:left;
	width:220px;
	height:70px;
	margin:0;
	padding:2px 0px 10px 0;
	overflow-y:scroll;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-highlight-color:#c6c6c6;
	scrollbar-shadow-color:#6c6c6c;
	scrollbar-darkshadow-color:#fff;
	scrollbar-arrow-color:#9a9a9a;
	scrollbar-track-color:#fff; 
	background:#fff;
	}
#calendarAlarm .objContent ul {
	width:100%;
	}
*+html #calendarAlarm .objContent ul {
	width:91%;
	}
*html #calendarAlarm .objContent ul {
	width:91%;
	}
#calendarAlarm .objContent li {
	overflow:hidden;
	float:left;
	width:100%;
	line-height:200%;
	font-size:14px;
	}

	#calendarAlarm .alarmDate {
		float:left;
		padding-right:8px;
		margin-right:5px;
		background:url(../images/calendarDateBg.gif) no-repeat right 9px;
		}
	
	#calendarAlarm .popup {
		display:block;
		overflow:hidden;
		color:#282828;
		white-space:nowrap;
		text-overflow:ellipsis;
		}
	#calendarAlarm .alarmNotice a:hover {
		text-decoration:none;
		}
#calendarAlarm .moreBtn {
	position:absolute;
	top:19px;
	right:6px;
	}


/*¿ì¸®¹æ ¼Ò°³*/
#classIntro {
	float:left;
	width:100%;
	padding-bottom:15px;
	background:url(../images/classIntroBtmBg.gif) no-repeat left bottom;
	}
#classIntro .classIntroWrap {
	float:left;
	width:100%;
	background:url(../images/classIntroTopBg.gif) no-repeat left top;
	}
#classIntro .objTop {
	height:33px;
	padding-top:23px;
	padding-left:66px;
	}
#classIntro h3 {
	visibility:visible;
	width:auto;
	height:auto;
	}
#classIntro ul {
	padding-left:13px;
	}
#classIntro li {
	float:left;
	margin-right:3px;
	margin-bottom:2px;
	}
#classIntro img {
	display:block;
	}


	/*Äü¸Þ´º*/
#quickMenu {
	position:relative;
	float:left;
	width:75px;
	padding-bottom:58px;
	background:url(../images/quickMenuBg.gif) no-repeat left bottom;
	}

	#quickMenu img {
		display:block;
		}
	#quickMenu .objTop {
		float:left;
		width:100%;
		}
	
	#quickMenu .objContent {
		display:inline;
		float:left;
		width:63px;
		margin-left:6px;
		padding-top:10px;
		}
		

		#quickMenu .quickMenu1 {
			display:inline;
			float:left;
			width:63px;
			padding-bottom:4px;
			}
			#quickMenu ul {
				margin-left:5px;
				}
		#quickMenu .quickMenu2 {
			display:inline;
			float:left;
			width:63px;
			padding-top:6px;
			border-top:#dbdbdb 1px solid;
			}
			#quickMenu .quickMenu2 li {
				margin-right:1px;
				}
			#quickMenu .subTit {
				float:left;
				margin-bottom:4px;
				}
		#quickMenu .objContent li {
			float:left;
			}
		#quickMenu .quickMenu2 li {
				margin-right:1px;
				}
		#quickMenu .quickMenu1 li {
				margin-right:2px;
				}
		#quickMenu .quickMenu3 {
			margin-top:7px;
			display:inline;
			float:left;
			width:63px;
			padding-top:10px;
			border-top:#dbdbdb 1px solid;
			}
			#quickMenu .quickMenu3 .subTit {
				position:absolute;
				visibility:hidden;
				}
			#quickMenu .quickMenu3 ul {
				margin:0;
				}
	#quickMenu #topBtn {
		position:absolute;
		bottom:12px;
		left:26px;
		}

#footerMenu {		
	display:inline;
	float:left;
	padding-top:20px;
	padding-bottom:40px;
	min-height:57px;
	padding-left:47px;
	}
	*html #footerMenu {
		height:57px;
		}
#footerMenuList {
	overflow:hidden;
	float:left;
	width:809px;
	padding-bottom:5px;
	margin-bottom:13px;
	border-bottom:#acacac 1px solid;
	}
#footerMenuList a {
	color:#2b2c2d;
	}
#footerMenuList ul {
	width:100%;
	margin-left:-1px;

	}
#footerMenuList li {
	float:left;
	padding:0 6px;
	background:url(../images/footerBar.gif) no-repeat left 3px;
	}

#copyright {
	float:left;
	clear:both;
	width:800px;
	font-size:0.92em;

	}
	address {
		float:left;
		font-style:normal;
		margin-right:4px;
		}
	#copyright .telArea {
		float:left;
		white-space:nowrap;
		}
	#copyright .copyr {
		clear:both;
		float:left;
		width:800px;
		}
	#copyright .schoolName {
		font-weight:bold;
		color:#447800;
		}

/*¶óÀÎó¸®*/
.RTBg {	 
position:absolute;
top:0;
right:0;
width:12px;
height:119px;
background:url(../images/RTbg.gif) no-repeat left top;
}
.RBBg {	 
position:absolute;
bottom:0;
right:0;
width:12px;
height:190px;
background:url(../images/RBbg.gif) no-repeat left top;
}

/* ÁÖ¿ä»ö»ó Á¶Àý¿ë css 2009-10-14 Á¾Å */
#bgclass1 { background:#000; color:yellow; }
#bgclass1 * { background:#000; color:yellow; }
#bgclass1 a { color:yellow; }
#bgclass1 a:hover { text-decoration:underline; }
#bgclass1 a:visited { color:yellow; font-weight:bold; }
#bgclass1 #topMenu * { background:#000; color:yellow; }
#bgclass1 #notice * { background:#000; color:yellow; }
#bgclass1 #recentAlbum * { background:#000; color:yellow; }
#bgclass1 #calendarAlarm * { background:#000; color:yellow;}
#bgclass1 #bannerZone * { background:#000; color:yellow;}
#bgclass1 #classIntro * { background:#000; color:yellow; }
#bgclass1 #hompyLink * { background:#000; color:yellow;}
#bgclass1 #noticeBannerList * { background:#000; color:yellow;}
#bgclass1 #login * { background:#000; color:yellow;}
#bgclass1 #login input { border:#fff 1px solid;}
#bgclass1 #login #loginBtnArea a { background:#000; color:yellow;}
#bgclass1 #logout * { background:#000; color:yellow;}
#bgclass1 #logout .objContent #logoutInfo   { background:#000; color:yellow;}
#bgclass1 #logout .objContent #logoutInfo .name  { background:#000; color:yellow;}
#bgclass1 #bannerList * { background:#000; color:yellow;}
#bgclass1 .depth2 { background:#000; border:#fff 1px solid; }
#bgclass1 .depth3 { background:#000; border:#fff 1px solid; }
#bgclass1 #quickArea * { background:#000; }
#bgclass1 #footerArea #footerMenu * {background:#000; color:yellow; }

#bgclass2 { background:#fff; color:black; }
#bgclass2 * { background:#fff; color:black; }
#bgclass2 a { color:black; }
#bgclass2 a:hover { text-decoration:underline; }
#bgclass2 a:visited { color:black; font-weight:bold; }
#bgclass2 #topMenu * { background:#fff; color:black; }
#bgclass2 #calendarAlarm * { background:#fff; color:black; }
#bgclass2 #notice * { background:#fff; color:black;  }
#bgclass2 #recentAlbum * { background:#fff; border:0; }
#bgclass2 #recentAlbum * { background:#fff; border:0; }
#bgclass2 #hompyLink * { background:#fff; }
#bgclass2 #classIntro * { background:#fff; color:black; }
#bgclass2 #noticeBannerList * { background:#fff;color:black; }
#bgclass2 #login * { background:#fff; color:black;}
#bgclass2 #login input { border:#000 1px solid;}
#bgclass2 #login #loginBtnArea a { background:#fff; color:black;}
#bgclass2 #logout * { background:#fff; color:black;}
#bgclass2 #logout .objContent #logoutInfo   {background:#fff; color:black;}
#bgclass2 #logout .objContent #logoutInfo .name  {background:#fff; color:black;}
#bgclass2 #bannerList * {background:#fff;}
#bgclass2 .depth2 { background:#fff; }
#bgclass2 .depth2 { background:#fff; border:#000 1px solid; }
#bgclass2 #quickArea * { background:#fff; }
#bgclass2 #footerArea #footerMenu * {background:#fff; color:black;}
#bgclass2 #popupZone * { background:#fff; color:black; }

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