@charset "utf-8";


/* WSA_MAIN_05 */
.WSA_MAIN_05 {
  position: relative;
  padding-top: 16rem;
  padding-bottom: 16rem;
  background: var(--bg-color);
}

.WSA_MAIN_05 .group-scroll {
  width: 100%;
  height: 500vh;
}

.WSA_MAIN_05 .wrap-sticky {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: sticky;
  top: calc(50% - 30rem);
}

.WSA_MAIN_05 .title-area {
  margin-bottom: 6rem;
  text-align: center;
}

.WSA_MAIN_05 .title-area .tt{
font-size:calc(var(--tit-md-size) * 1.6);  color: #000; font-weight: 700; letter-spacing: -1px; margin-bottom: clamp(10px, calc(0.658vw + 7.368px), 20px) ;font-family:"Pretendard Variable",  sans-serif;
}
.WSA_MAIN_05 .title-area .tt2{
font-size:calc(var(--tx-sm-size) * 1.3);  color: #000; font-weight: 500; letter-spacing: -1px; font-family:"Pretendard Variable",  sans-serif;
}

.WSA_MAIN_05 .list-area {
  position: relative;
  transform-style: preserve-3d;
  perspective: 1000px;
}

.WSA_MAIN_05 .item {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 60rem;
  border-radius: 0.8rem;
}

.WSA_MAIN_05 .item:nth-child(n + 2) {
  position: absolute;
  top: 0;
}

.WSA_MAIN_05 .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--black-rgb), 0.05);
}

.WSA_MAIN_05 .item picture {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.WSA_MAIN_05 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.WSA_MAIN_05 .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4.8rem;
  width: 100%;
}

.WSA_MAIN_05 .desc .um {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
  font-size:calc(var(--tx-sm-size) * 1.3);  color: #000; font-weight: 500; letter-spacing: -1px; font-family:"Pretendard Variable",  sans-serif;	
}


.WSA_MAIN_05 .desc .tt {
  overflow: hidden;
  display: -webkit-box;
  margin: 3.2rem 0 2rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  font-size:calc(var(--tit-md-size) * 1.4);  color: #000; font-weight: 700; letter-spacing: -1px; font-family:"Pretendard Variable",  sans-serif;
}



.WSA_MAIN_05 .desc .tt2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
font-size:calc(var(--tx-sm-size) * 1.3);  color: #000; font-weight: 500; letter-spacing: -1px; font-family:"Pretendard Variable",  sans-serif;	
}




.WSA_MAIN_05 .desc.white .um,
.WSA_MAIN_05 .desc.white .tt,
.WSA_MAIN_05 .desc.white .tt2 {
  color: var(--white);
}


.WSA_MAIN_05 .item .btn{position: absolute; right:4.8rem; bottom:4.8rem; width: auto; padding: clamp(10px, calc(0.658vw + 7.368px), 20px) clamp(20px, calc(1.316vw + 14.737px), 40px); border-radius: 5px; background-color: #000}

.WSA_MAIN_05 .item .btn a{font-size:calc(var(--tx-sm-size) * 1.1);  color: var(--div-color1); font-weight: 500; letter-spacing: -1px; font-family:"Pretendard Variable",  sans-serif; text-align: center; cursor:pointer}


@media (max-width: 992px) {
  .WSA_MAIN_05 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .WSA_MAIN_05 .title-area {
    margin-bottom: 3rem;
  }

  .WSA_MAIN_05 .wrap-sticky {
    top: calc(50% - 21rem);
  }

  .WSA_MAIN_05 .item {
    height: 42rem;
  }

  .WSA_MAIN_05 .desc {
    padding: 2.4rem 2rem;
  }

  .WSA_MAIN_05 .desc .tt {
    margin: 2.8rem 0 1.2rem;
  }
	
.WSA_MAIN_05 .item .btn{position: absolute; left:2rem; bottom:2.4rem; width: auto; padding: clamp(10px, calc(0.658vw + 7.368px), 20px) clamp(20px, calc(1.316vw + 14.737px), 40px); border-radius: 5px; background-color: #000}	
	
}