@charset "utf-8";

/* 메인전용컨텐츠 */
.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;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 1번배너 */
.MainSection01{width:100%; position:relative; height:840px; overflow:hidden;}
.MainSection01 .Inner{width:100%; min-width:100%;}
.MainSection01 .swiper-container{height:840px;}
.MainSection01 .swiper-wrapper{text-align:center;}
.MainSection01 .swiper-slide{height:840px; overflow:hidden;}
.MainSection01 .swiper-slide .BgBox{height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection01 .swiper-slide .BgBox img{width:110%; height:100%; object-fit:cover;}
.MainSection01 .swiper-slide .BgBox.SlideBgAni01 img{animation:MainSlideBgImg 5s ease; animation-fill-mode:forwards;}
@keyframes MainSlideBgImg{ 0%{width:110%;} 100%{width:100%;} }

.MainSection01 .Slide .CenterText{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.MainSection01 .CenterText .Text01{color:#121212; text-align:center; font-size:30pt; line-height:1.6em; font-weight:300;}
.MainSection01 .CenterText .Text01 b{font-weight:600;}
.MainSection01 .CenterText::before{content:''; display:block; position:absolute; width:6px; height:6px; background-color:#121212; rotate:45deg; top:22%; left:49.5%;}
.MainSection01 .CenterText .Text02{color:#121212; opacity:0.3; text-align:center; font-family:"Josefin Sans"; font-size:12pt; margin-top:60px; font-weight:700; letter-spacing:1.5pt;}

.MainSection01 .Slide .LeftText{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1400px;}
.MainSection01 .LeftText .Text01{color:#121212; opacity:0.3; text-align:left; font-family:"Josefin Sans"; font-size:10pt; font-weight:500; letter-spacing:1.5pt;}
.MainSection01 .LeftText .Text02{color:#121212; text-align:left; font-size:30pt; line-height:1em; font-weight:600; margin-top:15px;}
.MainSection01 .LeftText .Text03{color:#121212; text-align:left; font-size:16pt; line-height:1.6em; font-weight:300; margin-top:40px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{}
.MainSection02 .Inner{width:100%; min-width:100%; padding:150px 0;}
.MainSection02 ul{}
.MainSection02 ul li{position:relative;}
.MainSection02 ul li .TextBox{position:absolute; width:1300px; height:100%; left:0; top:0; text-align:right; display:flex; flex-direction:column; justify-content:center;}
.MainSection02 ul li .Number{background-color:rgba(107, 84, 67, 0.7); border-radius:50px; display:inline-block; padding:10px 30px; color:#fff; font-size:16pt; font-weight:300;}
.MainSection02 ul li .BigText{font-size:31pt; line-height:1.5em; margin-top:20px; font-weight:300;}
.MainSection02 ul li.Slide4 .BigText{line-height:1.3em;}
.MainSection02 ul li .BigText b{font-weight:600;}
.MainSection02 ul li .InfoText{margin-top:30px;}
.MainSection02 ul li .InfoText .Text01{color:#4B4B4B; font-size:15pt; line-height:1.9em; font-weight:300;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{background-color:#EFEAE6;}
.MainSection03 .Inner{padding:150px 0;}
.MainSection03 .TitleBox{text-align:center;}
.MainSection03 .TitleBox p{font-size:16pt; color:#121212; margin-bottom:20px; line-height:1em;}
.MainSection03 .TitleBox h2{font-family:"Josefin Sans"; font-size:41pt; font-weight:300;}
.MainSection03 .TitleBox h2 b{font-family:"Josefin Sans"; font-weight:600;}
.MainSection03 .ContBox{margin-top:50px;}
.MainSection03 .ContBox .BottomText{background-color:unset; width:100%; margin:30px 0; line-height:1.6em;}
.MainSection03 .TabContent{justify-content:space-between;}
.MainSection03 .swiper-pagination{display:flex; position:relative;}
.MainSection03 .swiper-pagination span{display:block; width:calc(100%/5); border-bottom:1px solid #d9d9d9; font-size:14pt; text-align:center; padding:15px 0; background:transparent; height:52px; border-radius:unset; opacity:1; position:relative; color:#b6babc;}
.MainSection03 .swiper-pagination-bullet-active{font-weight:500; color:#877566 !important;}
.MainSection03 .swiper-pagination-bullet-active::before{content:''; display:block; width:30px; height:2px; background-color:#877566; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%);}
.MainSection03 .swiper-pagination-bullet-active:hover::before{background-color:#877566 !important;}
.MainSection03 .swiper-pagination span:hover::before{content:''; display:block; width:30px; height:2px; background-color:#b6babc; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%); transition-duration: .3s; cursor:pointer;}
.MainSection03 .swiper-pagination span:nth-child(n+2){border-left:none;}

.MainSection03 .BnfListWrap{width:800px; margin:60px auto 0;}
.MainSection03 .BnfListWrap .Slide{display:flex;}
.MainSection03 .Slide .List{width:calc(100% / 2 - 30px);}
.MainSection03 .Slide .List img{width:100%; height:100%; object-fit:cover; font-family:"Josefin Sans"; font-weight:600;}

.MainSection03 .MoreBtn{display:flex; justify-content:center; align-items:center;}
.MainSection03 .MoreBtn a{display:inline-block; text-align:center; font-size:13pt; border-bottom:1px solid #877566; padding:0 20px 10px;}
.MainSection03 .MoreBtn a span{display:inline-block; transition:transform 0.6s ease;}
.MainSection03 .MoreBtn a:hover{color:#877566; border-bottom:1px solid #877566;}
.MainSection03 .MoreBtn a:hover span{transform:rotate(360deg);}

.MainSection03 .SwiperBnfList_Left{position:absolute; top:45%; left:0; font-size:36pt; cursor:pointer;} 
.MainSection03 .SwiperBnfList_Right{position:absolute; top:45%; right:0; font-size:36pt; cursor:pointer;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
.MainSection04{}
.MainSection04 .Inner{padding:150px 0;}
.MainSection04 .TitleBox{text-align:center;}
.MainSection04 .TitleBox p{font-size:16pt; color:#121212; margin-bottom:20px; line-height:1em;}
.MainSection04 .TitleBox h2{font-family:"Josefin Sans"; font-size:41pt; font-weight:300;}
.MainSection04 .TitleBox h2 b{font-family:"Josefin Sans"; font-weight:600;}
.MainSection04 .ContBox{margin-top:50px;}
.MainSection04 .ClinicCateList ul li.TextBox{width:calc(100%/5);}
.MainSection04 .ClinicCateList ul li.TextBox:nth-child(4n+1){border-left:none;}
.MainSection04 .ClinicCateList ul li.TextBox:nth-child(5n+1){border-left:1px solid #d9d9d9;}
.MainSection04 .ClinicCateList ul li a{font-size:14pt; color:#121212; font-weight:300;}
.MainSection04 .ClinicCateList ul li a:hover{background-color:#877566; font-weight:500;}
.MainSection04 .ClinicCateList ul li a.Active{background-color:#877566; font-weight:500;}
.MainSection04 .ClinicAllList{width:1110px; margin:40px auto 0;}
.MainSection04 .ClinicAllList .Inner{width:1110px; min-width:1110px; height:380px;}
.MainSection04 dl{padding:0 5px;}
.MainSection04 dl dt{height:345px;}
.MainSection04 dl dt .ThumbBox{height:100%;}
.MainSection04 dl dt .ThumbBox img{width:100%; height:100%; object-fit:cover;}
.MainSection04 dd{display:flex; flex-direction:column;}
.MainSection04 .ClinicInfo{margin-top:30px;}
.MainSection04 .ClinicInfo .Name{font-size:15pt; color:#121212;}
.MainSection04 .ClinicInfo .Info{color:#484848; font-size:14pt; font-weight:300; margin-top:10px;}
.MainSection04 .ClinicPrice .Right{text-align:right;}
.MainSection04 .ClinicPrice .Right b{font-size:16pt;}

	/* 이벤트_내용숨김 */
	.MainSection04 .ClinicInfo .Badge{display:none;}
	.MainSection04 .ClinicInfo .Cate{display:none;}
	.MainSection04 .ClinicMore{display:none;}
	.MainSection04 .ClinicPrice .Left{display:none;}
	.MainSection04 .ClinicPrice .Right em{display:none;}

.MainSection04 .SwiperEventList_Left{position:absolute; top:50%; left:0; font-size:36pt; cursor:pointer;} 
.MainSection04 .SwiperEventList_Right{position:absolute; top:50%; right:0; font-size:36pt; cursor:pointer;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
.MainSection05{background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection05 .Inner{padding:150px 0;}
.MainSection05 .TitleBox{text-align:center;}
.MainSection05 .TitleBox p{font-size:16pt; margin-bottom:20px; line-height:1em; color:#fff; font-weight:200;}
.MainSection05 .TitleBox h2{font-family:"Josefin Sans"; font-size:41pt; font-weight:500; color:#fff;}
.MainSection05 .ContBox{margin-top:50px;}
.MainSection05 .MultiImgSliderArea .Inner{padding:0; background-color:unset;}
.MainSection05 .MultiImgSlider.slider-for{height:500px;}
.MainSection05 .MultiImgSlider.slider-for .slick-slide li .ThumBox{height:500px;}
.MainSection05 .MultiImgSlider.slider-nav{margin-top:15px;}
.MainSection05 .slick-button{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1280px;}
.MainSection05 .slick-button-prev01{position:absolute; top:50%; left:0; font-size:36pt; cursor:pointer;}
.MainSection05 .slick-button-next01{position:absolute; top:50%; right:0; font-size:36pt; cursor:pointer;} 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너 */
.MainSection06{background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection06 .Inner{padding:150px 0;}
.MainSection06 .ImgBox{text-align:center; animation:ImgBoxRotate 15s linear infinite;}
@keyframes ImgBoxRotate{100% {transform:rotate(360deg);}}
.MainSection06 .TextBox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.MainSection06 .TextBox p{color:rgba(255,255,255,0.5); font-family:"Josefin Sans"; font-size:12pt; letter-spacing:0.5pt;}
.MainSection06 .TextBox .Line{width:70px; height:0.5px; background-color:#fff; margin:40px auto; display:flex; justify-content:center; align-items:center;}
.MainSection06 .TextBox .Line::after{content:''; display:block; width:5px; height:5px; transform:rotate(45deg); background-color:#fff;}
.MainSection06 .TextBox h2{font-size:31pt; color:#fff; font-weight:300; line-height:1.5em;}
.MainSection06 .TextBox h2 b{font-weight:500;}