@charset "utf-8";
/* @import "default.css"; */
.splist-wrap.section {
  position: relative;
  width: 100%;
  padding: 125px 18.85vw;
}

/* 행 하나 */
.splist-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 67px 67px 67px 0;
  border-top: 1px solid #868686;
  transition: background-color 0.65s ease, transform 0.65s ease;
}
.splist-item:last-child {
  border-bottom: 1px solid #868686;
}

/* 텍스트 + more버튼 영역 */
.splist-item__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 62%;
  padding: 0 42px;
}

.splist-item__title {
  font-size: 40px;
  line-height: 1.5;
}

.splist-item__img {
  position: absolute;
  right: 0;
  width: 17.6vw;
  max-width: 17.6vw;
  /* overflow: hidden; */
}
.splist-item__img img {
  width: 100%;
  display: block;
  transition: transform 0.65s ease;
}


/* hover 시: 배경색 변경 + 좌측 이동 + 최상단 레이어로 */
@media (min-width:1200px) {
    .splist-item:hover {
        background-color: #F1EFEC;
        transform: translateX(-7vw) !important;
        z-index: 10;
    }

    /* hover 시 이미지 확대 */
    .splist-item:hover .splist-item__img img {
        transform: scale(1.34) !important;
    }
}


@media (max-width:1700px) {
    .splist-wrap.section {
        padding: 125px 12vw;
    }
    .splist-item__title {
        font-size: 33px;
    }
    .splist-item__img {
        width: 20vw;
        max-width: 20vw;
    }
}
@media (max-width:1200px) {
    .splist-wrap.section {
        padding: 125px 0;
    }
    .splist-item:not(:nth-of-type(2)) {
        width: 90%;
        margin-left: auto;
    }
    .splist-item:nth-of-type(2) {
        border-bottom: 1px solid #868686;
    }
    .splist-item:last-child {
        border-top: none;
    }
    /* 텍스트 + more버튼 영역 */
    .splist-item__text {
        width: 72%;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .splist-item__title {
        font-size: 27px;
    }
    .splist-item__img {
        width: 38vw;
        max-width: 38vw;
    }
}

@media (max-width:768px) {
    .splist-item {
        padding: 30px 30px 30px 0;
    }
    .splist-item__title {
        font-size: 20px;
    }
    .splist-item__img {
        width: auto;
        height: 173px;
        max-width: 39vw;
    }
    .splist-item:nth-of-type(2) .splist-item__img {
        max-width: 49vw;
    }
    .splist-item__img img {
        height: 100%;
    }
}

@media (max-width:500px) {
    .splist-item__text {
        padding: 0 20px;
    }
}

@media (max-width:359px) {
    .splist-item__title {
        font-size: 18px;
    }
}