@CHARSET "UTF-8";

/*Mobile*/
@media (max-width:767px){
	
	.scrollmenu .detail .title{
		width:100%;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		margin-top: 15px;
		color: black;
	}
	
	.scrollmenu .detail .author{
		width:100%;
		font-size: 10px;
		text-align: center;
		color: #777777;
		margin-bottom: 15px;
	}
	
	.scrollmenu .cover{
		margin:0 auto;
		width: 87px;;
		height: 120px;
	}

	.bookInfo{
		float: left;
		width: 100%;
		padding: 0px 16px 8px 16px;
	}
		
	.bookInfo .cover{
		width: 87px;
		float: left;
		margin: 0 0 0 0;
	}

	.bookInfo .detail{
		width: 64%;
		float: left;
		margin-left: 16px;
	}	

	.bookInfo .detail .title{
		font-size: 13px;
		font-weight: bold;
		margin-top: 3px;
		margin-bottom: 3px;
		color: black;
	}
	
	.bookInfo .detail .author, .bookInfo .detail .station_name,.bookInfo .detail .reservation_expire_date{
		font-size: 12px;
		color: #777777;
	}
	
	.bookInfo .detail .status{
		font-size: 13px;
		font-weight: bold;
	}
	
	.bookInfo .detail .btn--lank{
		border: 1px solid #32c0c4;
		width: 32px;
		height: 16px;
		line-height: 16px;
		background-color: #32c0c4;
		color:white; 
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		border-radius: 9px;
		padding: 0;
	    text-decoration: none;
	    display: inline-block;
	    vertical-align: middle;
	}
}

/*Tablet*/
@media (min-width:768px) and (max-width:1024px){
	.scrollmenu .detail .title{
		width:100%;
		font-weight: bold;
		font-size: 15px;
		text-align: center;
		margin-top: 15px;
		color: black;
	}
	
	.scrollmenu .detail .author{
		width:100%;
		font-size: 14px;
		text-align: center;
		color: #777777;
		margin-bottom: 15px;
	}
	
	.scrollmenu .cover{
		margin:0 auto;
	    width: 120px;
   		height: 165px;
	}
	
	.bookInfo{
		float: left;
		width: 50%;
		height: 200px;
		padding: 0px 16px 8px 16px;
		margin-bottom: 5px;
	}
	
	.bookInfo .cover{
		width: 120px;
		height: 165px;
		float: left;
		margin-bottom: 5px;
	}

	.bookInfo .detail{
		width: 60%;
		float: left;
		margin-left: 16px;
	}

	.bookInfo .detail .title{
		font-size: 15px;
		font-weight: bold;
		margin-top: 3px;
		margin-bottom: 3px;
		color: black;
	}
	
	.bookInfo .detail .author, .bookInfo .detail .station_name,.bookInfo .detail .reservation_expire_date{
		font-size: 14px;
		color: #777777;
	}
	
	.bookInfo .detail .status{
		font-size: 15px;
		font-weight: bold;
	}
	
	.bookInfo .detail .btn--lank{
		border: 1px solid #32c0c4;
		width: 42px;
		height: 20px;
		line-height: 16px;
		background-color: #32c0c4;
		color:white; 
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		border-radius: 9px;
		padding-top: 2px;
	    text-decoration: none;
	    display: inline-block;
	    vertical-align: middle;
	}

}

/* 공통 CSS */

.container{
	paddin
}

.scrollmenu .thumb_cont{
	/*margin-top:10px;*/
	/*margin-bottom:10px;*/
	text-align: center;
}

.scrollmenu .cover img{
	margin:0 auto;
	width: 100%;
	height: 100%;
	border: 1px solid #888888;
}

.scrollmenu .detail{
	color:gray;
	width:100%;
}

.scrollmenu .cover img{
	margin:0 auto;
	width: 100%;
	height: 100%;
	border: 1px solid #888888;
}

.divide_bookInfo{width: 100%; margin-top:9px; height: 1px; background: #c7c7c7; float: left; }

.bookInfo img{
	width: 100%;
	border: 1px solid #888888;
}


.bookList_contain{
	padding-top: 11px;
}

#List .bookInfo .detail .title{
	font-size: 15px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 20px;
	color: black;
}

.tit_area{
	font-family: 'NanumBarunGothicBold',sans-serif;
}