/* ==========================================================================
   page-43.css — 43페이지(의료진 및 오시는 길) 전용 독립 스타일
   기존 inc/css/sub.css에 있던 43페이지 전용 선택자(medical_staff,
   medical_modal, .page-43)만 분리한 파일이다. 43.php에서만 로드한다.
   ========================================================================== */

/* 07_병원소개 — 의료진 카드 */
.medical_staff{}
.medical_staff ul{display: flex; justify-content: space-between}
.medical_staff ul li{position: relative; width: calc(100%/3 - 60px/3); text-align: center}

.medical_staff ul li .img{position: relative; padding-top: 100%; height: 0}
.medical_staff ul li .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;}
.medical_staff ul li p{margin: 0; padding: 18px 0 10px 0; font-size: 16px; line-height:1; font-weight: 400; border-left: 1px solid #ececec;border-right: 1px solid #ececec;}
.medical_staff ul li .medical_staff_content{margin: 0; padding: 0 0 18px 0; font-size: 16px; line-height:1; font-weight: 400; color: #888; border-left: 1px solid #ececec;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;}

/* 의료진 상세 모달 */
.medical_modal .close{position: absolute; top: 0; right: 0; padding: 0; background-color:#000;width:37px;height:37px;text-align:center;}
.medical_modal .close i{font-size: 27px;color:#fff;line-height:37px;}

    body.page-43 .medical_modal .close{display:flex !important; align-items:center; justify-content:center; box-sizing:border-box; padding:6.5px; background-color:transparent; color:#000; cursor:pointer; z-index:2;}
    body.page-43 .medical_modal .close .close_icon{display:block !important; width:24px; height:24px; pointer-events:none;}
    body.page-43 .medical_modal .close .fa-xmark{display:none !important;}
    body.page-43 .medical_modal .modal_cont{cursor:grab; touch-action:none;}
    body.page-43 .medical_modal .modal_cont.is-dragging{cursor:grabbing; user-select:none;}
    body.page-43 .medical_modal .modal_cont .right{cursor:auto; touch-action:auto;}

.medical_modal .modal_cont{width: 780px; max-width: 100%; margin: 0 auto; }
.medical_modal .modal_cont .cont{display: flex; padding: 0; position: relative;}
.medical_modal .modal_cont .cont ul li {padding-left: 0;}
.medical_modal .modal_cont .cont ul li::before {display: none;}
.medical_modal .modal_cont .cont .left{width: 50%}
.medical_modal .modal_cont .cont .left .img{position: relative; width: 100%; height: 100%}
.medical_modal .modal_cont .cont .left .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top}
.medical_modal .modal_cont .cont .right{flex: 1 1 0; overflow-y: auto; padding: 30px; background: #fff}
.medical_modal .modal_cont .cont .right::-webkit-scrollbar{width: 20px}
.medical_modal .modal_cont .cont .right::-webkit-scrollbar-thumb{background-color: #000; border-radius: 10px; background-clip: padding-box; border: 8px solid #fff}
.medical_modal .modal_cont .cont .right::-webkit-scrollbar-track{background-color: #fff}
.medical_modal .modal_cont .cont .right .sub_tit{font-size: 16px; font-weight: 400; color: #888}
.medical_modal .modal_cont .cont .right .tit{font-size: 16px; font-weight: 400}
.medical_modal .modal_cont .cont .right .career li{margin-top: 5px; font-size: 16px}
.medical_modal .modal_cont .cont .right table{table-layout: fixed; width: 100%; margin-top: 30px}
.medical_modal .modal_cont .cont .right table th{padding: 0.5em 0; font-size: 14px; font-weight: 400; border-bottom: 1px solid #000}
.medical_modal .modal_cont .cont .right table td{padding: 0.5em 0; font-size: 14px; border-bottom: 1px solid var(--gray); font-weight: 400; text-align: center}

/* 43페이지: 줄 line-height를 없애고 줄 간격은 margin으로 제어 */
body.page-43 .sub_top .inner .event_line { display: block; }
body.page-43 .sub_top .inner .event_line + .event_line { margin-top: 10px; }


    body.page-43 .medical_modal .modal_cont .cont .right .sub_tit,
    body.page-43 .medical_modal .modal_cont .cont .right .tit,
    body.page-43 .medical_modal .modal_cont .cont .right .career li,
    body.page-43 .medical_modal .modal_cont .cont .right table th,
    body.page-43 .medical_modal .modal_cont .cont .right table td {
        line-height: 1;
    }

    body.page-43 .medical_modal .modal_cont .cont .right .sub_tit,
    body.page-43 .medical_modal .modal_cont .cont .right .tit {
        margin: 0;
    }

    body.page-43 .medical_modal .modal_cont .cont .right .sub_tit {
        margin-top: 10px;
    }

    body.page-43 .medical_modal .modal_cont .cont .right .career {
        margin-top: 17px;
    }

    body.page-43 .medical_modal .modal_cont .cont .right .career li {
        margin-top: 0;
    }

    body.page-43 .medical_modal .modal_cont .cont .right .career li + li {
        margin-top: 10px;
    }

    /* 43페이지 PC/태블릿 레이아웃 */
    .page-43 #container{min-height:0;padding-bottom:0 !important;}
    .page-43 .sub_cont4{margin-bottom:115px;}
    .page-43 .sub_cont4 .inner{width:1480px;padding:0 15px;}
    .page-43 .medical_staff ul{gap:7px;}
    .page-43 .medical_staff ul li{width:calc((100% - 14px) / 3);}
    .page-43 .location_about .map{width:50%;aspect-ratio:1 / 1;}
    .page-43 .location_about .text{width:50%;}
    .page-43 .location_about .map iframe{height:100%;}
    .page-43 .location_about .text .left{width:max-content;margin:0 auto;}
    .page-43 .location_about .text .left .mid_font_pc{text-align:left;}


@media (min-width: 1025px){
    .medical_staff ul li:hover .img img{filter: grayscale(0)}
}