body{
	margin:0px;
	padding:0px;
}


ul{list-style-type:none; padding:0px; margin:0px;}

div.mylib{
	width:970px;
	margin:auto;
}

div.topArea{
	background:url("../img/topBg.png") no-repeat;
	width:100%;
	height:137px;
}

div.topArea img{
}

div.topArea .homeBtn{
	position: absolute;
	left: 32px;
	top: 35px;
}

div.middleArea{
	width:970px; padding-bottom: 147px;
}


div.middleArea .yearBar{
	height:0px;
	background:url("../img/ebook/yearBar.jpg") no-repeat;
}

div.middleArea .yearBarTop{
	position: absolute;
	width:970px;
	height:47px;
	opacity: 0.5;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(60%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}

div.middleArea .yearBar .yearBarText{
	font-family:"¸¼Àº °íµñ", "Malgun Gothic", "Times New Roma", "serif"; 
	display:block;
	padding:11px 120px;
	color:#5e3c23;
	font-size:1.3em;
}

div.middleArea .bookBox{
	
}

div.middleArea ul.oneRowArea{
	padding-left:65px;
	padding-right:65px;
	height:358px;
	background:url("../img/ebook/rowArea.jpg") no-repeat;
}

div.middleArea ul.oneRowArea li{

	float:left;
	width:25%;
	height:100%;
	text-align:center;

}

div.middleArea ul.oneRowArea a{
	display:block;
	padding-top:110px;
}

div.middleArea ul.oneRowArea img{

}

div.middleArea div.bookColBar{
	width:100%;
	height:20px;
	background:url("../img/ebook/bookColBar.jpg") no-repeat;
}

div.bottomArea{
	position: fixed; bottom: 0;
	width:970px;
	font-size: 0;
}

div.newPoint{
	position: absolute;
}

a.blog  {position: absolute; right: 140px; bottom: 26px;  z-index: 100; display: block;  width: 80px; }
a.youtube  {position: absolute; right: 50px; bottom: 26px; z-index: 100; display: block; width: 80px;}
a.blog img , a.youtube img  {width: 100%; max-width: 80px;}