/* style-c8.css */


/* ====================== C8 : 의료진 소개 ====================== */
.c8{
  background:#f6f6f6;
  padding: clamp(70px, 10vw, 140px) 0;
  word-break: keep-all;
}

.c8__inner{
  max-width: 1360px;
  margin:0 auto;
  padding:0 24px;
}

/* 타이틀 */
.c8__title{
  text-align:center;
  font-size: clamp(28px, 5vw, 52px);
  font-weight: 700;
  margin-bottom: 50px;
  letter-spacing:-1.2px;
}

/* 개별 박스 */
.c8__doctor{
  overflow: hidden;
  display:grid;
  grid-template-columns: 1fr 1fr;
  background:#ffffff;
  border-radius: 0;
  /* padding: 40px 50px; */
  margin-bottom:40px;
  align-items:center;
  column-gap: 40px;
  min-height: 360px;
}

/* 왼쪽 텍스트 */
.c8__info{
  display:flex;
  flex-direction: column;
  justify-content:center;
  padding-left: 80px;
  align-content: flex-start;
  align-items: flex-start;
}

.c8__name{
  font-size: 36px;
  font-weight:800;
  margin-bottom: 0;
  /* margin: auto; */
  margin-top: 0;
}
.c8__name span{
  font-size:20px;
  font-weight: 500;
  /* margin-left:4px; */
}

.c8__divider{
  width: 10%;
  height: 4px;
  background: #2086c8;   /* 시안 같은 연회색 라인 */
  margin: 14px 0 18px;   /* 위아래 간격 시안처럼 */
}

/* 의료진 리스트 스타일 - 시안 동일하게 */
.c8__list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.c8__list li{
  position: relative;
  font-size: 15px;          /* ✔ 더 작은 글씨 */
  color: #585858;           /* ✔ 시안 같은 중회색 */
  line-height: 1.55;        /* ✔ 줄 간격 촘촘하게 */
  letter-spacing: -0.3px;
  margin-bottom: 4px;       /* ✔ 줄 간 여백 최소 */
  padding-left: 14px;       /* ✔ 하이픈 여백 */
}

/* 리스트 하이픈 표시 */
.c8__list li::before{
  content: "·";             /* ✔ 시안처럼 하이픈 */
  position: absolute;
  left: 0;
  top: 0;
  color: #585858;           /* 글자색 동일 */
}

/* 오른쪽 이미지 */
.c8__photo{
  text-align:right;
  display: flex;
}
.c8__photo img{
  width:100%;
  /* max-width:360px; */
  height:auto;
  object-fit:contain;
}

/* 반응형 */
@media (max-width:900px){

  .c8__doctor{
    grid-template-columns:1fr;
    text-align:center;
    row-gap:30px;
  }

  .c8__photo{
    text-align:center;
  }

}

@media(max-width:768px){
  .c8__info{
    display:flex;
    flex-direction: column;
    padding: 0 50px 40px;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    /* padding-bottom: 40px; */
  }


  .c8__list li{
    position: relative;
    font-size: 15px;         
    color: #585858;          
    line-height: 1.55;        
    letter-spacing: -0.3px;
    margin-bottom: 4px;    
    padding-left: 14px;     
    text-align: left;
  }
  .c8__doctor{
    overflow: hidden;
    display: flex;
    grid-template-columns: 1fr 1fr;
    background:#ffffff;
    border-radius: 0;
    /* padding: 40px 50px; */
    margin-bottom:40px;
    align-items: flex-start;
    column-gap: 40px;
    min-height: 360px;
    justify-content: center;
    flex-direction: column-reverse;
  }
}


@media(max-width:410px){
  .c8__name{
    font-size: 28px;
  }
  .c8__list li{
    font-size: 13px;
  }
  .c8__name{
    font-size: 30px;
  }
  .c8__info{
    padding: 0 40px 40px;
  }
}

@media(max-width:360px){
  .c8__title{
    font-size:clamp(24px, 5vw, 52px) ;
  }
  .c8__name{
    font-size: 24px;
  }
  .c8__info{
    padding: 0 40px 40px;
  }
}