/* ==========================================
          비중격만곡증 페이지 커스텀 스타일
    ========================================== */

    /* SECTION 5: 증상 카드 — 이미지 + 그라데이션 하단 캡션 */
    .sec-symptom--ds .symptom-card {
        flex: 0 0 calc(33.333% - 14px);
        max-width: calc(33.333% - 14px);
        border-radius: 20px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 6px 20px rgba(10, 42, 67, .05);
    }

    .sec-symptom--ds .symptom-card__img {
        display: block;
        width: 100%;
        height: 340px;
        object-fit: cover;
        background: #dadada;
    }

    .sec-symptom--ds .symptom-card__body {
        background: linear-gradient(90deg, var(--sub-color, #0f4c81) 0%, #0a2a43 100%);
        color: #fff;
        padding: 24px 20px;
        text-align: center;
    }

    .sec-symptom--ds .symptom-card__body-title {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: -.78px;
        color: #fff;
        margin: 0 0 6px;
        line-height: 36px;
    }

    .sec-symptom--ds .symptom-card__body-desc {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        line-height: 26px;
        margin: 0;
        opacity: .95;
    }

    .sec-symptom--ds .sec-symptom__container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    /* 두번째 줄 카드 2개는 살짝 넓게 */
    .sec-symptom--ds .symptom-card--wide {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    @media (max-width: 1024px) {
        .sec-symptom--ds .symptom-card,
        .sec-symptom--ds .symptom-card--wide {
            flex: 0 0 calc(50% - 10px);
            max-width: calc(50% - 10px);
        }
        .sec-symptom--ds .symptom-card__img { height: 260px; }
    }

    @media (max-width: 768px) {
        .sec-symptom--ds .symptom-card,
        .sec-symptom--ds .symptom-card--wide {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .sec-symptom--ds .symptom-card__img { height: 220px; }
        .sec-symptom--ds .symptom-card__body-title { font-size: 22px; }
        .sec-symptom--ds .symptom-card__body-desc { font-size: 16px; }
    }

    /* SECTION 4: 원인 카드 — 둥근 모서리 보더 카드 (Figma 스타일) */
    .sec-cause--ds .cause-card {
        border: 1px solid #dadada;
        border-radius: 20px;
        padding: 24px 40px;
        list-style: none;
    }

    .sec-cause--ds .cause-card__title {
        color: var(--sub-color, #0f4c81);
        font-size: 26px;
        font-weight: 700;
        letter-spacing: -.78px;
        display: block;
        line-height: 36px;
    }

    .sec-cause--ds .cause-card__desc {
        font-size: 18px;
        color: var(--font-1, #282828);
        line-height: 32px;
        margin: 0;
    }

    .sec-cause--ds .sec-cause__list {
        display: flex;
        flex-direction: column;
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    @media (max-width: 768px) {
        .sec-cause--ds .cause-card { padding: 20px 24px; }
        .sec-cause--ds .cause-card__title { font-size: 22px; }
        .sec-cause--ds .cause-card__desc { font-size: 16px; line-height: 28px; }
    }

    /* SECTION 7: 진단방법 — 필(pill) 형태 리스트 (Figma 스타일) */
    .sec-diag--ds .diag-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .sec-diag--ds .diag-item {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 24px 20px 24px 60px;
        border-radius: 500px;
        background: #f5f5f5;
        border: 1px solid #dadada;
    }

    .sec-diag--ds .diag-item--active {
        background: var(--sub-color, #0f4c81);
        border-color: transparent;
    }

    .sec-diag--ds .diag-item__icon {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sec-diag--ds .diag-item__icon img {
        width: 40px;
        height: 39px;
        object-fit: contain;
    }

    .sec-diag--ds .diag-item__title {
        display: block;
        font-size: 26px;
        font-weight: 700;
        letter-spacing: -.78px;
        color: var(--main-color, #0a2a43);
        line-height: 36px;
        margin-bottom: 2px;
    }

    .sec-diag--ds .diag-item--active .diag-item__title { color: #fff; }

    .sec-diag--ds .diag-item__desc {
        display: block;
        font-size: 18px;
        color: var(--font-1, #282828);
        line-height: 32px;
    }

    .sec-diag--ds .diag-item--active .diag-item__desc { color: var(--background, #eaf3f8); }

    @media (max-width: 1024px) {
        .sec-diag--ds .diag-item {
            padding: 20px 30px;
            gap: 20px;
            border-radius: 30px;
        }
    }

    @media (max-width: 768px) {
        .sec-diag--ds .diag-item {
            padding: 20px;
            gap: 16px;
            border-radius: 20px;
            align-items: flex-start;
        }
        .sec-diag--ds .diag-item__icon,
        .sec-diag--ds .diag-item__icon img { width: 32px; height: 32px; }
        .sec-diag--ds .diag-item__title { font-size: 20px; line-height: 28px; }
        .sec-diag--ds .diag-item__desc { font-size: 15px; line-height: 24px; }
    }

    /* SECTION 8: 치료방법 — 숫자 큰 카드 (흰 카드 + 원형 이미지) */
    .sec-treat--ds {
        background: var(--sub-color, #0f4c81);
    }

    .sec-treat--ds .treat-intro {
        color: var(--background, #eaf3f8);
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        margin: 0 auto 40px;
    }

    .sec-treat--ds .treat-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .sec-treat--ds .treat-card {
        background: #fff;
        border-radius: 20px;
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 360px;
    }

    .sec-treat--ds .treat-card__num {
        font-size: 26px;
        color: var(--main-color, #0a2a43);
        letter-spacing: -.78px;
        line-height: 36px;
        margin-bottom: 20px;
        font-weight: 400;
    }

    .sec-treat--ds .treat-card__title {
        font-size: 36px;
        font-weight: 700;
        color: var(--main-color, #0a2a43);
        letter-spacing: -1.08px;
        line-height: 46px;
        margin: 0 0 10px;
    }

    .sec-treat--ds .treat-card__desc {
        font-size: 20px;
        color: var(--font-1, #282828);
        line-height: 32px;
        font-weight: 300;
        margin: 0;
    }

    .sec-treat--ds .treat-card__desc .point {
        color: var(--point-color, #00a8c6);
        font-weight: 700;
    }

    .sec-treat--ds .treat-card__icon {
        align-self: flex-end;
        width: 180px;
        height: 180px;
        margin-top: 20px;
    }

    .sec-treat--ds .treat-card__icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    @media (max-width: 1024px) {
        .sec-treat--ds .treat-grid { grid-template-columns: 1fr; gap: 20px; }
        .sec-treat--ds .treat-card { min-height: auto; }
    }

    @media (max-width: 768px) {
        .sec-treat--ds .treat-card { padding: 30px 24px; }
        .sec-treat--ds .treat-card__title { font-size: 26px; line-height: 36px; }
        .sec-treat--ds .treat-card__desc { font-size: 16px; line-height: 28px; }
        .sec-treat--ds .treat-card__icon { width: 120px; height: 120px; }
    }

       /* ==========================================
    갑상선 페이지 커스텀 스타일 (최적화본)
========================================== */
.sec-disease {
    padding: var(--section-py) var(--section-px);
}

/* SECTION 5: 주요질환 — 원형 이미지 + 하단 텍스트 카드 */
.sec-disease--thyroid .disease-grid {
    display: flex;
    gap: 0;
    justify-content: center;
}

.sec-disease--thyroid .disease-card {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.sec-disease--thyroid .disease-card__img-wrap {
    width: 100%;
    height: 340px;
    border-radius: 1000px;
    overflow: hidden;
    background: #fff;
}

.sec-disease--thyroid .disease-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-disease--thyroid .disease-card__body {
    text-align: center;
    padding: 20px;
}

.sec-disease--thyroid .disease-card__title {
    font-size: 26px;
    font-weight: 700;
    color: var(--main-color, #0a2a43);
    letter-spacing: -.78px;
    line-height: 36px;
    margin: 0 0 10px;
}

.sec-disease--thyroid .disease-card__title span {
    font-weight: 400;
}

.sec-disease--thyroid .disease-card__desc {
    font-size: 18px;
    color: var(--font-1, #282828);
    letter-spacing: -.54px;
    line-height: 26px;
    margin: 0;
}

@media (max-width: 1024px) {
    .sec-disease--thyroid .disease-grid {
        flex-wrap: wrap;
    }
    .sec-disease--thyroid .disease-card {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    .sec-disease--thyroid .disease-card__img-wrap { height: 280px; }
}

@media (max-width: 768px) {
    .sec-disease--thyroid .disease-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sec-disease--thyroid .disease-card__img-wrap { height: 240px; }
    .sec-disease--thyroid .disease-card__title { font-size: 22px; }
    .sec-disease--thyroid .disease-card__desc { font-size: 16px; }

    .symptom-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

  /* --- 인후두 역류증 섹션 --- */
  .sec-lpr {
    padding: var(--section-py) var(--section-px);
    background: #fff;
}

.sec-lpr__layout {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

.sec-lpr__img-wrap {
    flex: 0 0 740px;
    border-radius: 20px;
    overflow: hidden;
    min-height: 500px;
    background: #dadada;
}

.sec-lpr__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sec-lpr__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
}

.sec-lpr__headline {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--font-1, #282828);
}

.sec-lpr__headline strong {
    font-family: 'NanumMyeongjo', serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.96px;
}

.sec-lpr__headline p {
    font-size: 20px;
    line-height: 1.8;
}

.sec-lpr__divider {
    width: 100%;
    height: 1px;
    background: #dadada;
}

.sec-lpr__info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sec-lpr__info-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sec-lpr__info-label {
    font-size: 26px;
    font-weight: 700;
    color: var(--sub-color, #0f4c81);
    letter-spacing: -0.78px;
}

.sec-lpr__info-text {
    font-size: 18px;
    line-height: 1.78;
    color: var(--font-1, #282828);
}

/* --- 위험성 텍스트 (blockquote 대신 일반 텍스트) --- */
.sec-risk__desc {
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    color: var(--font-1, #282828);
    letter-spacing: -0.6px;
    padding-top: 40px;
}

@media (max-width: 1400px) {
    .symptom-card {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }

    .sec-lpr {
        padding: 80px 60px;
    }

    .sec-lpr__layout {
        gap: 40px;
    }

    .sec-lpr__img-wrap {
        flex: 0 0 400px;
        min-height: 400px;
    }

    .sec-lpr__headline strong {
        font-size: 26px;
    }

    .sec-lpr__headline p {
        font-size: 18px;
    }

    .cmn-treat-item--ar {
        padding: 16px 40px;
    }
}

/* ============================================================
   RESPONSIVE — 1024px (태블릿)
   ============================================================ */
@media (max-width: 1024px) {
    .sec-symptom__container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .symptom-card__img {
        height: 220px;
        object-fit: cover;
    }

    .sec-lpr {
        padding: 60px 30px;
    }

    .sec-lpr__layout {
        flex-direction: column;
    }

    .sec-lpr__img-wrap {
        flex: none;
        width: 100%;
        min-height: 300px;
    }

    .sec-lpr__headline strong {
        font-size: 24px;
    }
}

/* ============================================================
   RESPONSIVE — 768px (모바일)
   ============================================================ */
@media (max-width: 768px) {
    .symptom-card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sec-lpr {
        padding: 50px 16px;
    }

    .sec-lpr__layout {
        gap: 30px;
    }

    .sec-lpr__img-wrap {
        min-height: 220px;
    }

    .sec-lpr__headline strong {
        font-size: 20px;
    }

    .sec-lpr__headline p {
        font-size: 16px;
    }

    .sec-lpr__info-label {
        font-size: 20px;
    }

    .sec-lpr__info-text {
        font-size: 16px;
    }

    .sec-risk__desc {
        font-size: 16px;
        padding-top: 24px;
    }
}

/* ==========================================
      중이염 — 페이지 고유 스타일 (최적화)
========================================== */

/* --- 증상 카드 --- */
.sec-symptom--om .sec-symptom__container {
    display: grid;
    gap: 20px;
}

.sec-symptom--om .sec-symptom__row {
    display: flex;
    gap: 20px;
    width: 100%;
}

.sec-symptom--om .sec-symptom__row--center {
    justify-content: center;
}

/* 통합: 일반 카드와 센터 정렬 카드의 크기 설정 병합 */
.sec-symptom--om .symptom-card {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
}

.sec-symptom--om .symptom-card__body {
    padding: 20px 0;
}

/* --- 위험성 인용구 --- */
.sec-risk--om .sec-risk__quote {
    font-family: 'Noto Serif KR', serif;
    font-size: 34px;
    font-weight: 400;
    color: #6a96af;
    text-align: center;
    letter-spacing: -1.02px;
    line-height: 1.7;
    margin: 0;
    margin-top: 50px;
}

.sec-risk--om .sec-risk__text {
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    color: var(--font-1, #282828);
    letter-spacing: -0.6px;
}

/* --- 진단 필(pill) 형태 --- */
.cmn-treat-item--om {
    border-radius: 500px;
    padding: 20px 60px;
    display: flex;
    align-items: center;
    gap: 40px;
    background: #f5f5f5;
    border: 1px solid #dadada;
}

.cmn-treat-item--om.treat-item--active {
    background: var(--sub-color, #0f4c81);
    border-color: transparent;
}

.cmn-treat-item--om.treat-item--active .treat-item-name { color: #fff; }
.cmn-treat-item--om.treat-item--active .treat-item-desc { color: var(--background, #eaf3f8); }

/* --- 치료방법 카드 그리드 --- */
.sec-treatment--om {
    background: var(--sub-color, #0f4c81);
    padding: 100px;
}

.sec-treatment--om .section-header__ko--white { color: #fff; }

.sec-treatment--om .sec-treatment__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sec-treatment--om .sec-treatment__row {
    display: flex;
    gap: 10px;
    width: 100%;
}

.sec-treatment--om .treat-card-om {
    flex: 1;
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sec-treatment--om .treat-card-om__top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sec-treatment--om .treat-card-om__num {
    font-size: 26px;
    color: var(--main-color, #0a2a43);
    letter-spacing: -0.78px;
}

.sec-treatment--om .treat-card-om__title {
    font-size: 36px;
    font-weight: 700;
    color: var(--main-color, #0a2a43);
    letter-spacing: -1.08px;
    line-height: 1.28;
}

.sec-treatment--om .treat-card-om__desc {
    font-size: 20px;
    font-weight: 300;
    color: var(--font-1, #282828);
    line-height: 1.6;
    margin-top: 10px;
}

.sec-treatment--om .treat-card-om__desc .point{
    color: var(--Point-Color, #00A8C6);
font-weight: 700;
}

.sec-treatment--om .treat-card-om__icon {
    width: 180px;
    height: 180px;
    align-self: flex-end;
    margin-top: 20px;
}

/* ============================================================
   RESPONSIVE
============================================================ */

@media (max-width: 1400px) {
    .sec-symptom--om .symptom-card {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    .sec-treatment--om { padding: 80px 60px; }
    .sec-treatment--om .treat-card-om__title { font-size: 28px; }
    .sec-treatment--om .treat-card-om__icon { width: 140px; height: 140px; }
    .cmn-treat-item--om { padding: 16px 40px; }

    .sec-treatment--om .treat-card-om {
        padding: 30px;
    }
}

@media (max-width: 1024px) {
    .sec-symptom--om .sec-symptom__row { flex-wrap: wrap; }
    .sec-symptom--om .symptom-card__img { height: 220px; object-fit: cover; }
    .sec-treatment--om { padding: 60px 30px; }
    .sec-treatment--om .sec-treatment__row { flex-wrap: wrap; }
    .sec-treatment--om .treat-card-om { flex: 0 0 calc(50% - 5px); max-width: calc(50% - 5px); padding: 30px; }
    .sec-treatment--om .treat-card-om__title { font-size: 24px; }
    .sec-treatment--om .treat-card-om__desc { font-size: 17px; }
    .sec-treatment--om .treat-card-om__icon { width: 120px; height: 120px; }
    .sec-risk--om .sec-risk__quote { font-size: 26px; }
    .cmn-treat-item--om { border-radius: 20px; padding: 16px 30px; gap: 20px; }
}

@media (max-width: 768px) {
    .sec-symptom--om .symptom-card { flex: 0 0 100%; max-width: 100%; }
    .sec-treatment--om { padding: 50px 16px; }
    .sec-treatment--om .sec-treatment__row { flex-direction: column; }
    .sec-treatment--om .treat-card-om { flex: 0 0 100%; max-width: 100%; padding: 24px; }
    .sec-treatment--om .treat-card-om__title { font-size: 22px; }
    .sec-treatment--om .treat-card-om__desc { font-size: 16px; }
    .sec-treatment--om .treat-card-om__icon { width: 100px; height: 100px; }
    .sec-risk--om .sec-risk__quote { font-size: 22px; margin-top: 30px;}
    .sec-risk--om .sec-risk__text { font-size: 16px; }
    .cmn-treat-item--om { border-radius: 16px; padding: 14px 20px; gap: 16px; }
    .cmn-treat-item--om .treat-item-name { font-size: 18px; }
    .cmn-treat-item--om .treat-item-desc { font-size: 14px; }
}