/* =========================================================
  [DIVORCE SUCCESS] 피그마 확정 스타일
  - PC 5개 고정 / MO 1개
  - 타이틀 컬러 #9F003A / 30px bold
  - 카드: height 236px, shadow 제거
  - 텍스트 사이 gap: 20px
  - 서브(결과): 20px bold
  - 설명: 16px
========================================================= */

.divorce-success{
    background:#fff;
    padding: 90px 0 80px;
  }
  .divorce-success--gray{
    background:#f3f5f7;
  }
  
  /* 컨테이너 */
  .divorce-success__inner{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  /* 헤더 */
  .divorce-success__head{
    text-align:center;
    margin-bottom: 60px; /* 기존 100px → 과함, 피그마 느낌으로 정리 */
  }
  .divorce-success__icon{
    width: 40px;          /* 기존 80px → 과함 */
    height: auto;
    margin: 0 auto 18px;
    display:block;
  }
  .divorce-success__title{
    margin:0;
    font-size: 30px;      /* ✅ 요청 */
    font-weight: 800;     /* ✅ bold */
    letter-spacing: -0.03em;
    color:#000;        /* ✅ 요청 */
    line-height: 1.2;
  }
  
  /* 슬라이더 */
  .divorce-success__slider{ position: relative; }
  .divorceCaseSwiper{ padding-bottom: 0; }
  
  /* 하단 중앙 버튼 */
  .divorce-success__nav{
    position: static;
    display:flex;
    gap: 10px;
    justify-content:center;
    align-items:center;
    margin-top: 18px;
  }
  
  .divorce-success__btn{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #d6dde5;
    background:#fff;
    cursor:pointer;
    position:relative;
    transition: transform .15s ease;
  }
  .divorce-success__btn:hover{ transform: translateY(-1px); }
  
  .divorce-success__btn:before{
    content:"";
    position:absolute;
    inset:0;
    margin:auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #111;
    border-right: 2px solid #111;
    transform: rotate(225deg);
  }
  .divorce-success__btn.next:before{ transform: rotate(45deg); }
  
  /* =========================================================
    카드 (236px 고정 + 텍스트 더 많이 노출)
  ========================================================= */
  .divorce-case-card{
    height: 236px;               /* ✅ 요청 */
    border-radius: 14px;
    background:#fff !important;
    border: 1px solid #eef1f5;
    box-shadow: none !important; /* ✅ 요청: 그림자 제거 */
    padding: 22px 22px;          /* 여백 조금 넉넉하게 */
    text-decoration:none;
    color:#111;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap: 20px;                   /* ✅ 요청: 텍스트 간격 */
  }
  .divorce-case-card>div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  /* 2번째 텍스트(결과/라벨) */
  .divorce-case-card__top{
    font-size: 20px;     /* ✅ 요청 */
    font-weight: 800;    /* ✅ bold */
    color:#9F003A;       /* 타이틀과 톤 맞춤 */
    margin:0;            /* gap이 있으니 margin 제거 */
    margin-bottom: 20px;
  }
  
  /* 메인 타이틀 */
  .divorce-case-card__title{
    font-size: 16px;     /* 피그마 캡처상 카드 타이틀도 20급이 더 자연스러움 */
    font-weight: 700;
    line-height: 1.3;
    margin:0;
    letter-spacing:-0.02em;
    margin-bottom: 20px;
  }
  
  /* 설명 */
  .divorce-case-card__desc{
    font-size: 12px;     /* ✅ 요청 */
    color:#6b7280;
    line-height: 1.55;
    margin:0;
  
    /* ✅ 더 많이 보이게: 2줄 → 4줄 */
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  
  /* PC 5개 고정일 때 간격은 Swiper 옵션 spaceBetween으로 */
  @media (min-width:1001px){
    /* 필요 시 카드 내부 폰트만 살짝 조절 가능 */
  }
  
  /* 모바일: 1개씩 */
  @media (max-width:1000px){
    .divorce-success{ padding: 64px 0 58px; }
    .divorce-success__title{ font-size: 26px; } /* 모바일은 살짝 축소 */
    .divorce-success__head{ margin-bottom: 34px; }
  
    .divorce-case-card{
      height: auto;       /* 모바일은 내용 자연스럽게 */
      min-height: 220px;
      padding: 18px 18px;
      gap: 16px;
    }
  
    .divorce-case-card__top{ font-size: 18px; }
    .divorce-case-card__title{ font-size: 18px; }
    .divorce-case-card__desc{
      font-size: 15px;
      -webkit-line-clamp: 5;
    }
  }