/* local_/tabs.css */
.local-tabs {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto !important;
}

    .local-tabs .tabs-nav {
        display: flex;
        margin: 0 auto !important;
        padding: 0 auto !important;
    }

        .local-tabs .tabs-nav li {
            flex: 1;
            text-align: center;
            padding: 1rem;
            cursor: pointer;
            background: #f5f5f5;
            transition: background .3s;
            list-style: none;
            font-weight: bold;
            font-size: 0.9rem;
            color: black;
            border: 1px #d8d8d8 solid;
        }

            .local-tabs .tabs-nav li.active {
                background: #356874;
                color: #fff;
                font-weight: 700;
            }


.sp_ {
    background: #356874;
    border-radius: 50px;
    color: #fff;
    padding: 5px 30px;
    font-size: 0.9rem;
    margin-top: 2px;
}
/* ① 모든 탭 패널 기본 숨김 */
.local-tabs .tabs-content .tab-panel {
    display: none;
}

        /* ② 활성 패널만 flex 레이아웃으로 노출 */
        .local-tabs .tabs-content .tab-panel.active {
            display: flex;
            margin: 1.8rem 0;
            align-items: flex-start; /* 수직 정렬: 상단 기준 */
            justify-content:center; /* 좌우 여백 자동 분배 */
            gap: 60px; /* 이미지와 텍스트 사이 간격 */
            flex-wrap: wrap; /* 좁아지면 아래로 내려 오도록 */
        }

    /* ③ 이미지 영역: 전체의 40% 고정 */
    .doctor{
        flex: 0 0 40%;
        max-width: 45%;
        height: auto;
        object-fit: cover; /* 필요에 따라 */
        padding:3.5rem 0.8rem;
    }

.cont {
display:none;
}

/* ④ 콘텐츠 래퍼: 나머지 60% 채움 */
.local-tabs .tab-panel .content_wrap {
    flex: 1;
    max-width: 55%;
    box-sizing: border-box;
    text-align: left; /* 왼쪽 정렬 */
}

.local_wrap h2,h4{color:black;}
.local_wrap h2 {
    font-size:1.8rem;
}

.local_wrap h4 {
    margin:0.7rem 0 0.3rem 0 !important;
}

.local_wrap hr {
    height: 2px !important;
    background: #356874 !important;
    margin: 0.7rem 0 0 0 !important;
}

.color_ {
    color:#356874;
    font-weight:bold;
}

.btn0 {
    background: #356874;
    border-radius: 50px;
    padding: 5px 30px;
    margin-left: 8px;
    text-decoration:none !important;
    color:#fff;
    font-size:0.9rem;
}

    .btn0:hover,
    .btn0:focus {
        text-decoration: none !important;
    }

.local_wrap p {
    color:black !important;
    margin:0.3rem 0 0.5rem 0; 
}

.btn1, .btn2 {
    text-decoration: none !important;
    background: #fff;
    border: 2px solid #356874;
    padding: 5px 30px;
    color:#356874;
    border-radius: 5px;
    margin: 0 auto;
    display:inline;
    gap:20px;
    font-weight:bold;
    font-size: 0.9rem;
}

.btn1 {
    margin-right:1%;
}
    /* ⑤ 반응형: 모바일에서는 세로 배치 */
    @media (max-width: 767px) {
        .local-tabs .tabs-content .tab-panel.active {
        display: block;
    }

    .local-tabs .tab-panel img,
    .local-tabs .tab-panel .content_wrap {
        max-width: 100%;
        flex: none;
        margin: 0 auto;
    }
}