@charset "utf-8";


/*공통*/
p{font-weight:400}
.com_warp{padding:120px 0}

.color_wh{color:#fff !important}
.color_po1{color:#229BA8 !important}
.color_po2{}

.bold{font-weight:600 !important}
.bold_700{font-weight:700 !important}
.bold_900{font-weight:900 !important}

.con_tit {
    text-align: center;
    padding-bottom: 50px;
}
.con_tit .con_tit_eng {
    font-size: 1.3em;
    font-weight: 400;
    color: #229BA8;
    letter-spacing: 5px;
    padding-bottom: 15px;
}
.con_tit h3{font-size: 3.9em; font-weight: 700;word-break: keep-all;}
.con_tit p{font-size:1.7em; padding-top: 12px;word-break: keep-all;}

.img_pc{display:block}
.img_mo{display:none}

@media (max-width:968px) {
	.com_warp{padding:80px 0}
	.con_tit{font-size:0.8em; padding-bottom: 20px;}
	.con_tit h3{font-size: 3.5em;}
	
	.img_pc{display:none}
	.img_mo{display:block}	
}

@media (max-width:520px) {
	.con_tit{font-size:0.7em;}
}

/*공통*/


/*의료진소개*/
.drArea{}
.dr_infoBox {
    max-width: 1200px;
    margin: 0 auto;
}
.dr_infoBox .dr_info{display:flex; gap:60px; flex-wrap: wrap; padding: 50px 0px;}
.dr_infoBox .dr_info .dr_info_img{width:calc(45% - 30px); text-align:center;}
.dr_infoBox .dr_info .dr_info_img img{width:100%; max-width:579px}
.dr_infoBox .dr_info .dr_info_txt{width:calc(55% - 30px); padding-top: 50px;}
.dr_infoBox .dr_info .dr_info_txt h5{font-size: 3em;  padding-bottom: 30px;}
.dr_infoBox .dr_info .dr_info_txt h5 span{    
	font-size: 0.65em;
	font-weight: 300;
	vertical-align: middle;
}
.dr_infoBox .dr_info .dr_info_txt ul{padding-left: 15px;}
.dr_infoBox .dr_info .dr_info_txt ul li {
    font-size: 1.4em;
    list-style: disc;
    padding: 3px 0;
}
.dr_infoBox .dr_info .dr_info_txt ul li::marker {
  font-size:0.5em; /* 마커 크기 조정 */
}
@media (max-width:986px) {
	.dr_infoBox .dr_info .dr_info_txt{font-size:0.9em}	
}
@media (max-width:869px) {
	.dr_infoBox .dr_info .dr_info_img{width:100%;}
	.dr_infoBox .dr_info .dr_info_txt{width:100%;}
	.dr_infoBox .dr_info .dr_info_txt h5{text-align:center}
}
@media (max-width:520px) {
	.dr_infoBox .dr_info .dr_info_txt h5 {font-size: 2.8em;}
	.dr_infoBox .dr_info .dr_info_txt{ font-size: 0.8em;}
}
/*의료진소개*/



/*사랑니매복*/
.wisArea{
	background: url(../img/wis_bg_pc.png) center no-repeat;
    background-size: cover;		
	padding: 100px 0;
}
.wisBg{color: #fff;}
.wisBg h6 {
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 5px;
    padding-bottom: 30px;
    color: #dffcff;
}
.wisBg h3{
    font-size: 2.5em;
    padding-bottom: 30px;
    word-break: keep-all;	
}
.wisBg p {
    font-size: 1.5em;
    line-height: 1.4;
    word-break: keep-all;
    font-weight: 200;
}
.wis_br_mo{display:none}

@media (max-width:986px) {
	.wisArea {
		background: url(../img/wis_bg_mo.png) center no-repeat;
		background-size: cover;
		padding: 80px 0;
	}	
	.wisBg{font-size:0.9em}
	.wisBg h6{padding-bottom:15px}
	.wisBg h3{padding-bottom:15px}
	.wis_br_mo{display:block}
}

@media (max-width:520px) {
	.wisBg{font-size:0.8em}
}
/*사랑니매복*/



/*ceo*/
.ceoArea{
	background: url(../img/ceo_bg.jpg) center no-repeat;
    background-size: cover;	
}
.ceo_infoBox{display:flex; gap:60px; flex-wrap: wrap;  align-items: center;}
.ceo_infoBox .ceo_txt{width:calc(50% - 30px)}
.ceo_infoBox .ceo_txt .com_txtBox{}
.ceo_infoBox .ceo_txt .com_txtBox h5 {
    font-size: 1.7em;
    color: #229BA8;
    font-weight: 600;
    padding-bottom: 10px;
}
.ceo_infoBox .ceo_txt .com_txtBox h3.com_tit{font-size: 2.5em; padding-bottom: 40px;word-break: keep-all;}
.ceo_infoBox .ceo_txt .com_txtBox p {
    font-size: 1.5em;
	line-height:1.3;
	word-break: keep-all;
}
.ceo_infoBox .ceo_img{width:calc(50% - 30px); text-align: center;}
.ceo_infoBox .ceo_img img{width:100%; max-width:767px}
.ceo_infoBox .ceo_txt .com_txtBox h3.com_tit br.mo_br{display:none}

@media (max-width:986px) {
    .ceoArea {
        background: url(../img/ceo_bg_mo.jpg) no-repeat;
        background-size: contain;
    }
	.ceo_infoBox .ceo_txt{width:100%; font-size:0.9em}
	.ceo_infoBox .ceo_txt .com_txtBox {
		text-align: center;
	}	
	.ceo_infoBox .ceo_img{width:100%}
	
}

@media (max-width:520px) {
	.ceo_infoBox .ceo_txt{font-size:0.8em}
	.ceo_infoBox .ceo_txt .com_txtBox h3.com_tit br{display:none}
	.ceo_infoBox .ceo_txt .com_txtBox h3.com_tit br.mo_br{display:block}
}
/*ceo*/



/*특별함*/
.specialArea{}
.sp_infoBox{}
.sp_infoBox .sp_info{display:flex; gap:80px; flex-wrap: wrap;  align-items: center; padding: 40px 0;}
.sp_infoBox .sp_info.row_rev{flex-direction: row-reverse;}
.sp_infoBox .sp_info .sp_info_img{width:calc(50% - 40px);  height: 450px;}
.sp_infoBox .sp_info .sp_bg1{
	background: url(../img/sp_bg1.png) center no-repeat;
    background-size: cover;		
}
.sp_infoBox .sp_info .sp_bg2{
	background: url(../img/sp_bg2.png) center no-repeat;
    background-size: cover;		
}
.sp_infoBox .sp_info .sp_bg3{
	background: url(../img/sp_bg3.png) center no-repeat;
    background-size: cover;		
}
.sp_infoBox .sp_info .sp_bg4{
	background: url(../img/sp_bg4.png) center no-repeat;
    background-size: cover;		
}
.sp_infoBox .sp_info_txt{width:calc(50% - 40px); padding: 20px 40px;}
.sp_infoBox .sp_info_txt .sp_No {
    font-size: 1.5em;
    color: #229BA8;
    padding-bottom: 30px;
}
.sp_infoBox .sp_info_txt h4 {
    font-size: 2.5em;
    padding-bottom: 30px;
	margin-bottom: 30px;
    position: relative;
	word-break: keep-all;
}
.sp_infoBox .sp_info_txt h4::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 4px;
    background: #229BA8;
    bottom: 0;
    left: 0;
}
.sp_infoBox .sp_info_txt p{font-size: 1.5em; line-height:1.3;word-break: keep-all;}

@media (max-width:986px) {
	.sp_infoBox .sp_info .sp_info_img{width:100%;}
	.sp_infoBox .sp_info_txt{width:100%; font-size:0.9em; padding: 0px 40px; text-align: center;}
	.sp_infoBox .sp_info_txt h4::after{left:50%; transform:translateX(-50%);}
}
@media (max-width:640px) {
	.sp_infoBox .sp_info{gap: 50px;}
	.sp_infoBox .sp_info_txt{padding:0}
	.sp_infoBox .sp_info .sp_info_img{height: 250px;}
}
@media (max-width:520px) {
	    .sp_infoBox .sp_info_txt {        font-size: 0.8em;}
}
/*특별함*/



/*첨단의료시스템*/
.proArea{ width:100%; padding:150px 0px;}
.proArea .pro_infoBox ul {
    margin-top: 30px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
}
.proArea .pro_infoBox ul li {
    width: calc(33% - 17px);
    text-align: center;
	position:relative;
}
.proArea .pro_infoBox ul li .pro_img img{width:100%; max-width: 265px;}

.pro_txt{padding:20px 10px 50px}
.pro_txt h5{
	font-size: 1.8em;
    padding-bottom: 20px;
    margin-bottom: 20px;
	position:relative;	
	word-break: keep-all;
}
.pro_txt h5::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 4px;
    background: #229BA8;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.pro_txt p{
    font-size: 1.4em;
    line-height: 1.3;	
	word-break: keep-all;
}
.pro_bg {
    background: url(../img/pro_bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 449px;
    z-index: -1;
    background-position: bottom;
}

@media screen and (max-width: 1024px) {
    .proArea .pro_infoBox ul li { width: calc(50% - 15px);}
}
@media screen and (max-width: 960px) {
	  .proArea .pro_infoBox ul{gap: 30px 10px;}
	  .proArea .pro_infoBox ul li { width: calc(50% - 5px);}
	  .pro_txt{font-size:0.9em}
}
@media screen and (max-width: 680px) {
	  .pro_txt{font-size:0.8em}
	  .pro_txt p br{display:none}
	  .pro_bg{height: 349px;}
}
@media screen and (max-width: 560px) {
    .pro_txt { font-size: 0.7em; padding: 20px 5px 50px; }	
}
/*첨단의료시스템*/



/*진료프로그램*/
.ep_infoArea{background: #F6F6F6;}
.ep_infoArea .inner{position:relative;}
.indicaotr{}
.indicaotr .ep_sdBtn{display:inline-block; width:60px; height:60px; font-size:0; position:absolute;	top: 35px; cursor: pointer;}
.indicaotr .prevArrow{
	background: url(../img/arrow_left.png) center no-repeat;
    background-size: cover;	
	left:15px;
}
.indicaotr .nextArrow{
	background: url(../img/arrow_right.png) center no-repeat;
    background-size: cover;	
	right:15px;
}

.ep_infoArea .slider {
    padding: 50px 0;
    margin: 0 auto;
}
.ep_infoArea .slick-list{ padding-top: 15px !important; padding-bottom: 15px !important;}

.ep_infoArea .slick-slide {padding:0 15px}

.ep_infoArea .slick-slide img {
  width: 100%;
}

.ep_infoArea .slick-prev:before,
.ep_infoArea .slick-next:before {
  color: black;
}


.ep_infoArea .slick-slide {
  transition: all ease-in-out .3s;
}

.ep_infoArea .slick-active {}

.ep_infoArea .slick-current {
  opacity: 1;
}

.ep_info{
	background: #fff;
    border-radius: 15px;
    text-align: center;
    max-width: 330px;
    margin: 0 auto;
    box-shadow: 0px 0px 24px #95959540;
	min-height: 500px;
}
.ep_info .ep_img img{max-width:330px; width:100%; border-radius: 15px 15px 0 0;}
.ep_info .ep_txt{text-align:center; padding:15px 12px 0}
.ep_info .ep_txt h5{font-size:1.8em;word-break: keep-all;}
.ep_info .ep_txt p{
    font-size: 1.35em;
    padding-top: 10px;
    font-weight: 300;
    line-height: 1.3;	
	word-break: keep-all;
}

@media screen and (max-width: 960px) {
	.ep_infoArea .slick-slide {padding:0 10px}
	.ep_info{font-size:0.85em; min-height: 430px;}
	.ep_info .ep_txt p br{display:none}
	
	.indicaotr .ep_sdBtn{ width: 40px; height: 40px;}
}
/*진료프로그램*/




/*둘러보기*/
.fac_infoArea .inner{position:relative;}
.fac_infoArea .slider {
    margin: 0 auto;
}
.fac_infoArea .slick-list{ padding-top: 15px !important; padding-bottom: 15px !important;}

.fac_infoArea .slick-slide {padding:0 15px}

.fac_infoArea .slick-slide img {
  width: 100%;
}
.fac_img img.img_pc{display:block !important;}
.fac_img img.img_mo{display:none !important;}

.fac_infoArea .slick-prev:before,
.fac_infoArea .slick-next:before {
  color: black;
}


.fac_infoArea .slick-slide {
  transition: all ease-in-out .3s;
}

.fac_infoArea .slick-active {}

.fac_infoArea .slick-current {
  opacity: 1;
}

.fac_sd_info{position:relative;}
.fac_sdBtnArea{}
.fac_sdBtnArea .fac_sdBtn{display:inline-block; width:60px; height:60px; font-size:0; position:absolute;	top:50%; transform:translateY(-50%); cursor: pointer;}
.fac_sdBtnArea .sd_prev{
	background: url(../img/arrow_left.png) center no-repeat;
    background-size: cover;	
	left:5%;
}
.fac_sdBtnArea .sd_next{
	background: url(../img/arrow_right.png) center no-repeat;
    background-size: cover;	
	right:5%;
}

@media (max-width:968px) {
	.fac_sdBtnArea .fac_sdBtn{width: 40px; height: 40px;}
}
@media screen and (max-width: 460px) {
	.fac_img img.img_pc{display:none !important;}
	.fac_img img.img_mo{display:block !important;}
	.fac_infoArea .slick-slide{    padding: 0 10px;}
}
/*둘러보기*/



/*오시는길*/
.mapArea{padding:80px 0}
.mapBox{display:flex; gap:50px; flex-wrap: wrap;}
.mapBox .map_kakaoBox{width:calc(50% - 25px)}
.root_daum_roughmap.map_kakao{width:100%;}
.root_daum_roughmap.map_kakao .wrap_map{width:100%; height:500px;}
.root_daum_roughmap.map_kakao .wrap_controllers{display:none}
.root_daum_roughmap.map_kakao .cont{display:none}
.mapBox .map_infoBox{width:calc(50% - 25px)}
.mapBox .map_infoBox .map_titBox {
    color: #229BA8;
    font-size: 2.5em;
    font-weight: 700;
}
.mapBox .map_infoBox .map_info {
    display: flex;
    gap: 40px;
    margin: 20px 0;
    padding: 20px 0;
	flex-wrap: wrap;
}
.map_border{border-bottom: 1px solid #BEBEBE;}
.mapBox .map_infoBox .map_info .map_in_tit {
    width: calc(30% - 20px);
    position: relative;
    font-size: 1.65em;
    font-weight: 600;
    padding-left: 45px;
}
.mapBox .map_infoBox .map_info .map_tit1:after{
    content: '';
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    background: url(../img/icon_clock.png) center no-repeat;
    background-size: cover;	
    top: 0;
    left: 0;	
}
.mapBox .map_infoBox .map_info .map_tit2:after{
    content: '';
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    background: url(../img/icon_location.png) center no-repeat;
    background-size: cover;	
    top: 0;
    left: 0;	
}
.mapBox .map_infoBox .map_info .map_tit3:after{
    content: '';
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    background: url(../img/icon_tell.png) center no-repeat;
    background-size: cover;	
    top: 0;
    left: 0;	
}
.mapBox .map_infoBox .map_info .map_txtBox{width:calc(70% - 20px)}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt{}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_time{}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_time dl:first-child{padding-top:0}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_time dl {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5px 7px;    
}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_time dl.map_time_po{background:#229BA8; color:#fff; border-radius: 3px;}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_time dl dt {
    width: calc(40% - 10px);
    font-size: 1.45em;
}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_time dl dd {
    width: calc(60% - 10px);
    font-size: 1.45em;
    text-align: right;
}
.map_time_po2{font-size: 1.35em; padding:15px 0 25px}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_txt{}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_txt p{font-size: 1.45em; line-height: 1.6;}

.map_telBox{align-items: center;}
.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_tel{font-size: 4em; color: #229BA8; font-weight:700}



@media (max-width:1050px) {
	.mapBox .map_kakaoBox{width:100%;}
	.root_daum_roughmap.map_kakao .wrap_map{ height: 400px;}
	.mapBox .map_infoBox{width:100%;}
}

@media (max-width:986px) {
	.mapBox .map_infoBox{font-size:0.9em}
}

@media (max-width:658px) {
	.mapBox .map_infoBox .map_info{gap: 20px;}
	.mapBox .map_infoBox .map_info .map_in_tit{width:100%;padding-left: 30px;}
	.root_daum_roughmap.map_kakao .wrap_map{ height: 300px;}
	.mapBox .map_infoBox .map_info .map_txtBox{width:100%;}
	.mapBox .map_infoBox .map_info .map_txtBox .map_in_txt .map_tel{    font-size: 3em;}
	
}
/*오시는길*/



/*문의하기*/
.csArea{background: #229BA8;}
/*문의하기*/



/*모달{*/
.modal-btn-box{
  width:100%;
  text-align:center;
}
.modal-btn-box button{
  display:inline-block;
  width:150px;
  height:50px;
  background-color:#ffffff;
  border:1px solid #e1e1e1;
  cursor:pointer;
  padding-top:8px;
}
.popup-wrap {
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding: 15px;
    z-index: 99;
}
.popup{
  width: 91%;
  max-width:1000px;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  background-color:#264db5;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:20px;
}

.body-contentbox{
  word-break:break-word;
  height: 80vh;
  overflow-y: scroll;
}
.body-contentbox img{width: 100%;}
.popup-foot{
  width:100%;
  height:50px;
}
.pop-btn{
  display:inline-flex;
  width:100%;
  height:100%;
  float:left;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn.confirm{
  border-right:1px solid #3b5fbf;
}

@media (max-width:520px) {
	.body-contentbox{ height: 50vh;}
}
/*}모달*/



/*퀵버튼*/
.quicks {
    position: fixed;
    background: #fff;
    letter-spacing: 0.5px;
    z-index: 50;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 8px #41414142;
    border-radius: 50px;
    padding: 15px 8px;
}
.quicks ul{}
.quicks ul li {
    text-align: center;
    border-bottom: 1px solid #ccc;    
}
.quicks ul li:nth-child(3), .quicks ul li:last-child{border-bottom:0}


.quicks ul li a {
    padding: 12px 2px;
    display: inline-block;
}
.quicks ul li a img {
    width: 100%;
    max-width: 42px;
}
.quicks ul li:last-child a img{ max-width: 50px;}
.quicks ul li a p {
    font-size: 1em;
    padding: 7px 0 0;
}

@media (max-width:680px) {
	.quicks{padding: 7px 5px;  right: 10px;}
	.quicks ul li a {padding: 10px 2px;}
	.quicks ul li a img {
		max-width: 25px;
	}	
	.quicks ul li:last-child a img {
		max-width: 35px;
	}	
	.quicks ul li a p {font-size: 0.8em;}
}
/*퀵버튼*/