@charset "utf-8";

/* ==================================================
/aboutus/information/officer.html
================================================== */
.aboutusOfficer__intro {
  width: 720px;
  margin: 0 auto;
  
  & + .aboutusOfficer__intro {
    margin-top: 35px;
  }
}

.aboutusOfficer__intro_title {
  background: #3c4951;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}

.aboutusOfficer__intro_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
  > li {
    width: 20%;
    margin-top: 25px;
  }
}

.aboutusOfficer__intro_inner {
  width: fit-content;
  margin: 0 auto;
}

.aboutusOfficer__intro_brief {
  margin-top: 5px;
  font-size: 14px;
}

.aboutusOfficer__intro--type1 {
  & .aboutusOfficer__intro_list {
    > li {
      &:nth-child(1) {
        width: calc(50% - 10px);
        padding-right: 23px;
        
        & .aboutusOfficer__intro_inner {
          margin-left: auto;
          margin-right: 0;
        }
      }
      
      &:nth-child(2) {
        width: calc(50% - 10px);
        padding-left: 23px;
        
        & .aboutusOfficer__intro_inner {
          margin-left: 0;
          margin-right: auto;
        }
      }
      
      &:nth-child(n+3):nth-child(-n+10) {
        width: auto;
      }
      
      &:nth-child(n+4):nth-child(-n+6),
      &:nth-child(n+8):nth-child(-n+10) {
        margin-left: 46px;
      }
      
      &:nth-child(3),
      &:nth-child(7){
        margin-left: 95px;
      }
      
      &:nth-child(6),
      &:nth-child(10) {
        margin-right: 95px;
      }
    }
  }
}

.aboutusOfficer__intro--type2 {
  & .aboutusOfficer__intro_title {
    background: #00699b;
  }
  
  & .aboutusOfficer__intro_list {
    > li {
      &:nth-child(n+1):nth-child(-n+4),
      &:nth-child(n+10):nth-child(-n+13) {
        width: auto;
      }
      
      &:nth-child(n+2):nth-child(-n+4),
      &:nth-child(n+11):nth-child(-n+13) {
        margin-left: 46px;
      }
      
      &:nth-child(1),
      &:nth-child(10){
        margin-left: 95px;
      }
      
      &:nth-child(4),
      &:nth-child(13) {
        margin-right: 95px;
      }
    }
  }
}