.pageMasterHistory .--top {
  margin-bottom: 52px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pageMasterHistory .--top .desc {
  line-height: 1.71;
  width: 30%;
}
.pageMasterHistory .content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 62px;
}
.pageMasterHistory .content .--left {
  width: 40%;
}
.pageMasterHistory .content .--left .name {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--color-black);
}
.pageMasterHistory .content .--left .date_time {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--color-primary);
}
.pageMasterHistory .content .--left .desc {
  line-height: 1.57;
}
.pageMasterHistory .content .--right {
  width: 40%;
}
.pageMasterHistory .content .--right .--img {
  aspect-ratio: 480/535;
  border-radius: 16px;
}
.pageMasterHistory .content .--right .--img img {
  border-radius: 16px;
}
.pageMasterHistory .list_year .--item {
  height: 37px;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 8px;
  font-size: 16px;
  cursor: pointer;
}
.pageMasterHistory .list_year .--item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgb(217, 217, 217);
  z-index: 1;
}
.pageMasterHistory .list_year .slick-current::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background-color: var(--color-secondary);
  width: 73%;
  z-index: 2;
}
.pageMasterHistory .aboutMaster {
  padding: 100px 0;
  position: relative;
}
.pageMasterHistory .aboutMaster .leaf {
  position: absolute;
  bottom: -100px;
  left: -128px;
  width: 27%;
  height: auto;
  pointer-events: none;
}
@media (max-width: 767px) {
  .pageMasterHistory .--top {
    flex-flow: column;
    margin-bottom: 24px;
  }
  .pageMasterHistory .--top .segTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
  }
  .pageMasterHistory .--top .desc {
    width: 100%;
    text-align: center;
  }
  .pageMasterHistory .aboutMaster {
    padding: 40px 0;
  }
  .pageMasterHistory .content {
    flex-direction: column;
    margin-bottom: 24px;
  }
  .pageMasterHistory .content .--left {
    width: 100%;
    margin-bottom: 24px;
  }
  .pageMasterHistory .content .--left .name {
    text-align: center;
    font-size: 20px;
  }
  .pageMasterHistory .content .--left .date_time {
    font-size: 45px;
    text-align: center;
    letter-spacing: -1.68px;
    line-height: 1.15;
  }
  .pageMasterHistory .content .--left .desc {
    text-align: justify;
  }
  .pageMasterHistory .content .--right {
    width: 100%;
  }
  .pageMasterHistory .content .--right .--img {
    aspect-ratio: unset;
  }
}/*# sourceMappingURL=master_history.css.map */