@charset "utf-8";
/* 
뷰티엠
*/

.CommArea_Tail{display:none;} /* 공통삽입컨텐츠 */

/*메인영상*/
.NetWorkMainContents_Area .Movie_IframArea .IntroImg{position:absolute; height:100%; width:100%; z-index:-1; display:block;}


/* =============================================================================================================== */
/* 메인전용컨텐츠 */
.MainContentsArea{content:""; clear:both; display:block; position:relative; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all;}
.MainContentsArea img{max-width:100%;}
	/* 영역 */
	.MainContentsArea section{}
	.MainContentsArea .MainSection{display:block; position:relative; text-align:center; padding:6em 0em; margin:auto; overflow:hidden; z-index:1;} /* AOS때문에z-index:1 */
	.MainContentsArea .Inner{}

body .mainSection{width:100%; position:relative; overflow:hidden;}
body .mainSection .mainTitle h2{font-size:38pt; font-weight:900; line-height:100%;}
body .mainSection p.txt18{font-size:18pt; line-height:1.5;}
body .mainSection p.txt13{font-size:13pt; line-height:1.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
section.SectionFull{position:relative;}
.SectionFull .Inner{width:100%;}
	/* 기본 */
	.SectionFull .MultiSlider{width:100%; min-width:100%; height:900px;}
	.SectionFull .MultiSlider .Slide{position:relative; display:block; width:100%; background:#fff;}
	.SectionFull .MultiSlider .Slide a{position:relative; width:100%; display:table; margin:0 auto;}
	.SectionFull .MultiSlider .ThumbBox{position:absolute; display:block; width:100%; z-index:1;}
	.SectionFull .MultiSlider .ThumbBox span{position:relative; display:block; width:100%;}
	.SectionFull .MultiSlider .ThumbBox span img{position:relative; display:block; width:100%;}
	.SectionFull .MultiSlider .TextBox *{opacity:0; visibility:hidden; -webkit-transform:translateY(10px); transform:translateY(10px); color:#fff;}
	.SectionFull .MultiSlider .TextBox{position:relative; display:table; width:1400px; padding-top:18em; margin:0 auto; z-index:2; text-align:left; vertical-align:middle;}
	.SectionFull .MultiSlider .TextBox span{position:relative; display:block; font-weight:900; line-height:1.2; font-size:60pt; }
	.SectionFull .MultiSlider .TextBox em{position:relative; display:block; vertical-align:middle; font-weight:200; font-size:18pt;letter-spacing:0; margin:50px 0 0 0; line-height:1.5;}
	.SectionFull .MultiSlider .TextBox img{position:relative; display:block; margin-top:70px;}
	.SectionFull .MultiSlider .swiper-slide.swiper-slide-active .TextBox *{opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0);  transform:translateY(0); -webkit-transition:all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
	.SectionFull .MultiSlider .swiper-slide.swiper-slide-active .TextBox span{-webkit-transition-delay:0.2s !important; transition-delay:0.2s !important;}
	.SectionFull .MultiSlider .swiper-slide.swiper-slide-active .TextBox em{-webkit-transition-delay:0.4s !important; transition-delay:0.4s !important;}
	.SectionFull .MultiSlider .swiper-slide.swiper-slide-active .TextBox img{-webkit-transition-delay:0.6s !important; transition-delay:0.6s !important;}
	
	/* 슬라이드 버튼 */
	.SectionFull .MultiSlider .SliderBtn{position:absolute; z-index:1; bottom:5%; width:1400px; left:50%; margin-left:-700px; text-align:center;}
	.SectionFull .MultiSlider .SliderBtn .swiper-pagination-bullet{width:10px; height:10px; background-color:#efebe1; opacity:.2;}
	.SectionFull .MultiSlider .SliderBtn .swiper-pagination-bullet-active{opacity:1;}

	/* 특정 슬라이드 */
	.SectionFull .MultiSlider .Slide01{background-color:#81917c;}
	.SectionFull .MultiSlider .Slide02{background-color:#b3ab9f;}
	.SectionFull .MultiSlider .Slide04 span{font-weight:500; color:#a5afb8;}
	.SectionFull .MultiSlider .Slide04 span b{font-weight:900; color:#0ccec5;}
	.SectionFull .MultiSlider .Slide04 em{color:#a5afb8;}
	@media (max-width: 1920px) {
		section.SectionFull{width:1920px; margin-left:-960px; left:50%;}
		section.SectionFull .MultiSlider .Slide a{margin:auto;}
	  }

	/* 줌아웃 효과 */
	.SectionFull .MultiSlider .ThumbBox img{z-index:0; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.15); transition:transform 3.5s linear; -webkit-transition:transform 3s linear; -moz-transition:transform 3s linear; -ms-transition:transform 3s linear; -o-transition:transform 3s linear;}
	/* 줌아웃 효과 */
	.SectionFull .swiper-slide.swiper-slide-active .ThumbBox img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
	.SectionFull .swiper-slide.swiper-slide-active .Slide01 .ThumbBox img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}

	
/* =============================================================================================================== */
/* [세션02] 2번배너 */
body .mainSection02{padding:150px 0;}
body .mainSection02 .Inner{width:100%; min-width:100%;}
body .mainSection02 .mainTitle{width:1300px; margin:0 auto; margin-bottom:40px;}
body .mainSection02 .mainTitle h2{display:inline-block; vertical-align:middle;}
body .mainSection02 .mainTitle a{display:inline-block; vertical-align:middle; font-size:18pt; font-weight:900; float:right; position:relative; transition:0.5s;}
body .mainSection02 .mainTitle a::before{content:''; position:absolute; left:0; width:0; bottom:-5px; height:1px; background:#000; transition:0.5s;}
body .mainSection02 .mainTitle a:hover::before{width:100%;}

body .mainSection02 .sectionCont{margin-left: calc((100% - 1300px) / 2);}
body .mainSection02 .sectionCont .ClinicCateList ul.List{display:none;}
body .mainSection02 .sectionCont .ClinicAllList{padding-bottom:0;}
body .mainSection02 .sectionCont .ClinicAllList dd{display:none;}
body .mainSection02 .sectionCont .ClinicAllList dt .ThumbBox{overflow:hidden;}
body .mainSection02 .sectionCont .ClinicAllList dt .ThumbBox img{width:100%; transition:0.5s;}
body .mainSection02 .sectionCont .ClinicAllList dt .ThumbBox:hover img{scale:1.1;}

body .mainSection02 .arrowWrap{width:1300px; margin:0 auto; margin-top:40px;}
body .mainSection02 .arrowWrap .swiper-button{width:60px; height:60px; border-radius:500px; border:2px solid #a1a7a8; display:inline-block; position:relative; cursor:pointer; transition:0.3s;}
body .mainSection02 .arrowWrap .swiper-button:hover{background:#a1a7a8;}
body .mainSection02 .arrowWrap .swiper-button-next-2{margin-left:20px;}
body .mainSection02 .arrowWrap .swiper-button p{width:100%; position:absolute; font-size:24pt; font-weight:300; color:#a1a7a8; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; transition:0.3s;}
body .mainSection02 .arrowWrap .swiper-button:hover p{color:#fff;}

/* =============================================================================================================== */
/* [세션03] 3번배너 */
body .mainSection03{padding:150px 0; background:#26d0dd;}
body .mainSection03 .Inner{width:100%; min-width:100%;}
body .mainSection03 .mainTitle{width:1300px; margin:0 auto; margin-bottom:40px;}
body .mainSection03 .mainTitle h2{color:#fff;}

body .mainSection03 .sectionCont{margin-left: calc((100% - 1300px) / 2);}
body .mainSection03 .sectionCont .imgBox img{width:100%; transition:0.5s;}
body .mainSection03 .sectionCont .imgBox{overflow:hidden;}
body .mainSection03 .sectionCont a:hover .imgBox img{scale:1.1;}
body .mainSection03 .sectionCont .txtBox{background:#ffffff; padding:25px 0; text-align:center;}
body .mainSection03 .sectionCont .txtBox p.txt18{font-weight:700; margin-bottom:10px;}

body .mainSection03 .arrowWrap{width:1300px; margin:0 auto; margin-top:40px;}
body .mainSection03 .arrowWrap .swiper-button{width:60px; height:60px; border-radius:500px; border:2px solid #fff; display:inline-block; position:relative; cursor:pointer; transition:0.3s;}
body .mainSection03 .arrowWrap .swiper-button:hover{background:#fff;}
body .mainSection03 .arrowWrap .swiper-button-next-3{margin-left:20px;}
body .mainSection03 .arrowWrap .swiper-button p{width:100%; position:absolute; font-size:24pt; font-weight:300; color:#fff; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; transition:0.3s;}
body .mainSection03 .arrowWrap .swiper-button:hover p{color:#26d0dd;}

/* =============================================================================================================== */
/* [세션04] 4번배너 */
body .mainSection04{padding:150px 0;}
body .mainSection04 .Inner{width:100%; min-width:100%;}
body .mainSection04 .mainTitle{width:1300px; margin:0 auto; margin-bottom:40px; text-align:center;}

body .mainSection04 .sectionCont .imgBox img{width:100%; transition:0.5s;}
body .mainSection04 .sectionCont .imgBox{overflow:hidden;}
body .mainSection04 .sectionCont a:hover .imgBox img{scale:1.1;}

/* 슬라이드 버튼 */
body .mainSection04 .SliderBtn{position:relative; width:1300px; margin:0 auto; margin-top:40px; text-align:center;}
body .mainSection04 .SliderBtn .swiper-pagination-bullet{width:10px; height:10px; background-color:#e7e6e6; opacity:1; margin:0 5px; border-radius:500px;}
body .mainSection04 .SliderBtn .swiper-pagination-bullet-active{opacity:1; background-color:#cccccc; width:30px;}

/* =============================================================================================================== */
/* [세션05] 5번배너 */
body .mainSection05{padding:150px 0; background:#f6f7f7;}
body .mainSection05 .mainTitle{margin-bottom:40px; text-align:center; position:relative;}
body .mainSection05 .sectionCont{width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
body .mainSection05 .sectionCont .contBox{width:33%;}

body .mainSection05 .mainTitle .btn{position:absolute; right:0; top:50%; transform:translate(0,-50%);}
body .mainSection05 .mainTitle a{display:block; vertical-align:middle; font-size:18pt; font-weight:900; float:right; position:relative; transition:0.5s;}
body .mainSection05 .mainTitle a::before{content:''; position:absolute; left:0; width:0; bottom:-5px; height:1px; background:#000; transition:0.5s;}
body .mainSection05 .mainTitle a:hover::before{width:100%;}

/* [공통사용] 좌우사진비교	https://www.codingnepalweb.com/image-comparison-slider-javascript/ */
	body .mainSection05 .compareSlide{display:block; position:relative; width:100%; height:100%; /*padding-bottom:40%;*/ background-color:#fff; margin:auto; overflow:hidden;} /* 2:1비율 */
	body .mainSection05 .compareSlide .imgBox{display:flex; position:relative; width:100%; height:100%;}
	body .mainSection05 .compareSlide .imgBox .Img{height:100%; padding-bottom:50%; display:block; background-repeat:no-repeat; overflow:hidden;}
	body .mainSection05 .compareSlide .imgBox .imgA{width:100%;}
	body .mainSection05 .compareSlide .imgBox .imgB{position:absolute; width:50%;}
	body .mainSection05 .compareSlide .sliderBar{position:absolute; top:0; bottom:0px; width:100%; height:100%; z-index:99;}
	body .mainSection05 .compareSlide .sliderBar .dragLinee{position:absolute; left:49.85%; pointer-events:none; width:3px; height:100%;}
	body .mainSection05 .compareSlide .sliderBar .dragLinee::before,
	body .mainSection05 .compareSlide .sliderBar .dragLinee::after{display:block; position:absolute; content:""; width:2px; height:100%; background:#000;}
	body .mainSection05 .compareSlide .sliderBar .dragLinee::before{top:0;}
	body .mainSection05 .compareSlide .sliderBar .dragLinee::after{bottom:0;}
	body .mainSection05 .compareSlide .sliderBar .dragLinee .Btn{display:block; position:absolute; top:50%; left:50%; width:4em; height:4em; color:#fff; background-color:#000; border-radius:50%; transform:translate(-50%, -50%);}
	body .mainSection05 .compareSlide .sliderBar .dragLinee .Btn::before,
	body .mainSection05 .compareSlide .sliderBar .dragLinee .Btn::after{position:absolute; content:""; top:45%; width:0.3em; height:0.3em; border-top:2px solid #fff; border-left:2px solid #fff;}
	body .mainSection05 .compareSlide .sliderBar .dragLinee .Btn::before{left:20%; transform:rotate( -45deg ); -webkit-transform:rotate( -45deg ); -moz-transform: rotate( -45deg );}
	body .mainSection05 .compareSlide .sliderBar .dragLinee .Btn::after{right:20%; transform:rotate( 135deg ); -webkit-transform:rotate( 135deg ); -moz-transform: rotate( 135deg );}
	body .mainSection05 .compareSlide .sliderBar .dragLinee .Btn em{display:block; position:absolute; top:38%; width:100%;}
	body .mainSection05 .compareSlide .sliderBar input{display:block; position:relative; width:100%;height:100%; background:none; -webkit-appearance:none;}
	body .mainSection05 .compareSlide .sliderBar input::-webkit-slider-thumb{height:100%; width:2px; background:none; -webkit-appearance:none; cursor:col-resize;}

/* =============================================================================================================== */
/* [세션06] 6번배너 */
body .mainSection06{width:100%;}
body .mainSection06 .Inner{width:100%; min-width:100%;}
body .mainSection06 .Inner img{width:100%;}
body .mainSection06 .mainTitle{position:absolute; width:100%; left:calc((100% - 1300px) / 2); top:50%; transform:translate(0,-50%);}
body .mainSection06 .mainTitle h2{font-size:50pt;}
body .mainSection06 .mainTitle h2 span{font-size:28pt;}
body .mainSection06 .mainTitle p{margin-top:50px; font-size:15pt;}

	
/* =============================================================================================================== */
/*네트워크화면*/
	body .C00009 .HeaderNav_GNB{display:none;}
	body .C00009 .Company_Area{display:none;}
	body .C00009 .Contact_Quick{display:none;}
	body .C00009 .Bottom_Area{display:none;}
	body .C00009 .Footer_Area{display:none;}

	body .NetWorkMainContents_Area{position:absolute; width:100%; height:100%; overflow:hidden;}
	body .NetWorkMainContents_Area
	body .NetWorkMainContents_Area .N_wrap{width:100%;}

	body .NetWorkMainContents_Area .left{position:absolute; top:0; left:0; width:614px; height:100%; background:url('../clinicInfoBM/img/clinicInfoBM_banner_bg.png') top left no-repeat;}
	body .NetWorkMainContents_Area .left .group{padding:210px 0 0 186px;}
	body .NetWorkMainContents_Area .left .group h1{margin-bottom:67px;}

	body .NetWorkMainContents_Area .left .group .Branch_List a{display:block; width:366px; height:77px; margin-bottom:10px; transition: .2s;}
	body .NetWorkMainContents_Area .left .group .Branch_List a.btn_si{background-image:url('../clinicInfoBM/img/clinicInfoBM_banner_04_new.png');}
	body .NetWorkMainContents_Area .left .group .Branch_List a.btn_si:hover{background-image:url('../clinicInfoBM/img/clinicInfoBM_banner_04_hover_new.png');}
	body .NetWorkMainContents_Area .left .group .Branch_List a.btn_gw{background-image:url('../clinicInfoBM/img/clinicInfoBM_banner_05_new.png');}
	body .NetWorkMainContents_Area .left .group .Branch_List a.btn_gw:hover{background-image:url('../clinicInfoBM/img/clinicInfoBM_banner_05_hover_new.png');}
	body .NetWorkMainContents_Area .left .group .Branch_List a.btn_gd{background-image:url('../clinicInfoBM/img/clinicInfoBM_banner_06.png');}
	body .NetWorkMainContents_Area .left .group .Branch_List a.btn_gd:hover{background-image:url('../clinicInfoBM/img/clinicInfoBM_banner_06_hover.png');}

	body .NetWorkMainContents_Area .footer{position:fixed; left:0; bottom:0; width:100%; padding:30px 0; overflow:hidden;}
	body .NetWorkMainContents_Area .footer .container{position:relative; width:1210px; margin:0 auto; margin-left:614px;}
	body .NetWorkMainContents_Area .footer .container .logo{position:absolute; top:0; left:-36px;}
	body .NetWorkMainContents_Area .footer .container .logo img{vertical-align:middle; max-width:100%;}

	body .NetWorkMainContents_Area .footer .container .address{padding:30px 64px 12px;}
	body .NetWorkMainContents_Area .footer .container .address a{padding:0 20px; font-size:22px; font-weight:600; color:#fff; text-decoration:none;}
	body .NetWorkMainContents_Area .footer .container .address .fr{float:right;}
	body .NetWorkMainContents_Area .footer .container .address .fr div{text-align:right; margin-top:0.5em; opacity:.8;}
	body .NetWorkMainContents_Area .footer .container .address .fr div a.create{display:inline-block; color:#fff; font-size:10pt; font-weight:400;}
	body .NetWorkMainContents_Area .footer .container .address .fr div a.create img{display:inline-block; width:100px;}

/* =============================================================================================================== */
/* [세션19] 메인전용퀵  */
	body .MainSection19{display:block; position:fixed !important; right:1vw; bottom:7vw; z-index:100; animation:Banner19_Animation 1.3s linear 0s infinite; padding:0 !important;}
	/* 19번배너 */
	body .Banner19{display:block; position:relative;}
	body .Banner19 .swiper-container{background-color:#48b1cf; border-radius:50px; width:190px;}
	body .Banner19 .BannerThum{display:block; position:relative;}
	body .Banner19 .BannerThum a{display:block; position:relative;  margin-bottom: 0; padding:15px 0; color:#fff; font-weight:700; font-family:'NanumSquare', sans-serif; font-size:13pt;}
	body .Banner19 .BannerThum + .Banner19 .BannerThum{margin-bottom:1em;}
	@keyframes Banner19_Animation{
		0% {margin-bottom: 5px;}
		20% {margin-bottom: 10px;}
		40% {margin-bottom: 0px;}
		60% {margin-bottom: 10px;}
		80% {margin-bottom: 0px;}
		100% {margin-bottom: 5px;}
	}

/* =============================================================================================================== */