@charset "utf-8";

@keyframes shakeMotion {
  0% {
    transform:translateY(0);
  }
  25% {
    transform:translateY(-10px);
  }
  50% {
    transform:translateY(0);
  }
  75% {
    transform:translateY(10px);
  }
  100% {
    transform:translateY(0);
  }
}

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


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 풀슬라이드영역 */
section.SectionFull{height:870px; overflow:hidden;}
	/* 슬라이드기본 */
	.SectionFull .SwiperFull{width:100%; min-width:100%; height:870px;}
	.SectionFull .SwiperFull .Slide{position:relative; display:block; width:100%; background:#fff;}
	.SectionFull .SwiperFull .Slide a{position:relative; width:100%; display:table; margin:0 auto;}
	.SectionFull .SwiperFull .BgBox{position:absolute; display:block; width:100%; z-index:1;}
	.SectionFull .SwiperFull .BgBox img{width:100%; object-fit:cover;}
	.SectionFull .SwiperFull .TextBox *{}

	.SectionFull .SwiperFull .ThumbBox{position:absolute; top:40%; left:13.5%; right:auto; transform:translate(0,-50%); display:flex; z-index:3;}
	.SectionFull .SwiperFull .TextBox{text-align:left; margin-left:30px;}
	.SectionFull .SwiperFull .TextBox .Text{color:#fff;}
	.SectionFull .SwiperFull .TextBox .Text01{font-size:40px; line-height:1.5; font-weight:500;}
	.SectionFull .SwiperFull .TextBox .Text02{font-size:34px; font-family:"Cormorant Upright"; font-weight:300; padding-top:10px; padding-left:10px; letter-spacing:0.01em;}
	
	/* 영상 */
	.SectionFull .SwiperFull .Slide01 .Movie_Iframe::after{content:''; display:block; width:100%; height:100%; top:0; left:0; position:absolute; z-index:2; background:rgba(0, 0, 0, 15%);}
	.SectionFull .SwiperFull .Movie_IframArea{position:absolute; z-index:2; top:0;}

	/* 마우스 스크롤 */
	.SectionFull .mouseImg{position:absolute; bottom:30px; width:100%; z-index:4; animation: shakeMotion 2s linear infinite;}
	.SectionFull .mouseImg img{width:25px; object-fit:cover;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] */
.MainSection02{background-color:#fff; background:url('/img/C00306/mainSection02_Bg.jpg') no-repeat; background-size:cover;}
.MainSection02 .Inner{padding:150px 0;}
.MainSection02 .mainTitle{text-align:center; color:#2e6b5e;}
.MainSection02 .mainTitle h3{font-family:'Noto Serif KR'; font-size:34px; font-weight:600; line-height:1.6;}
.MainSection02 .mainTitle h3 span{display:block; padding:20px 0;}

.MainSection02 .contWrap{height:1020px;}
.MainSection02 .contBox{display:flex; justify-content:space-between; margin-top:100px;}
.MainSection02 .contBox .Left{width:30%;}
.MainSection02 .contBox .Left p{font-size:18px; font-weight:300; color:#3b3937; line-height:1.7;}
.MainSection02 .contBox .Left p span{font-weight:500;}

.MainSection02 .contBox .Center{width:500px; height:830px; border-radius:250px; overflow:hidden; position:relative; bottom:60px;}
.MainSection02 .contBox .Center img{width:100%; height:100%; object-fit:cover;}

.MainSection02 .contBox .Right{width:30%; position:relative;}
.MainSection02 .contBox .Right .Text01{position:absolute; color:#cabea6; font-size:70px; left:-25%; text-decoration:underline; text-underline-position:under; text-decoration-thickness:1px; font-family:"Cormorant Upright"; font-weight:600;}
.MainSection02 .contBox .Right .Text02{font-size:18px; padding-top:320px; font-weight:300; color:#3b3937; line-height:1.7; padding-left:40px;}
.MainSection02 .contBox .Right .Text02 span{font-weight:500; line-height:1.6;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] */
.MainSection03{background-color:#fff; background:url('/img/C00306/mainSection03_Bg.jpg') no-repeat; background-size:cover;}
.MainSection03 .Inner{padding:150px 0;}
.MainSection03 .mainTitle{text-align:center; color:#fff;}
.MainSection03 .mainTitle p{font-family:'Cormorant Upright'; font-size:18px; font-weight:400; letter-spacing:.3em; padding-bottom:10px;}
.MainSection03 .mainTitle h3{font-size:46px; font-weight:300; line-height:1.4;}
.MainSection03 .mainTitle h3 span{font-weight:500;}

.MainSection03 .contBox ul{display:flex; margin-top:80px;}
.MainSection03 .contBox ul li{width:calc(100%/5); display:flex; flex-direction:column; align-items:center; padding:30px 0; border-right:1px solid #f0e9da;}
.MainSection03 .contBox ul li:last-child{border-right:none;}
.MainSection03 .contBox ul li .ImgBox{height:100px;}
.MainSection03 .contBox ul li .ImgBox img{height:100%; object-fit:cover;}
.MainSection03 .contBox ul li .TextBox p{text-align:center; color:#fff; padding-top:40px; font-size:20px; font-weight:300; line-height:1.7;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] */
.MainSection04{background-color:#fff;}
.MainSection04 .Inner{width:100%; padding-top:150px;}
.MainSection04 .mainTitle{width:1400px; display:flex; align-items:flex-end; text-align:left; color:#161616; margin:0 auto;}
.MainSection04 .mainTitle h3{width:35%; font-size:48px; font-weight:400; line-height:1.2; border-right:4px solid #cfc1a5;}
.MainSection04 .mainTitle h3:before{content:''; display:block; position:absolute; width:130px; height:130px; left:-6%; bottom:70px; background:url('/img/C00306/mainSection04_LogoBg.png') no-repeat;}
.MainSection04 .mainTitle h3 span{font-weight:600;}
.MainSection04 .mainTitle p{width:50%; margin-left:100px; font-size:22px; font-weight:300; line-height:1.8;}

.MainSection04 .contBox{margin-top:80px; margin-left:260px;}
.MainSection04 .contBox ul li{height:540px; overflow:hidden;}
.MainSection04 .contBox ul li .ImgBox{background-color:#000;}
.MainSection04 .contBox ul li .ImgBox img{transition:0.4s;}
.MainSection04 .contBox ul li .TextBox{position:absolute; top:50px; left:40px;}
.MainSection04 .contBox ul li .TextBox .Text01{font-family:'Cormorant Upright'; color:#2e6b5e; font-size:24px; font-weight:600; margin-bottom:20px; letter-spacing:0.01em;}
.MainSection04 .contBox ul li .TextBox .Text02{font-size:25px; font-weight:500;}

.MainSection04 .contBox ul li:hover .ImgBox img{opacity:0.3; scale:1.1;}
.MainSection04 .contBox ul li:hover .TextBox .Text01{color:#cfc1a5;}
.MainSection04 .contBox ul li:hover .TextBox .Text02{color:#fff;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] */
.MainSection05{background-color:#fff; background:url('/img/C00306/mainSection05_Bg.jpg') no-repeat; background-size:cover;}
.MainSection05 .Inner{padding:150px 0;}
.MainSection05 .mainTitle{text-align:center;}
.MainSection05 .mainTitle p{font-family:'Cormorant Upright'; font-size:18px; font-weight:400; letter-spacing:.3em; padding-bottom:10px; color:#2e6b5e;}
.MainSection05 .mainTitle h3{font-size:46px; font-weight:400; line-height:1.4; color:#171717;}
.MainSection05 .mainTitle h3 span{font-weight:600;}

.MainSection05 .contBox{margin-top:50px;}
.MainSection05 .contBox p{text-align:center; font-size:20px; font-weight:300; color:#171717; line-height:1.7;}

.MainSection05 .contBox ul{display:flex; flex-wrap:wrap; margin-top:30px;}
.MainSection05 .contBox ul li{width:calc(100% / 3 - 50px); border-top-left-radius:250px; border-top-right-radius:250px; overflow:hidden; margin:35px 25px;}
.MainSection05 .contBox ul li .ImgBox img{width:100%; object-fit:cover;}
.MainSection05 .contBox ul li .TextBox{width:100%; height:90px; background:#2e6b5e; display:flex; justify-content:center; align-items:center;}
.MainSection05 .contBox ul li .TextBox p{font-size:26px; font-weight:500; color:#fff; display:flex; justify-content:center; align-items:center;}
.MainSection05 .contBox ul li .TextBox p span{display:inline-block; width:35px; height:35px; background:#cfc1a5; color:#2e6b5e; border-radius:50px; font-size:34px;     line-height:35px; margin-left:15px; transition:transform 0.6s ease;}
.MainSection05 .contBox ul li:hover .TextBox p span{transform:rotate(360deg);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] */
.MainSection06{background-color:#fff;}
.MainSection06 .Inner{width:100%; padding:150px 0;}
.MainSection06 .mainTitle{text-align:center;}
.MainSection06 .mainTitle p{font-family:'Cormorant Upright'; font-size:18px; font-weight:400; letter-spacing:.3em; padding-bottom:10px; color:#2e6b5e;}
.MainSection06 .mainTitle h3{font-size:46px; font-weight:500; line-height:1.4; color:#000000;}

.MainSection06 .contBox{width:1600px; margin:70px auto;}
.MainSection06 .contBox .Banner06{width:1400px; margin:0 auto;}
.MainSection06 .contBox ul li{height:230px; border:1px solid #d9d9d9; display:flex; justify-content:center; align-items:center;}

.swiper-button-prev:after, .swiper-button-next:after{display:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션07] */
.MainSection07{background-color:#fff; background:url('/img/C00306/mainSection07_Bg.jpg') no-repeat; background-size:cover;}
.MainSection07 .Inner{padding:150px 0;}
.MainSection07 .mainTitle{width:36%; text-align:left;}
.MainSection07 .mainTitle p{font-family:'Cormorant Upright'; font-size:18px; font-weight:400; letter-spacing:.3em; padding-bottom:10px; color:#fff; margin-top:80px;}
.MainSection07 .mainTitle h3{font-size:46px; font-weight:400; line-height:1.4; color:#fff;}
.MainSection07 .mainTitle h3 span{font-weight:600;}
.MainSection07 .mainTitle a{display:flex; align-items:center; margin-top:60px; color:#50493e; font-size:18px;}
.MainSection07 .mainTitle a span{display:inline-block; width:35px; height:35px; background:#50493e; border-radius:50%; color:#fff; font-size:30px; line-height:32px;
text-align:center; margin-left:10px; font-weight:300; transition:transform 0.6s ease;}
.MainSection07 .mainTitle a:hover span{transform:rotate(360deg);}

.MainSection07 .contWrap{display:flex}
.MainSection07 .contBox::before{content:'HANMAUM CLINIC'; display:block; font-family:'Cormorant Upright'; font-size:87px; color:#cabea6; position:absolute; top:-65px; right:-170px; z-index:2; letter-spacing: 0.1em; font-weight:500;}
.MainSection07 .contBox .MultiSlider{position:relative; z-index:3;}
.MainSection07 .contBox ul{width:900px;}

.MainSection07 .SliderBtn{position:relative; margin-top:20px;}
.MainSection07 .SliderBtn .swiper-button-prev{position:absolute; left:60px; bottom:0;}
.MainSection07 .SliderBtn .swiper-button-next{position:absolute; left:85px; bottom:0;}
.MainSection07 .SliderBtn .pagenumber1{display:flex; justify-content:space-between; width:50px; color:#fff; font-size:15px; font-family:'GmarketSans'; font-weight:300;}
.MainSection07 .SliderBtn .pagenumber1 span{color:#fff; font-size:15px; font-family:'GmarketSans'; letter-spacing:0; font-weight:300;}

.MainSection07 .SliderBtn .arrowBtn:hover img{opacity:.7;}