div.business{padding:100px 0 150px 0 ;}
div.business div.item {width:267px; float:left; text-align:center; height:455px; margin-right:10px; position:relative; }
div.business div.item:before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.2); position:absolute; left:0; top:0;  }
div.business div.item01 {background:url("../img/img1.jpg")no-repeat center center;}
div.business div.item02 {background:url("../img/img2.jpg")no-repeat center center;}
div.business div.item03 {background:url("../img/img3.jpg")no-repeat center center;}
div.business div.item04 {background:url("../img/img4.jpg")no-repeat center center; margin-right:0;}

div.business div.item .img {position:absolute; top:0; width:100%; }
div.business div.item .img span {display:block; transition:all 0.3s ease; padding-top:70px; font-size:32px; color:#fff; text-align:center; width:100%;}
div.business div.item a:hover .img span {transform: translate(0,-30px); transition:all 0.3s ease; opacity:0; }

div.business div.item .hover {position:absolute; top:0; background-color:rgba(216,0,40,0.8); /*background-color:rgba(33,36,167,0.8);블루*/ height:100%; width:100%; 
opacity:0; transition:all 0.3s ease}
div.business div.item .hover .txt { transition:all 0.3s ease; font-size:22px; color:#fff; position:absolute; top:180px;
 left:50%;transform:translate(-50%,0); width:90%; }
 
div.business div.item .hover .more {transition:all 0.3s ease; width:235px; height:45px; border:0px solid #fff; 
position:absolute; left:0%;  bottom:0px; color:#333; bottom:50px; padding-top:10px;  }
div.business div.item .hover .more span {z-index: 1; position:absolute; transition:all 0.3s ; left:0px; 
font-weight:500; font-size:14px !important; background:url("../img/arrow.png")no-repeat right 5px; padding-right:35px; }
div.business div.item a .hover .more:after {content:""; width:0px; height:calc(100% );  transition:all 0.4s ease;  background-color:#fff; position:absolute; left:0; top:0; }
div.business div.item a:hover .hover .more:after {content:""; width:calc(100% ); color:#333;  transition: all 0.4s ease cubic-bezier(0.25, 0.25, 0.75, 0.75); }

/*div.business div.item .hover .more::after{content:""; color:#fff;  width:15px; height:1px; background-color:#fff; position:absolute; 
  right:10%; top:50%; }
div.business div.item .hover .more::before{content:""; color:#fff;  width:1px; height:15px; background-color:#fff; position:absolute; 
  right:13.5%; top:40%; }*/
  
div.business div.item a:hover .hover{opacity:1; transition:all 0.3s ease }
div.business div.item a:hover .hover .txt{ transition:all 0.3s ease; top:80px; }
div.business div.item a:hover .hover .more {transition:all 0.3s ease; }
div.business div.item a:hover .more span {transition:all 0.3s ease; left:50px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.business{padding:40px 0 60px 0 ;}
div.business div.item .hover {opacity:1; background-color:rgba(33,36,167,0);}
div.business div.item {width:48%; float:left; text-align:center; height:230px; margin-right:2%; margin-bottom:2%; 
position:relative; background-size:cover;}
div.business div.item .img span { padding-top:60px; font-size:25px; color:#fff; }
div.business div.item a:hover .img span {transform: translate(0,-0px);  opacity:1; }
div.business div.item .hover .txt { display:none;  }
div.business div.item .hover .more { width:90%; bottom:35px;}
div.business div.item a .hover .more:after {width:90%; }
div.business div.item a:hover .hover .more:after {width:90%; }
div.business div.item .hover .more span { left:20px; }
div.business div.item a:hover .more span {left:30px;}
/*div.business div.item .hover .more {transition:all 0.3s ease; width:60px; height:60px; border:1px solid #fff; 
position:absolute; left:50%; transform:translate(-50%,0); bottom:0px; bottom:50px; opacity:1 !important;}
div.business div.item a:hover .hover .more {transition:all 0.3s ease; bottom:50px; }*/

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}