@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;}
.headerSub > div:hover{background:#F8F4EE}
.headerSub > div:hover a, .headerSub > div:hover p{color:#905a3e}

.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:#b78358;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/mainBannerImg1.jpg')center center no-repeat; background-size: cover;}
.mainSlider2{background:url('/img/mainBannerImg2.jpg')center center no-repeat; background-size: cover;}
.mainSlider3{background:url('/img/mainBannerImg3.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}

/********** mainDoctor ***********/
.mainDoctor{background:url('/img/mainMedicalTeamBg.jpg')top center no-repeat; background-size:100% 650px}
.mainDoctorLink{width:fit-content}

.mainDocSliderBox{right:0; top:200px; }
.doctorLink{width:fit-content; border:1px solid #d9dade}
.mainDoc .mainDocImgBox{line-height: 0;}
.mainDocBg1 .mainDocImgBox{background:url('/img/mainDoc1Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg2 .mainDocImgBox{background:url('/img/mainDoc2Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg3 .mainDocImgBox{background:url('/img/mainDoc2Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg4 .mainDocImgBox{background:url('/img/mainDoc2Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg5 .mainDocImgBox{background:url('/img/mainDoc2Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg6 .mainDocImgBox{background:url('/img/mainDoc2Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg7 .mainDocImgBox{background:url('/img/mainDoc1Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg8 .mainDocImgBox{background:url('/img/mainDoc1Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg9 .mainDocImgBox{background:url('/img/mainDoc2Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg10 .mainDocImgBox{background:url('/img/mainDoc3Bg.jpg')center bottom no-repeat; background-size:100% 80%}
.mainDocBg11 .mainDocImgBox{background:url('/img/mainDoc4Bg.jpg')center bottom no-repeat; background-size:100% 80%}

.mainDocCnt{box-shadow: -2px 4px 6px #f8f4ee; }
.mainDocPagination > div{transition: width ease-in-out 0.3s;}

.mainNewsBox p.wwP100{overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}

/********** mainDepartment ***********/
.mainDepartmentImg{background-size: cover !important;}
.mainDepartmentImg1{background:url('/img/mainClinicImg1.jpg')center center no-repeat; }
.mainDepartmentImg2{background:url('/img/mainClinicImg2.jpg')center center no-repeat; }
.mainDepartmentImg3{background:url('/img/mainClinicImg3.jpg')center center no-repeat; }
.mainDepartmentImg4{background:url('/img/mainClinicImg4.jpg')center center no-repeat; }
.mainDepartmentImg5{background:url('/img/mainClinicImg5.jpg')center center no-repeat; }
.mainDepartmentImg6{background:url('/img/mainClinicImg6.jpg')center center no-repeat; }
.mainDepartmentImg7{background:url('/img/mainClinicImg7.jpg')center center no-repeat; }
.mainDepartmentImg8{background:url('/img/mainClinicImg8.jpg')center center no-repeat; }

/********** 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 #c8a27c}
.yearDetail p{border-bottom:1px solid #ede2d4}

/********** location ***********/
.location .root_daum_roughmap{width:100% !important; height:480px !important}
.location .wrap_map{height:100% !important}
.locationBtn img{filter: invert(1);}

/********** 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 #EDE2D4}
.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}


/********** 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}


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

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


/********** 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}