@charset "UTF-8";

#portfolio_info { width:100%; margin-top:20px; overflow:hidden; }
#portfolio_info:after { content:""; display:block; clear:both ;}
#portfolio_info ul {width:100%; margin:0; padding:0; }
#portfolio_info ul li {float:left; width:24.2%; margin-right:0.6%; margin-bottom:10px; border: 1px solid var(--line-color); border-radius: 0.3rem;  overflow: hidden;}
#portfolio_info ul li:last-child{margin-right:0;}
#portfolio_info ul li a {position:relative; display:block; overflow:hidden; }
#portfolio_info ul li a .imgs {width:100%;}
#portfolio_info ul li a .imgs img  { width:100%; min-height:250px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#portfolio_info ul li a:hover img {transform:scale(1.1);}
#portfolio_info ul li a:hover  {width:100%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#portfolio_info ul li a:hover  span {display:block;}
#portfolio_info ul li .txts {z-index:2; position:relative; padding:1.2rem 0.6rem;text-align:center;  width:100%;  background:var(--white-color);}
#portfolio_info ul li .txts p {display:block;font-size:1.24rem;font-weight:700;margin-bottom:1.2rem;line-height:1.4; }
#portfolio_info ul li .txts em {line-height:1.6;font-size:0.92rem;margin-bottom:1.0rem;word-break:keep-all; }

/* 반응형 중간기기 992px 사이즈 이하*/
@media screen and (max-width: 992px) {	
	#portfolio_info ul {width:100%; margin:0; padding:0; }
	#portfolio_info ul li {float:left; width:48.6%; margin-left:0.6%; margin-bottom:20px;  border: 1px solid var(--line-color); border-radius: 0.5rem;  overflow: hidden;}
	#portfolio_info ul li:nth-child(1n+1){margin-right:0.6%;}

}