/* 기자재 비교 견적 받기 (Figma 23092:48705) */
#equipment-quote {
    background: #fff;
    color: #000;
    font-family: Pretendard, -apple-system, sans-serif;
    padding-top: 80px;
}

#equipment-quote img { display: block; }
#equipment-quote ul { list-style: none; }

/* 공통 섹션 컨테이너 (최대 1600) */
#equipment-quote .eq-section {
    box-sizing: border-box;
    max-width: 1600px;
    margin: 0 auto;
}

/* 공통 타이포
   reset.css 가 `* { font-size: var(--font-16) }` 로 모든 요소를 16px 로 고정하므로
   제목 안의 span 은 부모 크기를 명시적으로 상속시켜야 한다. */
#equipment-quote .eq-hero-title span,
#equipment-quote .eq-accent { font-size: inherit; }
#equipment-quote .eq-accent {
    font-weight: 700;
    color: #23ab72;
}
#equipment-quote .eq-h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.1px;
    color: #000;
}
#equipment-quote .eq-h2-strong {
    font-size: 40px;
    font-weight: 800;
    line-height: 56px;
    color: #304248;
    text-align: center;
}
#equipment-quote .eq-body {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #304248;
}
#equipment-quote .eq-sub {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    text-align: center;
}

/* 1. Hero : 좌 190(컨테이너 40 + Figma 150) / 우 140(컨테이너 40 + Figma 100) */
#equipment-quote .eq-hero {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 0 140px 0 190px;
}
#equipment-quote .eq-hero-text {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
#equipment-quote .eq-hero-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: -0.1px;
    color: #000;
}
#equipment-quote .eq-hero-title span {
    font-weight: 700;
    display: block;
}
#equipment-quote .eq-lead {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
}
#equipment-quote .eq-badges { display: flex; gap: 16px; }
#equipment-quote .eq-badges li {
    padding: 12px 16px;
    border: 1px solid #c6cbce;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.95);
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    color: #304248;
    white-space: nowrap;
}
#equipment-quote .eq-hero-img {
    flex: none;
    width: 665.6px;
    height: 443.7px;
    object-fit: cover;
}

/* 2. 품목 카드 */
#equipment-quote .eq-items {
    margin-top: 100px;
    padding: 0 140px 0 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 49px;
}
#equipment-quote .eq-section-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
#equipment-quote .eq-cards {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    justify-content: center;
}
#equipment-quote .eq-card { width: 407px; flex: none; }
#equipment-quote .eq-card-media {
    box-sizing: border-box;
    height: 250.03px;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    background: #fbfffe;
    border: 1px solid #e2e5ec;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
}
#equipment-quote .eq-card-crop {
    position: relative;
    width: 237.19px;
    height: 217.03px;
    overflow: hidden;
    pointer-events: none;
}
#equipment-quote .eq-card-crop img {
    position: absolute;
    max-width: none;
    width: 138.63%;
    height: 113.63%;
    left: -19.83%;
    top: -6.36%;
}
#equipment-quote .eq-card-crop.is-wide { width: 326.37px; }
#equipment-quote .eq-card-crop.is-wide img {
    width: 100.75%;
    left: -0.75%;
}
#equipment-quote .eq-card-body {
    box-sizing: border-box;
    padding: 24px 28px; /* 테두리 1px 포함 시 Figma 본문 높이 230px */
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #e2e5ec;
    border-radius: 0 0 20px 20px;
}
#equipment-quote .eq-card-body h3 {
    font-size: 27px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #090000;
}
#equipment-quote .eq-card-body p {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #304248;
}
#equipment-quote .eq-chip-rows { display: flex; flex-direction: column; gap: 10px; }
#equipment-quote .eq-chips { display: flex; flex-wrap: nowrap; gap: 8px; } /* Figma 와 같이 행 단위로 고정 */
#equipment-quote .eq-chips li {
    box-sizing: border-box;
    height: 30px;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #c6cbce;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #304248;
    white-space: nowrap;
}

/* 3. 비교 장점 (전체 폭 배경) */
#equipment-quote .eq-compare {
    margin-top: 100px;
    background: #f7f8f9;
    padding: 64px 40px;
}
#equipment-quote .eq-compare-inner {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 200px;
}
#equipment-quote .eq-compare-text {
    flex: none;
    width: 401px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#equipment-quote .eq-compare-text .eq-body { margin-top: -16px; }
#equipment-quote .eq-note {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    color: #727f85;
}
#equipment-quote .eq-compare-card {
    flex: none;
    width: 632px;
    box-sizing: border-box;
    padding: 16px;
    background: #fff;
    border-radius: 12px;
}
#equipment-quote .eq-compare-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
#equipment-quote .eq-point {
    box-sizing: border-box;
    width: 600px;
    padding: 16px 24px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
    background: #fff;
}
#equipment-quote .eq-point-icon { flex: none; width: 24px; height: 24px; margin-top: 8px; }
#equipment-quote .eq-point-text {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    color: #304248;
}
#equipment-quote .eq-point-text strong { font-size: 18px; font-weight: 700; }
#equipment-quote .eq-point-text p { font-size: 15px; font-weight: 500; }
#equipment-quote .eq-divider { width: 550px; height: 1px; margin-bottom: -1px; } /* Figma 구분선은 높이 0 */

/* 4. 문의 안내 */
#equipment-quote .eq-inquiry {
    margin-top: 100px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 140px;
}
#equipment-quote .eq-inquiry-text {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#equipment-quote .eq-inquiry-text .eq-body { margin-top: -16px; }
#equipment-quote .eq-tel {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.1px;
    color: #00846c;
    white-space: nowrap;
}
#equipment-quote .eq-inquiry-img {
    flex: none;
    width: 484.86px;
    height: 363.65px;
    object-fit: contain;
}

/* 5. Coming Soon */
#equipment-quote .eq-soon {
    margin-top: 100px;
    padding: 0 140px 100px;
}
#equipment-quote .eq-soon-box {
    box-sizing: border-box;
    max-width: 1270px;
    margin: 0 auto;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    background: #f0f8f4;
    border-radius: 20px;
}
#equipment-quote .eq-soon-label {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    color: #23ab72;
}

/* 반응형 (Figma는 데스크톱 시안만 있어 최소한으로 처리) */
@media (max-width: 1024px) {
    #equipment-quote { padding-top: 40px; }
    #equipment-quote .eq-hero,
    #equipment-quote .eq-items,
    #equipment-quote .eq-inquiry { padding-left: 20px; padding-right: 20px; }
    #equipment-quote .eq-soon { padding-left: 20px; padding-right: 20px; }
    #equipment-quote .eq-hero,
    #equipment-quote .eq-inquiry { flex-direction: column; gap: 32px; }
    #equipment-quote .eq-hero-text { align-items: stretch; width: 100%; }
    #equipment-quote .eq-hero-img,
    #equipment-quote .eq-inquiry-img { width: 100%; height: auto; max-width: 665.6px; }
    #equipment-quote .eq-hero-title { font-size: 36px; line-height: 46px; }
    #equipment-quote .eq-h2,
    #equipment-quote .eq-h2-strong { font-size: 28px; line-height: 40px; }
    #equipment-quote .eq-br { display: none; }
    #equipment-quote .eq-badges { flex-wrap: wrap; }
    #equipment-quote .eq-badges li { white-space: normal; }
    #equipment-quote .eq-cards { flex-wrap: wrap; }
    #equipment-quote .eq-compare { margin-top: 60px; padding: 48px 20px; }
    #equipment-quote .eq-compare-inner { flex-direction: column; gap: 40px; }
    #equipment-quote .eq-compare-text { width: 100%; }
    #equipment-quote .eq-compare-text .eq-body,
    #equipment-quote .eq-inquiry-text .eq-body { margin-top: 0; }
    #equipment-quote .eq-compare-card { width: 100%; max-width: 632px; }
    #equipment-quote .eq-point { width: 100%; }
    #equipment-quote .eq-divider { width: calc(100% - 50px); }
    #equipment-quote .eq-inquiry,
    #equipment-quote .eq-soon { margin-top: 60px; }
    #equipment-quote .eq-tel { white-space: normal; }
}

@media (max-width: 700px) {
    #equipment-quote .eq-hero-title { font-size: 30px; line-height: 40px; }
    #equipment-quote .eq-lead,
    #equipment-quote .eq-body,
    #equipment-quote .eq-sub { font-size: 16px; line-height: 26px; }
    #equipment-quote .eq-card { width: 100%; }
    #equipment-quote .eq-chips { flex-wrap: wrap; }
    #equipment-quote .eq-point { padding: 16px 8px; gap: 16px; }
    #equipment-quote .eq-soon-box { padding: 32px 20px; }
    #equipment-quote .eq-soon-label { font-size: 20px; }
}