@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;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인_공통타이틀 */
.MainSection .TitleBox p{font-family:"Montserrat"; font-weight:700; font-size:18pt; color:#B68D40; display:flex; align-items:center;}
.MainSection .TitleBox p span{display:inline-block; width:80px; height:13px; border-radius:50px; background-color:#B68D40; margin-right:20px;}
.MainSection .TitleBox h2{font-size:30pt; color:#05142D; font-weight:700; line-height:1.5; margin-top:40px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 1번배너 */
.MainSection01{width:100%; position:relative; height:100vh; max-height:1040px; animation: RoundOpen 1s ease-out forwards; overflow:hidden;}
	@keyframes RoundOpen{ 
		0%{border-bottom-left-radius:0; border-bottom-right-radius:0;}
		100%{border-bottom-left-radius:80px; border-bottom-right-radius:80px;}
	}
.MainSection01 .Inner{width:100%; min-width:100%;}
.MainSection01 .swiper-container{height:100vh; max-height:1040px;}
.MainSection01 .swiper-slide{height:1040px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center;}

.MainSection01 .TextBox{position:absolute; left:50%; top:45%; transform:translate(-50%, -50%); z-index:3;}
.MainSection01 .TextBox .Text01{color:#fff; text-align:center; font-size:50pt; font-weight:700; font-family:"Montserrat"; line-height:1.3;}
.MainSection01 .TextBox .Text02{color:#fff; text-align:center; font-family:"Pretendard"; font-size:18pt; font-weight:500; line-height:1.6; margin-top:30px;}

.MainSection01 .SliderBtn{position:absolute; left:0; bottom:35px !important; z-index:2; transform:translate(0, -50%); text-align:center;}
.MainSection01 .swiper-pagination-bullet-active{background:#fff !important; width:80px !important; border-radius:50px;}
.MainSection01 .swiper-pagination-bullet{width:10px; height:10px; background:rgba(255, 255, 255, 0.3);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{}
.MainSection02 .Inner{padding-top:150px; width:100%; min-width:100%;}
.MainSection02 .ConBox{width:1300px; margin:0 auto; display:flex; justify-content:center; align-items:flex-start;}

.MainSection02 .LeftBox{width:50%;}
.MainSection02 .LeftBox .ImgBox{margin-top:80px; border-radius:50px; overflow:hidden;}

.MainSection02 .RightBox{width:50%; margin-left:75px;}
.MainSection02 .RightBox .Text01{color:#D5D5D5; opacity:0.4; font-size:42pt; font-family:"Montserrat"; font-weight:700; line-height:1.2;}
.MainSection02 .RightBox .Text02{margin:50px 0; font-size:13.5pt; font-weight:400; color:#000; line-height:1.7;}
.MainSection02 .RightBox .Text02 b{color:#05142D; font-weight:700;}
.MainSection02 .RightBox .ViewBtn{display:inline-block; width:208px; height:56px; font-family:"Montserrat"; font-weight:700; font-size:13.5pt; color:#05142D; border:1px solid #05142D; border-radius:50px; display:flex; justify-content:center; align-items:center; transition:0.5s all ease;}
.MainSection02 .RightBox .ViewBtn span{padding-left:8px; transition:0.5s all ease;}
.MainSection02 .RightBox .ViewBtn:hover{background-color:#05142D; color:#fff;}
.MainSection02 .RightBox .ViewBtn:hover span{filter:brightness(0) invert(1);}

.MainSection02 .BottomBox{background-color:rgba(213, 213, 213, 0.4); height:300px; position:relative; width:100%; bottom:90px; z-index:-1; display:flex; justify-content: flex-end; align-items:center;}
.MainSection02 .BottomBox .TextBox{width:1300px; margin:0 auto; padding-left:700px;}
.MainSection02 .BottomBox .TextBox p{color:#fff; font-size:24pt; line-height:1.4; font-weight:700; font-family:"Montserrat";}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{background-color:#fff; border-bottom-left-radius:50px; border-bottom-right-radius:50px; overflow:hidden; position:relative; z-index:1;}
.MainSection03 .Inner{padding:160px 0;}
.MainSection03 .ConBox{margin-top:90px; display:flex; justify-content:space-between;}

.MainSection03 .Box{width:calc(100% / 2 - 25px); height:720px; border-radius:50px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative; transition:0.5s all ease;}
.MainSection03 .Box:hover{transform:translateY(-30px) !important;}

.MainSection03 .Box a{width:100%; height:100%; padding:80px 100px 70px; background-position:center; display:flex; flex-direction:column; align-items:center;}

.MainSection03 .Box .Text01{font-size:18pt; color:#B68D40; text-align:center; font-weight:700;}
.MainSection03 .Box .Text02{font-size:24pt; color:#fff; text-align:center; font-weight:700; font-family:"Montserrat"; margin:38px 0; line-height:1.4;} 
.MainSection03 .Box .Text03{font-size:13.5pt; color:#fff; text-align:center; font-weight:400; text-align:center; line-height:1.7;}

.MainSection03 .ViewBtn{border:1px solid #B68D40; font-weight:700; border-radius:50px; color:#B68D40; font-family:"Montserrat"; font-size:13.5pt; width:208px; height:56px; display:flex; justify-content:center; align-items:center; transition:0.5s all ease; position:absolute; bottom:70px;}
.MainSection03 .Box:hover .ViewBtn{background-color:#B68D40; color:#fff;} 
.MainSection03 .Box .ViewBtn span{padding-left:8px; transition:0.5s all ease;}
.MainSection03 .Box:hover .ViewBtn span{filter:brightness(0) invert(1);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
.MainSection04{position:relative; bottom:50px;}
.MainSection04 .Inner{background-color:#05142D; position:sticky; top:0; z-index:0; padding:160px 0; width:100%; min-width:100%;}
.MainSection04 .TopBox{width:1300px; margin:0 auto; display:flex; align-items:flex-end;}
.MainSection04 .TitleBox{width:55%;}
.MainSection04 .TitleBox h2{color:#fff;}
	/*카테고리*/
	.MainSection04 .ClinicCateList{width:550px; position:absolute; top:-70px; right:18%;}
	.MainSection04 .ClinicCateList .Inner{padding:0;}
	.MainSection04 .ClinicCateList .TabMenu{width:100%; display:flex; justify-content:space-between; align-items:flex-end;}
	.MainSection04 .ClinicCateList .TabMenu li{color:#fff; font-family:"Montserrat"; font-size:13.5pt; font-weight:700;}
	.MainSection04 .ClinicCateList .TabMenu li a{display:flex; flex-direction:column; align-items:center;}
	.MainSection04 .ClinicCateList .TabMenu li a .RoundBox{display:none; width:8px; height:8px; background-color:#B68D40; border-radius:50px; text-align:center; margin-bottom:10px;}
	.MainSection04 .ClinicCateList .TabMenu li a.Active{color:#B68D40;}
	.MainSection04 .ClinicCateList .TabMenu li a.Active .RoundBox{display:block;}

	/*리스트*/
	.MainSection04 .ClinicAllList{margin-top:30px;}
	.MainSection04 .ClinicAllList .Inner{padding:0;}
	.MainSection04 .ClinicAllList .SwiperEventList{height:510px;}
	.MainSection04 .ClinicAllList .swiper-wrapper{align-items:center;}
	.MainSection04 .ClinicAllList .List{height:410px; background-color:#E4E4E4; border-radius:50px; transition:0.5s all ease;}
	.MainSection04 .ClinicAllList .List a{display:block; width:100%; height:100%;}
	.MainSection04 .ClinicAllList .List:hover{transform:translateY(-50px);}
	.MainSection04 .ClinicAllList .List:hover .LinkArrow{display:flex;}

	.MainSection04 .ClinicAllList .ThumbBox{display:flex; flex-direction:column; align-items:center; padding:25px 30px;}
	.MainSection04 .ClinicAllList .ImgBox{text-align:center; height:280px;}
	.MainSection04 .ClinicAllList .ImgBox img{width:100%; object-fit:cover;}
	.MainSection04 .ClinicAllList .TextBox{width:100%; margin-top:15px;}
	.MainSection04 .ClinicAllList .Text01{text-align:left; font-weight:400; font-size:13.5pt; color:#1A1A1A; line-height:1.7;}
	.MainSection04 .ClinicAllList .Text02{text-align:left; font-weight:700; font-size:18pt; color:#05142D; font-family:"Montserrat"; line-height:1.6;}
	
	.MainSection04 .ClinicAllList .List .LinkArrow{position:absolute; bottom:-65px; right:30px; width:50px; height:50px; background-color:#B68D40; border-radius:50px; justify-content:center; align-items:center; display:none; transition:0.5s all ease;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
.MainSection05{}
.MainSection05 .Inner{padding:110px 0 160px;}
.MainSection05 .ConBox{padding:0 0 130px; display:flex; flex-direction:column; align-items:center; border-radius:50px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection05 .ConBox span{display:inline-block; width:13px; height:90px; background-color:#B68D40; border-bottom-left-radius:50px; border-bottom-right-radius:50px;}
.MainSection05 .Text01{font-family:"Montserrat"; font-weight:700; font-size:18pt; color:#B68D40; text-align:center; margin-top:35px;}
.MainSection05 h2{font-size:30pt; color:#fff; font-weight:700; line-height:1.5; text-align:center; margin:90px 0 40px;}
.MainSection05 .Text02{font-weight:400; font-size:13.5pt; color:#fff; text-align:center; line-height:1.7;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너 */
.MainSection06{background-color:#05142D;}
.MainSection06 .Inner{padding:70px 0; width:100%; min-width:100%;}

.MainSection06 ul{display:flex; justify-content:center; align-items:center; width:1450px; margin:0 auto;}
.MainSection06 ul li{margin:0 35px; text-align:center;}
.MainSection06 ul li img{width:100%; object-fit:cover;}
.MainSection06 ul li:first-child{margin-left:0;}
.MainSection06 ul li:last-child{margin-right:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 7번배너 */
.MainSection07{}
.MainSection07 .Inner{padding:130px 0;}
.MainSection07 .ThumbBox{display:flex; justify-content:space-between; align-items:center; margin-top:30px;}
.MainSection07 .Box{width:100%; border-radius:50px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection07 .Box a{display:block; width:100%; height:100%; padding:80px;}
.MainSection07 .Box.Box01{width:855px;}
.MainSection07 .Box.Box02{width:420px;}

.MainSection07 .Box .Text01{font-size:18pt; color:#B68D40; text-align:left; font-weight:700; font-family:"Montserrat"; line-height:1.6;}
.MainSection07 .Box .Text02{font-size:24pt; color:#fff; text-align:left; font-weight:700; margin:30px 0 50px; line-height:1.5;} 

.MainSection07 .ViewBtn{border:1px solid #B68D40; font-weight:700; border-radius:50px; color:#B68D40; font-family:"Montserrat"; font-size:13.5pt; width:208px; height:56px; display:flex; justify-content:center; align-items:center; transition:0.5s all ease;}
.MainSection07 .Box:hover .ViewBtn{background-color:#B68D40; color:#fff;} 
.MainSection07 .Box .ViewBtn span{padding-left:8px; transition:0.5s all ease;}
.MainSection07 .Box:hover .ViewBtn span{filter:brightness(0) invert(1);}