.album_vw						{ width:100%; background-color:#eef0f0; padding:20px; font-size:15px; }

.album_vw .srch					{ line-height:45px; padding:0 10px; text-align:left; margin-top:10px; position:relative; height:50px; }
.album_vw .srch	*				{ font-size:15px; }

.album_vw .srch .title 			{ float:left; height:45px; line-height:inherit; }
.album_vw .srch .title *		{ font-size:18px; color:#0d9fa9; }


.album_vw .srch .keyword			{ display:inline-block; position:absolute; right:210px; }
.album_vw .srch .keyword input		{ width:300px; height:45px; background:#fff; padding-left:10px; }
.album_vw .srch .keyword .icon		{ width:45px; height:45px; }

.album_vw .srch .sort_area			{ display:inline-block; position:absolute; right:5px; background: url("/w2017/img/select_arrow.png") no-repeat 180px center #fff; }
.album_vw .srch .sort_area select	{ width:200px; height:45px; -webkit-appearance:none; padding-left:10px; border: 1px solid #e2e2e2; }

.album_vw ul			{ clear:both; margin-top:10px; text-align:center; }
.album_vw ul li			{width:20%;display:inline-block;padding:10px;vertical-align:top;text-align:center;}
.album_vw ul li	.box	{ text-overflow:ellipsis; overflow:hidden; }
.album_vw .photo		{ position:relative; }
.album_vw .photo img	{ padding:5px;width:100%; }

.album_vw .dscr			{ line-height:25px; padding:10px 5px; background-color:white; font-size:14px; }
.album_vw .k_name		{ font-size:18px; }
.album_vw .e_name		{ color:#666; }
.album_vw a.title		{ line-height:1.5; max-height:60px; overflow-y:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.album_vw a.title:link	{ color:#00d; }

.album_vw span.highlight	{ color:#ff4021 !important; font-size:16px  !important; }

.album_vw .btns			{ color:white; line-height:35px; height:35px; margin-top:5px; }
.album_vw .btns .jjim	{ background-color: #9fa0a0; }
.album_vw .btns .watch	{ background-color: #ff6959; }

.album_vw .btns .jjim.added	{ background-color: rgba(54,54,54,1); }

.album_vw .btns a:hover	{ color:white; }

.album_vw .no-data		{ width:100%; text-align:center; line-height:50px; min-height:200px; padding:100px 0px; }

/*	밑줄을 표시하니 정신없음 */
/*
.album_vw ul.lst a:hover { text-decoration:none; }
*/

.rnk_no {
	position:absolute; text-align:left;
	left:0; top:0; width:70px; height:65px; 
	background: url("/w2017/img/rank_2nd_left_bg.png") no-repeat left top;
	color: #fff; font-size: 17px; 
	padding: 10px 0 0 5px; 
	z-index: 999;
	background-size:100% 100% !important;
}

.rnk_no.hot { background: url("/w2017/img/rank_1st_left_bg.png") no-repeat left top; }

@media only screen and (max-width: 1023px){
	.album_vw .srch .keyword input		{ width:200px; }
	.album_vw ul li						{ width:25%; padding:5px; }
	.album_vw .k_name					{ font-size:15px; }
	.rnk_no								{ width:55px !important; height:55px !important; font-size:13px !important; }
}

@media only screen and (max-width: 800px){
	.album_vw .srch .keyword input		{ width:150px; }
	.album_vw ul li						{ width:33.3%; }
}

@media only screen and (max-width: 640px){
	ul.page_tab li a span		{ display:none; }

	.album_vw					{ padding:0px; }

	.album_vw .srch				{ height:90px; margin-top:0px; }
	.album_vw .srch .title		{ display:block; width:100%; text-align:center; float:none; height:45px; }

	.album_vw .srch .keyword			{ width:calc(100% - 140px); position:absolute; left:10px; }
	.album_vw .srch .keyword input		{ width:calc(100% - 50px); }

	.album_vw .srch .sort_area			{ background: url("/w2017/img/select_arrow.png") no-repeat 100px center #fff; display:inline-block; }
	.album_vw .srch .sort_area select	{ width:120px; }

	.album_vw .dscr			{ line-height:20px; font-size:13px; }
	.album_vw p.title		{ -webkit-line-clamp:4; margin-bottom:5px; max-height:60px; }
	.album_vw p.highlight	{ color:#ff4021 !important; font-size:13px  !important; }
	.album_vw .k_name		{ font-size:14px; }

	.album_vw .btns			{ font-size:13px; }
}

@media only screen and (max-width: 480px){
	.rnk_no					{ width:33.3% !important; height:45px !important; padding:5px 0 0 3px; }
	.album_vw .k_name		{ font-size:13px; }
}
