@charset "utf-8";

#main_visual {position:relative; height:950px; overflow:hidden;}
#main_visual .swiper-container {margin:0 -5%;}
#main_visual .swiper-slide {position:relative; height:950px; background:no-repeat center; background-size:cover;}
#main_visual .slide01 .txt {position:absolute; top:230px; left:0; right:0; text-align:center;}
#main_visual .slide01 .txt .t01 {font-size:54px; color:#fff; line-height:1.33; font-weight:300;}
#main_visual .slide01 .txt .t02 {margin-top:20px; font-size:50px; color:#ffffff; line-height:1.2; font-weight:300; letter-spacing:-1px;}

#main_visual .slide01 .box_transparent_bg .txt { width:500px; margin:0 auto; padding:50px; position:relative; }

/*반투명 배경  등장-기본*/
#main_visual .slide01 .box_transparent_bg .txt::before { display:block; width:500px; height:500px;  background:rgba(0,0,0,0.5); content:''; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }


#main_visual .slide01 .txt .t03 img { width:365px !important;  margin-top: 75px; }
#main_visual .slide01 .txt .t03:before { position: absolute; top: 15px; left: 50%; width: 1px; height: 50px; background: #fff; content: ''; }
#main_visual .slide01 .time img { width:56px; margin-right:10px; display: none; }
#main_visual .slide01 .txt strong {font-weight:800; }
#main_visual .slide01 .txt .mv_middle_txt { margin-left: 0px; }

#main_visual .slide01 .txt span {display:inline-block; margin:0 6px;}

#main_visual .slide02 .txt {position:absolute; top:240px; left:0; right:0; text-align:center;}
#main_visual .slide02 .txt .t01 {font-family:'Gotham book'; font-weight:400; font-size:44px; color:#fff; line-height:1.2;  letter-spacing:-0.1em;}
#main_visual .slide02 .txt .t01 strong {font-weight:500;}
#main_visual .slide02 .txt .t01 span { color:#f1bf7e; }
#main_visual .slide02 .txt .t02 { position:relative; margin-top:10px; padding-top:10px; font-size:100px; font-weight: 800;  line-height:1.25; letter-spacing:0em; color:#fff; text-transform:uppercase;}
#main_visual .slide02 .txt .t01:before {position:absolute; top:195px; left:50%; width:1px; height:50px; background:#d0c7bc; content:'';}
#main_visual .slide02 .txt .t03 { font-size:32px;  color:#fff; margin-top: 70px; } /*margin-top 추가 210728*/

#main_visual .swiper-pagination {bottom:60px; font-size:0; padding:0;}
#main_visual .swiper-pagination .swiper-pagination-bullet {width:14px; height:14px; margin:0 7px; border-radius:7px; background:#fff; opacity:0.6; transition:all 0.4s;}
#main_visual .swiper-pagination .swiper-pagination-bullet-active {width:28px; opacity:1; background:#f1bf7e; }

#main_visual .txt .t01,
#main_visual .txt .t02,
#main_visual .txt .t03 { opacity:0; transform: translateY(50px); transition:transform 0.3s 0.6s, opacity 0.3s 0.6s; }

/*.#main_visual .slide01 .txt::before { opacity:0; }*/

#main_visual .active .t01,
#main_visual .active .t02,
#main_visual .active .t03 { opacity:1;  transform: translateY(0px); }

#main_visual .active .t01 {transition:transform 0.8s 0.8s, opacity 0.8s 0.8s;}
#main_visual .active .t02 {transition:transform 0.8s 1s, opacity 0.8s 1s;}
#main_visual .active .t03 {transition:transform 0.8s 1.2s, opacity 0.8s 1.2s;}

.clock_ani { margin-top: -10px;  margin-left: -15px;} /* position: absolute;  top: -10px; left: 50%; transform: translateX(-152%);*/



/*반투명 배경 키프레임 애니메이션*/
#main_visual .slide01 .box_transparent_bg .txt::before { animation-name:bgopen; animation-duration:2s;  }
.slide01.slick-active {}
@keyframes bgopen {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}


/*2021.02.17 메인팝업 추가*/
.main_pop .pop_footer{padding:4px 8px; background:#fff;}
.main_pop .pop_footer input{margin-top:-3px;}
.main_pop .pop_footer .prevent{float:right;}



@media (min-width: 992px){
	#main_visual .swiper-slide.slide01 {background-image:url('../images/main/main_visual01.jpg');}
	#main_visual .swiper-slide.slide02 {background-image:url('../images/main/main_visual02.jpg');}
	#main_visual .swiper-slide.slide03 {background-image:url('../images/main/main_visual03.jpg');}
	
}
@media (max-width: 991.98px) {
	#main_visual {height:auto;}
	#main_visual .swiper-slide {height:auto;}
	#main_visual .swiper-slide.slide01 {background-image:url('../images/main/main_visual01_m.jpg');}
	#main_visual .swiper-slide.slide02 {background-image:url('../images/main/main_visual02_m.jpg');}
	#main_visual .swiper-slide.slide03 {background-image:url('../images/main/main_visual03_m.jpg');}
	#main_visual .swiper-slide .box {position:relative; padding-bottom:118.055%;}
	#main_visual .slide01 .txt {top:27.7777vw;}
	#main_visual .slide01 .txt .t01 {font-size:3.8888vw;}
	#main_visual .slide01 .txt .t02 {margin-top:2.7777vw; font-size:6vw;}
	#main_visual .slide01 .txt .t02 span {display:block;}
	#main_visual .slide02 .txt { top: 50%; transform: translateY(-85%);} /*top:28.33vw;*/
	#main_visual .slide02 .txt .t01 {font-size:7vw;}
	#main_visual .slide02 .txt .t01:before { top: 24vw; }
	#main_visual .slide02 .txt .t02 { margin-top: 2vw; padding-top: 0vw; font-size: 10vw; } /*font-size:5.555vw;*/
	#main_visual .slide02 .txt .t02:before { height:6vw; top: 14vw;}
	#main_visual .slide02 .txt .t03 {margin-top:11vw; font-size:3.5vw;}
	#main_visual .swiper-pagination {bottom:9.7222vw;}
	#main_visual .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; border-radius:6px; margin:0 5px;}
	#main_visual .swiper-pagination .swiper-pagination-bullet-active {width:22px;}
	/*메인비주얼 슬라이더 모바일용 추가210728*/
	#main_visual .slide01 .txt .t03 img {  width: 280px !important;  margin-top: 42px; }
	#main_visual .slide01 .txt .t03:before { top: 5px;    height: 30px; }
	#main_visual .slide01 .txt .t01 { font-size: 6vw; }
	.box_transparent_bg .txt { width: 70%; }
	#main_visual .slide01 .box_transparent_bg .txt::before { width:unset; height:unset; padding: 35vw; }
	
	/*.clock_ani {  width: 68px; top:-10px; left: 85px; transform: unset; } /*margin-right: 10px; */*/
	#main_visual .slide01 .txt .mv_middle_txt {    margin-left: -10px;}
}
@media (max-width: 720px) {
	#main_visual .slide02 .txt { top:76.33vw; translateY(160%);} /*transform: translateY(-155%)*/
	#main_visual .slide02 .txt .t01:before {  height:34px; } /*top: 168px;*/
	#main_visual .slide01 .txt .t02 {  margin-top: 3vw; }
	#main_visual .swiper-slide .box {position:relative; padding-bottom:60%;}
	/*.clock_ani { transform: translateX(25%);}*/
	.clock_ani  { margin-top: -15px;  margin-left: -10px; }
}
@media (max-width:680px){
	/*.clock_ani {     transform: unset; top: -10px; left: -4px;} /*margin-left: -110px;*/ /*transform: translateX(-75%); top: -20px; */*/
}
@media (max-width:640px){
	 #main_visual .slide01 .time img { margin-top: -10px; }
	 /*.clock_ani { transform: translateX(45%); } */
	 /*.clock_ani {left: 24px; top: -21px; }*/
	 .clock_ani  { margin-left: -10px; margin-top:-19px;}
}
	
/*모바일 스타일 추가 210728*/
@media (max-width: 500px) {
	.box_transparent_bg .txt { width: 80%; padding:35px; }
	/*#main_visual .slide02 .txt { top:40vw; }*/

	#main_visual .slide02 .txt { top:86.33vw; translateY(-60%);} /*transform: translateY(-155%)*/
	#main_visual .slide02 .txt .t01:before {  height:25px; } /*top: 168px;*/
	#main_visual .slide01 .txt .t03 img { width: 200px !important; }
	#main_visual .slide02 .txt .t02 { margin-top: 2.5vw; }
	#main_visual .slide02 .txt .t03 { font-size: 4vw; }

	#main_visual .slide01 .box_transparent_bg .txt::before { padding: 40vw; }
	#main_visual .slide01 .box_transparent_bg .txt { width: unset; }
	/*#main_visual .slide01 .txt .t01 { font-size: 9vw; }*/
	#main_visual .slide01 .txt .t02 { font-size: 9vw; margin-bottom: 10px; }
	#main_visual .slide01 .txt .t01 { margin-bottom: 20px; }

	 /*.clock_ani { left: 116px; top: -21px; }*/
	 .clock_ani { width: 70px; margin-left: -5px; margin-top: -14px; }
    
}
@media (max-width: 400px) {
	/*.clock_ani { left: 83px; top: -20px; }*/
	.clock_ani  { width: 60px; margin-left: -10px; margin-top: -19px; }
}

.main_clinic_info { margin: 200px 0 100px 0; }
.main_clinic_info img { width: 100%; height:auto; }
.main_clinic_info_m { margin: 200px 0 100px 0; }
.main_clinic_info_m img { width: 100%; height:auto; display: none;}

@media (max-width: 600px) {
	.main_clinic_info img { display: none; }
	.main_clinic_info_m img { display: block;}
}

#section01 {position:relative; margin-top:120px; padding-bottom:120px;}
#section01:before {position:absolute; top:120px; left:0; right:50%; bottom:0; margin-right:-340px; background:#0f5b9c; content:'';}
#section01 .inbox {position:relative; z-index:2; width:92%; max-width:1280px; margin:auto; padding-top:230px; position:relative;}
#section01 .cbox {width:53%; max-width:680px; padding-right:40px; color:#fff;}
#section01 .t01 {font-size:20px; color:#5a99cf; font-weight:500;}
#section01 .t02 {margin-top:15px; font-size:45px; line-height:1.2; font-weight:300; letter-spacing:-0.09em;}
#section01 .t02 strong {font-weight:500;}
#section01 .t03 {margin-top:18px; font-size:18px; line-height:26px; font-weight:300;}
#section01 .more {display:inline-block; margin-top:60px; padding:0 40px; font-size:0; background:#fff;}
#section01 .more * {vertical-align:middle;}
#section01 .more span {font-size:22px; color:#0f5b9c; font-weight:700; line-height:70px;}
#section01 .more:after {display:inline-block; width:26px; height:16px; vertical-align:middle; margin-left:20px; background:url('../images/main/icon_arr.png') no-repeat center; background-size:contain; content:'';}
#section01 .img {position:absolute; top:0; left:50%; bottom:0px; width:50%; background:url('../images/main/section01_img.jpg') no-repeat center; background-size:cover;}


@media (max-width: 1300px) {
	#section01 .t02 br {display:none;}
	#section01:before {margin-right:-200px;}
}

@media (max-width: 991.98px) {
	#section01 {margin-top:11.111vw; padding-bottom:11.111vw;}
	#section01:before {top:28.472222vw; left:0; right:0; margin:0;}
	#section01 .inbox {width:auto; margin:0 4.1666vw; padding-top:0;}
	#section01 .cbox {width:auto; max-width:none; padding-right:0;}
	#section01 .img {position:relative; left:auto; width:auto; padding-bottom:62.1212%; background-image:url('../images/main/section01_img_m.jpg');}
	#section01 .t01 {margin-top:7.22222222222vw; font-size:3.888vw;}
	#section01 .t02 {margin-top:1.388vw; font-size:6.944vw;}
	#section01 .t02 br {display:block;}
	#section01 .t03 {margin-top:4.166vw; font-size:3.888vw; line-height:1.35724;}
	#section01 .more {margin-top:4.86vw; padding:0 5.55vw;}
	#section01 .more span {font-size:4.166vw; line-height:11.111vw;}
	#section01 .more:after {width:5.277vw; height:3.333vw; margin-left:2.222vw; background-image:url('../images/main/icon_arr_m.png');}

	/*2021.02.17 팝업 위치*/
	.main_pop {left:50% !important; transform:translateX(-50%) !important;}


}





/* #wrap {max-width:720px;} */