.next-tech {
  margin: 1rem;
  border-radius: 2rem;
  background-color: var(--bg-dark-gray);
  padding-block: 16rem;
  overflow: hidden;
}
@media (max-width: 1025px) {
  .next-tech {
    padding-block: 8rem;
    border-radius: 1rem;
  }
}
@media (max-width: 767px) {
  .next-tech {
    padding-block: 5.6rem;
  }
}
.next-tech-wrap {
  display: block;
}
.next-tech-item {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-gap: var(--grid-gap);
}
@media (max-width: 1025px) {
  .next-tech-item {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 767px) {
  .next-tech-item {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
  }
}
.next-tech-item-img {
  grid-column: 1/10;
  align-self: center;
}
@media (max-width: 1025px) {
  .next-tech-item-img {
    grid-column: 1/7;
  }
}
.next-tech-item-img-inner {
  margin-right: 3.2rem;
}
@media (max-width: 1025px) {
  .next-tech-item-img-inner {
    margin-right: 0;
  }
}
.next-tech-item-content {
  grid-column: 11/-1;
}
@media (max-width: 1025px) {
  .next-tech-item-content {
    grid-column: 7/-1;
  }
}
.next-tech-item-title-wrap {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .next-tech-item-title-wrap {
    align-items: center;
    text-align: center;
  }
}
.next-tech-item-title {
  color: var(--cl-white);
  margin-bottom: 3.2rem;
}
@media (min-width: 768px) and (max-width: 1025px) {
  .next-tech-item-title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .next-tech-item-title {
    margin-bottom: 1.6rem;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1025px) {
  .next-tech-item-title .txt-54 {
    font-size: 3.6rem;
    line-height: 1.1em;
  }
}
.next-tech-item-sub {
  color: var(--cl-white-70);
  margin-bottom: 4rem;
}
@media (max-width: 1025px) {
  .next-tech-item-sub {
    margin-bottom: 3.2rem;
  }
  .next-tech-item-sub > .txt {
    font-size: 1.6rem;
    line-height: 1.4em;
  }
}
.next-tech-item-main {
  display: flex;
  flex-direction: column;
}
.next-tech-item-main-item {
  display: grid;
  grid-template-rows: min-content 0fr;
  position: relative;
  transition: grid-template-rows 0.3s;
  cursor: pointer;
}
.next-tech-item-main-item:hover .next-tech-item-main-item-head-txt {
  color: var(--cl-primary);
}
.next-tech-item-main-item > .div-line {
  position: absolute;
  left: 0;
  background-color: var(--cl-white-10);
}
.next-tech-item-main-item > .div-line.top {
  top: 0;
  display: none;
}
.next-tech-item-main-item > .div-line.bot {
  bottom: 0;
}
.next-tech-item-main-item:first-child > .div-line.top {
  display: block;
}
.next-tech-item-main-item-head {
  display: flex;
  padding-block: 2rem;
  transition: padding-bottom 0.3s;
}
@media (max-width: 1025px) {
  .next-tech-item-main-item-head {
    padding-block: 2.4rem;
  }
}
.next-tech-item-main-item-head-label {
  color: var(--cl-white-40);
  margin-top: 0.4rem;
  width: 4rem;
  flex: none;
}
.next-tech-item-main-item-head-inner {
  flex-grow: 1;
  display: flex;
  align-items: start;
  justify-content: space-between;
  column-gap: 1.6rem;
}
.next-tech-item-main-item-head-txt {
  color: var(--cl-white);
  transition: color var(--t);
}
.next-tech-item-main-item-head-ic {
  margin-top: 0.5rem;
}
.next-tech-item-main-item-head-ic svg path {
  stroke: #9B9B9B;
  transform-origin: center;
  transition: all 0.4s ease;
}
.next-tech-item-main-item-body {
  overflow: hidden;
  pointer-events: none;
}
.next-tech-item-main-item-body-inner {
  margin-bottom: 2rem;
}
.next-tech-item-main-item-body-inner-txt {
  color: var(--cl-white-50);
}
.next-tech-item-main-item-body-inner-txt b {
  font-weight: 600;
  color: var(--cl-white-80);
}
@media (max-width: 767px) {
  .next-tech-item-main-item-body-inner-txt > .txt {
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.next-tech-item-main-item.active {
  grid-template-rows: min-content 1fr;
}
.next-tech-item-main-item.active .next-tech-item-main-item-head {
  padding-bottom: 1.6rem;
}
.next-tech-item-main-item.active .next-tech-item-main-item-head-ic svg path:nth-child(1) {
  transform: scaleY(0);
}
.next-tech-item-main-item.active .next-tech-item-main-item-body {
  pointer-events: auto;
}
.next-tech-item-reverse {
  margin-top: 18.2rem;
}
@media (max-width: 1025px) {
  .next-tech-item-reverse {
    margin-top: 6.4rem;
  }
}
.next-tech-item-reverse .next-tech-item-img {
  grid-column: 10/-1;
  grid-row: 1/2;
}
@media (max-width: 1025px) {
  .next-tech-item-reverse .next-tech-item-img {
    grid-column: 7/-1;
  }
}
@media (max-width: 767px) {
  .next-tech-item-reverse .next-tech-item-img {
    padding-bottom: 2rem;
  }
}
.next-tech-item-reverse .next-tech-item-img-inner {
  margin-right: -24.4rem;
}
@media (max-width: 1025px) {
  .next-tech-item-reverse .next-tech-item-img-inner {
    margin-right: -7rem;
  }
}
@media (max-width: 767px) {
  .next-tech-item-reverse .next-tech-item-img-inner {
    margin-right: 0;
  }
}
.next-tech-item-reverse .next-tech-item-content {
  grid-column: 1/7;
  grid-row: 1/2;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../src/scss/sections/sc-next-tech.scss%22,%22../src/scss/global/tool.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EACI;EACA;EACA;EACA;EACA;;ACMF;EDXF;IAQQ;IACA;;;ACVN;EDCF;IAaQ;;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;ACZN;EDSE;IAMQ;;;AC3BV;EDqBE;IAUQ;IACA;IACA;;;AAGJ;EACI;EACA;;AC1BV;EDwBM;IAKQ;;;AAGJ;EACI;;ACjCd;EDgCU;IAIQ;;;AAKZ;EACI;;AC1CV;EDyCM;IAIQ;;;AAIR;EACI;EACA;;AC/DV;ED6DM;IAKQ;IACA;;;AAIR;EACI;EACA;;ACnEV;EDiEM;IAKQ;;;AC5Ed;EDuEM;IASQ;IACA;;;AC3Ed;ED8EU;IAEQ;IACA;;;AAKZ;EACI;EACA;;AClFV;EDgFM;IAKQ;;EAEA;IACI;IACA;;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGI;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAKJ;EACI;;AAIR;EACI;EACA;EACA;;ACvIlB;EDoIc;IAMQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;;AAKZ;EACI;EACA;;AAEA;EACI;;AAEA;EACI;;AAEA;EACI;EACA;;ACpM9B;EDwM8B;IACI;IACA;;;AAOpB;EACI;;AAGI;EACI;;AAIQ;EACI;;AAMhB;EACI;;AAQpB;EACI;;AC/NV;ED8NM;IAIQ;;;AAIA;EACI;EACA;;ACxOlB;EDsOc;IAKQ;;;ACvPtB;EDkPc;IASQ;;;AAGJ;EACI;;ACnPtB;EDkPkB;IAIQ;;;AClQ1B;ED8PkB;IAQQ;;;AAKZ;EACI;EACA%22,%22file%22:%22sc-next-tech.css%22%7D */