.researcher-area {
  .researcher {
    > ul {
      > li {
        float:left; width:calc(33.3% - 14px); margin-right:20px; margin-bottom:20px; 
        .box {
          padding:15px 20px; border:1px solid var(--line-color);
          .left {
            float:left; overflow:hidden; height:0; padding-bottom:33%; position:relative; width:95px;
            img {
            max-width:100%; max-height:100%; position:absolute; top:0; left:50%; transform: translateX(-50%);
            }
          }
          .right {
            float:left; width:calc(100% - 95px); padding-left:20px;
            .tit {
              padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--line-color);
              .faculty {
                font-size:1.2rem; color:#707070; padding-bottom:10px; padding-top:5px; display: block;
              }
              .name {font-size:1.5rem; font-weight:600; }
            }
            ul li {
              padding-bottom:10px;
              .row {
                .left-txt {width:65px;float:left; font-weight:500;}
                .right-txt {width:calc(100% - 65px); float:left; padding-left:10px; word-break: break-all;}
              }
            }
          }
        }
        &:nth-child(3n) {margin-right:0;}
      }
    }
  }
}

@media(max-width:1024px) {
  .researcher-area {
    .researcher {
      > ul {
        > li {
          width: calc(50% - 14px); 
          &:nth-child(2) {
            margin-right:0;
          }
          &:nth-child(3) {
            display:none;
          }
        }
      }
    }
  }
}

@media(max-width:768px) {
  .researcher-area {
    .researcher {
      > ul {
        > li {
          float:none; width:100%; margin-right:0;
          .box {
            .left {width:73px; padding-bottom:26%;}
            .right {
              width:calc(100% - 73px);
              ul li {font-size:1.2rem;}
              .row {
                .left-txt {
                  width:55px;
                }
                .right-txt {
                  width:calc(100% - 55px)
                }
              }
            }
          }
        }
      }
    }
  }
}

@media(max-width:425px) {
  .researcher-area {
    .researcher {
      > ul {
        > li {
          .box {
            .left {padding-bottom:38%;}            
          }
        }
      }
    }
  }
}