.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 .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 .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:.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:.5rem}.next-tech-item-main-item-head-ic svg path{stroke:#9b9b9b;transform-origin:center;transition:all .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=/cdn/shop/t/506/assets/sc-next-tech.css.map */
