/* ══════════════════════════════════════════════════
#3 코막힘 수술이란? (#f1f1f1 bg + 비교 이미지)
pt: 160px (피그마 기준)
══════════════════════════════════════════════════ */
.dizziness-what {
background: #f1f1f1;
padding: 160px 200px 100px;
display: flex;
flex-direction: column;
align-items: center;
}

.dizziness-what-heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
text-align: center;
width: 100%;
}

.dizziness-what-title {
font-family: 'Pretendard', sans-serif;
font-weight: 600;
font-size: 56px;
color: #111;
letter-spacing: -1.68px;
line-height: 72.8px;
margin: 0;
word-break: keep-all;
}

.dizziness-what-title .point {
    color: var(--Point-Color, #00A8C6);
}

.dizziness-what-desc {
font-family: 'Pretendard', sans-serif;
font-weight: 400;
font-size: 20px;
color: var(--font-1, #282828);
text-align: center;
line-height: 36px;
margin: 0;
word-break: keep-all;
}

.dizziness-what-desc strong {
font-weight: 700;
}

/* 비교 이미지 레이아웃 */
.dizziness-what-compare {
display: flex;
gap: 40px;
justify-content: center;
width: 100%;
margin-top: 50px;
}

.dizziness-what-col {
display: flex;
flex-direction: column;
width: 580px;
flex-shrink: 0;
}

.dizziness-what-col-label {
display: block;
padding: 20px;
font-family: 'Pretendard', sans-serif;
font-weight: 700;
font-size: 26px;
color: #fff;
text-align: center;
letter-spacing: -1px;
line-height: 41.6px;
border-radius: 20px 20px 0 0;
}

.dizziness-what-col--normal .dizziness-what-col-label {
background: var(--point-color, #00a8c6);
}

.dizziness-what-col--deviated .dizziness-what-col-label {
background: var(--sub-color, #0f4c81);
}

.dizziness-what-col-img-wrap {
height: 300px;
background: #f8f8f8;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

.dizziness-what-col-img {
width: 100%;
height: 100%;
object-fit: contain;
mix-blend-mode: darken;
display: block;
}

@media (max-width: 1400px) {
    .dizziness-what {
    padding: 60px; 
    }
    
    .dizziness-what-col {
        display: flex;
        flex-direction: column;
        width: calc(50% - 40px);
        flex-shrink: 0;
    }
    }

    @media (max-width: 1024px) {
/* 수술이란 */
.dizziness-what {
    padding: 80px 60px;
    }
    
    .dizziness-what-title {
    font-size: 38px;
    line-height: 52px;
    }
    
    .dizziness-what-desc {
    font-size: 17px;
    line-height: 30px;
    }
    
    .dizziness-what-compare {
    gap: 16px;
    margin-top: 40px;
    }
    
    .dizziness-what-col {
    width: calc(50% - 8px);
    }
    
    .dizziness-what-col-label {
    font-size: 20px;
    padding: 16px 12px;
    line-height: 32px;
    }
    
    .dizziness-what-col-img-wrap {
    height: 240px;
    }
}
@media (max-width: 767px) {
/* 수술이란 */
.dizziness-what {
    padding: 60px 20px;
    }
    
    .dizziness-what-title {
    font-size: 26px;
    line-height: 36px;
    }
    
    .dizziness-what-desc {
    font-size: 20px;
    line-height: 32px;
    }
    
    .dizziness-what-compare {
    flex-direction: column;
    gap: 16px;
    margin-top: 30px;
    }
    
    .dizziness-what-col {
    width: 100%;
    }
    
    .dizziness-what-col-label {
    font-size: 18px;
    padding: 14px 12px;
    line-height: 28px;
    }
    
    .dizziness-what-col-img-wrap {
    height: 220px;
    }
}