#main { position: relative; } 
#section1 { overflow: hidden; } 
.msec1 { position: relative; } 
.msec1 .swiper-slide { overflow:hidden } 

.msec1 .swiper-slide .bg { transform:scale(1.1); transition:10s; height:86rem; position: relative; } 
.msec1 .swiper-slide .bg::before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; display: none;} 
.msec1 .swiper-slide .bg img { width:100%; height: 100%; object-fit: cover; } 

.msec1 .swiper-slide-active .bg { transform:scale(1) } 

/*swiper*/
.msec1 .swiper-button-prev,
.msec1 .swiper-button-next { width: 5rem; height: 5rem; color:#fff; background: none; bottom:10rem; top:auto; font-size: 5rem; } 

.msec1 .swiper-button-prev { left:auto; left: calc(80% - 5rem); } 
.msec1 .swiper-button-next { left:auto; left: 80%; right:0 } 
.msec1 .swiper-pagination { max-width:var(--container); font-weight: bold; padding:0 2rem; color:#fff; text-align: left; position: absolute; left: 50%; transform: translate(-50%); bottom: 10rem; } 

.msec1 .swiper-progress-bar { position: absolute; left: 50%; transform: translate(-50%);; width:100%; max-width: var(--container); display: block; z-index: 1; height:.5rem; } 
.msec1 .swiper-progress-bar .slide_progress-bar { position: absolute; height: .3rem; background:#fff; width:50rem; clear: both; opacity:1; bottom: 15rem; left: 50%; transform: translateX(-50%); right: 0; } 
.msec1 .swiper-progress-bar .slide_progress-bar:after { position: absolute; top: 0; left: 0; background:var(--sub_color); height: 100%; width: 0; content: ""; transition: 0.1s width linear; } 
.msec1 .swiper-progress-bar.active .slide_progress-bar { opacity: 1; } 
.msec1 .swiper-progress-bar.animate .slide_progress-bar:after { transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s; } 


/* pagenation */

/*.msec1 .swiper-pagination-bullet { opacity: 0.5; width: 15px; height: 15px; background: #fff; box-shadow: 0px 0px 3px #fff; } 
.msec1 .swiper-pagination-bullet-active { background:#fff; opacity: 1; } 
*/


.msec1 .swiper-pagination-bullet { 
 background: transparent; width: 4rem; height: 4rem; 
 } 
 .msec1 .swiper-pagination-bullet-active .path { 
 display: inline-block !important; 
 stroke-dasharray: 1000; 
 stroke-dashoffset: 0; 
 -webkit-animation: dash linear 120s; 
 animation: dash linear 120s; 
 -webkit-animation-iteration-count: unset; 
 animation-iteration-count: unset; 
 } 
 .path { 
 display: none; 
 } 
 @-webkit-keyframes dash { 
 from { 
 stroke-dashoffset: 1000; 
 } 
 to { 
 stroke-dashoffset: 0; 
 } 
 } 
 @keyframes dash { 
 from { 
 stroke-dashoffset: 1000; 
 } 
 to { 
 stroke-dashoffset: 0; 
 } 
 } 

 /* 전화번호 */
.main_tel{display: flex;   position: absolute; bottom: -6.5rem; left:50%; transform: translateX(-50%); background: var(--sub_color); color:#fff; z-index: 9; max-width: 1600px; width: 100%; padding:1.7rem}
.tel_left{flex:1; display: flex; gap:5.4rem; padding-left: 5rem; align-items: center;}
.tel_left dl dt{font-weight: bold; font-size: 2rem;}
.tel_left dl dd{font-weight: bold; font-size: 3.2rem;}
.tel_right{flex:1; display: flex; gap:3rem; align-items: center;}
.tel_right dl dt{font-weight: bold; font-size: 2.2rem;}

/* 진료 아이콘 */
.medical_icon{background: var(--main_color); color:#fff; padding:6rem 0}
.medical_icon ul{display: flex; margin-top: 6.5rem;}
.medical_icon ul li{flex:1; text-align: center; font-size:2rem}
.medical_icon ul li img{margin-right: 3rem;}
.medical_icon ul li a{color:#fff;}

/* 메인 타이틀 */
.main_tit{font-weight: bold; font-size: 4rem; text-align: center; margin-bottom: 7rem;}
.main_tit span{display: block; color:#DCDCDC; text-transform: uppercase; font-size: 2rem;}

/* 메디칼 */
.inner2{max-width: 150rem !important;}
.main_medical{padding:10rem 0}
.main_medical p{overflow: hidden; border-radius: 3rem; border-top-left-radius: 0;}
.main_medical p img{transition: .5s; width: 100%;}
.main_medical p img:hover{transform: scale(1.2);}
.main_medical ul{display: flex; gap:3.6rem}
.main_medical ul li{flex:1; position: relative; overflow: hidden;}
.main_medical ul dl{position: absolute;top: 4rem; left:4rem; color:#fff}
.main_medical ul dl dt{font-weight: bold; font-size:3.4rem; margin-bottom: 2rem;}
.main_medical a{display: block; background: #Fff; color:#333; padding:1rem 3rem; position: absolute; bottom:4rem; left: 4rem;}

/* 사진 슬라이드 */
.main_photo{ background: url(../images/main/photo_bg.jpg) no-repeat top center; display: block;}
.circle_list{display:flex; padding:12rem 0}
.circle_list li{flex:1; text-align: center;}
.circle_list li p{overflow: hidden; border-radius: 1000px; width: 30rem; height: 30rem; margin: auto; margin-bottom: 5.5rem;}
.circle_list li dl dt{font-weight: bold; font-size: 3rem; margin-bottom: 2.4rem;}

/* 하단 정보 */
.main_bottom{display: flex;}
.main_map{width: 50%;}
.map_con{width:50%; background: url(../images/main/map_bg.jpg) no-repeat top left; background-size: cover; padding:11rem 8.4rem; color:#fff;}
.map_con dl{margin-bottom: 5.4rem;}
.map_con dl dt{font-weight: bold; font-size: 2.4rem; margin-bottom: 2rem;}
.map_con dl dd{font-weight: bold; font-size:3.2rem}
.map_con dl dd span{display: block; font-size: 5rem;}
.map_con h2{display: flex; gap:1rem; align-items: center; font-weight: bold; font-size: 2.4rem; margin-bottom: 2rem;}
.map_con ul li{font-weight: bold; font-size: 2rem;}