/* 모듈 래퍼 */
.sdh-ts {
  position: relative;
  background:#fff;
}

/* 화면에 고정될 영역 */
.sdh-ts__sticky {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* 겹쳐 놓는 스텝 컨테이너 */
.sdh-ts__steps {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 각 스텝: 중앙에 절대 배치(겹침) */
.sdh-ts__step {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  will-change: opacity, transform, filter;
}
.step2{
  margin-top:90px;
}

/* 타이포 */
.sdh-ts__step h2 {
  margin: 0;
  text-align: center;
  line-height: 1.15;
  font-family: "7bold";
  font-size: 7.2rem;
  /*
  font-weight: 600;
  font-size:6rem;
  */
}
 
.sdh-ts__step p {
  margin: 0;
  text-align: center;
  line-height: 1.2;
  font-family: "7bold";
  font-size: 3.6rem;
}


.sdh-ts-m{
  display:none;
}


@media (max-width: 768px),
  (hover: none) and (pointer: coarse) {
    .sdh-ts {
      display:none;
    }
    .sdh-ts-m{
      display:block;
    }
    .sdh-ts__step-m{
      display:flex;
      flex-direction: column;
      align-items:center;
      justify-content:center;
      height:100vh;
    }
    .sdh-ts__step-m h2 {
      font-size:4rem;
      line-height: 1.2;
      font-weight: 600;
      text-align: center;
    }
    
    .sdh-ts__step-m p {
      font-size:2rem;
      line-height: 1.2
      font-weight: 600;
      text-align: center;
    }    
}
@media (max-width: 425px) {
  .sdh-ts__step-m h2 {
    font-size:3rem;
  }
  
  .sdh-ts__step-m p {
    font-size: max(14px, 2rem);
  }  
}