@charset "utf-8";
/* 
C00344 힐세리온
*/

/* 메인전용컨텐츠 */
.MainContents_Area * {}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

body .MainContents_Area .Inner{width:1400px; min-width:1400px;}
body .MainContents_Area .mainSection{width:100%; position:relative; display:block; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .MainContents_Area .mainSection01{width:100%; position:relative; overflow:hidden; height:890px;}
body .MainContents_Area .mainSection01 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection01 .wrap{width:100%; position:relative; height:890px;}
body .MainContents_Area .mainSection01 .back img{width:100%; height:100%;}
body .MainContents_Area .mainSection01 .wrap .mainTitle{position:absolute; top:50%; left:50%; transform:translate(-50%,-75%); width:100%; z-index:10; text-align:left; padding-left:260px;}
body .MainContents_Area .mainSection01 .wrap .mainTitle span{display:block;}
body .MainContents_Area .mainSection01 .wrap .mainTitle img{display:inline-block;}
	/*배경*/
	body .MainContents_Area .mainSection01 .wrap .back{width:100%; position:relative;}
	body .MainContents_Area .mainSection01 .wrap .back img{width:100%;}
	/*디폴트*/
	body .MainContents_Area .mainSection01 .wrap .mainTitle .sld_ani01 span{display:block; font-size:24pt; color:#c8efff;}
	body .MainContents_Area .mainSection01 .wrap .mainTitle .sld_ani02 span{font-size:40pt; font-weight:400; color:#fff; margin-top:60px; line-height:1.5;}
	body .MainContents_Area .mainSection01 .wrap .mainTitle .sld_ani02 span b{font-weight:700;  line-height:1.5;}
	body .MainContents_Area .mainSection01 .wrap .mainTitle .sld_ani01{opacity:0;}
	body .MainContents_Area .mainSection01 .wrap .mainTitle .sld_ani02{opacity:0;}

	/*페이지네이션*/
	body .MainContents_Area .mainSection01 .SwiperPagination1{position:absolute; left:260px; bottom:230px; z-index:1;}
	body .MainContents_Area .mainSection01 .SwiperPagination1 span{display:inline-block; vertical-align:middle; margin:0 6px; background:#fff; width:8px; height:8px; opacity:1;}
	body .MainContents_Area .mainSection01 .SwiperPagination1 span.swiper-pagination-bullet-active{border:2px solid #fff; background:transparent; width:30px; height:30px; box-sizing:content-box; position:relative;}
	body .MainContents_Area .mainSection01 .SwiperPagination1 span.swiper-pagination-bullet-active::before{content:''; width:5px; height:5px; background:#fff; display:block; border-radius:500px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

	/*텍스트애니메이션*/
	.mainSection01 .Slide .Slide01Ani01_01{animation:Slide01Ani01_01 2s ease; animation-fill-mode:forwards; transform:translateX(50px);}
	@keyframes Slide01Ani01_01{ 0%{transform:translateX(50px); opacity:0;} 100%{transform:translateX(0); opacity:1;} }
	.mainSection01 .Slide .Slide01Ani01_02{animation:Slide01Ani01_02 2s ease; animation-fill-mode:forwards; animation-delay: 0.5s; transform:translateX(50px);}
	@keyframes Slide01Ani01_02{ 0%{transform:translateX(50px); opacity:0;} 100%{transform:translateX(0); opacity:1;} }

	/*스크롤*/
	body .MainContents_Area .mainSection01 .scrollDown{position:absolute; left:50%; bottom:60px; transform:translate(-50%,0); z-index:900; text-align:center;}
	body .MainContents_Area .mainSection01 .scrollDown .mouse{display:block; position:relative; width: 30px; height: 50px; border-radius:500px; border:2px solid #fff; overflow: hidden; margin:0 auto;}
	body .MainContents_Area .mainSection01 .scrollDown .mouse .dot {width: 5px; height: 5px; background: #fff; border-radius: 500px; opacity: 0; animation: scrollDot 1.2s infinite; position:absolute; left:50%; top:10px; transform:translate(-50%,0);}
	body .MainContents_Area .mainSection01 .scrollDown p{font-size:10pt; font-weight:600; letter-spacing:2px; margin-top:10px; color:#fff;}

	@keyframes scrollDot { 0% { top:10px; opacity: 0; } 100% { top:33px; opacity: 1;}}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .MainContents_Area .mainSection02{padding:180px 0; background:url('/img/C00344/mainSection02_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection02 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:center;}
	/*타이틀*/
	body .MainContents_Area .mainSection02 .contWrap .titleBox{width:18%;}
	body .MainContents_Area .mainSection02 .contWrap .titleBox h2{color:#1c2e40; font-size:36pt; font-weight:700;}
	body .MainContents_Area .mainSection02 .contWrap .titleBox h6{color:#1c2e40; font-size:22pt; font-weight:600; margin-top:25px;}
	body .MainContents_Area .mainSection02 .contWrap .titleBox span.line{display:block; width:30px; height:4px; background:#cfe1e8; margin:40px 0;}
	/*아이콘박스*/
	body .MainContents_Area .mainSection02 .contWrap .contBox{width:55%; padding-left:12%;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap{width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox{width:30%; border:1px solid #1c2f41; clip-path: polygon(25px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25px); position:relative;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox::before{content:''; width:50px; height:1px; position:absolute; top:12px; left:-14px; transform:rotate(-45deg); display:block; background:#1c2f41;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox a{display:block; width:100%; height:100%;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox .icon{width:auto; margin:0 auto; margin-top:40px; text-align:center;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox .txtBox{padding:0 25px; width:100%; display:inline-flex; align-items:center; justify-content:space-between; margin-top:40px; margin-bottom:25px;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox .txtBox p{font-weight:600; color:#1c2e40;}
	body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox .txtBox span{display:block;}
		/*호버*/
		body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap .iconBox a:hover .txtBox span{animation: arrowAni 0.8s infinite;}
		@keyframes arrowAni { 0% { padding-right:0px; } 50% { padding-right:5px; } 100% { padding-right:0px; }}
		/*하단박스*/
		body .MainContents_Area .mainSection02 .contWrap .contBox .boxWrap02{margin-top:30px; margin-left:30px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .MainContents_Area .mainSection03{padding:180px 0; background:#1a242e;}
body .MainContents_Area .mainSection03 .commonTitle{text-align:center;}
body .MainContents_Area .mainSection03 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:space-between; margin-top:70px;}
body .MainContents_Area .mainSection03 .contWrap .contBox{width:48.5%; overflow:hidden; border-radius:20px;}
body .MainContents_Area .mainSection03 .contWrap .contBox img{width:100%;}
body .MainContents_Area .mainSection03 a{display:block; margin:0 auto; margin-top:70px; width:max-content; border:1px solid #fff; padding:20px 40px; position:relative;}
body .MainContents_Area .mainSection03 a::before{content:''; display:block; width:0; height:100%; background:#06a9e1; position:absolute; left:0; top:0; transition:0.5s;}
body .MainContents_Area .mainSection03 a p{color:#fff; position:relative;}
body .MainContents_Area .mainSection03 a p span{color:#06a9e1; transition:0.5s;}
	/*호버*/
	body .MainContents_Area .mainSection03 a:hover::before{width:100%;}
	body .MainContents_Area .mainSection03 a:hover p span{color:#1a242e;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번배너*/
body .MainContents_Area .mainSection04{padding:180px 0; background:url('/img/C00344/mainSection04_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection04 .commonTitle{text-align:center;}
body .MainContents_Area .mainSection04 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection04 .contWrap{width:100%; margin-top:80px; display:inline-flex; align-items:center; justify-content:space-between;}
body .MainContents_Area .mainSection04 .contWrap .imgBoxWrap{width:50%; position:relative;}
body .MainContents_Area .mainSection04 .contWrap .txtBoxWrap{width:50%; padding-left:70px; position:relative;}
	/*이미지박스*/
	body .MainContents_Area .mainSection04 .contWrap .imgBoxWrap .imgBox{width:100%; overflow:hidden; position:absolute; top:0; left:0; opacity:0; transition:0.3s;}
	body .MainContents_Area .mainSection04 .contWrap .imgBoxWrap .imgBox img{width:100%;}
	body .MainContents_Area .mainSection04 .contWrap .imgBoxWrap .imgBox01{position:relative;}
	body .MainContents_Area .mainSection04 .contWrap .imgBoxWrap .imgBox.active{opacity:1;}
	/*텍스트*/
	body .MainContents_Area .mainSection04 .contWrap .txtBox{padding:70px 0; position:relative; width:100%; cursor:pointer;}
	body .MainContents_Area .mainSection04 .contWrap .txtBox h6{display:inline-block; vertical-align:middle; font-size:40pt; color:#fff; font-weight:normal; line-height:1; width:280px; transition:0.3s;}
	body .MainContents_Area .mainSection04 .contWrap .txtBox p{display:inline-block; vertical-align:middle; transition:0.3s; color:#fff;}
	body .MainContents_Area .mainSection04 .contWrap .txtBox span{width:100%; height:1px; display:block; background:#c8efff; position:absolute; bottom:0; left:0;}
	body .MainContents_Area .mainSection04 .contWrap .txtBox.active h6{color:#c8efff;}
	body .MainContents_Area .mainSection04 .contWrap .txtBox.active p{color:#c8efff;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .MainContents_Area .mainSection05{padding:180px 0; background:#f8f8f8;}
body .MainContents_Area .mainSection05 .commonTitle{text-align:center;}
body .MainContents_Area .mainSection05 ul.List{margin-top:80px; width:100%; text-align:center;}
body .MainContents_Area .mainSection05 ul.List li{width:calc(100%/6);}
body .MainContents_Area .mainSection05 ul.List li a{color:#113251; border-top:1px solid #113251; border-bottom:1px solid #113251; border-left:1px solid #113251; background:#fff;}
body .MainContents_Area .mainSection05 ul.List li:last-child a{border-right:1px solid #113251;}
body .MainContents_Area .mainSection05 ul.List li a.Active{background:#113251; color:#fff;}
body .MainContents_Area .mainSection05 .SwiperEventList{margin-top:60px; visibility: hidden;}
body .MainContents_Area .mainSection05 .SwiperEventList .ThumbBox{overflow:hidden;}
body .MainContents_Area .mainSection05 .SwiperEventList .ThumbBox img{width:100%; transition:0.5s;}
body .MainContents_Area .mainSection05 .SwiperEventList a:hover .ThumbBox img{scale:1.1;}
	/*이벤트 내용*/
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicInfo{margin-top:20px;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicInfo .Name{font-size:16pt; font-weight:600; color:#113251;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicInfo .Info{font-size:13pt; font-weight:400; margin-top:10px;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicPrice{text-align:right; margin-top:15px;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicPrice .Right b{color:#113251; font-size:20pt; font-weight:600;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicPrice .Right b span{color:#000; font-size:16pt; font-weight:500; margin-left:5px;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicPrice .Right b big{color:#000; font-size:16pt; font-weight:500;}
	/*숨김*/
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicInfo .Badge{display:none;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicInfo .Cate{display:none;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicMore{display:none;}
	body .MainContents_Area .mainSection05 .SwiperEventList .ClinicPrice .Left{display:none;}	
	/*페이지네이션*/
	body .MainContents_Area .mainSection05 .SwiperPagination5{position:relative; z-index:1; text-align:center; margin-top:50px;}
	body .MainContents_Area .mainSection05 .SwiperPagination5 span{display:inline-block; vertical-align:middle; margin:0 6px; background:#06a9e1; width:8px; height:8px; opacity:1;}
	body .MainContents_Area .mainSection05 .SwiperPagination5 span.swiper-pagination-bullet-active{background:#06a9e1; width:30px; border-radius:500px; box-sizing:content-box; position:relative;}