.page_content {
  padding-bottom: 15.625vw;
}
.page_content .sec_title:nth-child(2) {
  margin-bottom: 2.1354166667vw;
}

.sec_title_row {
  display: flex;
  justify-content: space-between;
}
.sec_title_row:first-child {
  margin-top: 2.0833333333vw;
}
.sec_title_row:first-child .sec_title:nth-child(2) {
  display: none;
}
.sec_title_row:nth-child(2) {
  align-items: center;
  gap: 4.5833333333vw;
}
.sec_title_row .left_col {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.9375vw;
}
.sec_title_row .left_col .desc {
  font-family: "avenir-next-lt-pro-condensed", sans-serif;
  font-weight: 500;
  font-size: 1.5625vw;
  line-height: 1.8229166667vw;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.sec_title_row .left_col .bottom_row {
  display: flex;
  justify-content: space-between;
}
.sec_title_row .left_col .bottom_row .star {
  width: 1.875vw;
}
.sec_title_row .left_col .bottom_row .desc_kr {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 0.7291666667vw;
  line-height: 1.1458333333vw;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.success_grid {
  display: grid;
  grid-template-columns: repeat(4, 23.4375vw);
  gap: 3.125vw 1.0416666667vw;
  margin-bottom: 3.125vw;
}
.success_grid .success_item {
  display: block;
  width: 23.4375vw;
  height: 15.4166666667vw;
  border: none;
  background: #d9d9d9;
  overflow: hidden;
}
.success_grid .success_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.success_grid .success_item:hover {
  border: 1px solid #000;
}
.success_grid .success_item.no_image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.success_grid .success_item.no_image p {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 0.7291666667vw;
  color: #666;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5208333333vw;
  margin-top: 4.1666666667vw;
}
.pagination .page_btn,
.pagination .page_num {
  background: none;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 0.7291666667vw;
  line-height: 0.8333333333vw;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  cursor: pointer;
}
.pagination .page_btn:disabled,
.pagination .page_num:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.success_detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.0416666667vw;
  margin-bottom: 16.5104166667vw;
}
.success_detail .back_btn {
  display: block;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
}
.success_detail .back_btn svg {
  width: 100%;
  height: 100%;
}
.success_detail .back_btn svg circle {
  fill: #fff;
  stroke: #000;
}
.success_detail .back_btn svg path {
  stroke: #000;
}
.success_detail .back_btn:hover svg circle {
  fill: #000;
  stroke: #000;
}
.success_detail .back_btn:hover svg path {
  stroke: #fff;
}
.success_detail .detail_image {
  max-width: 60.15625vw;
  width: 100%;
}
.success_detail .detail_image img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #000;
}
.success_detail .detail_image.no_image {
  height: 20.8333333333vw;
  background: #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.success_detail .detail_image.no_image p {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 0.8333333333vw;
  color: #666;
}

.mobile_desc {
  display: none;
}

@media (max-width: 1024px) {
  .sec_title_row {
    flex-direction: column;
    align-items: flex-start;
  }
  .sec_title_row:first-child .sec_title:nth-child(2) {
    display: block;
  }
  .sec_title_row:nth-child(2) {
    display: none;
  }
  .sec_title_row .left_col {
    display: none;
  }
  .page_content {
    padding-bottom: min(34.6666666667vw, 130px);
  }
  .page_content .sec_title {
    margin-bottom: 0;
    line-height: min(10.6666666667vw, 40px);
  }
  .page_content .sec_title .avenir {
    font-family: "avenir-next-lt-pro-condensed", sans-serif;
    font-weight: 500;
    font-size: min(13.3333333333vw, 50px);
    line-height: min(12vw, 45px);
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }
  .page_content .sec_title .instru {
    font-family: Instrument Serif;
    font-weight: 400;
    font-style: italic;
    font-size: min(13.3333333333vw, 50px);
    line-height: min(12vw, 45px);
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }
  .mobile_desc {
    display: block;
    margin-top: min(5.3333333333vw, 20px);
    margin-bottom: min(8.5333333333vw, 32px);
  }
  .mobile_desc .desc_kr {
    font-family: "Pretendard", sans-serif;
    font-weight: 500;
    font-size: min(3.7333333333vw, 14px);
    line-height: min(5.3333333333vw, 20px);
    letter-spacing: -0.03em;
    margin-bottom: min(2.1333333333vw, 8px);
  }
  .mobile_desc .desc_en {
    font-family: "avenir-next-lt-pro-condensed", sans-serif;
    font-weight: 500;
    font-size: min(3.7333333333vw, 14px);
    line-height: min(5.3333333333vw, 20px);
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }
  .success_grid {
    grid-template-columns: 1fr;
    gap: min(5.3333333333vw, 20px);
    margin-bottom: min(8.5333333333vw, 32px);
  }
  .success_grid .success_item {
    width: 100%;
    height: auto;
    min-height: min(60.1146666667vw, 225.43px);
  }
  .pagination {
    gap: min(2.6666666667vw, 10px);
    margin-top: min(10.6666666667vw, 40px);
    margin-bottom: min(26.6666666667vw, 100px);
  }
  .pagination .page_btn,
  .pagination .page_num {
    font-size: min(3.7333333333vw, 14px);
    line-height: min(4.2666666667vw, 16px);
  }
  .page_content:has(.success_detail) .mobile_desc {
    display: none;
  }
  .success_detail {
    flex-direction: column;
    gap: min(4.2666666667vw, 16px);
    margin-bottom: min(26.6666666667vw, 100px);
  }
  .success_detail .back_btn {
    width: min(8.5333333333vw, 32px);
    height: min(8.5333333333vw, 32px);
  }
  .success_detail .detail_image {
    max-width: 100%;
  }
  .success_detail .detail_image.no_image {
    height: min(53.3333333333vw, 200px);
  }
  .success_detail .detail_image.no_image p {
    font-size: min(3.7333333333vw, 14px);
  }
}

/*# sourceMappingURL=success.css.map */