@charset "utf-8";
/**************************************************
프로그램ID : layout.css
프로그램명 : Layout Cascading Style Sheets
작  성  자 : 신세연(seyoun1205@nate.com)
최초작성일 : 2009/10/19
최종작성일 : 
참고  사항 : 서브페이지 가이드
****************************************************/





/*Common*/
* {
	margin:0;
	padding:0;
	/*
	color:#939393;*/
	font-family:dotum,"돋움",verdana;
	font-size:11px; 
	line-height:15px;
}

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;
}

input, select {vertical-align:middle;}
input.text {
	height:16px;
	line-height:15px;
	padding:2px 0px 0 0px;
	border:1px solid #dfdfdf;
	background:#fff;
	color:#b5b5b5;
	vertical-align:middle;
}
div, p, u, span {
	margin:0;
	padding:0;
	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;
}
	input {
	}
	select {
		color:#b1b1b1;
		font-family:dotum,"돋움",verdana;
		font-size:12px;
		line-height:15px;
	}
	textarea {
		color:#626262;
		font-family:dotum,"돋움",verdana;
		font-size:12px;
		line-height:18px;
		border:1px solid #dedede;
	}
	textarea.bgcolor {
		padding:10px;
		color:#626262;
		font-family:dotum,"돋움",verdana;
		font-size:12px;
		line-height:18px;
		border:1px solid #ffffff;
		background:#eeeeee;
	}

.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 */

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



/*Layout*/
/*가운데 정렬*/
#wrapCenter {
	margin:0 auto;
	width:950px;
	text-align:center;
}

#wrapCenter_LC {
	margin:0 auto;
	width:920px;
	text-align:center;
}

#wrapCenter_L {
	margin:0 auto;
	width:920px;
	text-align:left;
}

#wrapTop {
	z-index:1;
	width:100%;
	height:200px;
	/*height:190px;*/
}

#wrapMid {
	z-index:1;
	clear:both;
	width:100%;
	margin:-55px 0 0 0;
	padding:0 0 50px 0;
	background:#ffffff;
	min-height:400px;
	_height:400px;
}

#wrapMid_LC {
	z-index:1;
	clear:both;
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 50px 0;
	background:#ffffff;
}


	#leftMenu {
		float:left;
		width:200px;
		color:#333333;
		font-family:dotum,"돋움",verdana;
		font-size:12px;
		line-height:20px;
	}
	#rightContent {
		float:left;
		width:750px;
		margin:0 0 50px 0;
		*margin:0;
		_margin:0;
		text-align:left;
		overflow-x:hidden;
	}
	
	
	/*2010/01/13 Lecture Detail */
	#rightContent_lecture {
		float:left;
		width:920px;
		margin:0 0 50px 0;
		*margin:0;
		text-align:left;
	}
	
	#rightContent_order {
	float:left;
	width:950px;
	margin:0 0 50px 0;
	*margin:0;
	text-align:left;
	}
	
	/*2010/01/13 and */
		
		.tlc {
			width:750px;
			height:31px;
			margin-bottom:40px;
		}
			.tlc h1 {
				float:left;
				padding-right:10px;
			}
			.tlc .loca {
				padding:1px 0 0 0;
				height:12px;
				color:#939393;
				font-family:dotum,"돋움",verdana;
				font-size:11px;
				line-height:15px;
			}
				.loca a.depth {
					color:#939393;
					font-family:dotum,"돋움",verdana;
					font-size:11px;
					line-height:15px;
				}
				.loca span.depth_last {
					color:#7dba06;
					font-family:dotum,"돋움",verdana;
					font-size:11px;
					line-height:15px;
					font-weight:bold;
					text-decoration:underline;
				}
			.tlc .copy {
				padding:3px 0 0 0;
				height:15px;			
			}
			
			
#wrapBot {
	z-index:2;
	clear:both;
	position:relative;
	bottom:0px;
	width:100%;
	height:150px;
	background:#ffffff;
	border-top:3px solid #dbdbdb;
}
	#wrapBot #wrapCenter {
		position:relative;
		width:920px;
		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:140px;
	left:50%;
	width:480px;
	z-index:10;
}	
	#wrapQuick .linkbox {
		margin-left:480px;
		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;
	}
	
	
	
		.tlc_My {
			display: block;
			width:750px;
			height:31px;
			margin-bottom:40px;
		}
		
		.tlc_My ul {
			float:left;
			margin-left:18px;
			/*_margin-top:-1px;*/
		}
		.tlc_My li {
			margin:0;
		}		
		
			.tlc_My h1 {
				/*position:absolute;
				top:0px; left:0px;*/
				display: inline-block;
				float:left;
				height:31px;
			}
			.tlc_My .loca_My {
				/*position:absolute;
				top:1px;*/
				height:12px;
				color:#939393;
				font-family:dotum,"돋움",verdana;
				font-size:11px;
				line-height:15px;
			}
				.loca_My a.depth {
					color:#939393;
					font-family:dotum,"돋움",verdana;
					font-size:11px;
					line-height:15px;
				}
				.loca_My span.depth_last {
					color:#7dba06;
					font-family:dotum,"돋움",verdana;
					font-size:11px;
					line-height:15px;
					font-weight:bold;
					text-decoration:underline;
				}
			.tlc_My .copy {
				/*position:absolute;
				top:16px;*/
				padding-top:3px;
				_padding-top:2px;
				*padding-top:2px;
				height:15px;			
			}