/*
 Theme Name:   GeneratePress Child
 Description:  내 사이트 전용 커스텀 테마
 Template:     generatepress
 Version:      1.0.0
*/

/* 여기서부터 본인이 만든 커스텀 CSS를 작성하면 됩니다 */

/* 사이트 전체 바깥쪽 여백 및 최대 폭 완전 제거 */
body.home .site.container,
body.home .site-content,
body.home .content-area,
body.home .site-main {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 혹시라도 남아있을 GP 기본 그리드 초기화 */
.home .grid-container {
    max-width: 100% !important;
}

/* 1. 전체 레이아웃 설정 */
.custom-medical-home section { width: 100%; position: relative; overflow: hidden; }
.content-container, .hero-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* 2. 히어로 섹션 디자인 */
.medical-hero-section {
    height: 650px;
    background: #444 url('https://via.placeholder.com/1920x650') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
}
.hero-text .sub-label { color: #fff; font-size: 18px; border-bottom: 2px solid #6dbb44; padding-bottom: 5px; }
.hero-text .main-title { color: #fff; font-size: 48px; margin: 25px 0; line-height: 1.2; font-weight: 800; }

.quick-call-group { display: flex; gap: 15px; }
.call-card { padding: 20px 35px; border-radius: 12px; color: #fff; min-width: 220px; }
.call-card.green { background: #6dbb44; }
.call-card.blue { background: #1e50a2; }
.call-card .label { display: block; font-size: 14px; opacity: 0.9; }
.call-card .number, .call-card .link-text { display: block; font-size: 22px; font-weight: 700; margin-top: 5px; }

/* 3. 의료진 섹션 디자인 */
.staff-intro-section { padding: 100px 0; background: #fff; }
.section-header { text-align: center; margin-bottom: 50px; }
.section-header h2 { font-size: 36px; font-weight: 800; }
.section-header h2 span { color: #6dbb44; }

.staff-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.staff-item { background: #f9f9f9; border-radius: 15px; overflow: hidden; transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.staff-item:hover { transform: translateY(-10px); }
.staff-photo { height: 250px; background: #eee; }
.staff-desc { padding: 20px; text-align: center; }
.staff-desc .rank { font-size: 13px; color: #888; }
.staff-desc .name { font-size: 18px; font-weight: 700; margin-top: 5px; }

/* 4. 진료과목 섹션 (그리드 레이아웃) */
.department-section { padding-bottom: 100px; }
.dept-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 200px);
    gap: 15px;
}
.dept-box { 
    background: #f2f2f2; 
    border-radius: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 20px; 
    font-weight: 700; 
    transition: 0.3s;
}
.dept-box.main-dept { grid-row: span 2; background: #6dbb44; color: #fff; font-size: 26px; }
.dept-box:hover:not(.main-dept) { background: #1e50a2; color: #fff; }