.js-load {
    transition:0.2s all ease-out;
	transform:scale(0);
	height:0;
	padding:0 !important;
}
.js-load.active {
    transform:scale(1);
	height:auto;
	padding:10px !important;
}
.is_comp.js-load:after {
    display: none;
}
.btn-wrap, .lists, .main {
    display: block;
}

.btn-wrap {
    text-align: center;
}

#mainContents .main_portfolio ul li {padding:10px}
.portfolioList li.active {padding:50px 20px !important;}
.pfList > ul > li.active {padding:50px 20px !important;}


@media screen and (max-width:640px) {
	.portfolioList li.active {padding:30px 0 !important;}
	.pfList > ul > li.active {padding:30px 10px !important;}
}