@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.SectionFull{}
.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:25em; margin:0 auto; z-index:2; text-align:left; vertical-align:middle;}
	.SectionFull .MultiSlider .TextBox span{position:relative; display:block; font-weight:600; line-height:1; font-size:37pt; letter-spacing:-1.5px;}
	.SectionFull .MultiSlider .TextBox em{position:relative; display:block; vertical-align:middle; font-weight:200;font-size:22pt;letter-spacing:0; margin:30px 0 0 0; line-height:1.3;}
	.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 .Slide02 .TextBox span{font-size:34pt; letter-spacing:-1px; line-height:1.4;}
	@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);}

	/*외국어*/
	.C00295 .SectionFull .MultiSlider .Slide02 .TextBox span{font-size:30pt;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
section.SectionList{padding:130px 0 130px 0;}
.SectionList > .Inner{width:1400px; min-width:1400px; text-align:center;}
	/* 타이틀 */
	.SectionList .MainSectionTitle{position:relative; display:block; margin:0 auto;}
	.SectionList .MainSectionTitle p *{line-height:1; font-size:33pt; letter-spacing:-1px; font-weight:600;}
	.SectionList .MainSectionTitle p{position:relative; display:block;}
	.SectionList .MainSectionTitle p span{display:inline-block; color:#414141;}
	.SectionList .MainSectionTitle p em{display:inline-block; color:#000;}
	/* 기본 */
	.SectionList ul{display:table; width:100%; text-align:center; margin:55px auto 0 auto;}
	.SectionList ul li{display:inline-table; vertical-align:top;}
	.SectionList ul li + li{margin-left:10px;}
	.SectionList ul li img{}
	.SectionList ul li p{display:center; display:block; font-size:16pt; font-weight:600; color:#7f7b73; margin-top:20px;}
	.SectionList ul li > div{width:342px; height:460px; overflow:hidden;}
	.SectionList ul li > div img{width:100%; height:100%; object-fit:cover;}
	.SectionList ul li > div:hover img{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode: both;-webkit-animation-name:pulse; animation-name:pulse;}
	
	@keyframes pulse {
		0%{-webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}
		50%{-webkit-transform:scale3d(1.05, 1.05, 1.05); -ms-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05)}
		100%{-webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}
	}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 장비영역 */
section.SectionDevice{padding:0 0 130px 0; background-image:url('/img/C00289/MainDevice_Bg.jpg'); background-size:cover; height:820px;}
.SectionDevice > .Inner{width:1400px; min-width:1400px; margin:0 auot;}
	/* 타이틀 */
	.SectionDevice .MainSectionTitle{position:absolute; width:100%; display:block; margin:0 auto; text-align:center; top:130px; z-index:2;}
	.SectionDevice .MainSectionTitle p *{line-height:1; font-size:37pt; letter-spacing:-1px; font-weight:500;}
	.SectionDevice .MainSectionTitle p{position:relative; display:table; text-align:left;}
	.SectionDevice .MainSectionTitle p span{display:inline-table; color:#585248; vertical-align:middle;}
	.SectionDevice .MainSectionTitle p span:after{content:''; width:12px; height:12px; border-radius:10px; background-color:#e2dcd0; position:absolute; display:inline-table; vertical-align:middle; margin:0 2px;}
	.SectionDevice .MainSectionTitle p em{display:table; color:#000; vertical-align:middle; margin-top:8px;}
	
	.SectionDevice .ContArea{display:block; width:100%;}
	.SectionDevice .DeviceTab{display:flex; width:100%; align-items:flex-start;}
	.SectionDevice .TabsHead{display:block; width:calc(100% - 850px); padding-top:340px;}
	.SectionDevice .TabsHead ul{display:block; width:100%;}
	.SectionDevice .TabsHead ul li{position:relative; display:table; width:100%;font-size: 25pt;color: #b4afa8;padding-bottom:15px;font-weight: 400;}
	.SectionDevice .TabsHead ul li a{display:inline-table; vertical-align:middle;}
	.SectionDevice .TabsHead ul li img{display:inline-table; vertical-align:middle;; opacity:0; margin-left:10px; opacity:0; transition:300ms;}
	.SectionDevice .TabsHead ul li.Active img{ margin-left:25px; opacity:1; transition:300ms;}
	.SectionDevice .TabsHead ul li + li{margin-top:37px;}
	.SectionDevice .TabsHead ul li:after{transition:250ms; content:''; left:-2%; position:absolute; opacity:.5; height:2px; background:#e6e4e0; bottom:0; width:253px}
	.SectionDevice .TabsHead ul li.Active:after{transition:250ms; content:''; left:-2%; position:absolute; opacity:1; width:550px; height:2px; background:linear-gradient(to right, #e3dfd8 80% , transparent); bottom:0;}

	.SectionDevice .TabsHead ul .Active{display:block;width:100%;color: #665b4c;font-weight: 600;}
	.SectionDevice .TabBody{display:block; width:850px;}
	.SectionDevice .TabBody .Cont{opacity:0; z-index:-1; visibility:hidden; transition:250ms; position:absolute}
	.SectionDevice .TabBody .Cont img{}
	.SectionDevice .TabBody .Cont span{}
	.SectionDevice .TabBody .Cont .TextBox{display:table;margin:0 auto;text-align: center;padding-right: 10%;}
	.SectionDevice .TabBody .Cont span{position:relative; display:inline-table; margin:0 auto; text-align:left; background-color:#cac8c6; padding:6px 13px; border-radius:100px; line-height:1; font-size:13pt; letter-spacing:-1px; font-weight:500; color:#fff; margin-top:20px; margin:5px 3px 5px 3px;}
	.SectionDevice .TabBody .Cont.Active{opacity:1; z-index:2; visibility:visible; transition:250ms; position:relative}
	.SectionDevice .TabBody .Cont.Active img{}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 이벤트영역 */
section.SectionEvent{padding:130px 0 130px 0; }
.SectionEvent > .Inner{width:1400px; min-width:1400px; margin:0 auot;}
	/* 타이틀 */
	.SectionEvent .MainSectionTitle{position:relative; display:block; margin:0 auto; text-align:center; width::100%}
	.SectionEvent .MainSectionTitle p *{line-height:1; font-size:37pt; letter-spacing:-1px; font-weight:500;}
	.SectionEvent .MainSectionTitle p{position:relative; display:table;}
	.SectionEvent .MainSectionTitle p span{display:inline-table; color:#767676; vertical-align:middle;}
	.SectionEvent .MainSectionTitle p span:after{content:''; width:70px; height:1px; background-color:#b5b1a9; position:relative; display:inline-table; vertical-align:middle; margin:0 10px;}
	.SectionEvent .MainSectionTitle p em{display:inline-table; color:#000; padding-left:5px; vertical-align:middle;}
	.SectionEvent .MainSectionTitle small{position:relative; display:block; margin:0 auto; text-align:left; line-height:1; font-size:16pt; letter-spacing:-1px; font-weight:400; color:#989897; margin-top:20px;}
	/* 기본 */
	.SectionEvent .SlideEvent{position:relative; display:block; margin:60px auto 0 auto;}
	.SectionEvent .SlideEvent .Slide .ThumbBox{overflow:hidden; width:100%; height:100%; object-fit:cover;}
	.SectionEvent .SlideEvent .Slide .ThumbBox:hover img{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode: both;-webkit-animation-name:pulse; animation-name:pulse;}
	.SectionEvent .SlideEvent .Slide img{width:100%;}
	
	.SectionEvent .SliderArrow{position:absolute; width:1550px; margin-left:-775px; left:50%; top:55%; display:flex; align-items:center;}
	.SectionEvent .SliderArrow > div{width:fit-content; cursor:pointer;}
	.SectionEvent .SliderArrow .SwiperArrow_Left{}
	.SectionEvent .SliderArrow .SwiperArrow_Right{position:absolute; right:0;}
	/* 슬라이드 버튼 */
	.SectionEvent .SliderBtn{position:relative; z-index:1; bottom:0%; width:1400px; left:50%; margin-left:-700px; text-align:center; margin-top:30px; display:none;}
	.SectionEvent .SliderBtn .swiper-pagination-bullet{width:10px; height:10px; background-color:#b5b1a9; opacity:.4; margin:0 4px}
	.SectionEvent .SliderBtn .swiper-pagination-bullet-active{opacity:1;}

	/*슬라이드 3개까지*/
	.SectionEvent.OnlyOne .SliderArrow{display:none;}
	.SectionEvent.OnlyOne .SlideEvent .Slide .ThumbBox{width:335px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 병원사진 */
section.SectionPreview{padding:130px 0 130px 0; background-image:url('/img/C00289/MainPreview_Bg.jpg'); background-size:cover;}
.SectionPreview > .Inner{width:1000px; min-width:1000px; margin:0 auot;}
	/* 타이틀 */
	.SectionPreview .MainSectionTitle{position:relative; display:block; margin:0 auto; text-align:center;}
	.SectionPreview .MainSectionTitle p *{line-height:1; font-size:37pt; letter-spacing:-1px; font-weight:500;}
	.SectionPreview .MainSectionTitle p{position:relative; display:block;}
	.SectionPreview .MainSectionTitle p span{display:inline-block; color:#2c2c2c;}
	.SectionPreview .MainSectionTitle p em{display:inline-block; color:#beb19e; padding-left:5px;}
	/* 기본 */
	.SectionPreview .SliderPreviewBig{position:relative; width:100%; height:auto; margin:60px 0 20px 0; overflow:hidden;}
	.SectionPreview .SliderPreviewBig .swiper-button{display:none;}
	.SectionPreview .SliderPreviewBig .swiper-pagination{}
	.SectionPreview .SliderPreviewBig .swiper-pagination{position:absolute !important; left:20% !important; top:80%; width:auto !important; display:block;}
	.SectionPreview .SliderPreviewBig .ThumbBox{ width:auto;}
	.SectionPreview .SliderPreviewBig .ThumbBox img{width:100%;}

	.SectionPreview .SliderPreview{position:relative; width:100%; padding:0; overflow:hidden;}
	.SectionPreview .SliderPreview .swiper-button{display:none;}
	.SectionPreview .SliderPreview .swiper-pagination{}
	.SectionPreview .SliderPreview .swiper-pagination{position:absolute !important; left:20% !important; top:80%; width:auto !important; display:block;}
	.SectionPreview .SliderPreview .ThumbBox{width:151px; height:auto; text-align:center; overflow:hidden; border-radius:7px; background-color:#000;}
	.SectionPreview .SliderPreview .ThumbBox img{opacity:.6;}
	.SectionPreview .SliderPreview .swiper-slide-active{ border:2px solid #7a7772;}
	.SectionPreview .SliderPreview .swiper-slide-active.ThumbBox img{opacity:1;}
	.SectionPreview .SliderPreview .ThumbBox img{width:100%; cursor:pointer;}
	
	.SectionPreview .SliderArrow{position:absolute; width:1250px; margin-left:-625px; left:50%; top:50%; display:flex; align-items:center;}
	.SectionPreview .SliderArrow > div{width:fit-content; cursor:pointer;}
	.SectionPreview .SliderArrow .SwiperArrow_Left{}
	.SectionPreview .SliderArrow .SwiperArrow_Right{position:absolute; right:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 외국어페이지 죠정 */
.C00297 .SectionList ul li p{font-size:14pt;}

	
	