.about-section .about-wrap .intro-box.active .sub-title {
  opacity: 1;
}
.about-section .about-wrap .intro-box.active .sub-desc {
  opacity: 1;
}
.about-section .about-wrap .intro-box .sub-title {
  opacity: 0;
  transition: opacity 1.5s;
}
.about-section .about-wrap .intro-box .sub-desc {
  opacity: 0;
  transition: opacity 1.5s;
  transition-delay: 0.3s;
}
.about-section .about-wrap .title-box {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.about-section .about-wrap .title-box.active::before {
  width: 100%;
}
.about-section .about-wrap .title-box.active .sub-title {
  opacity: 1;
}
.about-section .about-wrap .title-box.active .sub-desc {
  opacity: 1;
}
.about-section .about-wrap .title-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0;
  height: 1px;
  background-color: #ddd;
  transition: width 1.5s;
}
.about-section .about-wrap .title-box .sub-title {
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 1.5s;
  transition-delay: 0.3s;
}
.about-section .about-wrap .title-box .sub-desc {
  width: 58.75%;
  opacity: 0;
  transition: opacity 1.5s;
  transition-delay: 0.6s;
}
.about-section .about-wrap .point-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.about-section .about-wrap .point-box.active .sticky-box {
  transform: translateY(0);
  opacity: 1;
}
.about-section .about-wrap .point-box.active svg .logo-text {
  fill: #615f5d;
}
.about-section .about-wrap .point-box .sticky-box {
  flex-shrink: 0;
  position: sticky;
  top: calc(50% - 67.5px);
  transform: translateY(70px);
  opacity: 0;
  transition: transform 1s, opacity 1s;
}
.about-section .about-wrap .point-box .sticky-box .sticky-logo,
.about-section .about-wrap .point-box .sticky-box img,
.about-section .about-wrap .point-box .sticky-box svg {
  flex-shrink: 0;
  display: block;
  width: auto;
  height: 135px;
}
.about-section .about-wrap .point-box .sticky-box svg .logo-text {
  transition: fill 1s;
}
.about-section .about-wrap .point-box .sticky-box svg .logo-text.active {
  fill: #e7bc00;
}
.about-section .about-wrap .point-box .point-list {
  width: 58.75%;
}
.about-section .about-wrap .point-box .point-list .list-item {
  transform: translateY(70px);
  opacity: 0;
  transition: transform 1s, opacity 1s;
}
.about-section .about-wrap .point-box .point-list .list-item.active {
  transform: translateY(0);
  opacity: 1;
}
.about-section .about-wrap .point-box .point-list .list-item.active .point-title span {
  color: #e7bc00;
}
.about-section .about-wrap .point-box .point-list .list-item .point-title {
  line-height: 1.4;
}
.about-section .about-wrap .point-box .point-list .list-item .point-title span {
  transition: color 1s;
}
.about-section .about-wrap .point-box .point-list .list-item .point-desc {
  line-height: 1.5;
  margin-top: 15px;
}

@media screen and (max-width: 1600px) {
  .about-section .about-wrap .point-box .sticky-box {
    top: calc(50% - 61px);
  }
  .about-section .about-wrap .point-box .sticky-box .sticky-logo,
  .about-section .about-wrap .point-box .sticky-box img,
  .about-section .about-wrap .point-box .sticky-box svg {
    height: 122px;
  }
  .about-section .about-wrap .point-box .point-list .list-item .point-desc {
    margin-top: 14px;
  }
}
@media screen and (max-width: 1300px) {
  .about-section .about-wrap .point-box .sticky-box {
    top: calc(50% - 54.5px);
  }
  .about-section .about-wrap .point-box .sticky-box .sticky-logo,
  .about-section .about-wrap .point-box .sticky-box img,
  .about-section .about-wrap .point-box .sticky-box svg {
    height: 109px;
  }
  .about-section .about-wrap .point-box .point-list .list-item .point-desc {
    margin-top: 13px;
  }
}
@media screen and (max-width: 991px) {
  .about-section .about-wrap .point-box .sticky-box {
    top: calc(50% - 48px);
  }
  .about-section .about-wrap .point-box .sticky-box .sticky-logo,
  .about-section .about-wrap .point-box .sticky-box img,
  .about-section .about-wrap .point-box .sticky-box svg {
    height: 96px;
  }
  .about-section .about-wrap .point-box .point-list .list-item .point-desc {
    margin-top: 12px;
  }
}
@media screen and (min-width: 750.1px) {
  .about-section .about-wrap .title-box .sub-title + .sub-desc {
    margin-top: unset;
  }
}
@media screen and (max-width: 750px) {
  .about-section .about-wrap .title-box {
    display: block;
  }
  .about-section .about-wrap .title-box .sub-desc {
    width: 100%;
  }
  .about-section .about-wrap .point-box .sticky-box {
    top: calc(50% - 6vw);
  }
  .about-section .about-wrap .point-box .sticky-box .sticky-logo,
  .about-section .about-wrap .point-box .sticky-box img,
  .about-section .about-wrap .point-box .sticky-box svg {
    height: 12vw;
  }
  .about-section .about-wrap .point-box .point-list {
    width: 100%;
    box-sizing: border-box;
    padding-left: 5vw;
  }
}
@media screen and (max-width: 600px) {
  .about-section .about-wrap .point-box .point-list .list-item .point-desc {
    margin-top: 11px;
  }
}
@media screen and (max-width: 450px) {
  .about-section .about-wrap .point-box .point-list .list-item .point-desc {
    margin-top: 10px;
  }
}