/* INSUNG WOMEN DIET v1.0.1 POLISH FINAL
 * Target: /sub/sub02_2.php
 * Font policy: use existing Pretendard from /theme/inet/fonts only.
 */
.insung-women-diet,
.insung-women-diet * { box-sizing: border-box; }
.insung-women-diet { color: #4a4039; font-family: 'Pretendard'; word-break: keep-all; overflow: hidden; }
.insung-women-diet img { display: block; width: 100%; height: 100%; object-fit: cover; }
.insung-women-diet .ia-eyebrow { letter-spacing: .15em; }
.insung-women-diet .ia-title { color: #332c28; line-height: 1.34; }
.insung-women-diet .ia-title strong { color: #785e4c; font-weight: 700; }
.insung-women-diet .ia-desc { color: #665c55; font-size: 17px; line-height: 1.85; }

.iwd-intro { padding: 110px 0 115px; background: #fff; }
.iwd-intro-grid { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(400px, .97fr); gap: 76px; align-items: center; }
.iwd-intro-copy .ia-title { margin: 12px 0 24px; font-size: 46px; }
.iwd-lead { margin: 0 0 18px; color: #785e4c; font-size: 21px; font-weight: 600; line-height: 1.55; }
.iwd-intro-copy .ia-desc { margin: 0 0 10px; }
.iwd-note { margin-top: 28px; padding: 20px 24px; border-left: 3px solid #aa8b72; background: #f8f3ee; color: #59493f; font-size: 18px; line-height: 1.7; }
.iwd-photo { overflow: hidden; background: #eee8e2; }
.iwd-intro-photo { height: 560px; border-radius: 2px; }
.iwd-intro-photo img { object-position: center 48%; }

.iwd-postpartum { padding: 100px 0; background: #f8f4ef; }
.iwd-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .88fr); gap: 72px; align-items: center; }
.iwd-copy .ia-title { margin: 12px 0 24px; font-size: 41px; }
.iwd-side-photo { height: 390px; }
.iwd-side-photo img { object-position: center 43%; }
.iwd-four-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 54px; }
.iwd-info-card { position: relative; min-height: 238px; padding: 30px 26px 28px; border: 1px solid #ded1c6; background: rgba(255,255,255,.76); }
.iwd-card-no { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-right: 8px; border-radius: 50%; background: #806856; color: #fff; font-size: 12px; font-weight: 700; }
.iwd-info-card small { color: #a48c7a; font-size: 11px; font-weight: 700; letter-spacing: .13em; }
.iwd-info-card h3 { margin: 28px 0 12px; color: #4b3c33; font-size: 21px; font-weight: 700; }
.iwd-info-card p { margin: 0; color: #70655d; font-size: 15.5px; line-height: 1.75; }
.iwd-recovery-box { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 34px; align-items: start; margin-top: 28px; padding: 34px 38px; border: 1px solid #d8c6b6; background: #fff; }
.iwd-recovery-box > span { padding-top: 5px; color: #9a7d68; font-size: 11px; font-weight: 700; letter-spacing: .15em; }
.iwd-recovery-box h3 { margin: 0 0 10px; color: #5b4638; font-size: 22px; font-weight: 700; }
.iwd-recovery-box p { margin: 0; color: #6c6159; font-size: 16.5px; line-height: 1.8; }

.iwd-menopause { padding: 100px 0; background: #fff; }
.iwd-menopause-grid { display: grid; grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr); gap: 78px; align-items: center; }
.iwd-menopause-photo { height: 520px; }
.iwd-menopause-photo img { object-position: center 34%; }
.iwd-menopause-copy .ia-title { margin: 12px 0 24px; font-size: 41px; }
.iwd-menopause-copy blockquote { margin: 0 0 26px; padding: 21px 24px; border-left: 3px solid #aa8b72; background: #faf6f2; color: #6a5142; font-size: 21px; font-weight: 600; line-height: 1.65; }
.iwd-flow { display: grid; grid-template-columns: 1fr 34px 1fr 34px 1fr 34px 1fr; align-items: stretch; margin-top: 56px; }
.iwd-flow article { min-height: 116px; padding: 25px 18px; border: 1px solid #dfd2c8; text-align: center; background: #fbf8f5; }
.iwd-flow article span { display: block; margin-bottom: 10px; color: #a58a76; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.iwd-flow article strong { color: #554238; font-size: 18px; font-weight: 700; }
.iwd-flow > i { display: flex; align-items: center; justify-content: center; color: #a58a76; font-size: 22px; font-style: normal; }

.iwd-balance { padding: 100px 0; background: #f7f1eb; }
.iwd-section-head { max-width: 790px; margin: 0 auto 48px; text-align: center; }
.iwd-section-head .ia-title { margin: 12px 0 20px; font-size: 41px; }
.iwd-section-head .ia-desc { margin: 0 auto; }
.iwd-five-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.iwd-balance-card { min-height: 242px; padding: 26px 23px; border: 1px solid #dfd2c7; background: #fff; }
.iwd-balance-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.iwd-balance-top span { color: #8b6f5a; font-size: 12px; font-weight: 700; }
.iwd-balance-top small { color: #af9987; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.iwd-balance-card h3 { margin: 39px 0 12px; color: #4d3e35; font-size: 21px; font-weight: 700; }
.iwd-balance-card p { margin: 0; color: #71665e; font-size: 15px; line-height: 1.75; }
.iwd-balance-note { max-width: 860px; margin: 30px auto 0; padding: 18px 22px; border-top: 1px solid #cdbbad; border-bottom: 1px solid #cdbbad; color: #665044; font-size: 17px; font-weight: 600; line-height: 1.7; text-align: center; }

.iwd-check { padding: 100px 0; background: #fff; }
.iwd-check-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 76px; align-items: center; }
.iwd-check-copy .ia-title { margin: 12px 0 24px; font-size: 41px; }
.iwd-check-panel { padding: 46px 44px; border: 1px solid #ded2c8; background: #faf7f4; }
.iwd-check-overline { margin: 0 0 18px; color: #9c806b; font-size: 11px; font-weight: 700; letter-spacing: .15em; }
.iwd-question { margin: 0; color: #59483e; font-size: 18px; line-height: 1.8; }
.iwd-question > span { display: block; margin-bottom: 10px; color: #887264; }
.iwd-question strong { display: inline-block; margin-right: 4px; color: #6f5342; font-size: 23px; font-weight: 700; line-height: 1.55; }
.iwd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.iwd-chips span { padding: 9px 13px; border: 1px solid #d6c8bd; background: #fff; color: #6d5a4e; font-size: 13.5px; font-weight: 600; }

.iwd-program-link { padding: 92px 0; background: #765d4d; }
.iwd-program-box { display: grid; grid-template-columns: 1fr auto; gap: 55px; align-items: center; }
.iwd-program-box .ia-eyebrow { margin-bottom: 12px; color: #d7c4b6; }
.iwd-program-box h2 { margin: 0; color: #fff; font-size: 30px; font-weight: 400; line-height: 1.55; }
.iwd-program-box h2 strong { color: #fff; font-weight: 700; }
.iwd-program-box p:not(.ia-eyebrow) { margin: 12px 0 0; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.7; }
.iwd-program-box > a { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-width: 260px; min-height: 58px; padding: 15px 22px; border: 1px solid rgba(255,255,255,.5); color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; transition: background .2s ease, color .2s ease; }
.iwd-program-box > a:hover { background: #fff; color: #654d3f; }
.iwd-program-box > a span { font-size: 20px; }

.iwd-consult { padding: 80px 0; background: #fff; }
.iwd-consult-box { padding: 58px 40px; border: 1px solid #e2d6cc; text-align: center; }
.iwd-consult-box .ia-title { margin: 12px 0 18px; font-size: 38px; }
.iwd-consult-box .ia-desc { max-width: 670px; margin: 0 auto; }
.iwd-consult-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 790px; margin: 32px auto 0; }
.iwd-consult-btn { display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 12px 18px; border: 1px solid #d3c1b3; color: #604c3f; text-align: left; text-decoration: none; transition: background .2s ease, border-color .2s ease; }
.iwd-consult-btn:hover { border-color: #ae917b; background: #faf6f2; }
.iwd-consult-btn > i { display: flex; flex: 0 0 38px; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #f3ebe5; color: #775d4c; font-size: 20px; }
.iwd-consult-btn span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.iwd-consult-btn strong { color: #58463a; font-size: 15px; font-weight: 700; }
.iwd-consult-btn small { color: #8a7b71; font-size: 12.5px; }

@media (max-width: 1199px) {
    .iwd-intro { padding: 88px 0 94px; }
    .iwd-intro-grid { grid-template-columns: 1fr .86fr; gap: 48px; }
    .iwd-intro-copy .ia-title { font-size: 40px; }
    .iwd-intro-photo { height: 500px; }
    .iwd-postpartum, .iwd-menopause, .iwd-balance, .iwd-check { padding: 90px 0; }
    .iwd-split, .iwd-menopause-grid { gap: 52px; }
    .iwd-copy .ia-title, .iwd-menopause-copy .ia-title, .iwd-section-head .ia-title, .iwd-check-copy .ia-title { font-size: 37px; }
    .iwd-five-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .iwd-balance-card:nth-child(4), .iwd-balance-card:nth-child(5) { min-height: 220px; }
    .iwd-check-grid { gap: 50px; }
    .iwd-program-box { grid-template-columns: 1fr; gap: 28px; }
    .iwd-program-box > a { width: 290px; }
}

@media (max-width: 900px) {
    .insung-women-diet .ia-desc { font-size: 16px; line-height: 1.8; }
    .iwd-intro-grid, .iwd-split, .iwd-menopause-grid, .iwd-check-grid { grid-template-columns: 1fr; gap: 38px; }
    .iwd-intro-copy { order: 1; }
    .iwd-intro-photo { order: 2; height: 410px; }
    .iwd-side-photo { height: 380px; }
    .iwd-four-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .iwd-info-card { min-height: 220px; }
    .iwd-recovery-box { grid-template-columns: 1fr; gap: 12px; }
    .iwd-menopause-photo { height: 430px; }
    .iwd-flow { grid-template-columns: 1fr; gap: 8px; }
    .iwd-flow > i { height: 24px; transform: rotate(90deg); }
    .iwd-flow article { min-height: 90px; }
    .iwd-five-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .iwd-balance-card { min-height: 210px; }
    .iwd-balance-card:last-child { grid-column: 1 / -1; min-height: 180px; }
    .iwd-consult-actions { grid-template-columns: 1fr; max-width: 420px; }
}

@media (max-width: 640px) {
    .iwd-intro { padding: 64px 0 70px; }
    .iwd-intro-grid { gap: 30px; }
    .iwd-intro-copy .ia-title { margin: 9px 0 18px; font-size: 31px; line-height: 1.38; }
    .iwd-lead { margin-bottom: 14px; font-size: 18px; }
    .insung-women-diet .ia-desc { font-size: 16px; line-height: 1.8; }
    .iwd-note { margin-top: 20px; padding: 16px 17px; font-size: 16px; }
    .iwd-intro-photo { height: 300px; }
    .iwd-postpartum, .iwd-menopause, .iwd-balance, .iwd-check { padding: 68px 0; }
    .iwd-copy .ia-title, .iwd-menopause-copy .ia-title, .iwd-section-head .ia-title, .iwd-check-copy .ia-title { margin: 9px 0 18px; font-size: 29px; line-height: 1.4; }
    .iwd-side-photo, .iwd-menopause-photo { height: 300px; }
    .iwd-four-grid { gap: 8px; margin-top: 34px; }
    .iwd-info-card { min-height: 210px; padding: 22px 18px; }
    .iwd-info-card h3 { margin: 22px 0 9px; font-size: 18px; }
    .iwd-info-card p { font-size: 15px; line-height: 1.72; }
    .iwd-recovery-box { margin-top: 18px; padding: 25px 20px; }
    .iwd-recovery-box h3 { font-size: 19px; }
    .iwd-recovery-box p { font-size: 15.5px; }
    .iwd-menopause-copy blockquote { padding: 17px 18px; font-size: 18px; }
    .iwd-flow { margin-top: 34px; }
    .iwd-flow article { min-height: 82px; padding: 18px 15px; }
    .iwd-section-head { margin-bottom: 32px; }
    .iwd-five-grid { gap: 8px; }
    .iwd-balance-card { min-height: 202px; padding: 20px 17px; }
    .iwd-balance-card h3 { margin: 28px 0 9px; font-size: 18px; }
    .iwd-balance-card p { font-size: 15px; line-height: 1.72; }
    .iwd-balance-card:last-child { min-height: 170px; }
    .iwd-balance-note { margin-top: 22px; padding: 15px 10px; font-size: 15.5px; }
    .iwd-check-panel { padding: 28px 20px; }
    .iwd-question { font-size: 16px; }
    .iwd-question strong { font-size: 19px; }
    .iwd-chips { margin-top: 22px; }
    .iwd-chips span { font-size: 13px; }
    .iwd-program-link { padding: 60px 0; }
    .iwd-program-box { gap: 24px; }
    .iwd-program-box h2 { font-size: 23px; line-height: 1.55; }
    .iwd-program-box p:not(.ia-eyebrow) { font-size: 15px; }
    .iwd-program-box > a { width: 100%; min-width: 0; min-height: 54px; font-size: 14px; }
    .iwd-consult { padding: 66px 0; }
    .iwd-consult-box { padding: 34px 18px; }
    .iwd-consult-box .ia-title { margin: 9px 0 15px; font-size: 28px; }
    .iwd-consult-actions { margin-top: 25px; }
    .iwd-consult-btn { min-height: 64px; padding: 10px 14px; }
}

@media (max-width: 420px) {
    .iwd-four-grid { grid-template-columns: 1fr; }
    .iwd-info-card { min-height: 0; }
    .iwd-five-grid { grid-template-columns: 1fr; }
    .iwd-balance-card, .iwd-balance-card:last-child { grid-column: auto; min-height: 0; }
    .iwd-balance-card h3 { margin-top: 24px; }
}

/* =========================================================
   v1.0.2 SUB02_1 CTA SYNC FINAL
   - sub02_1.php 상담 로고/버튼 구조와 동일하게 적용
   - 이 페이지 내부로만 범위를 제한하여 기존 페이지와 충돌 방지
========================================================= */
#insungWomenDiet .id-consult-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 900px;
    margin: 34px auto 0;
}

#insungWomenDiet .id-consult-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    min-height: 82px;
    padding: 13px 18px;
    border: 1px solid #ddd1c6;
    border-radius: 2px;
    color: #5f5047;
    background: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    gap: 14px;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

#insungWomenDiet .id-consult-btn:hover {
    border-color: #c9b6a6;
    background: #fbf8f5;
    color: #4e4038;
}

#insungWomenDiet .id-consult-icon {
    display: inline-flex;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 23px;
    line-height: 1;
}

#insungWomenDiet .id-consult-icon i {
    display: block;
    line-height: 1;
}

#insungWomenDiet .id-consult-icon--kakao {
    background: #fee500;
    color: #3c1e1e;
}

#insungWomenDiet .id-consult-icon--phone {
    background: #7d6251;
    color: #fff;
}

#insungWomenDiet .id-consult-icon--naver {
    background: #03c75a;
    color: #fff;
}

#insungWomenDiet .id-consult-text {
    display: block;
    min-width: 0;
}

#insungWomenDiet .id-consult-text strong,
#insungWomenDiet .id-consult-text small {
    display: block;
}

#insungWomenDiet .id-consult-text strong {
    color: #51443d;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

#insungWomenDiet .id-consult-text small {
    margin-top: 5px;
    color: #91857d;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
}

#insungWomenDiet .id-consult-btn--phone {
    border-color: #cdbcae;
    background: #faf7f4;
}

@media (max-width: 767px) {
    #insungWomenDiet .id-consult-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        max-width: none;
        margin-top: 28px;
    }

    #insungWomenDiet .id-consult-btn {
        min-height: 94px;
        padding: 12px 6px 10px;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        text-align: center;
    }

    #insungWomenDiet .id-consult-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 19px;
    }

    #insungWomenDiet .id-consult-text strong {
        font-size: 12px;
    }

    #insungWomenDiet .id-consult-text small {
        display: none;
    }
}

@media (max-width: 420px) {
    #insungWomenDiet .id-consult-actions {
        gap: 6px;
    }

    #insungWomenDiet .id-consult-btn {
        min-height: 88px;
        padding-left: 4px;
        padding-right: 4px;
    }

    #insungWomenDiet .id-consult-text strong {
        font-size: 11px;
        letter-spacing: -0.03em;
    }
}
