/* 20261110qs1: PC 상세 견적요약(#sum) 라벨·금액 간격 정리.
   문구·금액·계산은 바꾸지 않음. ≤1099(모바일·폴드) 불변.
   되돌리려면 이 파일과 deal.html 의 deal-quote-space.css 링크만 제거. */
@media (min-width: 1100px){
  html body aside.summary#sum,
  body aside.summary#sum,
  body #sum.summary{
    padding: 22px 22px 20px !important;
  }

  html body aside.summary#sum .sel,
  body #sum .sel{
    line-height: 1.55 !important;
    margin: 6px 0 16px !important;
    word-break: keep-all !important;
  }

  html body aside.summary#sum .lt-mon,
  body #sum .lt-mon{
    margin: 2px 0 16px !important;
  }

  html body aside.summary#sum .lt-h,
  body #sum .lt-h{
    align-items: flex-start !important;
    gap: 8px 14px !important;
    padding: 8px 0 6px !important;
    line-height: 1.45 !important;
  }
  html body aside.summary#sum .lt-h .lt-v,
  body #sum .lt-h .lt-v{
    margin-left: 12px !important;
    flex: 0 0 auto !important;
  }
  html body aside.summary#sum .lt-hl .lt-sm,
  body #sum .lt-hl .lt-sm{
    margin-top: 3px !important;
    line-height: 1.45 !important;
  }

  html body aside.summary#sum .lt-r,
  body #sum .lt-r,
  html body aside.summary#sum .lt-rp,
  body #sum .lt-rp{
    gap: 12px !important;
    padding: 7px 0 !important;
    line-height: 1.5 !important;
    min-width: 0 !important;
  }
  html body aside.summary#sum .lt-r.lt-s,
  body #sum .lt-r.lt-s{
    padding: 6px 0 6px 12px !important;
  }
  html body aside.summary#sum .lt-r span,
  body #sum .lt-r span,
  html body aside.summary#sum .lt-rpl,
  body #sum .lt-rpl{
    min-width: 0 !important;
    word-break: keep-all !important;
  }
  html body aside.summary#sum .lt-r b,
  body #sum .lt-r b,
  html body aside.summary#sum .lt-rpv,
  body #sum .lt-rpv{
    flex: 0 0 auto !important;
    margin-left: 8px !important;
  }

  html body aside.summary#sum .lt-gap,
  body #sum .lt-gap{
    height: 16px !important;
  }

  html body aside.summary#sum .lt-sup,
  body #sum .lt-sup{
    margin: 16px 0 6px !important;
    line-height: 1.5 !important;
  }

  /* '6개월간 월 납부 예상 금액' 이 nowrap 한 줄로 큰 금액과 맞붙던 것 해제.
     '6개월간'을 한 줄, '월 납부 예상 금액'을 다음 줄로 두어 낱말 잘림 없이 간격을 냄. */
  html body aside.summary#sum .lt-tot,
  body aside.summary#sum .lt-tot,
  body #sum .lt-tot{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 16px !important;
    row-gap: 4px !important;
    padding: 14px 0 8px !important;
    margin-top: 14px !important;
    min-width: 0 !important;
  }
  html body aside.summary#sum .lt-tot > span,
  body #sum .lt-tot > span{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
  }
  html body aside.summary#sum .lt-tot .lt-tl,
  body #sum .lt-tot .lt-tl{
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    letter-spacing: -.15px !important;
  }
  html body aside.summary#sum .lt-tot .lt-tl em.m6r,
  body #sum .lt-tot .lt-tl em.m6r,
  html body aside.summary#sum .lt-a6 > span em.m6r,
  body #sum .lt-a6 > span em.m6r{
    display: block !important;
    margin-bottom: 2px !important;
  }
  html body aside.summary#sum .lt-tot small,
  body #sum .lt-tot small{
    display: block !important;
    margin: 4px 0 0 !important;
    white-space: nowrap !important;
  }
  html body aside.summary#sum .lt-tot > b,
  body #sum .lt-tot > b{
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin-left: 0 !important;
    align-self: center !important;
    white-space: nowrap !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: right !important;
  }

  html body aside.summary#sum .lt-a6,
  body #sum .lt-a6{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-top: 14px !important;
    padding: 12px 0 0 !important;
    min-width: 0 !important;
  }
  html body aside.summary#sum .lt-a6 > span,
  body #sum .lt-a6 > span{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    line-height: 1.45 !important;
  }
  html body aside.summary#sum .lt-a6 > b,
  body #sum .lt-a6 > b{
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
  }

  html body aside.summary#sum .sum-apply,
  body #sum .sum-apply{
    margin-top: 20px !important;
  }
  html body aside.summary#sum .sum-chat,
  body #sum .sum-chat{
    margin-top: 14px !important;
    line-height: 1.75 !important;
  }
}
