.portfolio-content:hover img{
    transform:none; 
}

.portfolio-content img{
    border: 1px solid #D8D5D5;
}

.portfolio-content div span{
    font-size:1.8rem; 
    font-family:Pretendard; 
    line-height:7rem; 
    color: #3b3b3b;
}

.portfolio-content div{
    border: 1px solid #D8D5D5;
    text-align:center; 
}

.cap-img div{
    display:inline-block;
    border: 1px solid #D8D5D5;
}

.cap-img img{
    border: 1px solid #D8D5D5;
}

.vision-img div{
    padding-top:31.3%; 
}

.vision-img div img{
    width:150%; 
}

.portfolio-isotope{
    margin:0 0 5% 0;   
}

.justify-content-center.vision,
.vision{
    margin:7% 0; 
}

.vision .bar{
    width:6px;
    height:45px; 
    background-color:#185081;
    display:inline-block; 
    margin-right:8%; 
    vertical-align: middle;
}

.vision .bar.two{
    background-color:#70767B;
}

.vision span{
    font-size:3.8rem; 
    font-family:Pretendard; 
    font-weight:600;
    color:#222; 
    vertical-align: middle;
}

.vision p{
    font-size:1.8rem; 
    font-family:Pretendard; 
    color:#3b3b3b;
    letter-spacing: -0.5px;
    line-height:3.6rem;
}

.vision li {
    font-size:1.8rem; 
    font-family:Pretendard; 
    color:#3b3b3b;
    letter-spacing: -0.5px;
    line-height:3.6rem;
}

@media (max-width: 767px){
    .vision-img div img{
        max-width:100%; 
    }

}