@charset "utf-8";

/* WSA_MAIN_03 */
.WSA_MAIN_03 {
  overflow: hidden;
  position: relative;
  padding-top: 16rem;
  padding-bottom: 16rem;
  background: #f6f8fc;
}

.WSA_MAIN_03 .contents-inner {
  width: 100%;
}

.WSA_MAIN_03 .title-area {
margin-bottom:clamp(30px, calc(1.316vw + 24.737px), 50px)
}

.WSA_MAIN_03 .title-area .tt {
 font-size:calc(var(--tx-sm-size) * 1.4);  color: #000; font-weight: 500; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif; text-transform:uppercase;
}

.WSA_MAIN_03 .title-area .tt2 {
  display: block;
  margin: 0.4rem 0 2rem; font-size:calc(var(--tit-md-size) * 1.4);  color: #000; font-weight: 700; letter-spacing: -1px; margin-bottom: clamp(10px, calc(0.658vw + 7.368px), 20px); font-family:"Pretendard Variable",  sans-serif; text-transform:uppercase;
}

.WSA_MAIN_03 .title-area .tx {
font-size:calc(var(--tx-sm-size) * 1.2);  color: #000; font-weight: 500; letter-spacing: -1px; font-family:"Pretendard Variable",  sans-serif; text-transform:uppercase;
}

.WSA_MAIN_03 .thumb-area {
  width: 100%;
}

.WSA_MAIN_03 .thumb-area .wrap {
  display: flex;
  gap: 2.4rem;
}

.WSA_MAIN_03 .thumb-area .wrap+.wrap {
  margin-top: 2.4rem;
}

.WSA_MAIN_03 .thumb-area .thumb {
  position: relative;
  height: 46rem;
}

.WSA_MAIN_03 .thumb-area .thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(var(--black-rgb), 0) 70%, rgba(var(--black-rgb), 80%));
}

.WSA_MAIN_03 .thumb-area .thumb.lg {
  flex: 1 1 83rem;
}

.WSA_MAIN_03 .thumb-area .thumb.sm {
  flex: 1 1 58.6rem;
}

.WSA_MAIN_03 .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.WSA_MAIN_03 .desc {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 4rem;
}

.WSA_MAIN_03 .desc  {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  font-size:calc(var(--tx-sm-size) * 1.1);  color: #fff; font-weight: 700; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif; 

}

.WSA_MAIN_03 .desc em {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  font-size:calc(var(--tit-md-size) * 1.3);  color: #fff; font-weight: 700; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif; line-height: 110%; margin-bottom:clamp(10px, calc(0.658vw + 7.368px), 20px);

}


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



.WSA_MAIN_03 .title-area .tt {
 font-size:calc(var(--tx-sm-size) * 1.4);  color: #000; font-weight: 500; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif; text-transform:uppercase;
}

.WSA_MAIN_03 .title-area .tt2 {
  display: block;
  margin: 0.4rem 0 2rem; font-size:calc(var(--tit-md-size) * 1.4);  color: #000; font-weight: 700; letter-spacing: -1px; margin-bottom: clamp(10px, calc(0.658vw + 7.368px), 20px); font-family:"Pretendard Variable",  sans-serif; text-transform:uppercase;
}

.WSA_MAIN_03 .title-area .tx {
font-size:calc(var(--tx-sm-size) * 1.2);  color: #000; font-weight: 500; letter-spacing: -1px; font-family:"Pretendard Variable",  sans-serif; text-transform:uppercase;
}

  .WSA_MAIN_03 .thumb-area .wrap {
    flex-direction: column;
    gap: 1.6rem;
  }

  .WSA_MAIN_03 .thumb-area .wrap+.wrap {
    margin-top: 1.6rem;
  }

  .WSA_MAIN_03 .thumb-area .thumb {
    height: 28rem;
  }

  .WSA_MAIN_03 .thumb-area .thumb.lg,
  .WSA_MAIN_03 .thumb-area .thumb.sm {
    flex: none;
  }

  .WSA_MAIN_03 .desc {
    padding: 2rem;
  }
}