@charset "UTF-8";
#people-list-wr {
  padding: 150px 0 150px;
}
#people-list-wr .anchor-tab {
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 0 0 40px;
}
#people-list-wr .anchor-tab > li {
  display: grid;
  height: 65px;
  place-items: center;
  border-radius: 999px;
  padding: 0 30px;
  background: #f0f3f7;
  transition: all 0.3s ease-out;
  font-family: "BitgoeulGwangju";
  font-size: 1.8em;
  font-weight: 700;
}
#people-list-wr .anchor-tab > li.active, #people-list-wr .anchor-tab > li:hover {
  color: #FFF;
  background-color: #6b90c7;
}
#people-list-wr [data-group=개별] {
  column-gap: 27px;
  margin: 0 0 79px;
}
#people-list-wr [data-group=개별] .wrap {
  position: relative;
  border-radius: 20px;
  background-image: linear-gradient(79deg, rgb(182, 166, 144) 0%, rgb(245, 240, 231) 100%);
  padding: 40px 40% 40px 50px;
  color: #FFF;
  width: 100%;
}
#people-list-wr [data-group=개별] .wrap .explain {
  position: relative;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 0 60px;
  z-index: 2;
}
#people-list-wr [data-group=개별] .wrap .name {
  position: relative;
  font-family: "BitgoeulGwangju";
  font-size: 2.5em;
  font-weight: 700;
  line-height: 110%;
  z-index: 2;
}
#people-list-wr [data-group=개별] .wrap .name span {
  display: block;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 0.45em;
  padding: 0 0 0 5px;
}
#people-list-wr [data-group=개별] .wrap .img {
  display: inline-grid;
  position: absolute;
  align-items: flex-end;
  right: 0;
  bottom: 0;
  max-width: fit-content;
}
#people-list-wr [data-group=개별] .wrap .img img {
  border-radius: 0 0 20px 0;
  max-height: 100%;
}
#people-list-wr .sub-group-title {
  position: relative;
  font-size: 1.5em;
  font-weight: 700;
  padding: 0 0 20px 15px;
}
#people-list-wr .sub-group-title:before {
  content: "●";
  position: absolute;
  font-size: 0.3em;
  top: 0;
  left: 0;
}
#people-list-wr .grid-4 {
  column-gap: 27px;
  row-gap: 30px;
  margin: 0 0 79px;
}
#people-list-wr .grid-4 .grid {
  height: fit-content;
}
#people-list-wr .grid-4 .img {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 288/301;
  background: #f0f3f7;
}
#people-list-wr .grid-4 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#people-list-wr .grid-4 .txt-wrap {
  height: fit-content;
}
#people-list-wr .grid-4 .txt-wrap .name {
  font-size: 1.1em;
  font-weight: 700;
}
#people-list-wr .grid-4 .txt-wrap .name span {
  font-weight: 400;
}
#people-list-wr .grid-4 .txt-wrap .explain {
  font-size: 0.9em;
  color: var(--color-gray);
}
@media (max-width: 1700px) {
  #people-list-wr {
    padding: 10vw var(--default-lr-padding);
  }
}
@media (max-width: 1100px) {
  #people-list-wr .anchor-tab {
    font-size: 10pt;
    gap: 5px;
  }
  #people-list-wr .anchor-tab > li {
    height: 55px;
    padding: 0 20px;
  }
  #people-list-wr [data-group=개별] {
    grid-template-columns: 1fr;
    gap: 10vw;
    margin: 0 0 8vw;
  }
  #people-list-wr [data-group=개별] .wrap .img img {
    max-height: 75%;
  }
  #people-list-wr .grid-4 {
    grid-template-columns: repeat(3, 1fr);
    margin: 0 0 8vw;
  }
}
@media (max-width: 850px) {
  #people-list-wr .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  #people-list-wr .grid-4 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  #people-list-wr [data-group=개별] {
    gap: 5vw;
  }
  #people-list-wr [data-group=개별] .wrap {
    padding: 40px 40% 40px 20px;
  }
  #people-list-wr [data-group=개별] .wrap .img img {
    max-height: 60%;
  }
}

/*# sourceMappingURL=style.css.map */