.js-load {transition:0.2s all ease-out;transform:scale(0);display:none;padding:0 !important;}
.js-load > a {opacity:0;transition:2s all ease-out !important;}
.js-load.active {transform:scale(1);height:auto;padding:10px !important;display:block;}
.js-load.active > a {opacity:1;}
.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:1024px) {
	.js-load.active {padding:5px !important;}	
}
@media screen and (max-width:640px) {
	.portfolioList li.active {padding:30px 0 !important;}
	.pfList > ul > li.active {padding:30px 0 !important;}
}