/*
 * 인성한의원 병원소개 전용 스타일
 * Version: v3.0.1 WORD POLISH FINAL
 * Source: 병원소개.docx 내용만 반영
 * PHP 5.5 compatible / local Pretendard only
 */

body.insung-about-page #contents { padding-bottom: 0; }
body.insung-about-page #contents > .wrap { width: 100%; max-width: none; }
body.insung-about-page #con_area { width: 100%; }

.insung-about {
    color: #2f2a27;
    font-family: 'Pretendard', sans-serif;
    word-break: keep-all;
    letter-spacing: -.015em;
}
.insung-about * { box-sizing: border-box; }
.insung-about img { display: block; width: 100%; height: auto; }
.insung-about .ia-wrap { width: calc(100% - 40px); max-width: 1280px; margin: 0 auto; }
.insung-about .ia-eyebrow {
    margin: 0 0 14px;
    color: #9a735c;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .14em;
}
.insung-about .ia-title {
    margin: 0;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.045em;
}
.insung-about .ia-title strong { color: #8f6953; font-weight: 700; }
.insung-about .ia-desc {
    margin: 28px 0 0;
    color: #5f5955;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
    letter-spacing: -.022em;
}
.insung-about .ia-desc-secondary { margin-top: 18px; color: #6f6660; }
.insung-about .ia-section-head { margin-bottom: 48px; text-align: center; }

/* 01. INTRO */
.insung-about .ia-intro { padding: 96px 0 100px; background: #f7f4ef; }
.insung-about .ia-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .94fr);
    gap: 64px;
    align-items: center;
}
.insung-about .ia-intro-copy { padding-left: 10px; }
.insung-about .ia-intro-photo {
    overflow: hidden;
    border-radius: 4px 64px 4px 4px;
    box-shadow: 0 22px 58px rgba(61,43,33,.11);
}
.insung-about .ia-intro-photo img { aspect-ratio: 4 / 3; object-fit: cover; }

/* 02. PRINCIPLES */
.insung-about .ia-principles { padding: 100px 0 104px; background: #fff; }
.insung-about .ia-principle-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.insung-about .ia-principle-card {
    position: relative;
    min-height: 274px;
    padding: 38px 34px 36px;
    border: 1px solid rgba(145,108,84,.20);
    border-radius: 3px;
    background: #fbf9f6;
    box-shadow: 0 13px 36px rgba(74,53,40,.055);
}
.insung-about .ia-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(154,115,92,.42);
    border-radius: 50%;
    color: #9a735c;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
}
.insung-about .ia-principle-card h3 {
    margin: 28px 0 17px;
    color: #39322e;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.035em;
}
.insung-about .ia-principle-card p {
    margin: 0;
    color: #665f5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: -.02em;
}

/* 03. MESSAGE */
.insung-about .ia-message {
    padding: 88px 0 90px;
    background: #40352f;
    color: #fff;
    text-align: center;
}
.insung-about .ia-message .ia-eyebrow { color: #d7baa8; }
.insung-about .ia-message-inner h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -.04em;
}
.insung-about .ia-message-inner h2 strong { color: #fff; font-weight: 700; }
.insung-about .ia-message-inner > p:last-child {
    margin: 24px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
}

/* 04. CONSULTATION
 * sub05 계열 CTA와 동일한 브랜드 아이콘 체계 적용
 * Kakao / Naver는 XEICON 브랜드 심볼, Phone은 통화 아이콘 사용
 */
.insung-about .ia-consultation { padding: 68px 0 72px; background: #f4eee7; }
.insung-about .ia-service-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 860px;
    margin: 0 auto;
}
.insung-about .ia-service-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 76px;
    padding: 12px 17px;
    border: 1px solid #ded3ca;
    background: #fff;
    color: #5e5048;
    text-align: left;
    text-decoration: none;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease, color .25s ease;
}
.insung-about .ia-service-btn:hover {
    color: #4c3f38;
    background: #fbf8f5;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(64,48,39,.08);
}
.insung-about .ia-service-icon {
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    line-height: 1;
}
.insung-about .ia-kakao { background: #fee500; color: #3c1e1e; }
.insung-about .ia-phone { background: #7d6251; color: #fff; }
.insung-about .ia-naver { background: #03c75a; color: #fff; }
.insung-about .ia-service-btn strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.025em;
}

@media (max-width: 1024px) {
    .insung-about .ia-title { font-size: 39px; }
    .insung-about .ia-intro { padding: 82px 0 86px; }
    .insung-about .ia-intro-grid { gap: 44px; }
    .insung-about .ia-intro-copy { padding-left: 0; }
    .insung-about .ia-principles { padding: 86px 0 90px; }
    .insung-about .ia-principle-card { min-height: 268px; padding: 34px 28px 32px; }
    .insung-about .ia-principle-card h3 { font-size: 22px; }
    .insung-about .ia-message { padding: 76px 0 78px; }
    .insung-about .ia-message-inner h2 { font-size: 32px; }
}

@media (max-width: 767px) {
    .insung-about .ia-wrap { width: calc(100% - 32px); }
    .insung-about .ia-pc-br { display: none; }
    .insung-about .ia-eyebrow { margin-bottom: 10px; font-size: 11px; }
    .insung-about .ia-title { font-size: 31px; line-height: 1.38; }
    .insung-about .ia-desc { margin-top: 20px; font-size: 16px; line-height: 1.78; }
    .insung-about .ia-desc-secondary { margin-top: 14px; }
    .insung-about .ia-section-head { margin-bottom: 30px; text-align: left; }

    .insung-about .ia-intro { padding: 64px 0 68px; }
    .insung-about .ia-intro-grid { grid-template-columns: 1fr; gap: 32px; }
    .insung-about .ia-intro-photo { border-radius: 3px 36px 3px 3px; }
    .insung-about .ia-intro-photo img { aspect-ratio: 4 / 3; }

    .insung-about .ia-principles { padding: 68px 0 72px; }
    .insung-about .ia-principle-grid { grid-template-columns: 1fr; gap: 14px; }
    .insung-about .ia-principle-card { min-height: 0; padding: 30px 26px 31px; }
    .insung-about .ia-number { width: 42px; height: 42px; font-size: 13px; }
    .insung-about .ia-principle-card h3 { margin: 21px 0 12px; font-size: 21px; }
    .insung-about .ia-principle-card p { font-size: 16px; line-height: 1.74; }

    .insung-about .ia-message { padding: 66px 0 68px; }
    .insung-about .ia-message-inner h2 { font-size: 26px; line-height: 1.5; }
    .insung-about .ia-message-inner > p:last-child { margin-top: 18px; font-size: 16px; line-height: 1.7; }

    .insung-about .ia-consultation { padding: 50px 0 54px; }
    .insung-about .ia-service-actions { grid-template-columns: 1fr; gap: 10px; max-width: 520px; }
    .insung-about .ia-service-btn { min-height: 68px; justify-content: flex-start; padding: 12px 20px; }
    .insung-about .ia-service-icon { flex-basis: 40px; width: 40px; height: 40px; font-size: 21px; }
    .insung-about .ia-service-btn strong { font-size: 16px; }
}

@media (max-width: 420px) {
    .insung-about .ia-title { font-size: 29px; }
    .insung-about .ia-principle-card { padding: 28px 23px 29px; }
    .insung-about .ia-message-inner h2 { font-size: 24px; }
}