@charset "UTF-8"; 

/*--------------------- 메인 공통 ---------------------*/
.h_title{position: relative; margin-bottom:4rem;}
.h_title h2,
.h_title span {font-family: 'Montserrat';font-weight:600;font-size:4rem; color:#242424;}
.h_title .point {color:var(--point-color);}
.h_title p{margin:2rem 0 0;line-height: 1.4; font-weight: 600;font-size: 2rem; color:#242424;} 
.h_title .mb{display:none;}
.h_title .allview .view_btn{position:relative; z-index:0; display: flex; gap:0.5rem; align-items: center;  justify-content: center; padding: 1.8rem 1rem; border: 1px solid #fff;  border-radius: 3rem; width: 100%;  max-width: 21rem; margin: 3rem auto; cursor: pointer;}
.h_title .allview .view_btn span{font-size:1.8rem;  font-weight: 500;}
.h_title .allview .view_btn .icon_move{width: 1.4rem;height: 1.4rem;background: url(../img/default/icon_move_arrow.svg) no-repeat center center / 2.2rem;}

.h_title .allview .blob-btn{position:relative;z-index:0;display: flex;align-items: center;justify-content: center;padding: 1.8rem 1rem;border: 1px solid #222;border-radius: 3rem;width: 100%;max-width: 21rem;margin: 3rem auto;color:#242424;transition: color 0.5s;cursor: pointer;font-size: 1.8rem;}
.h_title .allview .blob-btn .icon_move{width: 1.4rem;height: 1.4rem;background: url(../img/default/icon_move_arrow.svg) no-repeat center center / 2.2rem;margin-left: 1rem; transition: all 1s;}
.h_title .allview .blob-btn:after { content: "";  z-index: -2;  position: absolute;  left: 0;  top: 0; width: 100%; height: 100%; transition: all 0.3s 0.2s;  border-radius: 30px;}
.h_title .allview .blob-btn__inner { z-index:-1; overflow: hidden;  position: absolute;  left: 0; top: 0;  width: 100%;  height: 100%;  border-radius: 30px;}
.h_title .allview .blob-btn__blobs { position: relative; display: block;  height: 100%;  filter: url("#round");}
.h_title .allview .blob-btn__blob {position: absolute;  top: 2px;  width: 25%; height: 100%; background: var(--point-color); border-radius: 100%; transform: translate3d(0, 150%, 0) scale(1.7); transition: transform 0.45s;}
@supports (filter: url("#round")) {.h_title .allview .blob-btn__blob { transform: translate3d(0, 150%, 0) scale(1.4); }}
.h_title .allview .blob-btn__blob:nth-child(1) { left: 0%; transition-delay: 0s;}
.h_title .allview .blob-btn__blob:nth-child(2) { left: 30%; transition-delay: 0.08s;}
.h_title .allview .blob-btn__blob:nth-child(3) { left: 60%; transition-delay: 0.16s;}
.h_title .allview .blob-btn__blob:nth-child(4) { left: 90%; transition-delay: 0.24s;}

.m-container { overflow-x:hidden;}
.m_inwrap{width: 162rem;  max-width: 100%;  padding: 0 2rem;  margin:0 auto;  }
.verti{display:flex; gap:12rem;}

	@media screen and (min-width:1200px){
		.h_title .allview .blob-btn:hover {color: #FFFFFF;  border-radius: 30px;}
		.h_title .allview .blob-btn:hover:after { transition: all 0.3s;  left: 0;  top: 0;  border-radius: 30px;}
		.h_title .allview .blob-btn:hover .blob-btn__blob { transform: translateZ(0) scale(1.7);}
		.h_title .allview .blob-btn:hover .icon_move{filter: brightness(0) invert(1);}
		@supports (filter: url("#round")) {.h_title .allview .blob-btn:hover .blob-btn__blob { transform: translateZ(0) scale(1.4); }}
		.h_title .allview svg{display:none;}
	}
	
	@media screen and (max-width:1200px){
		.h_title{text-align:center;}
		.h_title h2, .h_title span{font-size:4.5rem;}
		.h_title .pc{display:none;}
		.h_title .mb{display:block;}
		.verti{flex-direction: column; gap:8rem;}
	}

	@media screen and (max-width:1024px){
		.md_n{display:none;}
		.h_title .allview .view_btn{max-width:14rem;}
	}


/*--------------------- 메인 비주얼 ---------------------*/
.m_vis{width:100%; height:42vw; }
.m_vis .vis_sld{width:100%; height:100%;}
.m_vis .vis_sld .vis_ty01{width:100%; height:100%; background:url(../img/main/main_vis01.jpg) no-repeat center center; background-size:cover;}
.m_vis .vis_sld .vis_ty02{width:100%; height:100%; background:url(../img/main/main_vis02_re.jpg) no-repeat center center; background-size:cover;}
.m_vis .vis_sld .vis_ty03{width:100%; height:100%; background:url(../img/main/main_vis03.jpg) no-repeat center center; background-size:cover;}
.m_vis .vis_sld .vis_ty04{width:100%; height:100%; background:url(../img/main/main_vis04_re.jpg) no-repeat center center; background-size:cover;}
.m_vis .vis_sld .vis_title{position: relative; overflow: hidden; display: flex;  flex-direction: column; align-items: center; justify-content: center; padding:0 1.5rem; width: 100%; height: 100%;}
.m_vis .vis_sld .vis_title > div{color:#fff; line-height:1.2; text-align:center; transform: translateY(100%); opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
.m_vis .vis_sld .vis_title .stxt{display:none; font-size:2.4rem; color:var(--point-color); font-weight:700; font-family:'SUIT'; letter-spacing: 1em; margin-bottom: 2.5rem;}
.m_vis .vis_sld .vis_title .rtit{font-size:6rem; font-weight:300;}
.m_vis .vis_sld .vis_title .btit{font-size:6rem; font-weight:600;}
.m_vis .vis_sld .vis_title .rtxt{font-size:1.8rem; margin-top:2rem;}
.m_vis .vis_sld .vis_title.active div {transition: transform 0.8s ease-out, opacity 0.8s ease-out; transform: translateY(0);opacity: 1;}
.m_vis .vis_sld .swiper-pagination{bottom:5rem;}
.m_vis .vis_sld .swiper-pagination-bullet{position: relative; width: 1rem; height: 1rem; background: rgba(255,255,255,0.8); margin: 0 1rem; overflow:hidden;}
.m_vis .vis_sld .swiper-pagination-bullet b{position: absolute;bottom: 0;left: 0;z-index: 2;width: 0%;height: 100%;background: #fff;border-radius: 1rem;}
.m_vis .vis_sld .swiper-pagination-bullet-active{ width: 10rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.2);}
.m_vis .vis_sld .swiper-pagination-bullet-active b{animation: countingBar 5s ease-in 1 alternate forwards;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
	
	@media screen and (min-width:1200px){
		.m_vis .vis_sld .swiper-pagination-bullet:hover{opacity: 1; background:var(--point-color);}
		.m_vis .vis_sld .swiper-pagination-bullet-active:hover{background: rgba(255, 255, 255, 0.2);}
	}
	
	@media screen and (max-width:1200px){
		.m_vis{height:75vw;}
		.m_vis .vis_sld .vis_title .stxt{display:block;}
		.m_vis .vis_sld .vis_title .rtit{font-size:5rem;}
		.m_vis .vis_sld .vis_title .btit{font-size:5rem;}		

		.m_vis .vis_sld .vis_ty02{width:100%; height:100%; background:url(../img/main/main_vis02_re_1200.jpg) no-repeat center center; background-size:cover;}
	}

	@media screen and (max-width:768px){
		.m_vis{height:70rem;}
		.m_vis .vis_sld .swiper-pagination { bottom: 5rem; width: 7rem; border-radius: 3rem; background: rgba(0, 0, 0, 0.2); padding: 1.2rem 1rem; color: #fff; left: auto; right: 2rem;}
		.m_vis .vis_sld .swiper-pagination span{color:#fff;}
		.m_vis .vis_sld .vis_title .rtit{font-size:4rem;}
		.m_vis .vis_sld .vis_title .btit{font-size:4rem;}		
		
	}

	@media screen and (max-width:420px){		
		.m_vis .vis_sld .vis_ty02{width:100%; height:100%; background:url(../img/main/main_vis02_rerere_768.jpg) no-repeat center center; background-size:cover;}
	}

/*--------------------- 진료과목 ---------------------*/
.m_treatment{position:relative;width:100%;height: 89rem; background:url(../img/main/mtreatment_bg.png) no-repeat center center;background-size:cover;padding:9.5rem 0;overflow: hidden;}
.m_treatment:before{content:'uva clinic';display:block;position:absolute;top: 30.5rem;left:0;font-family:'Montserrat';font-weight: 800;font-size:20rem;text-transform:uppercase;color: var(--point-color);opacity: 0.1;    animation: marquee_main 45s linear infinite; width: 124rem;}
@keyframes marquee_main {
    0% { left: 0; }
    100% { left: 100%; }
} 
.m_treatment .h_title{text-align:center;}
.m_treatment .treatment_loop_sld{padding:6rem 0;transition: animation 0.4s ease-in-out;display: flex;overflow:hidden;position: absolute;top: 34rem;left: 0;}
.m_treatment .treatment_loop_sld_wrap{display:flex;gap:3rem; animation: LoopSlide 60s linear infinite;}
.m_treatment .treatment_loop_sld_wrap + .treatment_loop_sld_wrap{margin-left:3rem;}
.m_treatment .treatment_sld_item{position: relative; background:#fff; top: 0; width: 28rem;  height: 30rem;  border: 1px solid var(--point-color);  border-radius: 2rem;  transition: all .3s;}
.m_treatment .first .treatment_sld_item:nth-child(odd){margin-top:5rem;}
.m_treatment .second .treatment_sld_item:nth-child(odd){margin-top:5rem;}
.m_treatment .treatment_sld_item:after{content:''; display:block;  position: absolute; top: 0; left: 0; border-radius: 2rem; width:100%; height:100%; background:rgba(0,0,0,0);transition: background 0.3s;}
.m_treatment .treatment_sld_item a{display: flex; flex-direction: column; width: 100%;  height: 100%;  align-items: center;  justify-content: center; gap: 2rem;}
.m_treatment .treatment_sld_item .icon { width: 10rem; height: 10rem;}
.m_treatment .treatment_sld_item.breast .icon {background:url(../img/default/icon_breast_g.png) no-repeat center center;}
.m_treatment .treatment_sld_item.thyroid .icon {background:url(../img/default/icon_thyroid_g.png) no-repeat center center;}
.m_treatment .treatment_sld_item.plastic .icon {background:url(../img/default/icon_plastic_g.png) no-repeat center center;}
.m_treatment .treatment_sld_item.gl .icon {background:url(../img/default/icon_endoscope_g.png) no-repeat center center;}
.m_treatment .treatment_sld_item.internal .icon {background:url(../img/default/icon_medicine_g.png) no-repeat center center / 7rem;}
.m_treatment .treatment_sld_item.health .icon {background:url(../img/default/icon_task_g.png) no-repeat center center / 7rem;}
.m_treatment .treatment_sld_item .tx_title {font-size: 2.3rem;  font-weight: 800;}
.m_treatment .treatment_sld_item a p{ font-size: 1.8rem;}
.m_treatment .treatment_sld_item .add{opacity:0;width:1rem;height:1rem;background: var(--point-color);border-radius: 3rem;transition: all 0.3s;position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;}
.m_treatment .mb_treatment_list{display:none;}

@keyframes LoopSlide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

	@media screen and (min-width:1200px){
		.m_treatment .treatment_loop_sld:hover .treatment_loop_sld_wrap { animation-play-state: paused;}
		.m_treatment .treatment_sld_item:hover{height: 37rem;  position: relative;  top: -3rem;}
		.m_treatment .treatment_sld_item:hover:after{background:rgba(0,0,0,0.4);}
		.m_treatment .treatment_sld_item.breast:hover{background:url(../img/main/breast_bg_re.png) no-repeat center center;}
		.m_treatment .treatment_sld_item.thyroid:hover{background:url(../img/main/thyroid_bg.png) no-repeat center center;}
		.m_treatment .treatment_sld_item.plastic:hover{background:url(../img/main/breast_bg.png) no-repeat center center;}
		.m_treatment .treatment_sld_item.gl:hover{background:url(../img/main/gl_bg.png) no-repeat center center;}
		.m_treatment .treatment_sld_item.internal:hover{background:url(../img/main/internal_bg.png) no-repeat center center;}
		.m_treatment .treatment_sld_item.health:hover{background:url(../img/main/health_bg.png) no-repeat center center;}
		
		.m_treatment .treatment_sld_item:hover .icon{filter: brightness(0) invert(1); z-index:1;}
		.m_treatment .treatment_sld_item:hover .tx_title{color:#fff; z-index:1;}
		.m_treatment .treatment_sld_item:hover a p{color:#fff; z-index:1;}
		.m_treatment .treatment_sld_item:hover .add{opacity:1;  z-index: 1; width: 6rem; height: 6rem;}
		.m_treatment .treatment_sld_item:hover .add span{background:url(../img/default/icon_add_w.png) no-repeat center center;width: 2.8rem;height: 2.8rem;display: flex;align-items: center;justify-content: center;}
		
	}

	@media screen and (max-width:1200px){
		.m_treatment{padding:0;  background: none;   height: auto;}
		.m_treatment:before{display:none;}
		.m_treatment .m_inwrap{display:none;}
		.m_treatment .treatment_loop_sld{display:none;}
		.m_treatment .mb_treatment_list{display:block;}
		.m_treatment .mb_treatment_list ul{width:100%; display: flex; flex-wrap: wrap;}
		.m_treatment .mb_treatment_list ul li{width:33.33%;}
		.m_treatment .mb_treatment_list ul li:nth-child(n+1){border-left:1px solid var(--border-gray);}
		.m_treatment .mb_treatment_list ul li:nth-child(1),
		.m_treatment .mb_treatment_list ul li:nth-child(4){border-left:0;}
		.m_treatment .mb_treatment_list ul li:nth-child(-n+3){border-bottom:1px solid var(--border-gray);}
		.m_treatment .mb_treatment_list a{padding: 5rem 0; display: flex; flex-direction: column; width: 100%;  height: 100%;  align-items: center;  justify-content: center; gap: 2rem;}
		.m_treatment .mb_treatment_list .icon { width: 10rem; height: 10rem; }
		.m_treatment .mb_treatment_list .breast{ background: url(../img/default/icon_breast_p.png) no-repeat center center / 7rem;}
		.m_treatment .mb_treatment_list .thyroid{ background: url(../img/default/icon_thyroid_p.png) no-repeat center center / 4.8rem;}
		.m_treatment .mb_treatment_list .plastic{ background: url(../img/default/icon_plastic_p.png) no-repeat center center / 8rem;}
		.m_treatment .mb_treatment_list .gl{ background: url(../img/default/icon_endoscope_p.png) no-repeat center center/ 7.9rem;}
		.m_treatment .mb_treatment_list .internal{ background: url(../img/default/icon_medicine_p.png) no-repeat center center / 7rem;}
		.m_treatment .mb_treatment_list .health{ background: url(../img/default/icon_task_p.png) no-repeat center center / 7.7rem;}
		.m_treatment .mb_treatment_list .tx_title {  font-size: 2.2rem;  font-weight: 800;}
	}

	@media screen and (max-width:480px){
		.m_treatment .mb_treatment_list ul li{width:50%;}
		.m_treatment .mb_treatment_list ul li:nth-child(3),
		.m_treatment .mb_treatment_list ul li:nth-child(5){border-left:0;}
		.m_treatment .mb_treatment_list ul li:nth-child(4){border-left:1px solid  var(--border-gray); border-bottom:1px solid  var(--border-gray);}
		.m_treatment .mb_treatment_list a{padding:4rem 0;}
	}



/*--------------------- uva 건강정보 ---------------------*/
.m_health{width:100%;  background:url(../img/main/mhealth_bg.png) no-repeat center center; background-size:cover; padding:9.5rem 0;}
.m_health .h_title{text-align:center;}
.m_health .h_title h2, .m_health .h_title p {filter: brightness(0) invert(1);}
.m_health .h_title .allview .blob-btn__blob{ background: #fff;}
.m_health .h_title .allview .blob-btn{ border-color: #fff; color: #fff;}
.m_health .h_title .allview .blob-btn .icon_move{ filter: brightness(0) invert(1);}
.m_health .health_sld {width:100%; display:flex; padding:2rem 0 5rem; padding-right:2.5rem; }
.m_health .health_sld_item{ width: calc(100% / 4 - 1.5rem); min-height:51rem;  background: #fff; border-radius: 2rem;     box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.5);    transition: all .3s;}
.m_health .health_sld_item a{position:relative; display:block; /* min-height: 62.5rem; */}
.m_health .health_sld_item .thumbox{ position:relative; width: 100%; height: 35.8rem;  background: #ddd; border-radius: 2rem;}
.m_health .health_sld_item .thumbox:after{content:''; display:block;  position: absolute; top: 0; left: 0; border-radius: 2rem; width:100%; height:100%; background:rgba(0,0,0,0);transition: background 0.3s;}
.m_health .health_sld_item .thumbox .img{width: 100%;height: 100%;border-radius: 2rem;overflow: hidden;position: relative;}
.m_health .health_sld_item .thumbox img{width: 100%;height: 100%;/* object-fit: cover; */position: absolute;top: 0;left: 0;}
.m_health .health_sld_item .thumbox .add{opacity:0;width:1rem;height:1rem;background: var(--point-color);border-radius: 3rem;transition: all 0.3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;}
.m_health .health_sld_item .infobox{ padding: 3rem 2rem;}
.m_health .health_sld_item .infobox .label{width:9rem; min-height:3rem; display:flex; align-items:center;      justify-content: center; font-size: 1.4rem; font-weight: 600; border-radius: 3rem;}
.m_health .health_sld_item .infobox .label.ty01{background:#fdafca;}
.m_health .health_sld_item .infobox .label.ty02{background:#99e7f8;}
.m_health .health_sld_item .infobox .label.ty03{background:#85d7d5;}
.m_health .health_sld_item .infobox .label.ty04{background:#d6a4e1;}
.m_health .health_sld_item .infobox .label.ty05{background:#e1a4d5;}
.m_health .health_sld_item .infobox .label.ty06{background:#f8d299;}
.m_health .health_sld_item .infobox .title{font-size: 2rem;font-weight: 500;color: #242424;line-height:1.3;padding: 2rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m_health .health_sld_item .infobox .txt{font-size:1.4rem; line-height:1.5; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.m_health .health_controler{position:relative; bottom:35.5rem;}
.m_health .health_controler .controler_btn button{position: absolute;top: 50%;margin-top: -1rem;width: 5.8rem;height: 5.8rem;border-radius: 50%;background: url(../img/default/icon_arrow_btn.png) no-repeat center center / 3.5rem #fff;z-index: 2;box-shadow: 0 5px 15px 0 rgba(0 0 0 / 0.1);}
.m_health .health_controler .controler_btn .slideArrow_next{right:-0.6rem; transform: rotate(180deg);}
.m_health .health_controler .controler_btn .slideArrow_prev{left:-2.8rem;}
.m_health .swiper-pagination{display:none; color:#fff;}
.m_health .swiper-pagination span{color:#fff;}

	@media screen and (min-width:1200px){
		.m_health .h_title .allview .blob-btn:hover{color:#242424;}
		.m_health .h_title .allview .blob-btn:hover .icon_move{filter:none;}
		.m_health .health_sld_item a:hover .thumbox:after{background:rgba(0,0,0,0.4);}
		.m_health .health_sld_item a:hover .thumbox .add{opacity:1;  z-index: 1; width: 6rem; height: 6rem;}
		.m_health .health_sld_item a:hover .thumbox .add span{background:url(../img/default/icon_add_w.png) no-repeat center center;width: 2.8rem;height: 2.8rem;display: flex;align-items: center;justify-content: center;}
		.m_health .health_sld_item:hover{ transform: translateY(-0.5rem);}
	}

	@media screen and (max-width: 1024px){
		.m_health{padding:7rem 0;}
		.m_health .health_sld{height:106rem;padding-right: 0; padding-bottom:3rem;} 
		.m_health .health_sld_item{min-height:44rem;box-shadow: none;}
		.m_health .health_sld_item a{min-height:auto;}
		.m_health .health_sld_item .thumbox{height:35rem;}
		.m_health .health_sld_item .infobox .title{padding:1.5rem 0 1rem;}
		.m_health .health_sld_item .infobox .txt{ -webkit-line-clamp: 2;}
		.m_health .health_controler{bottom:0;}
		.m_health .health_controler .controler_btn{  width: 100%; display: flex;  align-items: center;    justify-content: center;   gap: 5rem;}
		.m_health .health_controler .controler_btn button{ position: static; margin-top:0; background-color: transparent;  box-shadow: none;  filter: brightness(0) invert(1);}
		.m_health .swiper-pagination{display:block;}
	}

	@media screen and (max-width: 768px){
		.m_health .health_sld_item .infobox .title{font-size:2.2rem;}
		
	}

	@media screen and (max-width: 640px){
		.m_health .health_sld_item .thumbox{height:33rem;}
		
	}

	@media screen and (max-width: 480px){
		.m_health .health_sld{height:90rem;}
		.m_health .health_sld_item .thumbox{height:27rem;}
		.m_health .health_sld_item{min-height:30rem;}		
	}

	@media (min-width: 320px) and (max-width: 420px){
		.m_health .health_sld{height:164vw;}
		.m_health .health_sld_item .thumbox{height:44vw;}
		.m_health .health_sld_item .infobox .title{font-size:4vw;}
	}


/*--------------------- uva 뉴스 및 컨텍 ---------------------*/
.m_uva{width:100%; background:#fff; padding:18rem 0 13rem;}
.m_uva .allviewIcon{position:absolute; bottom:0; right:0; width:4.5rem; height:4.5rem; background:var(--point-color); border-radius:50%;transition: all .3s;}
.m_uva .allviewIcon a{width:100%;height:100%;display:flex;background: url(../img/default/icon_move_arrow.svg) no-repeat center center / 3.2rem;filter: brightness(1) invert(1);}
.m_uva .allview .view_btn{max-width: 14rem; border:1px solid #222;}
.m_uva .part{width: calc(100% / 2 - 5rem);}
.m_uva .newLst li{border-top:1px solid var(--border-gray);}
.m_uva .newLst li:last-child{border-bottom:1px solid var(--border-gray);}
.m_uva .newLst li a{width:100%;display:flex;align-items:center;gap: 5rem;padding: 4rem 2rem;}
.m_uva .newLst li .label{width:6rem; font-size: 1.8rem; font-weight: 600;color:var(--point-color);}
.m_uva .newLst li .subject{font-size: 1.8rem;width: calc(100% - 32rem);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m_uva .newLst li .date{font-size:1.4rem;}
.m_uva .newLst li .add{margin-left: auto; background:url(../img/default/icon_add.png) no-repeat center center; width: 2.3rem; height: 2.3rem; transition:all .3s;}

.m_uva .m_contact .info-box{display: flex;gap:3rem 5rem; flex-wrap:wrap;margin-top: -1rem; width: 100%;padding:3.5rem 5rem 3rem;border-radius: 2.5rem;background: #fff;box-shadow: 2px 2px 38px rgba(115, 16, 63, 0.3);}
.m_uva .m_contact .main_call{position:relative;width: 100%;max-width: 45rem;margin:0 auto;font-size: 3.8rem;font-weight: 800;padding-left: 5rem;}
.m_uva .m_contact .main_call:before{content:''; display:block; width:4rem; height:4rem; position:absolute; top:0; left:0; background:url(../img/default/icon_telephone.png) no-repeat left center / 4rem;}
.m_uva .m_contact .main_call span{font-family: 'Montserrat'; font-size:3.8rem;font-weight: 500;}
.m_uva .m_contact .main_call span:first-child{padding-left:1.5rem; font-weight:400;}
.m_uva .m_contact .callLst{width: calc(50% - 2.5rem);}
.m_uva .m_contact .callLst li + li{border-top:1px solid var(--border-gray);}
.m_uva .m_contact .callLst .call_tit{ width: 100%;  max-width: 16rem; margin:1.5rem 0 1rem;  background: var(--point-color);  border-radius: 30rem;  color: #fff;  padding: 0.8rem 1rem;  text-align: center; }
.m_uva .m_contact .callLst li:first-child .call_tit{margin-top:0;}
.m_uva .m_contact .callLst .call_num{margin-bottom:1.5rem; margin-top:1.5rem;}
.m_uva .m_contact .callLst .call_num, 
.m_uva .m_contact .callLst .call_num span{font-family: 'Montserrat';font-size:3rem;}
.m_uva .m_contact .callLst .call_num span{font-weight:500;}
.m_uva .m_contact .callLst li:last-child .call_num{margin-bottom:0;}
.m_uva .m_contact .clinicHours{width: calc(50% - 2.5rem);background: var(--bg-gray);border-radius: 2.5rem;padding: 3rem 2.5rem;}
.m_uva .m_contact .clinicHours .tit{text-align: center;font-size: 2.2rem;font-weight: 600;color: var(--point-color);padding-bottom: 2rem;margin-bottom: 3rem;border-bottom: 1px solid var(--border-gray);}
.m_uva .m_contact .clinicHours .hourLst{padding:0 1rem;}
.m_uva .m_contact .clinicHours .hourLst li + li{margin-top:1.8rem;}
.m_uva .m_contact .clinicHours .hourLst li{ width: 100%; display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; gap: 1rem;}
.m_uva .m_contact .clinicHours .hourLst li span{ font-size:2rem; font-weight:600;}
.m_uva .m_contact .clinicHours .hourLst li .hour{ font-weight:500;}
.m_uva .m_contact .clinicHours .hourLst .rest span{color: var(--point-color);}

.m_uva .m_contact .mb_info-box{display:none;}
.m_uva .m_contact .mb_callLst{width: 100%; display: flex; justify-content: space-between; gap:4rem; padding: 3rem 4rem 7rem; border-bottom: 1px solid var(--border-gray);}
.m_uva .m_contact .mb_callLst .round{width: 15rem; height: 15rem; border-radius: 50%;}
.m_uva .m_contact .mb_callLst .round .icon{ display: flex; width: 100%;  height: 100%;  filter: brightness(0) invert(1);}
.m_uva .m_contact .mb_callLst li:nth-child(1) .round{ background: #72103d; }
.m_uva .m_contact .mb_callLst li:nth-child(2) .round{ background: #b86089;}
.m_uva .m_contact .mb_callLst li:nth-child(3) .round{ background: #8e3474;}
.m_uva .m_contact .mb_callLst li:nth-child(4) .round{ background: #72103d;}
.m_uva .m_contact .mb_callLst li:nth-child(1) .round .icon{ background: url(../img/default/icon_hospital.png) no-repeat center center / 6.5rem;}
.m_uva .m_contact .mb_callLst li:nth-child(2) .round .icon{ background: url(../img/default/icon_breast.png) no-repeat center center / 6.5rem;}
.m_uva .m_contact .mb_callLst li:nth-child(3) .round .icon{ background: url(../img/default/icon_plastic_re.png) no-repeat center center / 6.5rem;}
.m_uva .m_contact .mb_callLst li:nth-child(4) .round .icon{ background: url(../img/default/icon_task.png) no-repeat center center / 6.5rem;}

.m_uva .m_contact .mb_callLst .call_tit{text-align:center; margin-top:2.2rem; font-size: 2.2rem; font-weight: 500;}
.m_uva .m_contact .mb_clinicHours{margin-top:4rem;}
.m_uva .m_contact .mb_clinicHours .hourLst{width: 100%;display: flex;flex-wrap:wrap;gap: 1.5rem 3rem;padding: 0 3rem;justify-content: space-between;}
.m_uva .m_contact .mb_clinicHours .hourLst li{width: calc(50% - 2.5rem);display: flex;gap: 1rem; 3rem;flex-wrap:wrap;justify-content: space-between;}
.m_uva .m_contact .mb_clinicHours .hourLst li span{font-size:2rem; font-weight:800;}
.m_uva .m_contact .mb_clinicHours .hourLst li .hour{ font-weight:500;}
.m_uva .m_contact .mb_clinicHours .hourLst .rest span{color: var(--point-color);}

	@media screen and (min-width:1200px){
		.m_uva .newLst li a:hover .add{ transform: rotate(90deg);}
		.m_uva .allviewIcon:hover{ bottom: 0.3rem;    box-shadow: 2px 2px 38px rgba(115, 16, 63, 0.3);}
	}

	@media screen and (max-width:1200px){
		.m_uva{padding:7rem 0;} 
		.m_uva .part{width:100%;}
		.m_uva .allviewIcon{display:none;}
		.m_uva .m_contact .info-box{display:none;}
		.m_uva .m_contact .mb_info-box{display:block;}
	}
	
	@media screen and (max-width:768px){		
		.m_uva .newLst li a{ flex-wrap: wrap;  gap: 1.5rem 5rem;}
		.m_uva .newLst li .label{font-size:2rem; width:100%;}
		.m_uva .newLst li .subject{font-size:2rem;  width:calc(100% - 13.4rem);}
		.m_uva .newLst li .date{font-size:1.8rem;}
		.m_uva .newLst li .add{display:none;}
		.m_uva .m_contact .mb_callLst{flex-wrap: wrap;}
		.m_uva .m_contact .mb_callLst li{ width: calc(50% - 3rem);}
		.m_uva .m_contact .mb_callLst li a{display: flex; flex-direction: column;  justify-content: center; align-items: center;}
	}

	@media screen and (max-width:420px){		
		.m_uva .m_contact .mb_clinicHours .hourLst li{    flex-direction: column;}
	}

	@media screen and (max-width:390px){		
		.m_uva .m_contact .mb_callLst .round{width: 12rem; height: 12rem;}
	}