/* 스크립트 플러그인을 해서 가져 왔다 */
/* <script src="js/jquery.easing.1.3.min.js"></script> */

*{
	margin: 0;
	padding: 0;
}

#wrap{
	margin: 100px;
}

#nav li{
	list-style: none;
	/* width: 113px; */
	cursor: pointer;
	float: left;
}

#nav .menu_image{
	/* 가로길이를 0으로 설정한다, 또한 넘치는 부분은 히든시킨다.*/
	width: 0;
	overflow: hidden;
	float: left;
}

#nav .menu_image img{
	height: 97px;
	padding-right: 10px;
}

#nav .text_image{
	padding-left: 10px;
	padding-top: 40px;
	float: left;
}

#nav .text_image .on{
	/* 마우스 오버, 혹은 클릭시 변환되는 이미지를 로딩시 숨긴다. */
	display: none;
}

#nav .text_image .off{
	/* padding-left: 8px; */
}