@charset "utf-8";

/* CSS Document */

body {
	margin:0;
	padding:0;
	font:12px/1.2 dotum, sans-serif;
	color:#333;
	background-color:#FFF;
}

ul, ol, li {
	list-style:none;
}
img {
	border:none;
}

#wrap {
	width:920px;
	margin:0 auto;
	background:url(../images/main/main_bg.jpg) 0 0 no-repeat;
}
#wrap.sub {
	width:920px;
	margin:0 auto;
	background:url(../images/main/sub_bg.jpg) 0 0 no-repeat;
}

#wrapclass {
	width:920px;
	margin:0 auto;
	background:url(../images/main/subClass_bg.jpg) 0 0 no-repeat;
}


}
form {
	margin:0;
	padding:0;
}
/* Header */
#header {
	position:relative;
	height:90px;
}
h1.logo {
	position:absolute;
	top:9px;
}



/* gnb */
#gnb {
	position:absolute;
	right:34px;
	top:3px;
}

#gnb li {
	float:left; 
	list-style:noen;
}
#gnb li a {
	display:block;
	height:16px;
	text-indent:-5000px;
	font-size:0;
}	
#gnb li.gnb01 a {background:url(../images/main/top_gnb.gif) 0 0 no-repeat;width:26px;}
#gnb li.gnb02 a {background:url(../images/main/top_gnb.gif) -26px 0 no-repeat;width:44px;}
#gnb li.gnb03 a {background:url(../images/main/top_gnb.gif) -70px 0 no-repeat;width:53px;}
#gnb li.gnb04 a {background:url(../images/main/top_gnb.gif) -122px 0 no-repeat;width:44px;}
#gnb li.gnb05 a {background:url(../images/main/top_gnb.gif) -166px 0 no-repeat;width:53px;}
#gnb li.gnb06 a {background:url(../images/main/top_gnb.gif) -219px 0 no-repeat;width:34px;}
#gnb li.gnb07 a {background:url(../images/main/top_gnb.gif) -302px 0 no-repeat;width:44px;}
#gnb li.gnb02-1 a {background:url(../images/main/top_gnb.gif) -249px 0 no-repeat;width:53px;}

#gnb li.gnb01 a:hover {background:url(../images/main/top_gnb.gif) 0 -16px no-repeat;}
#gnb li.gnb02 a:hover {background:url(../images/main/top_gnb.gif) -26px -16px no-repeat;}
#gnb li.gnb03 a:hover {background:url(../images/main/top_gnb.gif) -70px -16px no-repeat;}
#gnb li.gnb04 a:hover {background:url(../images/main/top_gnb.gif) -122px -16px no-repeat;}
#gnb li.gnb05 a:hover {background:url(../images/main/top_gnb.gif) -166px -16px no-repeat;}
#gnb li.gnb06 a:hover {background:url(../images/main/top_gnb.gif) -219px -16px no-repeat;}
#gnb li.gnb07 a:hover {background:url(../images/main/top_gnb.gif) -302px -16px no-repeat;}
#gnb li.gnb02-1 a:hover {background:url(../images/main/top_gnb.gif) -249px -16px no-repeat;}

#gnb li.colr01 a {background:url(../images/navi/btn_color1.gif) 0 0 no-repeat;width:19px;height:19px;}
#gnb li.colr02 a {background:url(../images/navi/btn_color2.gif) 0 0 no-repeat;width:18px;height:19px;}
#gnb li.colr03 a {background:url(../images/navi/btn_color3.gif) 0 0 no-repeat;width:18px;height:19px;}
#gnb li.colr04 a {background:url(../images/navi/btn_color4.gif) 0 0 no-repeat;width:18px;height:19px;}
#gnb li.colr05 a {background:url(../images/navi/btn_color5.gif) 0 0 no-repeat;width:18px;height:19px;}
#gnb li.colr06 a {background:url(../images/navi/btn_color6.gif) 0 0 no-repeat;width:18px;height:19px;}
#gnb li.txt01 a {background:url(../images/navi/btn_tx1.gif) 0 0 no-repeat;width:19px;height:19px;margin-left:3px;}
#gnb li.txt02 a {background:url(../images/navi/btn_tx2.gif) 0 0 no-repeat;width:17px;height:19px;}
#gnb li.txt03 a {background:url(../images/navi/btn_tx3.gif) 0 0 no-repeat;width:19px;height:19px;}


#gnb p.color {
	display:block;
	float:left;
	margin:0 0 0 3px;
}

/* Main Menu */
#nav {
	position:absolute;
	right:46px;
	top:29px;
}
#nav li {
	float:left; 
	list-style:noen;
}
#nav li a {
	display:block;
	height:34px;
	text-indent:-5000px;
	font-size:0;
	margin-right:10px;
	padding:0 7px;
}

#nav li.nav01 a {background:url(../images/main/top_menu.gif) -54px -29px no-repeat;width:64px;}
#nav li.nav02 a {background:url(../images/main/top_menu.gif) -128px -29px no-repeat;width:76px;}
#nav li.nav03 a {background:url(../images/main/top_menu.gif) -214px -29px no-repeat;width:76px;}
#nav li.nav04 a {background:url(../images/main/top_menu.gif) -300px -29px no-repeat;width:86px;}
#nav li.nav05 a {background:url(../images/main/top_menu.gif) -396px -29px no-repeat;width:99px;}
#nav li.nav06 a {background:url(../images/main/top_menu.gif) -505px -29px no-repeat;width:64px;}
#nav li.nav07 a {background:url(../images/main/top_menu.gif) -579px -29px no-repeat;width:76px;}

#nav li.nav01 a:hover {background:url(../images/main/top_menu.gif) -54px -119px no-repeat;}
#nav li.nav02 a:hover {background:url(../images/main/top_menu.gif) -128px -119px no-repeat;}
#nav li.nav03 a:hover {background:url(../images/main/top_menu.gif) -214px -119px no-repeat;}
#nav li.nav04 a:hover {background:url(../images/main/top_menu.gif) -300px -119px no-repeat;}
#nav li.nav05 a:hover {background:url(../images/main/top_menu.gif) -396px -119px no-repeat;}
#nav li.nav06 a:hover {background:url(../images/main/top_menu.gif) -505px -119px no-repeat;}
#nav li.nav07 a:hover {background:url(../images/main/top_menu.gif) -579px -119px no-repeat;}

#nav li.nav01 a.on {background:url(../images/main/top_menu.gif) -54px -119px no-repeat;}
#nav li.nav02 a.on {background:url(../images/main/top_menu.gif) -128px -119px no-repeat;}
#nav li.nav03 a.on {background:url(../images/main/top_menu.gif) -214px -119px no-repeat;}
#nav li.nav04 a.on {background:url(../images/main/top_menu.gif) -300px -119px no-repeat;}
#nav li.nav05 a.on {background:url(../images/main/top_menu.gif) -396px -119px no-repeat;}
#nav li.nav06 a.on {background:url(../images/main/top_menu.gif) -505px -119px no-repeat;}
#nav li.nav07 a.on {background:url(../images/main/top_menu.gif) -579px -119px no-repeat;}

/* 학급페이지 */
#navClass {
	position:absolute;
	left:250px;
	top:30px;
	width:630px;
	}
.clsName {
	float:left;
	display:inline;
	margin:0 0 0 90px;
	}
	.clsName .Lbg {
	float:left;	
	height:22px;
	padding:10px 0 0 20px;
	background:url(../images/main/className.gif) 0 0 no-repeat;	
	font:12px dotum, sans-serif;
	font-weight:bold;
	color:#fff;
	}
	.clsName .Rbg {
	float:left;
	height:32px;
	width:20px;
	background:url(../images/main/className.gif) -580px 0 no-repeat;
	}
.tchrName {
	float:right;
	margin:10px 0 0 0;
	font:12px dotum, sans-serif;
	color:#fff;	
	}

/* Main theme */
#main_theme {
	position:relative;
	height:287px;
}
#main_theme02	{
	position:absolute;
	right:43px;
}

/* Sub theme */
#sub_theme {
	position:relative;
	height:161px;
}
#sub_theme01 {
	position:absolute;
}
#sub_theme02 {
	position:relative;
	height:70px;
}


/* Contents */
#contents {
	margin:0;
	padding:0;
}
/* 로그인 */
#c1 {
	clear:both;
	float:left;
	width:170px;
	margin:20px 0 0 20px;
	display:inline;
}
#c1 strong { color:#2599b0; }
#c1 form * {
	 vertical-align:middle;
}
#c1 ul {
	margin:0 0 0 5px;
	padding:0 0 0 0;
}	
#c1 input.id, input.pwd {
	width:95px;
	height:16px;
	border:1px solid #dadada;
	font-size:12px;
	color:#999;
	margin:0 0 1px 7px;	
}
#c1 li.btn {
	float:right;
	margin:-44px 7px 0 0px;
	height:44px;
	display:inline;
	list-style:none;	
}
#c1 input:focus {
	border:1px solid #83c876;
}

#c1 #idsave {
	clear:left;
	padding:5px 0;
	text-align:center;
	color:#777;
}
#c1 p {
	margin:0;
	padding:5px 0;
	text-align:center;
}
#c1 select {
	width:160px;
	font:12px dotum, sans-serif;
	color:#666;
}
#c1 #avatar {
	padding:7px;
}
#c1 #avatar img {
	float:left;
	margin:0 5px 0 0;
	border:1px solid #000;
}
#c1 #avatar ul {
	margin:0;
	padding:0 0 5px 0;
}
#c1 #avatar li {
	display:block;
	float:left;
	width:80px;
	line-height:20px;	
	text-indent:20px;
}
#c1 #avatar li.info1 {
	background:url(../images/icon/icon_message.gif) 0 0 no-repeat;
}
#c1 #avatar li.info2 {
	background:url(../images/icon/icon_avatar.gif) 0 0 no-repeat;
}
#c1 #avatar li.info3 {
	background:url(../images/icon/coins.gif) 0 0 no-repeat;
}
#c1 #avatar li.info4 {
	background:url(../images/icon/icon_myspace.gif) 0 0 no-repeat;
}

#login fieldset {margin:0px;padding:0px;border:0;}
#login fieldset legend {margin:0px;padding:3px 0 0 4px;_margin-left:-5px;height:43px;line-height:43px;}
#login legend img {margin:0px;padding:0;border:0;}
#login label.Lid {margin:0;padding:0;display:none;}
#login label.Lpw {margin:0;padding:0;display:none;}


/* 서브 왼쪽메뉴 */
#left_menu {
	margin:10px 0 0 0;
}
#left_menu .top {
	background:url(../images/main/Left_m_bg.gif) 0 0 repeat-x;
	padding-top:26px;
}
#left_menu .top ul, li {
	margin:0;
	padding:0;
}
#left_menu .top li {
	border-bottom:1px dashed #ccc;
	display:block;
	width:140px;
	margin:0 10px 0 20px;	
}
#left_menu .top li.m1 {
	font-weight:bold;
	color:#777;
}
#left_menu .top li.m1 a {
	display:block;
	color:#777;
	text-decoration:none;
	background:url(../images/main/Left_m_icon.gif) 0 0 no-repeat;		
	padding:4px 0 3px 19px;
	
}
#left_menu .top li.m1 a:hover {
	color:#3cb913;
	text-decoration:none;
}
#left_menu .top li.m1 .on {
	color:#3cb913;
}
#left_menu .top .m1 a.on {
	color:#3cb913;
	background:url(../images/main/Left_m_icon.gif) 0 0 no-repeat;	
}
#left_menu .top .m2 {
	color:#777;	
}
#left_menu .top .m2 a {
	display:block;
	background:url(../images/main/Left_m_icon.gif) 0px -50px no-repeat; 
	color:#777;
	text-decoration:none;
	padding:4px 0 3px 20px;
	
}
#left_menu .top .m2 a:hover {
	color:#3cb913;
	text-decoration:none;
	background:url(../images/main/Left_m_icon.gif) 0px -100px no-repeat;	
}
#left_menu .top .m2 .on {
	color:#3cb913;
}
#left_menu .top .m2 a.on {
	color:#3cb913;
	background:url(../images/main/Left_m_icon.gif) 0px -100px no-repeat;		
}
#left_menu .bottom {
	background:url(../images/main/Left_m_bg.gif) 0 -750px no-repeat;
	width:170px;
	height:50px;
}

.bnr {
	margin:10px 0 0 0;
	text-align:center;
	padding:0 0 0 35px;
	}

/* 자율학습신청 & 공지사항 */
#c2 {
	float:left;
	width:380px;
	margin:10px 0 0 25px;
}

#c2 li {
	list-style:none;
	height:18px;
	border-bottom:1px dotted #e3e3e3;
	margin-left:20px;
	width:350px;
	position:relative;	
	padding:4px 0 0 0;	
}
#c2 li em {
	position:absolute;
	right:0;
	top:0;
	padding:4px 0 0;
	font-style:normal;
	color:#777;
}
#c2 #freestudy {
}
#c2 #notice {
	clear:both;
	margin-top:20px;
}

/* 공개학습 & 배너 */
#c3 {
	float:left;
	width:280px;
	margin:15px 0 0 25px;
}
#openstudy {
	clear:both;
	margin-top:15px;
}
.tabs {
	position:relative;
	height:138px;
	background:url(../images/main/main_open01.gif) 0 0 no-repeat;	
}
.tabs li {
	float:left;
}
.tabs li .tabNav {
	display:block;
	padding:0;
	height:33px;
	width:41px;	
	margin-right:1px;
	text-indent:-5000px;
	font-size:0;
}
.tabs li.n0 {background:url(../images/main/main_open01.gif) 0 0 no-repeat;
	width:105px;
	height:33px;
	text-indent:-5000px;
	font-size:0;
}
.tabs li.n1 a.tabNav {background:url(../images/main/main_open01.gif) -105px -33px no-repeat;}
.tabs li.n2 a.tabNav {background:url(../images/main/main_open01.gif) -147px -33px no-repeat;}
.tabs li.n3 a.tabNav {background:url(../images/main/main_open01.gif) -189px -33px no-repeat;}
.tabs li.n4 a.tabNav {background:url(../images/main/main_open01.gif) -231px -33px no-repeat;}

.tabs li.n1 a:hover.tabNav {background:url(../images/main/main_open01.gif) -105px 0 no-repeat;}
.tabs li.n2 a:hover.tabNav {background:url(../images/main/main_open01.gif) -147px 0 no-repeat;}
.tabs li.n3 a:hover.tabNav {background:url(../images/main/main_open01.gif) -189px 0 no-repeat;}
.tabs li.n4 a:hover.tabNav {background:url(../images/main/main_open01.gif) -231px 0 no-repeat;}

.tabs li.n1 a.tabNav.on {background:url(../images/main/main_open01.gif) -105px 0 no-repeat;}
.tabs li.n2 a.tabNav.on {background:url(../images/main/main_open01.gif) -147px 0 no-repeat;}
.tabs li.n3 a.tabNav.on {background:url(../images/main/main_open01.gif) -189px 0 no-repeat;}
.tabs li.n4 a.tabNav.on {background:url(../images/main/main_open01.gif) -231px 0 no-repeat;}

.tabCon {
	position:absolute;
	top:40px;
	left:0;
	width:360px;
	height:90px;
	padding-top:7px;
	background:#fff;	
	display:none;	
	}
.tabs .tabCon.on  {
	display:block;
	}	
.tabCon li {
	list-style:none;
	height:22px;
	width:275px;
	padding:0;
	margin:0;
	position:relative;	
	text-indent:10px;
}
.tabCon li em {
	position:absolute;
	right:0;
	top:-1px;
	padding:0;
	font-style:normal;
	color:#777;
}

.tabCon strong {
	color:#008dcd;
}
#c3 #banner {
	margin-top:5px;
}
#c3 #banner ul {
	margin:0;
	padding:0;
}
#c3 #banner li{
	display:block;
	list-style:none;
	float:left;
	padding:1px 1px;
	height:40px;
}


/* FOOTER */
#footer {
	clear:both;
	position:relative;
	bottom:0;
	background:url(../images/main/footer_bg.jpg) 0 100% no-repeat;
	width:920px;
	height:115px;
}
#footer_menu {
	position:absolute;
	left:224px;
	bottom:52px;
}
#footer_menu li {
	float:left;
	list-style:none;
}
#footer_menu li a {
	display:block;
	height:20px;
	text-indent:-5000px;
	font-size:0;
}
#footer_menu li.f01 a {background:url(../images/main/footer_menu.gif) 0 0 no-repeat;width:88px;}
#footer_menu li.f02 a {background:url(../images/main/footer_menu.gif) -88px 0 no-repeat;width:100px;}
#footer_menu li.f03 a {background:url(../images/main/footer_menu.gif) -188px 0 no-repeat;width:66px;}
/* 카운터 */
#counter{
	position:absolute;
	right:30px;
	bottom:22px;
	background:url(../images/main/counter_bg.gif) 0 0 no-repeat;
	width:170px;
	height:35px;
	font:11px dotum, sans-serif;
	color:#555;
}
#counter li {
	float:left;
	list-style:none;
	height:16px;
	margin-top:3px;
}
#counter li strong {
	display:block;
	font-weight:bold;
	letter-spacing:-0.05em;
	text-align:left;
	padding-left:10px;
	width:43px;
}

#counter li.con {
	display:block;
	width:110px;
	text-align:right;
	padding:0;
}