@charset "utf-8";

/* Æ÷Æ®Æú¸®¿À */
.portfolio_list { display:block; margin:50px 0; }
.portfolio_list ul:after { display:block; content:''; clear:both; }
.portfolio_list ul li { display:block; float:left; width:19.2%; height:218px; border:1px solid #efefef; overflow:hidden; margin-right:1%; margin-bottom:20px; box-sizing:border-box; }
.portfolio_list ul li:nth-child(5n) { margin-right:0; }
.portfolio_list ul li a { display:block; background:rgba(96,61,152,1) url(../images/portfolio/ico_more.png) center center no-repeat; }
.portfolio_list ul li a:hover .pf-img { -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.2; }
.portfolio_list ul li a .pf-img  { width:100%; height:218px; opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.portfolio_list ul li a .pf-img img { display:block; width:100%; max-width:100%; }



/* ¹ÝÀÀÇü ÀÛ¾÷ */
@media (max-width:1200px){
	/* Æ÷Æ®Æú¸®¿À */
	.portfolio_list ul li { width:24%; }
	.portfolio_list ul li:nth-child(4n) { margin-right:1%; }
	.portfolio_list ul li:nth-child(5n) { margin-right:1%; }

}

@media (max-width:1024px){
}

@media (max-width:840px){
	/* Æ÷Æ®Æú¸®¿À */
	.portfolio_list ul li { width:32%; margin-right:2%; }
	.portfolio_list ul li:nth-child(4n), .portfolio_list ul li:nth-child(5n) { margin-right:2%; }
	.portfolio_list ul li:nth-child(3n) { margin-right:0; }


}

@media (max-width:740px){

}

@media (max-width:640px){
	/* Æ÷Æ®Æú¸®¿À */
	.portfolio_list ul li { width:49%; margin-right:2%; }
	.portfolio_list ul li:nth-child(4n), .portfolio_list ul li:nth-child(5n), .portfolio_list ul li:nth-child(3n) { margin-right:2%; }
	.portfolio_list ul li:nth-child(2n) { margin-right:0; }
	

}


@media (max-width:480px){	
	/* Æ÷Æ®Æú¸®¿À */
	.portfolio_list ul li:nth-child(4n), .portfolio_list ul li:nth-child(5n), .portfolio_list ul li:nth-child(3n), .portfolio_list ul li:nth-child(2n) { margin-right:auto; }
	
	.portfolio_list ul li { float:none; width:90%; margin:0 auto 20px auto; }
	

}