#teamJ{
    position: relative;
}
#teamJ .manbox{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
#teamJ .manbox .manlist{
    display: flex;
    flex-direction: column;
    width: calc(33.3% - 53px);
    margin: 10px 25px;
    border: #b9b9b96e 1px solid;
    border-radius: 15px;
}
#teamJ .manbox .manlist:hover img{
  -moz-transform: scale(0.96);
  -webkit-transform: scale(0.96);
  -o-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}
#teamJ .teamJimg{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#teamJ .teamJtext{
    padding: 15px;
}
#teamJ .Jtetiele{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: #afafaf82 1px solid;
    transition: unset;
}
#teamJ .manbox .manlist:hover .Jtetiele{
    color: #6dd0cd;
}
#teamJ .Jtetiele h2{
    font-size: 35px;
    line-height: 100%;
}
#teamJ .Jtetiele h3{
    font-size: 22px;
}
#teamJ .teamJimg img{
    width: 400px;
}
@media screen and (max-width: 1460px) {
	#teamJ .manbox .manlist{
        margin: 0 3px;
        width: calc(33.3% - 6px);
    }
    #teamJ .teamJimg img{
    width: 330px;
}
}
@media screen and (max-width: 980px) {
    #teamJ .manbox{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #teamJ .manbox .manlist{
        width: calc(100% - 0px);
        margin: 10px 0;
    }
    #teamJ .teamJtext{
    padding: 10px 8px;
}
}