.schoolProfile-list-wrapper{
  display: flex;
  margin: 1.25rem auto;
}

.schoolProfile-list-wrapper .list{
  flex: 1;
  box-sizing: border-box;
  padding: 1.875rem 2.5rem 2.5rem 2.5rem;
  margin-left: 2.5rem;
  border-top: .1875rem solid #005BAC;
  background-color: #fff;
  box-shadow: 0px 0 .9375rem 0px #3443A624;
}

.schoolProfile-list-wrapper .list .title-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: .0625rem solid #CCCCCC;
  padding-bottom: .875rem;
  margin-bottom: 1.25rem;
}

.schoolProfile-list-wrapper .list .title-wrapper .title{
  font-weight: 500;
  font-size: 1.75rem;
}

.schoolProfile-list-wrapper .list .title-wrapper .nav{
  color: #7B808C;
  font-size: .8125rem;
  display: flex;
  align-items: center;
}

.schoolProfile-list-wrapper .list .title-wrapper .nav img{
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
}


.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-content{
  line-height: 3.5rem;
  font-size: 1.25rem;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-content div{
  text-indent: 2.5rem;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-content img{
  width: 41.3125rem;
  height: 30.6875rem;
  display: block;
  object-fit: cover;
  margin: 2.5rem auto;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-title{
  width: 100%;
  height: 4.5rem;
  margin: 1.25rem auto;
  background-image: url('../../images/schoolProfile/title-bg.png');
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 1.5rem;
  color: #005BAC;
  box-sizing: border-box;
  text-indent: 3.75rem;
  position: relative;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-title::before{
  content: '';
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url('../../images/page-icon.png');
  background-size: cover;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list{
  display: grid;
  grid-template-columns: 1fr 1fr; 
  column-gap: 1.625rem;
  row-gap: 1rem;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item{
  width: 37.5rem;
  height: 17.875rem;
  position: relative;
  background-image: url('../../images/schoolProfile/user-bg.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-top: 2.5rem;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content{
  background-color: #EEF7FF;
  display: flex;
  width: 37.5rem;
  height: 17.875rem;
  position: absolute;
  left: 1.25rem;
  top: -1.25rem;
  align-items: center;
  justify-content: flex-start;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content .logo{
  width: 10.625rem;
  height: 13.75rem;
  margin: 0 1.875rem;
  flex: none;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content .logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content .info {
  height: 13.75rem;
  box-sizing: border-box;
  padding-right: 1.25rem;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content .info .name {
  font-size: 1.625rem;
  color: #202226;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content .info .name .duties{
  font-size: 1.125rem;
  color: #005BAC;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content .info .con {
  padding-top: .9375rem;
  margin-top: .9375rem;
  border-top: .0625rem solid #005BAC;
  line-height: 1.5rem;
  color: #404249;
  font-weight: 400;
}

.schoolProfile-list-wrapper  .schoolProfile-wrapper .schoolProfile-wrapper-user-list .user-list-item .content .info .time {
  margin-top: 1.875rem;
  color: #404249;
  font-weight: 400;
}