@charset "utf-8";

/* [메인] 메인컨텐츠 */
.MainContents_Area *{}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/* 영역 */
.MainContents_Area section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; z-index:1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 풀슬라이드영역 */
section.SectionFull{height:800px; overflow:hidden;}
	/* 슬라이드기본 */
	.SectionFull .SwiperFull{width:100%; min-width:100%; height:800px;}
	.SectionFull .SwiperFull .Slide{position:relative; display:block; width:100%; background:#fff;}
	.SectionFull .SwiperFull .Slide a{position:relative; width:100%; display:table; margin:0 auto;}
	.SectionFull .SwiperFull .BgBox{position:absolute; display:block; width:100%; height:100%; z-index:1;}
	.SectionFull .SwiperFull .BgBox img{width:100%; height:100%; object-fit:cover;}
	.SectionFull .SwiperFull .TextBox *{}
	.SectionFull .SwiperFull .TextBox > div{opacity:0; visibility:hidden; -webkit-transform:translateX(10px); transform:translateX(10px); color:#4d4541; line-height:1; letter-spacing:-0.07px;}
	.SectionFull .SwiperFull .TextBox{position:relative; display:table; width:1400px; padding-top:19em; margin:0 auto; z-index:2; text-align:left; vertical-align:middle;}
	.SectionFull .SwiperFull .Slide02 .TextBox{padding-top:14em;}
	.SectionFull .SwiperFull .TextBox.TxtCenter{text-align:center;}
	.SectionFull .SwiperFull .TextBox.TxtLeft{text-align:left;}
	.SectionFull .SwiperFull .TextBox .Text{color:#fff;}
	.SectionFull .SwiperFull .TextBox .Text01{font-size:50px; line-height:1.5; font-weight:400;}
	.SectionFull .SwiperFull .TextBox .Text01 span{font-weight:600;}
	.SectionFull .SwiperFull .TextBox .Text02{font-size:15px; font-family:"Noto Sans KR"; font-weight:400; margin-top:30px; color:#df2d2d; letter-spacing:0.5em;} 
	.SectionFull .SwiperFull .TextBox .Text03{font-size:26px; font-family:"Noto Sans KR"; font-weight:200; line-height:1.5; margin-top:30px;}
	
	/* 영상 */
	.SectionFull .SwiperFull .Slide01 .imgSection img{width:100%;}
	.SectionFull .SwiperFull .Movie_IframArea{position:absolute; z-index:2; top:0;}
	.SectionFull .SwiperFull .Movie_Iframe .TextBox{width:100%; position:absolute;}


	.SectionFull .SwiperFull .swiper-slide.swiper-slide-active .TextBox > div{opacity:1; visibility:visible; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition:all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
	.SectionFull .SwiperFull .swiper-slide.swiper-slide-active .TextBox .Text01{-webkit-transition-delay:0.2s !important; transition-delay:0.2s !important;}
	.SectionFull .SwiperFull .swiper-slide.swiper-slide-active .TextBox .Text02{-webkit-transition-delay:0.4s !important; transition-delay:0.4s !important;}
	.SectionFull .SwiperFull .swiper-slide.swiper-slide-active .TextBox .Text03{-webkit-transition-delay:0.6s !important; transition-delay:0.6s !important;}

	/* 슬라이드 버튼 */
	.SectionFull .SwiperFull .SliderBtn{position:absolute; z-index:1; bottom:50px; width:1400px; left:50%; margin-left:-700px; text-align:center;}
	.SectionFull .SwiperFull .SliderBtn .swiper-pagination-bullet{background-color:#fff; opacity:.2; width:12px; height:12px; margin:0 5px;}
	.SectionFull .SwiperFull .SliderBtn .swiper-pagination-bullet-active{opacity:1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 진료안내 */
.MainSection02{}
.MainSection02 .Inner{padding:150px 0;}
.MainSection02 .Inner .mainTitle{text-align:center;}
.MainSection02 .Inner .mainTitle p{font-weight:400; font-size:14px; color:#8d8d8d; letter-spacing:0.2em;}
.MainSection02 .Inner .mainTitle h3{font-weight:400; color:#000; font-size:50px; margin-top:20px;}
.MainSection02 .Inner .mainTitle h3 span{color:#d71111; font-weight:700; position:relative;}
.MainSection02 .Inner .mainTitle h3 span::after{content:''; display:inline-block; width:10px; height:10px; background-color:#d71111; border-radius:50px; position:absolute; right:-15px; top:-3px;}

.MainSection02 .contBox ul{display:flex; margin-top:80px; flex-wrap:wrap;}
.MainSection02 .contBox ul li{width:calc(100% / 2 - 80px); position:relative; overflow:hidden; transition:0.5s; border:1px solid #d9d9d9; margin:20px 40px;}
.MainSection02 .contBox ul li .ImgBox{background-color:#000;}
.MainSection02 .contBox ul li .ImgBox img{width:100%; object-fit:cover; transition:0.5s;}
.MainSection02 .contBox ul li .ThumbBox{position:absolute; bottom:0; width:100%; height:100%; display:flex; justify-content:space-between; align-items:flex-end;}
.MainSection02 .contBox ul li .TextBox{padding:50px;}
.MainSection02 .contBox ul li .TextBox .Text01{color:#000; font-weight:600; font-size:30px; position:relative; display:inline-block;}
.MainSection02 .contBox ul li .TextBox .Text02{font-size:18px; line-height:1.6; margin-top:20px;}
.MainSection02 .contBox ul li .ThumbBox .AddBtn{width:55px; height:55px; background-color:#8f1b1b; }
.MainSection02 .contBox ul li .ThumbBox .AddBtn span{display:inline-block; width:100%; height:100%; color:#fff; font-size:50px; text-align:center; line-height:1em; transition:transform 0.6s ease;}

	.MainSection02 .contBox ul li:nth-child(5){width:100%;}
	.MainSection02 .contBox ul li:nth-child(5) .ThumbBox{justify-content:flex-end;}
	.MainSection02 .contBox ul li:nth-child(5) .ThumbBox .TextBox{width:43%; height:100%; display:flex; flex-direction:column; justify-content:center;}

.MainSection02 .contBox ul li:hover{transform:translateY(-20px);}
.MainSection02 .contBox ul li:hover .ImgBox img{opacity:0.3;}
.MainSection02 .contBox ul li:hover .TextBox .Text01,
.MainSection02 .contBox ul li:hover .TextBox .Text02{color:#fff;}
.MainSection02 .contBox ul li:hover .TextBox .Text01::after{content:''; display:inline-block; width:10px; height:10px; background-color:#d71111; border-radius:50px; position:absolute; right:-20px; top:-3px;}
.MainSection02 .contBox ul li:nth-child(5):hover .TextBox .Text01::after{left:60%;}
.MainSection02 .contBox ul li:hover .AddBtn span{transform:rotate(360deg);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 대표원장소개 */
.MainSection03{background-color:#f5f5f5; background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection03 .Inner{padding:150px 0;}
.MainSection03 .Inner .mainTitle{text-align:center;}
.MainSection03 .Inner .mainTitle p{font-weight:400; font-size:14px; color:#8d8d8d; letter-spacing:0.2em;}
.MainSection03 .Inner .mainTitle h3{font-weight:400; color:#000; font-size:50px; margin-top:20px; line-height:1.5;}
.MainSection03 .Inner .mainTitle h3 span{color:#000; font-weight:700; position:relative;}

.MainSection03 .contBox{display:flex; margin-top:80px;}
/*.MainSection03 .contBox::after{content:''; display:block; background:url('/img/C00303/MainSection03_logo.png') no-repeat; position:absolute; bottom:0; right:0; width:280px; height:200px; z-index:999;}*/
.MainSection03 .contBox .Profile{width:100%; position:relative; margin-top:30px;}
.MainSection03 .contBox .Profile::before{content:''; display:block; width:100%; height:1px; background-color:#949494; position:absolute; top:80px;}
.MainSection03 .contBox .Profile h3{font-size:40px; color:#464646; padding-left:100px;}
.MainSection03 .contBox .Profile h3 span{font-size:24px; font-weight:500;}
.MainSection03 .contBox .Profile .HistoryBox{display:flex; justify-content:space-between; padding-left:100px; margin-top:65px;}
.MainSection03 .contBox .Profile .TextBox .Title{font-size:20px; color:#000; font-weight:600;}
.MainSection03 .contBox .Profile .TextBox ul li{display:flex; align-items:center; margin:18px 0; font-size:17px; font-weight:300;}
.MainSection03 .contBox .Profile .TextBox ul li span{content:''; display:inline-block; width:4px; height:4px; background-color:#000; border-radius:50px; margin-right:8px;}

.MainSection03 .contBox .Profile .ThumbBox{width:40%;}
.MainSection03 .contBox .Profile .ThumbBox .TextBox:nth-child(1){margin-bottom:60px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 시술소개 */
.MainSection04{background-color:#fff; background:url('/img/C00303/mainSection04_Bg.jpg') no-repeat; background-size:cover;}
.MainSection04 .Inner{padding:150px 0 80px; border-bottom:1px solid #fff;}
.MainSection04 .Inner .mainTitle{text-align:left;}
.MainSection04 .Inner .mainTitle p{font-weight:500; font-size:28px; color:#d71111;}
.MainSection04 .Inner .mainTitle h3{font-weight:400; color:#000; font-size:45px; margin-top:20px; line-height:1.6; padding-bottom:50px; border-bottom:1px solid #000;}
.MainSection04 .Inner .mainTitle h3 span{color:#000; font-weight:700;}

.MainSection04 .contBox{padding-top:50px;}
.MainSection04 .contBox .Text{font-size:22px; color:#464646; font-weight:400; line-height:1.5;} 
.MainSection04 .contBox .Info{margin-top:50px; display:flex; justify-content:space-between;}
.MainSection04 .contBox .Info .ImgBox p{text-align:center; color:#fff; margin-top:20px; font-size:20px; font-weight:300;}
.MainSection04 .contBox .Info .ThumbBox02{display:flex; position:relative;}
.MainSection04 .contBox .Info .ThumbBox02 .ImgBox{width:calc(100%/2 - 15px); margin:0 15px;}
.MainSection04 .contBox .Info .ThumbBox02 .ImgBox02::after{content:''; display:inline-block; width:0; height:0; border-bottom:13px solid transparent; border-top:13px solid transparent; border-right:13px solid transparent; border-left:14px solid #000; position:absolute; top:40%; right:46.9%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 의료장비소개 */
.MainSection05{background-color:#8f1b1b;}
.MainSection05 .Inner{padding:150px 0;}
.MainSection05 .Inner .mainTitle{text-align:center;}
.MainSection05 .Inner .mainTitle p{font-weight:400; font-size:14px; color:#fff; letter-spacing:0.2em;}
.MainSection05 .Inner .mainTitle h3{font-weight:400; color:#fff; font-size:50px; margin-top:20px; line-height:1.5;}
.MainSection05 .Inner .mainTitle h3 span{color:#fff; font-weight:700;}

.MainSection05 .Inner .contBox{margin-top:50px;}
.MainSection05 .Inner .contBox .Text{color:#fff; text-align:center; font-size:20px; line-height:1.8; font-weight:300;}
.MainSection05 .Inner .contBox ul{margin-top:80px; display:flex; justify-content:space-between; width:1350px; margin:80px auto 0;}
.MainSection05 .Inner .contBox ul li{width:calc(100% / 4 - 25px); margin:0 25px;}

.MainSection05 .Inner .contBox .PageBtn a{display:flex; justify-content:center; align-items:center; width:240px; height:50px; border-radius:50px; background-color:#000; color:#fff; margin: 50px auto 0; font-size:18px;}
.MainSection05 .Inner .contBox .PageBtn a .arrowBox{margin-left:10px; display:none; margin-left:25px; position:relative;}
.MainSection05 .Inner .contBox .PageBtn a .arrow01{width:15px; height:1px; background-color:#851919; display:inline-block; position:absolute; top:50%; left:-15px;}
.MainSection05 .Inner .contBox .PageBtn a .arrow02{display:inline-block; width:25px; height:25px; background-color:#851919; border-radius:50px; position:relative;}
.MainSection05 .Inner .contBox .PageBtn a .arrow02::before{content:''; display:inline-block; width:15px; height:1px; background-color:#fff; position:absolute; top:50%;}
.MainSection05 .Inner .contBox .PageBtn a .arrow02::after{content:''; display:inline-block; width:10px; height:1px; background-color:#fff; position:absolute; top:38%; left:29%; transform:rotate(45deg);}

.MainSection05 .Inner .contBox .PageBtn:hover a .arrowBox{display:block;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 갤러리 */
.MainSection06{background-color:#fff;}
.MainSection06 .Inner{padding:150px 0; width:100%; min-width:100%;}
.MainSection06 .Inner .mainTitle{text-align:center;}
.MainSection06 .Inner .mainTitle p{font-weight:400; font-size:14px; color:#8d8d8d; letter-spacing:0.2em;}
.MainSection06 .Inner .mainTitle h3{font-weight:300; color:#000; font-size:50px; margin-top:10px; line-height:1.5;}
.MainSection06 .Inner .mainTitle h3 span{color:#000; font-weight:700;}

	/*이미지*/
	.MainSection06 .contBox{margin-top:80px;}
	.MainSection06 .contBox .swiper-slide img{width:100%; opacity:0.5;}
	.MainSection06 .contBox .swiper-slide{background-color:#000; scale:0.7;}
	.MainSection06 .contBox .swiper-slide-active{scale:1; transition:0.5s; z-index:900;}
	.MainSection06 .contBox .swiper-slide-active img{opacity:1;}

	.MainSection06 .btnWrap .swiper-button-prev{position:absolute; left:20%; top:50%;}
	.MainSection06 .btnWrap .swiper-button-prev::after{display:none;}
	.MainSection06 .btnWrap .swiper-button-next{position:absolute; right:20%; top:50%;}
	.MainSection06 .btnWrap .swiper-button-next::after{display:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션07] */
.MainSection07{background:url('/img/C00303/mainSection07_Bg.jpg') no-repeat; background-size:cover;}
.MainSection07 .Inner{padding:250px 0;}
.MainSection07 .Inner .mainTitle{text-align:center;}
.MainSection07 .Inner .mainTitle h3{font-weight:400; color:#fff; font-size:50px; line-height:1.8;}
.MainSection07 .Inner .mainTitle h3 span{color:#fff; font-weight:700;}
.MainSection07 .Inner .mainTitle .Text01{font-weight:400; font-size:14px; color:#df2d2d; letter-spacing:0.2em; margin:60px 0;}
.MainSection07 .Inner .mainTitle .Text02{color:#fff; line-height:1.8; font-size:20px; font-weight:300;}