.gjh-departments-v3{background:#fff;color:#102a43}.gjh-sub-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e8eff5;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.gjh-sub-header .nav{max-width:1440px;margin:auto}.gjh-sub-header nav a.on{color:#0878ce;font-weight:800}.gjh-sub-header .tools a{font-size:13px;color:#526b80;text-decoration:none}.sub-hero{background:radial-gradient(circle at 82% 30%,rgba(71,180,255,.18),transparent 25%),linear-gradient(135deg,#f5fbff 0%,#e7f5ff 58%,#f8fbfe 100%);padding:74px 24px 58px;border-bottom:1px solid #e2edf5}.sub-hero-in{max-width:1280px;margin:auto;position:relative}.sub-hero small,.dept-heading small,.featured-head small,.symptom-copy small,.sub-ai-band small{font-weight:900;letter-spacing:.16em;color:#1688db}.sub-hero h1{font-size:54px;margin:10px 0 12px;letter-spacing:-.055em}.sub-hero p{font-size:17px;color:#63798c;line-height:1.75}.hero-stat{position:absolute;right:15px;top:4px;width:230px;height:150px;border:1px solid rgba(22,136,219,.16);border-radius:24px;background:rgba(255,255,255,.56);padding:25px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 50px rgba(25,93,143,.06)}.hero-stat span{font-size:10px;letter-spacing:.14em;color:#7993a7}.hero-stat strong{font-size:48px;line-height:1;color:#0b6fb6;margin:10px 0 6px}.hero-stat b{font-size:10px;letter-spacing:.12em;color:#7d94a5}.crumb{display:flex;gap:9px;margin-top:25px;font-size:13px;color:#8094a5}.crumb a{color:inherit;text-decoration:none}.dept-wrap{max-width:1280px;margin:auto;padding:74px 24px 96px}.dept-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.dept-heading h2,.featured-head h2{font-size:36px;margin:7px 0 0;letter-spacing:-.045em}.dept-heading .lead,.featured-head p{margin:12px 0 0;color:#71879a}.dept-head-side{text-align:right}.dept-head-side span{display:block;font-size:12px;color:#8195a5}.dept-head-side strong{display:block;font-size:31px;color:#0878ce;margin-top:3px}.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dept-card{min-height:330px;border:1px solid #e1ebf2;border-radius:22px;padding:25px 26px 23px;text-decoration:none;color:#16334c;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 10px 35px rgba(30,72,105,.045);transition:.28s;position:relative;overflow:hidden}.dept-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#eef8ff;right:-80px;top:-80px;transition:.3s}.dept-card:hover{transform:translateY(-7px);border-color:#a7d6f5;box-shadow:0 22px 55px rgba(22,100,157,.13)}.dept-card:hover:before{transform:scale(1.35);background:#e5f5ff}.dept-card-top{display:flex;justify-content:space-between;position:relative;z-index:1}.dept-num{font-size:11px;color:#89a5b9;font-weight:900}.dept-arrow{font-size:20px;color:#1688db}.dept-icon{width:48px;height:48px;margin-top:24px;border-radius:15px;background:linear-gradient(135deg,#e8f6ff,#f7fbff);border:1px solid #d9edf9;display:flex;align-items:center;justify-content:center;color:#1688db}.dept-icon span{font-size:20px}.dept-eng{display:block;margin-top:19px;font-size:9px;letter-spacing:.12em;color:#7b99ae;font-weight:800}.dept-card h3{font-size:25px;margin:5px 0 12px;letter-spacing:-.04em}.dept-fields{height:43px;display:flex;flex-wrap:wrap;gap:5px;overflow:hidden}.dept-fields span{font-size:11px;color:#58768d;background:#f0f7fb;padding:5px 8px;border-radius:7px}.dept-meta{margin-top:17px;padding-top:15px;border-top:1px solid #edf2f6;display:flex;align-items:center;gap:13px}.dept-meta>div{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.dept-meta b{font-size:20px;color:#0878ce}.dept-meta span{font-size:11px;color:#8094a5}.dept-meta p{font-size:11px;color:#8094a5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-more{position:absolute;left:26px;right:26px;bottom:20px;font-size:12px;font-weight:800;color:#47687f;display:flex;justify-content:space-between}.dept-more b{color:#1688db;font-size:17px}.symptom-section{background:#082f54;padding:86px 24px;position:relative;overflow:hidden}.symptom-section:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;top:-240px}.symptom-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center;position:relative;z-index:1}.symptom-copy small{color:#6bc4ff}.symptom-copy h2{font-size:38px;color:#fff;letter-spacing:-.045em;margin:10px 0 17px;line-height:1.25}.symptom-copy p{color:#bcd3e5;line-height:1.75;max-width:470px}.symptom-ai-main{margin-top:25px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:13px 19px;font-weight:800;cursor:pointer}.symptom-panel{background:#fff;border-radius:25px;padding:27px;box-shadow:0 28px 70px rgba(0,0,0,.17)}.panel-label{font-size:12px;color:#7790a4;font-weight:800}.symptom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.symptom-grid button{border:1px solid #e3edf4;background:#fbfdff;border-radius:14px;padding:16px;text-align:left;cursor:pointer;display:grid;grid-template-columns:30px 1fr;gap:2px 9px;transition:.2s}.symptom-grid button:hover{border-color:#91cdf2;background:#f2faff;transform:translateY(-2px)}.symptom-grid i{grid-row:1/3;font-style:normal;font-size:10px;color:#8ba5b8;padding-top:2px}.symptom-grid b{font-size:14px;color:#173b56}.symptom-grid span{font-size:10px;color:#1688db}.featured-doctors{max-width:1280px;margin:auto;padding:90px 24px}.featured-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.featured-head>a{color:#0878ce;text-decoration:none;font-weight:800;font-size:13px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.featured-card{display:grid;grid-template-columns:130px 1fr;min-height:178px;border:1px solid #e1eaf1;border-radius:18px;overflow:hidden;text-decoration:none;color:#16334c;background:#fff;transition:.25s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(20,80,125,.1)}.featured-photo{background:#eef5f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}.featured-photo span{font-size:40px;color:#91aabc;font-weight:800}.featured-info{padding:20px 17px}.featured-info>small{font-size:10px;color:#1688db;font-weight:800}.featured-info h3{font-size:19px;margin:4px 0 8px}.featured-info h3 em{font-size:11px;font-style:normal;color:#8194a3}.featured-info p{font-size:11px;line-height:1.55;color:#72889a;height:35px;overflow:hidden}.featured-info>b{font-size:10px;color:#1688db}.sub-ai-band{max-width:1280px;margin:0 auto 100px;padding:40px 45px;border-radius:28px;background:linear-gradient(120deg,#f0f9ff,#e4f4ff);border:1px solid #d6ebf8;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:25px}.ai-band-mark{width:68px;height:68px;border-radius:21px;background:linear-gradient(145deg,#0b8ae0,#07548f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;box-shadow:0 12px 30px rgba(8,120,200,.2)}.sub-ai-band h2{font-size:27px;margin:5px 0 7px}.sub-ai-band p{margin:0;color:#6f8596}.ai-band-actions{display:flex;align-items:center;gap:12px}.ai-band-actions button{border:0;border-radius:999px;padding:14px 20px;background:#0878ce;color:#fff;font-weight:800;cursor:pointer}.ai-band-actions a{text-decoration:none;color:#173b56;background:#fff;border:1px solid #d8e8f2;border-radius:14px;padding:10px 15px}.ai-band-actions a span{display:block;font-size:9px;color:#8195a5}.ai-band-actions a b{font-size:15px}.gjh-departments-v3 footer{margin-top:0}
@media(max-width:1000px){.dept-grid{grid-template-columns:repeat(2,1fr)}.symptom-inner{grid-template-columns:1fr;gap:35px}.featured-grid{grid-template-columns:repeat(2,1fr)}.sub-ai-band{grid-template-columns:60px 1fr}.ai-band-actions{grid-column:1/-1}.hero-stat{display:none}}
@media(max-width:700px){.gjh-sub-header nav{display:none}.gjh-sub-header .tools>a{display:none}.sub-hero{padding:54px 20px 43px}.sub-hero h1{font-size:39px}.sub-hero p br{display:none}.dept-wrap{padding:48px 18px 68px}.dept-heading{display:block}.dept-head-side{display:none}.dept-heading h2,.featured-head h2{font-size:29px}.dept-grid{grid-template-columns:1fr;gap:12px}.dept-card{min-height:285px}.symptom-section{padding:62px 18px}.symptom-copy h2{font-size:30px}.symptom-grid{grid-template-columns:1fr}.featured-doctors{padding:65px 18px}.featured-head{display:block}.featured-head>a{display:inline-block;margin-top:18px}.featured-grid{grid-template-columns:1fr}.sub-ai-band{margin:0 18px 70px;padding:28px 24px;grid-template-columns:1fr}.ai-band-mark{width:55px;height:55px;border-radius:17px}.ai-band-actions{display:block}.ai-band-actions button{width:100%}.ai-band-actions a{display:block;margin-top:9px;text-align:center}}


/* GJH DEPARTMENT DESIGN FINAL V4 */

/* ---------- GRID ---------- */

.gjh-departments-v3 .dept-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}


/* ---------- CARD ---------- */

.gjh-departments-v3 .dept-card{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    min-height:370px !important;
    height:auto !important;

    padding:28px 28px 0 !important;

    overflow:hidden !important;

    text-decoration:none !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 62%,
            #f7fbfe 100%
        ) !important;

    border:1px solid #dce8f1 !important;
    border-radius:22px !important;

    box-shadow:
        0 10px 32px rgba(17,67,103,.055) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;
}

.gjh-departments-v3 .dept-card:before{
    content:"" !important;

    position:absolute !important;
    top:-54px !important;
    right:-54px !important;

    width:135px !important;
    height:135px !important;

    border-radius:50% !important;

    background:
        linear-gradient(
            145deg,
            #f1faff,
            #e5f5ff
        ) !important;

    transition:.3s ease !important;
}

.gjh-departments-v3 .dept-card:hover{
    transform:translateY(-7px) !important;

    border-color:#8bcdf5 !important;

    box-shadow:
        0 22px 55px rgba(16,100,160,.13) !important;
}

.gjh-departments-v3 .dept-card:hover:before{
    transform:scale(1.18) !important;
}


/* ---------- TOP ---------- */

.gjh-departments-v3 .dept-card-top{
    position:relative !important;
    z-index:2 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

.gjh-departments-v3 .dept-num{
    font-size:10px !important;
    font-weight:900 !important;

    letter-spacing:.12em !important;

    color:#8ba4b7 !important;
}

.gjh-departments-v3 .dept-arrow{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:31px !important;
    height:31px !important;

    border-radius:50% !important;

    font-size:17px !important;

    color:#087fd0 !important;

    transition:.25s ease !important;
}

.gjh-departments-v3 .dept-card:hover .dept-arrow{
    background:#087fd0 !important;
    color:#fff !important;

    transform:translate(2px,-2px) !important;
}


/* ---------- ICON ---------- */

.gjh-departments-v3 .dept-icon{
    position:relative !important;
    z-index:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:52px !important;
    height:52px !important;

    margin:20px 0 16px !important;

    border:1px solid #d4eaf7 !important;
    border-radius:16px !important;

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #f7fcff
        ) !important;

    box-shadow:
        0 7px 18px rgba(24,130,200,.06) !important;
}

.gjh-departments-v3 .dept-icon span{
    font-size:22px !important;
    font-weight:700 !important;

    color:#087fd0 !important;
}


/* ---------- TITLE ---------- */

.gjh-departments-v3 .dept-eng{
    display:block !important;

    margin:0 0 6px !important;

    font-size:9px !important;
    font-weight:900 !important;

    letter-spacing:.16em !important;

    color:#7e9aae !important;
}

.gjh-departments-v3 .dept-card h3{
    margin:0 0 14px !important;

    font-size:23px !important;
    font-weight:850 !important;

    line-height:1.2 !important;
    letter-spacing:-.045em !important;

    color:#0b304a !important;
}


/* ---------- MEDICAL FIELDS ---------- */

.gjh-departments-v3 .dept-fields{
    display:flex !important;
    flex-wrap:wrap !important;
    align-content:flex-start !important;

    gap:6px !important;

    height:auto !important;
    min-height:58px !important;

    margin:0 0 18px !important;

    overflow:hidden !important;
}

.gjh-departments-v3 .dept-fields span{
    display:inline-flex !important;
    align-items:center !important;

    height:28px !important;

    padding:0 9px !important;

    border:1px solid #e4eef5 !important;
    border-radius:7px !important;

    background:#f2f8fc !important;

    font-size:10px !important;
    line-height:1 !important;

    color:#617c90 !important;
}


/* =====================================================
   NEW FOOTER
   ===================================================== */

.gjh-departments-v3 .dept-footer{
    position:relative !important;
    inset:auto !important;

    display:block !important;

    width:calc(100% + 56px) !important;

    margin:
        auto -28px 0 -28px !important;

    padding:0 !important;

    background:#fbfdff !important;

    border-top:1px solid #e4edf4 !important;
}


/* ---------- STAFF ---------- */

.gjh-departments-v3 .dept-staff{
    position:static !important;

    display:flex !important;
    align-items:center !important;

    gap:11px !important;

    min-height:54px !important;

    margin:0 !important;
    padding:10px 28px !important;

    box-sizing:border-box !important;
}

.gjh-departments-v3 .dept-staff-count{
    display:inline-flex !important;
    align-items:center !important;

    flex:0 0 auto !important;

    height:29px !important;

    padding:0 9px !important;

    border-radius:8px !important;

    background:#eaf7ff !important;

    white-space:nowrap !important;
}

.gjh-departments-v3 .dept-staff-count b{
    margin:0 !important;

    font-size:15px !important;
    font-weight:900 !important;

    color:#087dcc !important;
}

.gjh-departments-v3 .dept-staff-count span{
    margin-left:3px !important;

    font-size:10px !important;
    font-weight:700 !important;

    color:#527994 !important;
}

.gjh-departments-v3 .dept-staff p{
    position:static !important;

    flex:1 1 auto !important;

    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    overflow:hidden !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;

    font-size:11px !important;
    font-weight:500 !important;

    color:#6b8294 !important;
}


/* ---------- DETAIL CTA ---------- */

.gjh-departments-v3 .dept-detail{
    position:static !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    min-height:52px !important;

    margin:0 !important;
    padding:0 28px !important;

    border-top:1px solid #e9f0f5 !important;

    background:#fff !important;

    box-sizing:border-box !important;

    font-size:12px !important;
    font-weight:800 !important;

    color:#164866 !important;

    transition:.25s ease !important;
}

.gjh-departments-v3 .dept-detail b{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:29px !important;
    height:29px !important;

    border-radius:50% !important;

    background:#edf8ff !important;

    color:#087fd0 !important;

    font-size:15px !important;

    transition:.25s ease !important;
}

.gjh-departments-v3 .dept-card:hover .dept-detail{
    color:#087dcc !important;
    background:#f8fcff !important;
}

.gjh-departments-v3 .dept-card:hover .dept-detail b{
    background:#087dcc !important;
    color:#fff !important;

    transform:translateX(3px) !important;
}


/*
 * 이전 구조 완전히 무효화
 */
.gjh-departments-v3 .dept-card > .dept-meta,
.gjh-departments-v3 .dept-card > .dept-more{
    display:none !important;
}


/* ---------- TABLET ---------- */

@media(max-width:1000px){

    .gjh-departments-v3 .dept-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}


/* ---------- MOBILE ---------- */

@media(max-width:700px){

    .gjh-departments-v3 .dept-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .gjh-departments-v3 .dept-card{
        min-height:350px !important;
        padding:24px 22px 0 !important;

        border-radius:18px !important;
    }

    .gjh-departments-v3 .dept-footer{
        width:calc(100% + 44px) !important;

        margin-left:-22px !important;
        margin-right:-22px !important;
    }

    .gjh-departments-v3 .dept-staff,
    .gjh-departments-v3 .dept-detail{
        padding-left:22px !important;
        padding-right:22px !important;
    }

    .gjh-departments-v3 .dept-card:hover{
        transform:none !important;
    }
}

