@charset "utf-8";
/********** header ***********/
header{border-bottom:1px solid #fefefe; transition: ease-in-out 0.3s;}
header.active{background: #fefefe;}
header.active .menu a{color:#222;}
.headerSub{height:0; overflow-y:hidden; transition: height 0.3s ease;}
.headerSubCnt a:hover {background: #F1F5FD; color: #4063D0;}
.headerSubCnt p {color: inherit;}
.headerSubCnt a {display: block; transition: all 0.2s ease;}
  

.toggleBtn{cursor: pointer;z-index: 9999999999;}
header .toggleBtn span{background:#222;}
.toggleBtn span{transition: ease-in-out 0.3s;}
header .toggleBtn.active span{background:#F8F4EE}
.toggleBtn span:nth-child(1){left:0; top:0;}
.toggleBtn span:nth-child(2){left:0; top:10px;}
.toggleBtn span:nth-child(3){left:0; top:22px;}
.toggleBtn.active span:nth-child(1){left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg);}
.toggleBtn.active span:nth-child(2){left:500px; top:26px;}
.toggleBtn.active span:nth-child(3){left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg);}

.menuSnb{overflow:hidden; transition: height ease-in-out 0.3s;}


/********** footer ***********/
.footerCnt{border-top:1px solid #f7f8f8}
.fixMenu{right:50px; bottom:40px}
.fixMenu > div, .fixMenu > a{box-shadow:0 0 8px rgba(0,0,0,0.1) ;}
.fixMenu > a span{width:12px; height:12px; border:1px solid #222; border-width:1px 1px 0 0; transform:rotate(-45deg); top:4px}
.topBtn{cursor: pointer;}

/********** coomponent ***********/
.sectionTit:before{content:''; display:block; width:12px; height:12px; background:#4063D0;margin-right:8px}
.tbl{border-top:1px solid #b78358}
.tbl td{border-bottom:1px solid #ede2d4; border-right:1px solid #ede2d4}
.tbl tr td:nth-last-child(1){border-right:0}
button{border:0}

/********** mainPopup ***********/
.popupBox{background:rgba(0,0,0,0.5);left:0;top:0; z-index: 99999999999;display:none}
.popupBtnBox button{background:transparent;cursor: pointer;}
.popupSwiper{width:100%}
.popupSwiper .swiper-slide{overflow:hidden; line-height: 0;}
.popupSwiperBtnBox button{background:transparent; border:1px solid #f7f8f8; cursor: pointer;}
.popupSwiperBtnBox span{border:1px solid #f7f8f8}
#popupPrev span{border-width:0px 0px 1px 1px; transform:rotate(45deg);left:2px}
#popupNext span{border-width:1px 1px 0px 0px; transform:rotate(45deg); left:-2px}

/********** mainBanner ***********/
.mainBannerLink{border:1px solid #f7f8f8; width:fit-content}
.mainSlider1{background:url('/img/mainBanner-001.jpg')center center no-repeat; background-size: cover;}
.mainSlider2{background:url('/img/mainBanner-002.jpg')center center no-repeat; background-size: cover;}
.mainSlider3{background:url('/img/mainBanner-003.jpg')center center no-repeat; background-size: cover;}
.pagination{bottom:40px; left:50%; transform: translateX(-50%);}
.paginationBtn{border:1px solid #f7f8f8; cursor: pointer;}
.paginationBtn.active{background:#f7f8f8}
.indexLink{width:fit-content; border:1px solid #eee}

/********** quickBtns ***********/
.quickBtn {box-shadow:0 0 8px #C8D9F5;}
.quickBtns .inner {display: grid !important; grid-template-columns: repeat(6, 1fr); column-gap: 24px; row-gap: 32px; align-items: center; justify-items: center;}
.quickBtns .inner > div {text-align: center;}
.quickBtns .quickBtn {display: inline-block; transition: box-shadow .2s ease, transform .2s ease; box-shadow: 0 2px 12px rgba(0,0,0,.08);}
.quickBtns .quickBtn:hover {transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.12);}
@media (max-width: 767.98px) {
    .quickBtns .inner {grid-template-columns: repeat(3, 1fr);}
  }
  
/********** mainNews ***********/
/* -----------------------------
   탭 버튼 & 전체보기 버튼
----------------------------- */
.mainNewsBnt { 
    background: none; 
    cursor: pointer; 
    transition: color 0.25s ease, opacity 0.2s ease; 
    opacity: 0.7;
  }
  .mainNewsBnt:hover,
  .mainNewsBnt:focus-visible { 
    opacity: 1; 
    outline: none;
  }
  .mainNewsBnt.active { 
    color: #2E7322 !important; 
    opacity: 1; 
    position: relative;
  }
  .mainNewsBnt.active::after {
    content: "";
    position: absolute;
    left: 0; bottom: -6px;
    width: 100%; height: 3px;
    background: #2E7322;
    border-radius: 2px;
  }
  
  .newsABnt { 
    border: 1px solid #D9DADE; 
    transition: background-color 0.2s ease, border-color 0.2s ease; 
  }
  .newsABnt:hover,
  .newsABnt:focus-visible { 
    background: #f6f8f9; 
    border-color: #cdd0d5; 
    outline: none;
  }
  
  /* -----------------------------
     그리드 (데스크탑 4 / 태블릿 4 / 모바일 2)
  ----------------------------- */
  .mainNewsGrid {
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    column-gap: 24px; 
    row-gap: 16px;
  }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .mainNewsGrid { grid-template-columns: repeat(4, 1fr); column-gap: 20px; row-gap: 16px; }
  }
  @media (max-width: 767.98px) {
    .mainNewsGrid { grid-template-columns: repeat(2, 1fr); column-gap: 16px; row-gap: 16px; }
  }
  
  /* -----------------------------
     카드 & 썸네일 (1:1 고정)
  ----------------------------- */
  .mainNews a.card { 
    display: block; 
    text-decoration: none; 
    transition: transform 0.18s ease, box-shadow 0.18s ease; 
    will-change: transform;
  }
  
  .mainNews .cardThumb {
    position: relative; 
    width: 100%; 
    aspect-ratio: 1 / 1;      /* ✅ 정사각형 */
    overflow: hidden;
    background: #f5f6f8;       /* 이미지 로딩 전 배경 */
  }
  
  /* 이미지: 꽉 채우되 비율 유지 (여백 없이) */
  .mainNews .cardThumb img {
    position: absolute; 
    inset: 0; 
    width: 100%; 
    height: 100%; 
    object-fit: cover;         /* ← contain → cover 로 변경 */
    object-position: center;
    display: block;
    transition: transform 0.3s ease;
  }
  .mainNews a.card:hover .cardThumb img,
  .mainNews a.card:focus-visible .cardThumb img {
    transform: scale(1.03);
  }
  
  /* aspect-ratio 미지원 브라우저 대응 */
  @supports not (aspect-ratio: 1 / 1) {
    .mainNews .cardThumb { height: 0; padding-top: 100%; }
    .mainNews .cardThumb img { position: absolute; top: 0; left: 0; }
  }
  

/********** mainLocation ***********/
.mainLocationBox hr{border-top:1px solid #dcc5ac; border-left: 0;}
.parkLink{width:fit-content}
.cont{display:none}
.root_daum_roughmap{width:50% !important}
.mainLocation .root_daum_roughmap .wrap_map{height:100% !important;}
.wrap_controllers{display: none;}

/********** subIntro ***********/
.subIntroAccordienCnt1, .subIntroAccordienCnt2
{height:0; overflow-y:hidden;padding-top:0; padding-bottom:0; box-shadow:0 0 8px rgba(0,0,0,0.1);
    transition: height 0.3s ease, padding 0.3s ease;top:calc(100% + 20px); left:0; box-sizing: content-box;}

/********** greeting ***********/
.greeting .inner {align-items: stretch !important;}
.greetingPoint{font-size:80px}

.greetingVision{background:url('/img/visionBg.jpg')center center no-repeat; background-size:cover}
.greetingVisionCnt > div{width:calc(50% - 12px); align-self: stretch;}

.yearTit{font-size:120px}
.yearCnt hr{border:1px solid #A2C1EE}
.yearDetail p{border-bottom:1px solid #E0E9F9}

/********** location ***********/
.location .root_daum_roughmap{width:100% !important; height:480px !important}
.location .wrap_map{height:100% !important}

/********** hi ***********/
.hiCnt{background:url('/img/hiGrid.png')center center  no-repeat; background-size: cover; border:1px solid #D9DADE}

/********** department ***********/
.medicalBtn{border:1px solid #eeeef0; transition: ease-in-out 0.3s; cursor: pointer;}
.medicalBtn.active{border:1px solid #623a31; background:#623a31; color:#fefefe}
.departmentCntTop{border-bottom:1px solid #DCC5AC}
.departmentList > div.hide{display:none}
.docDetailBox{cursor: pointer;}
.docDetailCntBtn:after{border:1px solid #f7f8f8; content:''; display:block; width:12px; height:12px; position:absolute; left:50%; top:45%; transform:translate(-50%, -50%) rotate(45deg); border-width:0 1px 1px 0; transition: ease-in-out 0.3s;}
.docDetailBox.active .docDetailCntBtn:after{transform:translate(-50%, -20%) rotate(-135deg);}
.docInfoDetail{height:0; overflow-y:hidden; transition: height ease-in-out 0.3s;}


/********** schedule ***********/
.scheduleBtn{border:1px solid #eeeef0; transition: ease-in-out 0.3s; cursor: pointer;}
.scheduleBtn.active{border:1px solid #623a31; background:#623a31; color:#fefefe}
.scheduleList > div.hide{display:none}
.co_rest{color:#E93939}
.co_scope{color:#aa724b}

/********** outpatient_info ***********/
.outpatientTit{align-self: stretch; background:#C8A27C; border:8px solid #DCC5AC}
.outpatientCnt{width:calc(100% - 184px)}
.outpatientBorder{border-right:2px dashed #DCC5AC}

/********** medical_exam_info ***********/
.medicalHospitalLogo{width:calc(33.33333% - 16px);align-self: stretch; border:1px solid #d9dade}
.medicalProccessCnt{align-self: stretch;}

/********** health_exam_intro ***********/
.healthBenefit{background:url('/img/healthcareInfoBg.jpg')center center no-repeat; background-size:cover}
.healthBenefitBox{width:calc(50% - 12px); align-self: stretch;}
.healthDoctorLink{width:fit-content}
.healthCenterNormal > div{border-right:1px solid #DCC5AC}
.healthCenterNormal > div:nth-last-child(1){border-right:0}
.healthExamLink{width:fit-content}

/********** health_exam_hansarang ***********/
.healthExamLink{width:fit-content}
.hansarangExamCnt{align-self: stretch; border:1px solid #EEEEF0}
.health_exam_hansarang img{align-self: stretch;}

.healthBtn{border:1px solid #eeeef0; transition: ease-in-out 0.3s; cursor: pointer;}
.healthBtn.active{border:1px solid #623a31; background:#623a31; color:#fefefe}
.healthList > div.hide{display:none}

.healthDetailInfo{border:1px solid #F6F0E9; border-top:2px solid #B78358}
.inrtoduceTable td,
.inrtoduceTable th{border-top:1px solid #B8BAC1; border-bottom:1px solid #B8BAC1;}
.inrtoduceTable td {border-left:1px solid #B8BAC1;}


/********** health_exam_caution ***********/
.healthWarring{box-shadow:0 0 8px #ede2d4}
.healthWaringHr{border-top:1px dashed #d9dade}
.healthReservationBtn{border-top:1px solid #dcc5ac}
.endoscopySub{background:url('/img/endoscopyInfoBg1.jpg')center center; background-size:cover}
.endoscopySub2{background:url('/img/endoscopyInfoBg2.jpg')center center; background-size:cover}
.endoscopySub3{background:url('/img/endoscopyInfoBg3.jpg')center center; background-size:cover}
.endoscopySubP:after{content:''; display:block; width:1px; height:64px; background:linear-gradient(to bottom,rgba(200, 162, 124, 0) , rgba(200, 162, 124, 1) );margin:40px 0}

/********** endoscopy_room_intro ***********/
.endoscopyWhyCntBox{border:1px solid #EDE2D4; border-top:1px solid #B78358; }

/********** endoscopy_equipement ***********/
.endoscopyCnt{width:calc(50% - 20px)}
.endoscopyCnt hr{border:2px solid #222}

/********** endoscopy_procedure ***********/
.endoscopy_procedure .endoscopyWhyCntBox{align-self: stretch;}

/********** nursing_service ***********/
.nusingSubBanner{background:url('/img/nursingcareInfoBg.jpg')center center; background-size:cover}


/********** clinic ***********/
.clinic{background:url('/img/clinicBg.jpg')center center no-repeat; background-size:cover}
.clinicCntBox{background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); bottom:-250px; left:0}

.clinic hr{border:2px solid #222}

/********** floor_info ***********/
.floorDetailBtn{border:1px solid #eeeef0; transition: ease-in-out 0.3s; cursor: pointer;}
.floorDetailBtn.active{border:1px solid #623a31; background:#623a31; color:#fefefe}
.floorImg > img.hide{display:none}

/********** faclilty ***********/
.facilityTbl tr td{border:1px solid #ede2d4;border-left:0}
.facilityTbl tr td:nth-last-child(1){border-right:0}

/********** treatment_time ***********/
.treatmentLink{width:fit-content}

/********** representative ***********/
.representativeBox{border-top:2px solid #DCC5AC}
.representativeCnt{width:calc(33.333333% - 16px)}

/********** non_insurance_info ***********/
.payBtn{border:1px solid #eeeef0; transition: ease-in-out 0.3s; cursor: pointer;}
.payBtn.active{border:1px solid #623a31; background:#623a31; color:#fefefe}
.payCnt.hide{display:none}


/********** non_insurance_info ***********/
.certificateBtn{border:1px solid #eeeef0; transition: ease-in-out 0.3s; cursor: pointer;}
.certificateBtn.active{border:1px solid #623a31; background:#623a31; color:#fefefe}
.certificateCnt.hide{display:none}

/********** admission_guide ***********/
.vrViewBox{gap:64px}


/********** login ***********/
.login {background:url('/img/mainBanner-001.jpg')center center no-repeat; background-size:cover}

/********** slide ***********/
.slide{left:0;top:0;}

/********** Curriculum ***********/
.CurriculumTable {border-top:1px solid #A2C1EE;}
.CurriculumTable td{border-top:1px solid #E0E9F9; border-left:1px solid #E0E9F9;}
.CurriculumTableB th{border-bottom:1px solid #E0E9F9;}
/********** board ***********/
/** write 

.writeInput, select{border:1px solid #E3E3E6}
select{background:url('https://stunningw.com/img/arrow.svg') no-repeat #f7f8f8 !important; background-position: 94% center !important;background-size:12px 12px!important;}
.uploadImgBtn{cursor: pointer;}
.gallTit{overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.paginationList a{margin:0 12px}
.paginationList a.active{background:#EEEEF0}
**/
/** view 

.viewAnother a{border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE}
#nextList{border-top:0}
.viewContent img{max-width: 100%;}
.thumbnail{background-size:cover; background-position: center;}
.truncate{overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
**/
/** list
.listBtn{width:fit-content}
 **/

/************* openList ***************/
.openTable {border-top:2px solid #26272B; border-bottom:2px solid #26272B;}
.openTable td {border-top:1px solid #D9DADE;}
.openpagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.openpagination a,
.openpagination span {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
}

.openpagination a:hover {
  background-color: #f0f0f0;
  color: #0ea14e;
  transform: translateY(-1px);
}

.openpagination .current {
  background-color: #0ea14e;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(14, 161, 78, 0.25);
}

.openpagination .page-btn {
  font-weight: 600;
  color: #777;
}

.openpagination .page-btn:hover {
  background-color: #e8f5ec;
  color: #0ea14e;
}



/***********************
** opentView
***********************/
.openMainTxt img{ width:100%; }
.openMainTxt > *:not(:first-child) img{ margin-top:48px; }
.openBtnLine {border:1px solid #D9DADE;}
.openTop {border-bottom:2px solid #26272B;}
.openNav {border-top: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE;}
.openNav > .openLine {border: 0;}
.openNav > .openLine + .openLine {border-top: 1px solid #D9DADE;}


/************* noticeList ***************/
.noticeTable {border-top:2px solid #26272B; border-bottom:2px solid #26272B;}
.noticeTable td {border-top:1px solid #D9DADE;}

/***********************
** noticetView
***********************/
.noticeMainTxt img{ width:100%; }
.noticeMainTxt > *:not(:first-child) img{ margin-top:48px; }
.noticeBtnLine {border:1px solid #D9DADE;}
.noticeTop {border-bottom:2px solid #26272B;}
.noticeNav {border-top: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE;}
.noticeNav > .noticeLine {border: 0;}
.noticeNav > .noticeLine + .noticeLine {border-top: 1px solid #D9DADE;}

/************* mealList ***************/
.mealTable {border-top:2px solid #26272B; border-bottom:2px solid #26272B;}
.mealTable td {border-top:1px solid #D9DADE;}
.mealpagination a {
  color: #555;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s;
}
.mealpagination a:hover {
  background: #f0f0f0;
}
.mealpagination .current {
  background: #0ea14e;
  color: #fff;
  font-weight: 700;
  border-radius: 6px;
  padding: 6px 10px;
}


/***********************
** mealtView
***********************/
.mealMainTxt img{ width:100%; }
.mealMainTxt > *:not(:first-child) img{ margin-top:48px; }
.mealBtnLine {border:1px solid #D9DADE;}
.mealTop {border-bottom:2px solid #26272B;}
.mealNav {border-top: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE;}
.mealNav > .mealLine {border: 0;}
.mealNav > .mealLine + .mealLine {border-top: 1px solid #D9DADE;}

/************* eduList ***************/
.eduTable { border-top:2px solid #26272B; border-bottom:2px solid #26272B; }
.eduTable td { border-top:1px solid #D9DADE; }
.eduList .card a { display:block; text-decoration:none; color:inherit; }
.eduList .title { word-break: keep-all; }
.eduList .eduGrid {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px;row-gap: 56px; }
@media (min-width: 768px) and (max-width: 1199.98px) {.eduList .eduGrid {grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 24px;}}
@media (max-width: 767.98px) {.eduList .eduGrid {grid-template-columns: repeat(2, 1fr); column-gap: 16px; row-gap: 16px; } }
.eduList .thumbWrap {position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #f5f5f5;}
.eduList .thumbWrap img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease;}
.eduList .thumbWrap:hover img {transform: scale(1.05);}


/***********************
** edutView
***********************/
.eduMainTxt img{ width:100%; }
.eduMainTxt > *:not(:first-child) img{ margin-top:48px; }
.eduBtnLine {border:1px solid #D9DADE;}
.eduTop {border-bottom:2px solid #26272B;}
.eduNav {border-top: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE;}
.eduNav > .eduLine {border: 0;}
.eduNav > .eduLine + .eduLine {border-top: 1px solid #D9DADE;}
/* 첨부파일 영역 */
.eduAttach .attachList { list-style: none; margin: 0; padding: 0; }
.eduAttach .attachItem { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #E6E7EB; border-radius: 8px; }
.eduAttach .attachItem + .attachItem { margin-top: 8px; }
.eduAttach .attachIcon { width: 22px; height: 22px; flex: 0 0 22px; }
.eduAttach .attachLink { font-weight: 600; text-decoration: none; color: #2B2D36; }
.eduAttach .attachLink:hover { text-decoration: underline; }
.eduAttach .attachSize { margin-left: auto; color: #7A7F87; font-size: 0.92em; }


/************* expList ***************/
.expTable { border-top:2px solid #26272B; border-bottom:2px solid #26272B; }
.expTable td { border-top:1px solid #D9DADE; }
.expList .card a { display:block; text-decoration:none; color:inherit; }
.expList .title { word-break: keep-all; }
.expList .date { color:#7b7f86; }
.expList .expGrid {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 56px; }
@media (min-width: 768px) and (max-width: 1199.98px) {.expList .expGrid {grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 24px; } }
@media (max-width: 767.98px) {.expList .expGrid {grid-template-columns: repeat(2, 1fr); column-gap: 16px; row-gap: 16px;}}
.expList .thumbWrap {position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #f5f5f5;}
.expList .thumbWrap img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease;}
.expList .thumbWrap:hover img {transform: scale(1.05);}
/* pagination */
.pager, .pager .pg-list { display: flex; align-items: center; justify-content: center; }

.pager .pg-btn,
.pager .pg-num,
.pager .pg-list a,
.pager .pg-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px; height: 36px;
  padding: 0 10px;
  border-radius: 4px;
  color: #111; background: transparent; border: 1px solid transparent;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .05s ease;
  text-decoration: none;
}

.pager .pg-num.current {background: #f0f1f4; border-color: #f0f1f4;}

.pager .pg-btn:hover,
.pager .pg-num:hover {
  background: #f6f7f9;
}

.pager .pg-btn.disabled,
.pager .pg-btn.disabled:hover {
  color: #b8bcc4; background: transparent; border-color: transparent;
  cursor: default; pointer-events: none;
}

.pager .pg-list {margin: 0 6px; }

/* 모바일 간격 축소 */
@media (max-width: 640px) {
  .pager .pg-list { gap: 8px; }
  .pager .pg-btn, .pager .pg-num { min-width: 32px; height: 32px; border-radius: 7px; font-size: 13px; }
}
/* 현재 스타일 유지용 - 이미 있으시면 건너뜀 */
.pager .pg-num.current {
  background: #f0f1f4;
  color: #111;
  font-weight: 600;
  border-color: #f0f1f4;
}

/* 모바일(≤640px)에서는 현재/양옆 1개만 보이도록 */
@media (max-width: 640px) {
  .pager .pg-list .pg-num.edge-left,
  .pager .pg-list .pg-num.edge-right {
    display: none !important;
  }

  /* 모바일 간격도 살짝 줄임(선택) */
  .pager .pg-list { gap: 8px; }
  .pager .pg-btn, .pager .pg-num { min-width: 32px; height: 32px; border-radius: 7px; font-size: 13px; }
}



/***********************
** exptView
***********************/
.expMainTxt img{ width:100%; }
.expMainTxt > *:not(:first-child) img{ margin-top:48px; }
.expBtnLine {border:1px solid #D9DADE;}
.expTop {border-bottom:2px solid #26272B;}
.expNav {border-top: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE;}
.expNav > .expLine {border: 0;}
.expNav > .expLine + .expLine {border-top: 1px solid #D9DADE;}


/********** 
** intro
***********/
.clinic{background:url('/img/schoolInfoBg.jpg')center center no-repeat; background-size:cover}
.clinicCntBox{background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); bottom:-250px; left:0}
.clinic hr{border:2px solid #222}
.intro2Bg {background-image:url('/img/ciBg.jpg'); background-position:center; background-size:cover; border:1px solid #91949F;}
.intro3Bg {border:1px solid #91949F;}


.medicalProccessCnt {box-shadow:0 0 8px #D9DADE;}