@charset "utf-8";
/**************************************************
프로그램ID : main.css
프로그램명 : Main Cascading Style Sheets
작  성  자 : 신세연(seyoun1205@nate.com)
최초작성일 : 2010/01/18
최종작성일 : 
참고  사항 : 메인페이지
****************************************************/





/*Common*/
* {
	margin:0;
	padding:0;
}

html, body {
	margin:0;
	padding:0;
	background:#ffffff;
}

a:active, a:link, a:visited {
	text-decoration:none;
	color:#939393;
	font-family:dotum,"돋움",verdana;
}
a:hover {
	text-decoration:underline;
	color:#4e4e4e;
	font-family:dotum,"돋움",verdana;
}
.png24 {tmp:expression(setPng24(this));}
select {font-size:12px; color:#939393; font-family:dotum,"돋움",verdana;}

div, p, u, span {
	font-family:dotum,"돋움",verdana;
	font-size:12px;
	line-height:18px;
}
table, thead, tbody, tr, th, td {
	margin:0;
	padding:0;
}
ul, ol, li, dl, dt, dd {
	list-style:none;
	margin:0;
	padding:0;
	vertical-align:top;
	font-size:0; line-height:0;
}
img {
	display:inline; 
	font-size:0;
	line-height:0;
	border:0;
	vertical-align:top;
}
form {
	margin:0;
	padding:0;
}
	select {
		behavior:url("selectBox.htc");
		/* 2010-02-16 셀렉트박스 디자인처럼 표현하기
		color:#b1b1b1;
		font-family:dotum,"돋움",verdana;
		font-size:12px;
		line-height:14px;
		*/
	}

.fl {float:left; text-align:left;}
.fc {float:center; text-align:center;}
.fr {float:right; text-align:right;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;	
}
.clearfix {clear:both; display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */





/* Main Layout */
#wrapTop {
	z-index:1;
	width:100%;
	height:20px;
	/*height:200px;*/
}
#wrapMain {
	z-index:1;
	clear:both;
	width:100%;
	margin:69px 0 0 0;
	padding:0;
}
	#wrapMain .visual {
		/* 이미지일경우
		clear:both;
		margin:0 auto;
		width:920px;
		height:578px;
		text-align:center;
		*/
		z-index:1;
		width:920px;
		/*width:100%*/
		height:489px;
		margin:0 auto;

	}
	#wrapMain .listLine {
		clear:both;
		width:100%;
		text-align:center;
		background:#ffffff;
		border-top:1px solid #e9e6df;
	}
	#wrapMain .listLine .event {
		clear:both;
		margin:0 auto;
		width:920px;
	}
	#wrapMain .listLine .lecture {
		clear:both;
		margin:0 auto;
		width:920px;
	}
	/* 이벤트,추천강좌 닫혀있을때 */
	#wrapMain .event ul.closed {
		height:15px;
		*height:15px;
		_height:15px;
		margin:0;
		padding:12px 0 10px 0;
		*margin:12px 0 11px 0;
		*padding:0;
		_margin:12px 0 11px 0;
		_padding:0;
	}
	#wrapMain .lecture ul.closed {
		height:15px;
		*height:15px;
		_height:15px;
		margin:0;
		padding:12px 0 10px 0;
		*margin:12px 0 11px 0;
		*padding:0;
		_margin:12px 0 11px 0;
		_padding:0;
	}
		.event ul.closed li.titleImg,
		.lecture ul.closed li.titleImg {
			float:left;
			width:169px;
			text-align:left;
		}
		ul.closed li.subject {
			float:left;
			width:652px;
			color:#6d675f;
			font-family:dotum,"돋움",verdana;
			font-size:11px;
			line-height:15px;
			text-align:left;
		}
			ul.closed li.subject a {
				color:#6d675f;
				font-family:dotum,"돋움",verdana;
				font-size:11px;
				line-height:15px;
			}
			ul.closed li.subject img {
				vertical-align:middle;
			}
		ul.closed li.date {
			float:left;
			width:60px;
			color:#a7a7a7;
			font-family:dotum,"돋움",verdana;
			font-size:11px;
			line-height:15px;
			text-align:left;
		}
		ul.closed li.arrow {
			float:left;
			width:39px;
			text-align:right;
		}
	/* 이벤트,추천강좌 열려있을때 */
	#wrapMain .event ul.opened {
		margin:0;
		padding:11px 0 21px 0;
		*margin:11px 0 0 0;
		*padding:0;
		_margin:11px 0 21px 0;
		_padding:0;
	}
	#wrapMain .lecture ul.opened {
		margin:0;
		padding:11px 0 22px 0;
		*margin:11px 0 0 0;
		*padding:0;
		_margin:11px 0 22px 0;
		_padding:0;
	}
		.event ul.opened li.titleImg,
		.lecture ul.opened li.titleImg {
			float:left;
			width:169px;
			text-align:left;
		}
		.event ul.opened li.banImg,
		.lecture ul.opened li.banImg {
			float:left;
			width:257px;
			height:115px;
			margin:0;
			padding:0 23px 0px 0;
			*margin:0 23px 0 0;
			*padding:0;
			_margin:0 23px 0 0;
			_padding:0;
			text-align:left;
		}
		ul.opened li.opList {
			float:left;
			width:432px;
			margin:-3px 0 0 0;
			padding:0 0 17px 0;
			text-align:left;
		}
			li.opList ol li.subject {
				display:inline;
				float:left;
				width:359px;
				padding:0 0 0 13px;
				color:#a7a7a7;
				font-family:dotum,"돋움",verdana;
				font-size:12px;
				line-height:20px;
				background:url("../images/Main/bull_arrow.gif") no-repeat 0 6px;
			}
			li.opList ol li.subject a, 
			li.opList ol li.subject a:link, 
			li.opList ol li.subject a:visited, 
			li.opList ol li.subject a:active,
			li.opList ol li.subject a:hover {
				color:#a7a7a7;
				font-family:dotum,"돋움",verdana;
				font-size:12px;
				line-height:20px;
			}
			li.opList ol li.subject img {
				vertical-align:middle;
			}
			li.opList ol li.subject2 {
				float:left;
				width:359px;
				padding:0 0 0 13px;
				color:#15aae8;
				font-family:dotum,"돋움",verdana;
				font-size:14px;
				line-height:22px;
				font-weight:bold;
				background:url("../images/Main/bull_arrow.gif") no-repeat 0 6px;
			}
			li.opList ol li.subject2 a, 
			li.opList ol li.subject2 a:link, 
			li.opList ol li.subject2 a:visited, 
			li.opList ol li.subject2 a:active,
			li.opList ol li.subject2 a:hover {
				color:#5a5a5a;
				font-family:dotum,"돋움",verdana;
				font-size:14px;
				line-height:22px;
			}
			li.opList ol li.subject2 img {
				vertical-align:middle;
			}
				li.opList ol li.subject2 dl.first {
					width:407px;
					height:15px;
					margin:3px 0 4px 0;
					text-align:left;
				}
				li.opList ol li.subject2 dl.first dt {
					float:left;
					width:47px;
					height:15px;
					font-weight:normal;
				}
				li.opList ol li.subject2 dl.first dd {
					float:left;
					width:360px;
					margin:-3px 0 0 0;
					_margin:-2px 0 0 0;
					color:#5a5a5a;
					font-family:dotum,"돋움",verdana;
					font-size:11px;
					line-height:20px;
					font-weight:normal;
				}
					li.opList ol li.subject2 dl.first dd a,
					li.opList ol li.subject2 dl.first dd a:link,
					li.opList ol li.subject2 dl.first dd a:visited,
					li.opList ol li.subject2 dl.first dd a:active,
					li.opList ol li.subject2 dl.first dd a:hover {
						color:#15aae8;
						font-family:dotum,"돋움",verdana;
						font-size:11px;
						line-height:20px;
						font-weight:bold;
						text-decoration:underline;
					}
				li.opList ol li.subject2 dl {
					width:407px;
					height:14px;
					margin:3px 0 8px 0;
					text-align:left;
				}
				li.opList ol li.subject2 dl dt {
					float:left;
					width:47px;
					height:15px;
					font-weight:normal;
				}
				li.opList ol li.subject2 dl dd {
					float:left;
					width:360px;
					margin:-3px 0 0 0;
					_margin:-2px 0 0 0;
					color:#5a5a5a;
					font-family:dotum,"돋움",verdana;
					font-size:11px;
					line-height:20px;
					font-weight:normal;
				}
					li.opList ol li.subject2 dl dd a,
					li.opList ol li.subject2 dl dd a:link,
					li.opList ol li.subject2 dl dd a:visited,
					li.opList ol li.subject2 dl dd a:active,
					li.opList ol li.subject2 dl dd a:hover {
						color:#15aae8;
						font-family:dotum,"돋움",verdana;
						font-size:11px;
						line-height:20px;
						font-weight:bold;
						text-decoration:underline;
					}
			li.opList ol li.date {
				float:left;
				width:60px;
				color:#a7a7a7;
				font-family:dotum,"돋움",verdana;
				font-size:11px;
				line-height:15px;
				text-align:left;
			}
		ul.opened li.arrow {
			float:left;
			width:39px;
			text-align:right;
		}


#wrapBot {
	z-index:1;
	clear:both;
	position:relative;
	bottom:0px;
	width:100%;
	height:150px;
	background:#ffffff;
	border-top:3px solid #71d2fd;
}
	#wrapBot #wrapCenter {
		position:relative;
		width:920px;
		margin:0 auto;
		text-align:left;
	}
	#wrapBot .foLogo {
		position:absolute;
		top:35px;
		left:4px;
	}
	#wrapBot .foUtil {
		position:absolute;
		top:34px;
		left:121px;
		height:15px;
	}
		.foUtil li {
			float:left;
			vertical-align:top;
		}
	#wrapBot .foAddress {
		position:absolute;
		top:58px;
		left:121px;
	}
		.foAddress address {
			height:14px;
			margin:0;
			padding:0;			
		}
		.foAddress address img {
			margin-right:3px;
		}
	#wrapBot .foCopyright {
		position:absolute;
		top:106px;
		left:121px;
		height:7px;
	}
	#wrapBot .foFamily {
		position:absolute;
		top:28px;
		right:0px;
	}
	#wrapBot .foPrize {
		position:absolute;
		top:62px;
		right:0px;
	}

#wrapQuick {
	position:absolute;
	top:200px;
	left:50%;
	width:475px;
}	
	#wrapQuick .linkbox {
		margin-left:475px;
		width:74px;
		padding-top:38px;
		background:url("../images/Common/layout/quick_bg.gif") no-repeat;
	}
	#wrapQuick .linkbox ul {
		width:60px;
		height:152px;
		margin:0px 4px 10px 6px;
	}
	#wrapQuick .linkbox ul li {
		width:60px;
	}