div, p, input, em, span, strong, textarea, a, button { 
    margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; 
    letter-spacing: -0.05em; list-style: none; text-decoration: none; 
    line-height: inherit; word-break: keep-all; color: #000;
}
ol, ul {
    list-style: none;
}
li { vertical-align: top;}
button { cursor: pointer; }
*:focus { outline: none; }
body{-webkit-text-size-adjust:none;}

@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css);
@import url('https://webfontworld.github.io/naver/MaruBuri.css');


.main_con *{font-family:'pretendard',sans-serif;font-weight:300;font-size:20px;letter-spacing:0;box-sizing:border-box;}
.main_con{padding:120px 0;}
.main_con .tt{padding-bottom:60px;text-align:center;}
.main_con .tt em{font-style: normal;font-size:16px;font-weight:700;letter-spacing:1px;color:#0083c8;}
.main_con .tt h2{font-size: 48px;
    font-weight: 400;
    color: #3d3d3d;}
.main_con .tt h3{color:#003f81;font-size:58px;font-weight:700;line-height:130%;etter-spacing:-3px;}
.main_con .monly{display:none;}

@media all and (max-width: 1024px) {
    
    .main_con *{font-size:14px;}
    .main_con{padding:70px 20px;}
    .main_con .tt{padding-bottom:42px;}
    .main_con .tt em{font-size:12px;}
    .main_con .tt h3{font-size:34px;letter-spacing:-2px;}
    .main_con .tt h2{font-size: 22px;}
}


.sec_nonsurgical *{font-family:'pretendard',sans-serif;font-weight:300;font-size:20px;letter-spacing:0;box-sizing:border-box;}
.sec_nonsurgical{padding:120px 0;}
.sec_nonsurgical .tt{padding-bottom:60px;text-align:center;}
.sec_nonsurgical .tt em{font-style: normal;font-size:16px;font-weight:700;letter-spacing:1px;color:#0083c8;}
.sec_nonsurgical .tt h2{font-size: 48px;
    font-weight: 400;
    color: #3d3d3d;}
.sec_nonsurgical .tt h3{color:#003f81;font-size:58px;font-weight:700;line-height:130%;etter-spacing:-3px;}
.sec_nonsurgical .monly{display:none;}

@media all and (max-width: 1024px) {
    
    .sec_nonsurgical *{font-size:14px;}
    .sec_nonsurgical{padding:70px 20px;}
    .sec_nonsurgical .tt{padding-bottom:42px;}
    .sec_nonsurgical .tt em{font-size:12px;}
    .sec_nonsurgical .tt h3{font-size:34px;letter-spacing:-2px;}
    .sec_nonsurgical .tt h2{font-size: 22px;}
}





@media (max-width: 1450px) {
    #footer .container, .wrap{width:94%;}
}    

#footer {
  text-align: center;
  font-weight: 400;
  letter-spacing: -1px;
  padding: 0 0 40px 0px;
  background:#363435 url(/img/footer_bg.jpg) repeat-x center -20px;
  word-break: keep-all;
  box-sizing: border-box; }
  #footer .container{max-width:1400px; margin:0 auto;}
  #footer *, #footer *::before, #footer *::after {
    box-sizing: border-box; }
  #footer .container .terms {
    font-size: 0; }
    #footer .container .terms > li {
      position: relative;
      display: inline-block;
      vertical-align: top;
      padding: 0 20px; }
      #footer .container .terms > li:after{
        position: absolute;
        right: -0px;
        width: 0px;
        height: 14px;
        background: #fff;
        top: 50%;
        transform: translateY(-50%);content:'';}
     #footer .container .terms > li:last-child:after{width:0;}    
      #footer .container .terms > li > a {
        display: block;
        font-size: 15px;
        color: rgba(255,255,255,0.6);
        font-weight: 400; line-height:45px; }
  #footer .container .company {
    font-size: 0;
    margin-top: 30px; width: 100%;}
    #footer .container .company > li {
      font-size: 14px;
      color: rgba(255,255,255,0.6);
      line-height: 25px;
      font-weight: 400; }
      #footer .container .company > li b {
        font-weight: bold; }
      #footer .container .company > li address {
        font-style: normal; }
    #footer .container .company > li a{color: rgba(255,255,255,0.6);letter-spacing: -0px;}    
  #footer .container .copyright {
    font-size: 14px;
    color: rgba(255,255,255,0.2);
    margin-top: 20px; }
    .quick-nav.pc{display:none;}
  @media (min-width:768px) {
    #footer {
      text-align: left;
      padding: 0 0 50px 0; 
        background:url(/img/footer_bg.jpg) repeat-x center top;}
      #footer .container .terms > li {
        padding: 0;
        margin-right: 40px; line-height: 66px;}
        #footer .container .terms > li:last-child {
          margin-right: 0; }
    #footer .container .company {width: 720px;}
      #footer .container .terms > li:after{
        position: absolute;
        right: -20px;
        width: 0px;
        height: 14px;
        background: #fff;
        top: 50%;
        transform: translateY(-50%);content:'';}          
        #footer .container .terms > li > a {
          font-size: 17px;color:#fff; line-height: 66px;}
      #footer .container .company {
        margin-top: 30px; }
        #footer .container .company > li {
          font-size: 17px;display: inline-block;
            margin-right: 20px;vertical-align: top; 
          line-height: 32px;font-weight: 400; }
          #footer .container .company > li:nth-of-type(1){display: block;}
            #footer .container .company > li:nth-of-type(1) ~ li:last-child {
              margin-right: 0; }
      #footer .container .copyright {
        font-size: 17px;line-height: 36px;font-family: 'Noto Sans KR', sans-serif;
        margin-top: 10px; } 
      
  }
   @media (min-width:480px) {
    #footer .container .terms > li{padding: 0 10px;}
   }



.main_con.sec_location{padding:120px 0 0 0;}
.main_con.sec_location .con{display:flex;}
.main_con.sec_location .maps{width:50%;background:#f7f7f7;overflow:hidden;}
.main_con.sec_location .maps #map{width:100%;height:100%;}
.main_con.sec_location .txt{width:50%;padding:90px 0 90px 80px;background:#676767;}
.main_con.sec_location .txt *{color:#fff;}
.main_con.sec_location .txt .top{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid rgba(255,255,255,0.1);}
.main_con.sec_location .txt .top a{font-size:42px;font-weight:700;color:#ffd08e;}
.main_con.sec_location .txt .top address{font-style: normal;padding-top:22px;font-size:24px;font-weight:600;}
.main_con.sec_location .txt .way{}
.main_con.sec_location .txt .way li{display:flex;align-items:center;gap:30px;padding-bottom:30px;}
.main_con.sec_location .txt .way li:last-child{padding-bottom:0;}
.main_con.sec_location .txt .way li img{width:120px;}
.main_con.sec_location .txt .way li dl *{font-size:22px;letter-spacing:-1px;}
.main_con.sec_location .txt .way li dt{padding-bottom:8px;font-weight:600;}
.main_con.sec_location .txt .way li dd{line-height:150%;}
.main_con.sec_location .txt .way li dd b{color:#ffd08e;}



@media all and (max-width: 1024px) {
    .main_con.sec_location{padding:70px 0 0 0;}
    .main_con.sec_location .con{flex-direction:column;}
    .main_con.sec_location .maps , #daumRoughmapContainer1716795071061{width:100%;height:300px;}
    .main_con.sec_location .txt{width:100%;padding:40px 20px;}
    .main_con.sec_location .txt .top{padding-bottom:24px;margin-bottom:24px;}
    .main_con.sec_location .txt .top a{font-size:24px;}
    .main_con.sec_location .txt .top address{padding-top:18px;font-size:15px;}
    .main_con.sec_location .txt .way li{flex-direction:column;gap:15px;justify-content:center;padding-bottom:30px;text-align:center;}
    .main_con.sec_location .txt .way li img{width:80px;}
    .main_con.sec_location .txt .way li dl *{font-size:16px;letter-spacing:-0.75px;}
}



.main_con.sec_info{background:#e4e4e4;}
.main_con.sec_info .tt p{padding-top:50px;font-size:22px;font-weight:500;font-family:'MaruBuri', serif;line-height:170%;}
.main_con.sec_info .tt p b{display:block;font-size:22px;font-weight:500;font-family:'MaruBuri', serif;color:#c2a580;}
.main_con.sec_info .con{max-width:1400px;margin:0 auto;display:flex;}
.main_con.sec_info .pic{width:50%;background:url(/img/time_info.jpg) no-repeat center center/cover;}
.main_con.sec_info .txt{width:50%;padding:80px 90px;background:#fff url(/img/watch.png) no-repeat 90% 80%;}
.main_con.sec_info .txt ul{}
.main_con.sec_info .txt li *{font-size:23px;}
.main_con.sec_info .txt li{padding-bottom:14px;}
.main_con.sec_info .txt li span{display:inline-block;vertical-align:top;width:80px;text-align-last:justify;font-weight:600;color:#000;}
.main_con.sec_info .txt li strong{display:inline-block;vertical-align:top;padding-left:30px;font-weight:400;font-family:'Lato', sans-serif;}
.main_con.sec_info .txt li strong b{font-weight:600;color:#f86328;}
.main_con.sec_info .txt p{padding-top:12px;color:#333;line-height:160%;font-weight:400;}

@media all and (max-width: 1024px) {
    
    .main_con.sec_info .tt p{padding-top:30px;font-size:18px;}
    .main_con.sec_info .tt p b{font-size:18px;}
    .main_con.sec_info .con{flex-direction:column;}
    .main_con.sec_info .pic{width:100%;height:200px;}
    .main_con.sec_info .txt{width:100%;padding:30px 20px;}
    .main_con.sec_info .txt li *{font-size:17px;}
    .main_con.sec_info .txt li{padding-bottom:14px;}
    .main_con.sec_info .txt li span{width:60px;}
    .main_con.sec_info .txt li strong{padding-left:14px;}
}


@media all and (max-width: 1024px) {
    .main_con.sec_view{padding:60px 0; background: url(/img/back-img1.jpg) no-repeat;
    background-size: cover;
}
}

.look-round .w1000{position:Relative;}

/* look-round */
.look-round {
    position:relative;
    background-position:10px 30px;
    background-size:50%;
    padding-top:120px;
  padding-bottom: 160px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  word-break: keep-all;
  box-sizing: border-box; }
  .look-round *, .look-round *::before, .look-round *::after {
    box-sizing: border-box; }
    .look-round .w1000{width:380px;margin:0 auto;}
.look-round .section-content{position:relative;overflow:hidden;}
    .look-round .section-content .container {
      position: relative;
      padding-bottom: 16px; }
    .look-round .section-content .look-slider {
      padding: 0 30px; }
      .look-round .section-content .look-slider .slick-list {
        overflow: visible; }
        .look-round .section-content .look-slider .slick-list .slick-track .slick-slide {
          outline: none;
          padding: 0 5px;
        }
        .look-round .section-content .look-slider .slick-list .slick-track .slick-slide img{opacity:0.4;}
        .look-round .section-content .look-slider .slick-list .slick-track .slick-slide.slick-active img{opacity:1;}
        .look-round .section-content .look-slider .slick-list .slick-track .slick-slide figure{background:#fff;}
          .look-round .section-content .look-slider .slick-list .slick-track .slick-slide figure img {
            display: block;
            width: 100%; }
    .look-round .controls {
      position: absolute;
      bottom: 40px;
      left: 50%;
      text-align: center;
      transform: translateX(-50%);
        z-index:19;
    }
      .look-round .controls button {
        display: inline-block;
        width: 36px;
        height: 36px;
        vertical-align: top;
        border-radius: 50%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center center;
        background-size:6px auto;
        border:0;
          box-shadow:0px 10px 22px 0px rgba(0, 0, 0, 0.1);
      }
        .look-round .controls button:last-child {
          margin-right: -0px;}
        .look-round .controls button.slick-prev {
          background-image: url(/img/p.png);
            margin-left:-0px;
        }
        .look-round .controls button.slick-next {
          background-image: url(/img/n.png); }
  @media (min-width: 1024px) {
      .look-round .controls button {
        display: inline-block;
        width: 70px;
        height: 70px;
        background-size:10px auto;
        
      }
    .look-round {
        position:relative;
        padding-top:120px;
        background-size:auto;
        background-position:20% 70px;
      padding-bottom: 100px; background: url(/img/back-img1.jpg) no-repeat;
    background-size: cover;
 }
      .look-round .w1000{width:1100px;margin:0 auto;}
      .look-round .section-content {
        padding-bottom: 0; }
        .look-round .section-content .container {
          padding: 0 50px; }
        .look-round .section-content .look-slider {
          padding: 0; }
          .look-round .section-content .look-slider .slick-list .slick-track .slick-slide {
            padding: 0 25px; }
        .look-round .controls {
          top: 55%;
          left:50%;
          width: 100%;
          max-width:1100px;
          height: 60px;
          transform: translateX(-50%);
            margin-top:30px;
        }
          .look-round .controls button {
            width: 60px;
            height: 60px;
             }
            .look-round .controls button.slick-prev {
              float: left; }
            .look-round .controls button.slick-next {
              float: right; } }
  @media (min-width: 1400px) {
    .look-round .section-content .look-slider {
      padding: 0; }
      .look-round .section-content .look-slider .slick-list .slick-track .slick-slide {
        padding: 0 30px;box-sizing:border-box;}
    .look-round .section-content .controls {
      } }


.main_con.sec_dr {
  padding-bottom: 0px;
  background: url('/img/doctor-bg.jpg') no-repeat center top/cover;
  color: #3d3d3d;
}



/* 1. li를 relative 묶음으로 바꾸기 */
.main_con.sec_dr .con .staff-list li {
  position: relative;
  margin: 0 50px;           /* 좌우 간격 */
  text-align: center;
  list-style: none;
}

/* 2. 사진이 꽉 차도록 */
.main_con.sec_dr .con .staff-list li img {
  width: 100%;
  display: block;
}

/* 3. 이름+직함 레이블 (dl 대신 .staff-info로 바꿔도 됩니다) */
.main_con.sec_dr .con .staff-list li dl {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 30px;
    border-radius: 100px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: auto;
    min-width: 250px;
}

/* 4. 이름 스타일 */
.main_con.sec_dr .con .staff-list li dl dt {
  font-size: 23px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
}

/* 5. 직함 스타일 */
.main_con.sec_dr .con .staff-list li dl dd {
  margin-top: 4px;
  font-size: 17px;
  font-weight: 600;
  color: #003f81;
  line-height: 1.2;
}

/* 6. 데스크탑 시 두 명씩 중앙 정렬 */
.main_con.sec_dr .con .staff-list {
  display: flex;
  justify-content: center;
  align-items: flex-end;  /* 레이블 바닥선 맞추기 */
}

/* 7. 반응형: 모바일에선 한 줄에 하나씩 */
@media (max-width: 768px) {
  .main_con.sec_dr .con .staff-list {
    flex-direction: column;
    gap: 40px;
  }
  .main_con.sec_dr .con .staff-list li {
    margin: 0 auto;
    width: 80%;
  }
  .main_con.sec_dr .con .staff-list li dl {
   bottom: 40px;
    padding: 12px 16px;
    border-radius: 30px;
  }
  .main_con.sec_dr .con .staff-list li dl dt {
    font-size: 18px;
  }
  .main_con.sec_dr .con .staff-list li dl dd {
    font-size: 14px;
  }
}


.main_con.sec_profile {
  background: url('/img/doctor-section-bg1.jpg') no-repeat center top;
  background-size: cover;
  color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
}

/* 컨테이너 그리드 */
.profile-wrap {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

/* 컨테이너 그리드 */
.profile-wrap {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 60px;
}


/* ----------------------------
   좌측 프로필 이미지
---------------------------- */
.profile-img {
  flex: 0 0 40%;
  position: relative;
}
.profile-img img {
  width: 100%;
  display: block;
}

/* ----------------------------
   우측 프로필 정보
---------------------------- */
.profile-info {
  flex: 1;
}

/* 이름·직함 */
.profile-name {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.2;
  color:#fff;
}
.profile-name span {
  font-size: 23px;
  font-weight: 400;
  margin-left: 12px;
  color: rgba(255,255,255,0.85);
}

/* 두 개의 리스트(컬럼) */
.profile-lists {
  display: flex;
  gap: 80px;
}
.profile-lists ul {
  list-style: none;
  padding-left: 0;
  width:50%;
}
.profile-lists li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  font-size: 17px;
  line-height: 1;
  font-weight: 400;
  color:#fff;
}
/* 커스텀 불릿 (·) */
.profile-lists li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}

/* ---------------------------------------
   1) 박정훈 섹션만 (데스크탑) 좌우 반전 + 폭 1000px
--------------------------------------- */
.sec_profile--reverse .profile-wrap {
  flex-direction: row-reverse;
}

/* PC (1025px 이상): 박정훈 섹션 폭 제한 & 이미지 비율 조정 */
@media (min-width: 1025px) {
  .sec_profile--reverse .profile-wrap {
    max-width: 1000px;
  }
  .sec_profile--reverse .profile-wrap .profile-img {
    /* 기존 40% → 45% 로 늘려서 이미지 영역 확보 */
    flex: 0 0 55%;
  }
  .sec_profile--reverse .profile-wrap .profile-info {
    /* 정보 영역은 나머지 55% */
    flex: 0 0 35%;
  }
}

/* ============================
  반응형
============================ */
/* 태블릿 이하 */
@media (max-width: 1024px) {
    .main_con .profile-name {
        font-size: 28px !important;
    }
}

@media (max-width: 1024px) {
  .profile-wrap {
      display: block;
    gap: 40px;
  }
  .profile-img {
    flex: 0 0 50%;
  }
  .profile-name {
    font-size: 36px;
  }
  .profile-name span {
    font-size: 20px;
  }
  .profile-lists {
    gap: 40px;
  }
  .profile-lists li {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .profile-lists li::before {
    font-size: 18px;
  }
}

/* 모바일 (한 줄로 세로 배치) */
@media (max-width: 768px) {
  .profile-wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .profile-img {
    flex: 0 0 60%;
    width:100%;
  }
  .profile-info {
    width: 100%;
  }
  .profile-lists {
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }
  .profile-lists ul {
    width: 80%;
  }
  .profile-lists li {
    font-size: 14px;
    margin-bottom: 8px;
    text-align: left;
  }
  .profile-lists li::before {
    left: -4px;
    font-size: 16px;
  }
}
/* PC 전용: 박정훈 섹션 ul 전체 너비로 */
@media (min-width: 1025px) {
  .main_con.sec_profile.sec_profile--reverse .profile-lists ul {
    width: 100%;
  }
}


/* — 섹션 공통 스타일 — */
.sec_nonsurgical {
  background: url('/img/bg3.jpg') no-repeat center top;
  background-size: cover;
  padding: 120px 0;
  font-family: 'Noto Sans KR', sans-serif;
}
.sec_nonsurgical .container {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
}

/* — 헤더 — */
.sec_nonsurgical .sec-header {
  text-align: center;
  margin-bottom: 60px;
}
.sec_nonsurgical .subtitle {
  font-size: 14px;
  font-weight: 700;
  color: #0083c8;
  margin-bottom: 8px;
}
.sec_nonsurgical .title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: #222;
  margin-bottom: 16px;
}

.sec_nonsurgical .description {
  font-size: 20px;
  color: #ffffff;
  line-height: 1.6;
  font-weight: 400;
   margin-top: 20px; /* 필요에 따라 px 값 조절 */

}

/* 모바일(≤768px)에서 폰트 작게, 위쪽 여유 추가 */
@media (max-width: 768px) {
  .sec_nonsurgical .description {
    font-size: 15px;
    margin-top: 10px; /* 필요에 따라 px 값 조절 */
  }
}

/* — 카드 그리드 — */
.cards {
  display: flex;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
}
.card {
  position: relative;
  flex: 1 1 380px;     /* 카드 폭을 좀 더 넓힘 */
  height: 400px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

/* 제목 + 버튼 배치 조정 */
.card h3,
.card .more-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.card h3 {
  top: 35%;            /* 제목을 약간 더 위로, 간격 키움 */
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
.card .more-btn {
  top: 57%;            /* 버튼을 제목 아래로 충분히 배치 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 28px;  /* 버튼 패딩 약간 키워서 세로 간격도 늘림 */
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #fff;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.card .more-btn::after {
  content: '＋';
  font-size: 16px;
  line-height: 1;
}
.card .more-btn:hover {
  background: #fff;
  color: #222;
}

/* — 팝업 레이어 — */
.detail-popup {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  padding: 20px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.detail-popup.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.popup-content {
  background: #fff;
  border-radius: 8px;
  max-width: 1000px; width: 100%;
  padding: 40px;
  position: relative;
  overflow-y: auto;
  max-height: 90%;
  transform: translateY(-20px);
  transition: transform 0.3s ease;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.detail-popup.active .popup-content {
  transform: translateY(0);
}
.popup-content h3 {
  font-size: 40px;
  margin-bottom: 12px;
  font-weight:700;
  
}
.popup-content p {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 40px;
}
.popup-content img {
  width: 100%;
  border-radius: 4px;
}
.close-btn {
  position: absolute;
  top: 12px; right: 12px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

/* — 반응형 — */
/* 태블릿 이하 */
@media (max-width: 1024px) {
  .cards {
    gap: 30px;
  }
  .card {
    flex: 1 1 340px;
    height: 300px;
  }
  .card h3 {
    font-size: 26px;
    top: 33%;
  }
  .card .more-btn {
    top: 48%;
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* 모바일 (≤768px) */
@media (max-width: 768px) {
  /* 카드 그리드 항상 보이게 */
  .cards {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
  }
  /* 카드 높이 확보 */
  .card {
    flex: none;
    width: 100%;
    height: 220px;
  }
  /* 제목 한 줄로, 중앙 정렬 유지 */
  .card h3 {
    font-size: 20px;
    top: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* 버튼은 카드 아래쪽 중앙 */
  .card .more-btn {
    top: 55%;
  }
  .popup-content {
    padding: 16px;
  }
  .popup-content h3 {
    font-size: 20px;
  }
  .popup-content p {
    font-size: 14px;
  }
}


/* ============================
   공통: 메인 컨테이너 & 폰트 세팅
============================ */

/* ============================
   헤더 스타일 (.tt)
============================ */
.main_con .tt {
  padding-bottom: 60px;
  text-align: center;
}
.main_con .tt em {
  font-style: normal;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #0083c8;
  display: block;
  margin-bottom: 8px;
}
.main_con .tt h2 {
  font-size: 48px;
  font-weight: 400;
  color: #3d3d3d;
  line-height: 1.3;
  margin-bottom: 8px;
}
.main_con .tt h3 {
  color: #003f81;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -3px;
  margin-bottom: 16px;
}
.main_con .tt .monly {
  display: none;
}

/* 모바일 폰트·간격 조정 */
@media all and (max-width: 1024px) {
  .main_con * { font-size: 14px; }
  .main_con { padding: 70px 20px; }
  .main_con .tt { padding-bottom: 42px; }
  .main_con .tt em { font-size: 12px; }
  .main_con .tt h2 { font-size: 22px; }
  .main_con .tt h3 { font-size: 34px; letter-spacing: -2px; }
}

/* ============================
   공통 컨테이너 폭 고정
============================ */
.main_con .container {
  width: 94%;
  max-width: 1300px;
  margin: 0 auto;
}

/* ============================
   본문 흰 박스
============================ */
.main_con .rehab-content {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  padding: 60px;
  margin: 0 auto;
}

/* ============================
   도수치료 블록
============================ */
.main_con .manual-therapy {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.main_con .manual-text {
  flex: 1;
}
.main_con .manual-title {
  font-size: 40px;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
}
.main_con .manual-title em {
  color: #0083c8;
  font-style: normal;
   font-size: 40px;
  font-weight: 700;
}
.main_con .manual-desc {
  margin-top: 16px;
  font-size: 20px;
  color: #555;
  line-height: 1.6;
   font-weight: 400;
}
.main_con .manual-img {
  flex: 1;
}
.main_con .manual-img img {
  width: 90%;
  border-radius: 12px;
  display: block;
}
@media (max-width: 768px) {
  /* 기존 모바일 설정들… */

  /* 도수치료 이미지 100%로 */
  .main_con .manual-img img {
    width: 100% !important;
  }
}

/* Pill 스타일 */
.main_con .pill {
  display: inline-block;
  background: #0083c8;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 60px;
  margin-top: 24px;
}

/* targets 3컬럼 */
.main_con .targets {
  display: flex;
  gap: 20px;
  margin-top: 16px;
}
.main_con .targets ul {
  flex: 1;
  list-style: none;
  padding: 0;
  margin: 0;
}

.main_con .targets li {
  display: flex;
  align-items: center;
  padding-left: 0;   /* 기존 padding 제거 */
  gap: 8px;          /* 불릿과 텍스트 사이 간격 */
   font-size: 20px;
    font-weight: 600;
      margin-bottom: 12px;

    
}
.main_con .targets li::before {
  content: '•';
  position: static;  /* 절대위치 해제 */
  margin: 0;         /* 마진 초기화 */
  font-size: 12px;
  color: #0083c8;
}


    
/* benefits */
.main_con .benefits {
  list-style: none;
  padding: 0;
  margin-top: 24px;
}

.main_con .benefits li {
  display: flex;
  align-items: center;  /* 아이콘 세로 중앙에 */
  gap: 8px;
   font-size: 20px;
    font-weight: 600;
      margin-bottom: 12px;
       white-space: nowrap;       /* 줄바꿈 방지 */
  overflow: hidden;          /* 넘치는 텍스트는 숨김 */
  text-overflow: ellipsis;   /* 말줄임 표시(Optional) */
}
.main_con .benefits li::before {
  content: '✔︎';
  position: static;
  margin: 0;
  font-size: 18px;
  color: #00a651;
}



/* ============================
   물리치료 장비 블록
============================ */
.main_con .physical-therapy {
  margin-top: 60px;
}
.main_con .physical-title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  text-align: center;
}
.main_con .physical-title em {
  color: #0083c8;
  font-style: normal;
}
.main_con .physical-desc {
  margin-top: 12px;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  text-align: center;
}
.main_con .physical-images {
  display: flex;
  gap: 20px;
  margin-top: 24px;
}
.main_con .physical-images img {
  flex: 1;
  width: 100%;
  border-radius: 12px;
  display: block;
}

/* ============================
   반응형: 태블릿 이하
============================ */
@media (max-width: 1024px) {
  .main_con .manual-therapy {
    flex-wrap: wrap;
  }
  .main_con .manual-text,
  .main_con .manual-img {
    flex: 1 1 100%;
  }
  .main_con .physical-images {
    flex-wrap: wrap;
  }
  .main_con .physical-images img {
    flex: 1 1 calc(50% - 10px);
  }
}

/* ============================
   반응형: 모바일 (≤768px)
============================ */
@media (max-width: 768px) {
  /* 전체 패딩·폰트 기본 축소 */
  .main_con {
    padding: 70px 20px;
  }
  .main_con * {
    font-size: 14px;
  }

  /* 헤더 */
  .main_con .tt {
    padding-bottom: 42px;
  }
  .main_con .tt em {
    font-size: 12px;
  }
  .main_con .tt h2 {
    font-size: 22px;
  }
  .main_con .tt h3 {
    font-size: 34px;
    letter-spacing: -2px;
  }

  /* 서브 설명 (description) */
  .main_con .description {
    font-size: 13px;
    margin-top: 10px;
    letter-spacing: -0.5px;
  }

  /* 도수치료 블록 세로 스택 */
  .main_con .manual-therapy {
    flex-direction: column;
  }
  .main_con .manual-title {
    font-size: 22px;
    line-height: 1.3;
  }
  .main_con .manual-title em {
    font-size: 22px;
  }
  .main_con .manual-desc {
    font-size: 14px;
    letter-spacing: -0.5px;

  }

  /* Pill */
  .main_con .pill {
    font-size: 18px;
    padding: 8px 24px;
    margin-top: 20px;
  }

  /* targets 리스트 */
  .main_con .targets {
    flex-direction: column;
  }
  .main_con .targets li {
    font-size: 16px;
  }

  /* benefits 리스트: 줄바꿈 허용 & 작은 글씨 */
  .main_con .benefits li {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    font-size: 16px;
  }

  /* 물리치료 장비 이미지 세로 스택 */
  .main_con .physical-images {
    flex-direction: column;
  }
  .main_con .physical-images img {
    margin-bottom: 16px;
  }
   .main_con .rehab-content {
    padding: 20px !important;
  }
}


/* 물리치료 장비 블록 (흰 박스 전체 폭 사용) */
.main_con .physical-therapy {
  width: 100%;
  margin: 60px 0 0 0;  /* 도수치료와의 간격 */
}

/* 장비 타이틀 · 설명 */
.main_con .physical-title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  text-align: center;
}
.main_con .physical-title em {
  color: #0083c8;
}
.main_con .physical-desc {
  margin-top: 12px;
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  text-align: center;
}

/* 이미지 한 장 가로 꽉 */
.main_con .physical-images {
  margin-top: 24px;
  width: 100%;
}
.main_con .physical-images img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

/* 반응형: 태블릿 이하 (≤1024px) */
@media (max-width: 1024px) {
  /* 모바일에서 칼럼 재배치 등 이미 되어 있다면 생략 */
  .main_con .physical-images img {
    /* 두 장 이상일 때 2열 그리드가 필요하면 수정 */
  }
}

/* 반응형: 모바일 (≤768px) */
@media (max-width: 768px) {
  .main_con .physical-title {
    font-size: 20px;
  }
  .main_con .physical-desc {
    font-size: 14px;
    margin-top: 8px;
  }
  .main_con .physical-images img {
    margin-bottom: 16px;
  }
}


/* ───────────────────────────
   공통 컨테이너
─────────────────────────── */
.sec_diagnostics {
  padding: 80px 0;
  background: #f9f9f9;
  font-family: 'Noto Sans KR', sans-serif;
}
.main_con .sec_diagnostics .container {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
}

/* ───────────────────────────
   각 검사 아이템
─────────────────────────── */
.diagnostic-item {
background: #f1f1f1;
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.diagnostic-item:last-child {
  margin-bottom: 0;
}

/* 좌측 이미지 */

.diagnostic-item .diag-img img {
  width: 100%;
  display: block;
}

/* 우측 텍스트 */
.diagnostic-item .diag-info {
  flex: 1;
  padding:20px;
}
.diagnostic-item .diag-info h3 {
  font-size: 40px;
  font-weight: 700;
  color: #003f81;
  margin-bottom: 16px;
}
.diagnostic-item .diag-info p {
  font-size: 23px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 24px;
   font-weight: 400;
}

/* 버튼 스타일 */
.diagnostic-item .diag-info .diag-btn {
  display: inline-block;
  background: #0083c8;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 50px;
  text-decoration: none;
  margin-bottom: 12px;
  transition: background 0.3s;
}
.diagnostic-item .diag-info .diag-btn + .diag-btn {
  margin-left: 12px;
}
.diagnostic-item .diag-info .diag-btn:hover {
  background: #006599;
}

/* ───────────────────────────
   반응형: 모바일
─────────────────────────── */
@media (max-width: 768px) {
  .diagnostic-item {
    flex-direction: column;
    text-align: center;
  }
  .diagnostic-item .diag-img,
  .diagnostic-item .diag-info {
    width: 100%;
  }
  .diagnostic-item .diag-info h3 {
    font-size: 28px;
  }
  .diagnostic-item .diag-info p {
    font-size: 14px;
    margin-bottom: 16px;
    letter-spacing:-0.5px;
  }
  .diagnostic-item .diag-info .diag-btn {
    margin: 0 4px 12px;
    font-size:19px;
  }
}