@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;} /* AOS때문에z-index:1 */


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
section.MainSection01{}
.MainSection01 .Inner{width:100%;}
	/* 기본 */
	.MainSection01 .MultiSlider{width:100%; min-width:100%; height:900px;}
	.MainSection01 .MultiSlider .Slide{position:relative; display:block; width:100%; background:#fff;}
	.MainSection01 .MultiSlider .Slide a{position:relative; width:1920px; display:table; margin:0 auto;}
	.MainSection01 .MultiSlider .ThumbBox{position:absolute; display:block; width:1920px; z-index:1;}
	.MainSection01 .MultiSlider .ThumbBox span{position:relative; display:block; height:100%;}
	.MainSection01 .MultiSlider .ThumbBox span img{position:relative; display:block; height:100%;}
	.MainSection01 .MultiSlider .TextBox *{opacity:0; visibility:hidden; -webkit-transform:translateY(10px); transform:translateY(10px); color:#fff;}
	.MainSection01 .MultiSlider .TextBox{position:relative; display:table; width:1370px; padding-top:27em; margin:0 auto; z-index:2; text-align:left; vertical-align:middle;}
	.MainSection01 .MultiSlider .TextBox span{position:relative; display:block; font-weight:400; line-height:1; font-size:22pt;}
	.MainSection01 .MultiSlider .TextBox em{position:relative; display:block; vertical-align:middle; font-weight:500; font-size:52pt; letter-spacing:0; margin:5px 0 0 0; line-height:1.3;}
	.MainSection01 .MultiSlider .TextBox em small{display:inline-block; line-height:1; font-size:18pt; padding-left:6px; margin-left:10px;}
	.MainSection01 .MultiSlider .TextBox em small:before{position:absolute; content:''; height:16px; width:1px; background-color:#fff; left:0; top:50%; margin-top:-8px;}
	.MainSection01 .MultiSlider .TextBox p{position:relative; display:block; margin-top:25px; font-weight:200; font-size:16pt; line-height:1.6; letter-spacing:0;}
	.MainSection01 .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;}
	.MainSection01 .MultiSlider .swiper-slide.swiper-slide-active .TextBox span{-webkit-transition-delay:0.2s !important; transition-delay:0.2s !important;}
	.MainSection01 .MultiSlider .swiper-slide.swiper-slide-active .TextBox em{-webkit-transition-delay:0.4s !important; transition-delay:0.4s !important;}
	.MainSection01 .MultiSlider .swiper-slide.swiper-slide-active .TextBox p{-webkit-transition-delay:0.6s !important; transition-delay:0.6s !important;}
	
	/* 슬라이드 버튼 */
	.MainSection01 .MultiSlider .SliderBtn{position:absolute; z-index:1; bottom:5%; width:1400px; left:50%; margin-left:-700px; text-align:center;}
	.MainSection01 .MultiSlider .SliderBtn .swiper-pagination-bullet{background-color:#fff; opacity:.2;}
	.MainSection01 .MultiSlider .SliderBtn .swiper-pagination-bullet-active{opacity:1;}

	/* 특정 슬라이드 */
	.MainSection01 .MultiSlider .Slide01{background-image:linear-gradient(to right, #d0a187 , #dcb79d);}
	.MainSection01 .MultiSlider .Slide02{background-color:#c5c3d0;}
	.MainSection01 .MultiSlider .Slide03{background-color:#e1dbd7;}
	.MainSection01 .MultiSlider .Slide04{background-image:linear-gradient(to right, #c0b3a3 , #c6b6a7);}
	.MainSection01 .MultiSlider .Slide05{background-color:#b8d2d1;}
	.MainSection01 .MultiSlider .Slide06{background-image:linear-gradient(to right, #7d6f66 , #afaaa6)}
	.MainSection01 .MultiSlider .Slide07{background-color:#af9e94;}
	.MainSection01 .MultiSlider .Slide07 .TextBox{position:relative; display:table; width:1400px; padding-top:32em; margin:0 auto; z-index:2; text-align:center; vertical-align:middle;}
	.MainSection01 .MultiSlider .Slide07 .TextBox span{position:relative; display:block; margin:0; padding:0; border:none; vertical-align:middle; font-weight:300; font-size:16pt; line-height:1.3;}

	@media (max-width: 1920px) {
		section.MainSection01{width:1920px; margin-left:-960px; left:50%;}
		section.MainSection01 .MultiSlider .Slide a{margin:auto;}
	  }


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
section.MainSection02{padding:150px 0 150px 0; background:linear-gradient(#f7f4f1, #f5f1ee);}
.MainSection02 > .Inner{width:100%; text-align:right;}
	/* 타이틀 */
	.MainSection02 .MainSectionTitle{position:absolute; left:50%; margin-left:-685px; display:inline-table; vertical-align:top; width:1370px; text-align:left; padding-top:140px;}
	.MainSection02 .MainSectionTitle p *{line-height:1; }
	.MainSection02 .MainSectionTitle p{}
	.MainSection02 .MainSectionTitle p span{display:block; font-size:25px; font-weight:500; color:#a48c7c;}
	.MainSection02 .MainSectionTitle p em{display:block; font-size:40px; color:#a48c7c; margin-top:13px; font-weight:500;}
	/* 기본 */
	.MainSection02 .MultiSlider{position:relative; display:inline-block; vertical-align:top; width:55%;}
	.MainSection02 .MultiSlider .Slide{}
	.MainSection02 .MultiSlider .Slide a{position:relative; display:block; background-color:#000;}
	.MainSection02 .MultiSlider .Slide a:before{content:""; display:block; position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-50px; width:100px; height:2px; background-color:#fff; opacity:0; z-index:2;} 
	.MainSection02 .MultiSlider .Slide a:after{content:""; display:block; position:absolute; left:50%; margin-left:-1px; top:50%; margin-top:-50px; width:2px; height:100px; background-color:#fff; opacity:0;z-index:2;} /* 일단숨김 */
	.MainSection02 .MultiSlider .Slide a:hover img{opacity:.7; scale:1.05; transition-duration:500ms;}
	.MainSection02 .MultiSlider .Slide a:hover:before{opacity:1; transition-duration:500ms;}
	.MainSection02 .MultiSlider .Slide a:hover:after{opacity:1; transition-duration:500ms;}
	.MainSection02 .MultiSlider .ThumbBox{position:relative; overflow:hidden;}
	.MainSection02 .MultiSlider .ThumbBox span{position:relative; display:block;}
	.MainSection02 .MultiSlider .ThumbBox img{position:relative; display:block; width:100%;}
	.MainSection02 .MultiSlider .TextBox *{display:block; text-align:left; color:#404041; line-height:1;}
	.MainSection02 .MultiSlider .TextBox{position:relative; margin-top:32px; text-align:left;}
	.MainSection02 .MultiSlider .TextBox span{position:relative; display:inline-block; font-size:15pt; font-weight:500;}
	.MainSection02 .MultiSlider .TextBox p{display:block; font-size:13pt; font-weight:200; margin-top:14px; line-height:1.4;}
	
	/* 슬라이드 화살표 */
	.MainSection02 .SlderArrow{position:absolute; width:1370px; margin-left:-685px; left:50%; z-index:2; bottom:142px; text-align:left;}
	.MainSection02 .swiper-button-prev02,
	.MainSection02 .swiper-button-next02{position:relative; display:inline-block; cursor:pointer; background:none; font-size:26pt; color:#a48c7c; opacity:.5; line-height:1; background:none; padding:0; text-align:left;}
	.MainSection02 .swiper-button-prev02:after,
	.MainSection02 .swiper-button-next02:after{display:none;}
	.MainSection02 .swiper-button-prev02:hover,
	.MainSection02 .swiper-button-next02:hover{transition-duration:300ms; opacity:1;}
	.MainSection02 .swiper-button-prev02{left:0;}
	.MainSection02 .swiper-button-next02{left:20px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
section.MainSection03{padding:150px 0 140px 0; background-image:url('/img/C00197/MainSection03_bg.jpg'); background-size:cover;}
.MainSection03 > .Inner{width:1370px; min-width:1370px;}
	/* 타이틀 */
	.MainSection03 .MainSectionTitle{position:relative; text-align:center;}
	.MainSection03 .MainSectionTitle p *{line-height:1; }
	.MainSection03 .MainSectionTitle p{}
	.MainSection03 .MainSectionTitle p span{display:block; font-size:30pt; font-weight:500; color:#a48c7c;}
	/* 기본 */
	.MainSection03 .MultiSlider{position:relative; display:block; vertical-align:top; width:100%; margin-top:70px;}
	.MainSection03 .MultiSlider .Slide{}
	.MainSection03 .MultiSlider .Slide a{position: relative; display:block;}
	.MainSection03 .MultiSlider .Slide a img{width:100%;}
	.MainSection03 .MultiSlider .TextBox{display:none;}
	.MainSection03 .Spin{position:absolute; right:-7%; top:10%;}
	.MainSection03 .Spin img{animation:SpinImage 15s linear infinite; transform-origin:50% 50%;}
	@keyframes SpinImage {
		100% {transform: rotate(360deg);}
	}
	/* 더보기버튼 */
	.MainSection03 .More{display:block; text-align:center; margin-top:80px;}
	.MainSection03 .More a{line-height:1; display:inline-block; color:#a48c7c; letter-spacing:0px; font-size:14pt; border-radius:100px; border:1.5px solid #a48c7c; padding:10px 50px 10px 50px; font-weight:500;}
	.MainSection03 .More a i{line-height:1; font-size:11pt; position:relative;}
	.MainSection03 .More a:hover{background-color:#c9b9af; color:#fff; transition-duration:300ms;}
	
	/* 슬라이드 버튼 */
	.MainSection03 .MultiSlider .SliderBtn{position:relative; z-index:1; bottom:auto; margin-bottom:20px;}
	.MainSection03 .MultiSlider .SliderBtn .swiper-pagination-bullet{background-color:#d0c3ba; opacity:1;}
	.MainSection03 .MultiSlider .SliderBtn .swiper-pagination-bullet-active{background-color:#a48c7c;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
section.MainSection04{padding:150px 0 150px 0; background-image:url('/img/C00197/MainSection04_bg.jpg'); background-size:cover; background-position:bottom;}
.MainSection04 .Inner{width:1370px; min-width:1370px;}
	/* 타이틀 */
	.MainSection04 .MainSectionTitle{position:relative; text-align:center;}
	.MainSection04 .MainSectionTitle p *{line-height:1; }
	.MainSection04 .MainSectionTitle p{}
	.MainSection04 .MainSectionTitle p span{display:block; font-size:30pt; font-weight:500; color:#a48c7c;}
	/* 기본 */
	.MainSection04 .ThumbBox{position:relative; display:block; width:100%; margin-top:110px;}
	.MainSection04 .ThumbBox img{display:block; width:100%;}
	.MainSection04 ul.List{position:relative; display:table; width:100%; margin-top:90px;}
	.MainSection04 ul.List li{position:relative; display:inline-table; width:calc(100% / 3); vertical-align:top; padding:10px 0;}
	.MainSection04 ul.List li + li{border-left:1px solid #fff8f5;}
	.MainSection04 .Banner04 .TextBox *{color:#404041; line-height:1; text-align:center;}
	.MainSection04 .Banner04 .TextBox{position:relative; display:table; width:100%; text-align:center;}
	.MainSection04 .Banner04 .TextBox span{position:relative; display:inline-block; font-size:15pt; font-weight:500;}
	.MainSection04 .Banner04 .TextBox p{display:block; font-size:13pt; font-weight:200; margin-top:19px; line-height:1.4;}
	.MainSection04 .Cont01{}
	.MainSection04 .Cont02{}
	.MainSection04 .Cont03{}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 병원사진 */
section.MainSection05{padding:140px 0 120px 0; background-color:#fffaf8; display:none;}
.MainSection05 > .Inner{width:100%; text-align:right;}
	/* 타이틀 */
	.MainSection05 .MainSectionTitle{position:absolute; left:50%; margin-left:-700px; display:inline-table; vertical-align:top; width:1400px; text-align:left; padding-top:5em;}
	.MainSection05 .MainSectionTitle p *{line-height:1;}
	.MainSection05 .MainSectionTitle p{}
	.MainSection05 .MainSectionTitle p span{display:block; font-size:45pt; font-weight:500; color:#645650;}
	.MainSection05 .MainSectionTitle p em{display:block; font-size:78pt; color:#bcb7b5; font-family:'Italiana'; margin-top:10px;}
	/* 기본 */
	.MainSection05 .MultiSlider{position:relative; display:inline-block; vertical-align:top; width:58%;}
	.MainSection05 .MultiSlider .Slide{}
	.MainSection05 .MultiSlider .ThumbBox{position:relative; overflow:hidden; background-color:#fffaf8;}
	.MainSection05 .MultiSlider .ThumbBox img{position:relative; display:block; width:100%; scale:.7; opacity:0.5;}
	.MainSection05 .MultiSlider .swiper-slide.swiper-slide-active .ThumbBox img{scale:1; opacity:1;}
	
	/* 슬라이드 화살표 */
	.MainSection05 .SlderArrow{position:absolute; width:100%; z-index:2; bottom:65%;}
	.MainSection05 .swiper-button-prev05,
	.MainSection05 .swiper-button-next05{position:absolute; cursor:pointer; background:none; font-size:37pt; color:#fff; line-height:1; background:#e1d8d3; padding:0.3em;}
	.MainSection05 .swiper-button-prev05:after,
	.MainSection05 .swiper-button-next05:after{display:none;}
	.MainSection05 .swiper-button-prev05{left:0; display:none;}
	.MainSection05 .swiper-button-next05{right:21%;}

	/* 슬라이드 버튼 */
	.MainSection05 .MultiSlider .SliderBtn{position:relative; z-index:3; bottom:6%; margin:0; left:0%; width:100%; text-align:left; padding-bottom:10px; border-bottom:1px solid #978d89; background-color:#fffaf8; margin-top:1.5em;}
	.MainSection05 .MultiSlider .SliderBtn .swiper-pagination-bullet{background:none; opacity:1; width:auto; height:auto; color:#cdc2be; font-weight:400; font-size:11pt; margin:0;}
	.MainSection05 .MultiSlider .SliderBtn .swiper-pagination-bullet-active{color:#978d89;}
	.MainSection05 .MultiSlider .SliderBtn .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:20px;}