@charset "utf-8";

/* [메인] 메인컨텐츠 */
.MainContents_Area *{font-family:'Pretendard';}
.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.SectionVideo{height:100vh; overflow:hidden;}
	/* 영상영역 */
	.SectionVideo .MovieArea{position:absolute; display:table; z-index:1; width:100%; margin-left:-50%; left:50%; transform:translate(0%, -50%); top:50%;}
	.SectionVideo .MovieArea *{background-color:#fff !important;}
	.SectionVideo .TextBoxArea{position:absolute; height:100%; display:flex; align-items:center; width:fit-content; z-index:2; top:0; width:100%;}
	.SectionVideo .TextBox{position:relative; display:block; width:100%;}
	.SectionVideo .TextBox .Text{display:block; margin:20px auto; line-height:1; color:#fff;}
	.SectionVideo .TextBox .Text01{font-size:38pt; font-family:'Marcellus'; letter-spacing:0.5px;}
	.SectionVideo .TextBox > img{position:relative; display:block; margin:0 auto;}
	.SectionVideo .TextBox .Text02{font-size:23pt; font-family:'GowunBatang'; letter-spacing:-1px;}
	.SectionVideo > img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:fit-content; z-index:2; display:none;}
	.SectionVideo .Movie_IframArea{height:100%;}
	.SectionVideo .Movie_IframArea > div > div{height:100%; position:absolute; top:0; width:100%; top:0;}
	@media (min-width: 1920px) {
		section.SectionVideo{width:1920px; margin-left:-960px; left:50%;}
	}

	/* 다국어 */
	.SectionVideo .TextBox .Text01 *{font-family:'Marcellus', 'Noto Sans SC';}
	.SectionVideo .TextBox .Text02 *{font-family:'GowunBatang', 'Noto Sans SC';}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 소개영역 */
section.SectionInfo{background-color:#d5b4b1;}
.SectionInfo .Inner{width:100%;}
	/* 기본구조 */
	.SectionInfo .ContArea{position:relative; display:block;}
	.SectionInfo .ContArea dl{position:relative; display:flex; align-items:center;}
	.SectionInfo .ContArea dt{position:relative; display:inline-flex; width:calc(100% - 1005px);}
	.SectionInfo .ContArea dd{position:relative; display:inline-flex; width:1005px; height:100%;}
	.SectionInfo .ContArea dd .BgBox + div{position:absolute; z-index:2; padding-left:145px; padding-top:190px; width:58%;}
	/* 좌측 */
	.SectionInfo .ContArea .BgBox{position:relative; display:block; width:100%;}
	.SectionInfo .ContArea .BgBox img{position:relative; display:block;}
	/* 좌측 */
	.SectionInfo .ContArea .ImgBox{}
	.SectionInfo .ContArea .ImgBox img{}
	.SectionInfo .ContArea .TextBox{display:block; margin-left:85px; text-align:left; width:81%;}
	.SectionInfo .ContArea .Text{position:relative; display:block; font-family:'GowunBatang'; letter-spacing:-1px; }
	.SectionInfo .ContArea .Text01{font-size:15pt; font-weight:400; color:#959595; text-align:right; overflow:hidden; display:flex; align-items:center; }
	.SectionInfo .ContArea .Text01 span{height:1px; background-color:#b1b1b1; width:100%; display:block; vertical-align:middle;}
	.SectionInfo .ContArea .Text01 p{font-size:15pt; font-weight:400; color:#959595; text-align:right; overflow:hidden; display:block; width:100%;}
	.SectionInfo .ContArea .Text02{font-size:20pt; font-weight:400; color:#464646; line-height:1.7; margin-top:60px;}
	.SectionInfo .ContArea .Text03{font-size:20pt; font-weight:700; color:#6d6d6d; line-height:1.7; margin-top:35px;}

	/* 다국어 */
	.SectionInfo .ContArea .Text *{font-family:'GowunBatang';}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 특별함영역 */
section.SectionSpecial{padding:150px 0 0 0; overflow:hidden; background-color:#f8f8f8;}
.SectionSpecial .Inner{width:1400px; min-width:1400px; z-index:2;}
.SectionSpecial .Inner + img{position:relative; margin-top:15px; z-index:1;}
	/* 타이틀 */
	.SectionSpecial .BigTitle{position:relative; display:table; text-align:left; padding-left:105px;}
	.SectionSpecial .BigTitle > img{position:relative; display:inline-table; vertical-align:middle; margin-right:7px;}
	.SectionSpecial .BigTitle .Title{position:relative; display:inline-table; vertical-align:middle; font-family:'Marcellus'; color:#ffc0cb; font-size:40pt; line-height:1;}
	
	/* 내용 */
	.SectionSpecial .ContArea{position:relative; display:block; margin-top:30px; width:100%;}
	.SectionSpecial .ContArea dl{position:relative; display:flex; align-items:center; justify-content:center;}
	
	.SectionSpecial .ContArea dl dt{position:relative; display:block; text-align:right; width:fit-content;}
	.SectionSpecial .ContArea dl dt .ImgBox{position:relative;}
	
	.SectionSpecial .ContArea dl dd{position:relative; display:block; margin-left:-65px; width:500px; background-color:#fff; padding:60px 50px 60px 85px; background-image:url(/img/C00261/MainSpecial_Logo.png); background-repeat:no-repeat; background-position:right top; box-shadow:5px 5px 8px 0 rgba(0, 0, 0, 0.1); opacity:0; visibility:hidden; -webkit-transform:translateY(10px); transform:translateY(10px); word-break:break-word;}
	.SectionSpecial .ContArea dl dd:after{content:''; right:-26px; top:-26px; z-index:2; position:absolute; width:100px; height:135px; border-top:8px solid rgb(219 219 219 / 40%); border-right:8px solid rgb(219 219 219 / 40%);}
	.SectionSpecial .ContArea dl dd:before{content:''; left:-26px; bottom:-26px; z-index:2; position:absolute; width:100px; height:135px; border-bottom:8px solid rgb(255 255 255 / 20%); border-left:8px solid rgb(255 255 255 / 20%);}
	.SectionSpecial .ContArea dl dd .Text{position:relative; display:block; line-height:1; opacity:0; visibility:hidden; -webkit-transform:translateY(10px); transform:translateY(10px);}
	.SectionSpecial .ContArea dl dd .Text01{font-size:25pt; font-weight:600; color:#f7a1b0; letter-spacing:-1px; margin:0 0 25px 0;}
	.SectionSpecial .ContArea dl dd .Text02{font-size:17pt; font-weight:400; color:#464646; line-height:1.5; letter-spacing:-1px; font-family:'GowunBatang'; min-height:140px;}
	.SectionSpecial .ContArea dl dd .More{opacity:0; visibility:hidden; -webkit-transform:translateY(10px); transform:translateY(10px);}
	
	/* 슬라이드Active */
	.SectionSpecial .swiper-slide.swiper-slide-active dd{opacity:1; visibility:visible; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; -webkit-transition-delay:0.1s !important; transition-delay:0.1s !important;}
	.SectionSpecial .swiper-slide.swiper-slide-active dd img{}
	.SectionSpecial .swiper-slide.swiper-slide-active .ImgBox{opacity:1; visibility:visible; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; -webkit-transition-delay:0.3s !important; transition-delay:0.3s !important;}
	
	.SectionSpecial .swiper-slide.swiper-slide-active .More{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;}
	.SectionSpecial .swiper-slide.swiper-slide-active .Text{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;}
	.SectionSpecial .swiper-slide.swiper-slide-active .Text01{-webkit-transition-delay:0.2s !important; transition-delay:0.3s !important;}
	.SectionSpecial .swiper-slide.swiper-slide-active .Text02{-webkit-transition-delay:0.4s !important; transition-delay:0.5s !important;}
	.SectionSpecial .swiper-slide.swiper-slide-active .More{-webkit-transition-delay:0.6s !important; transition-delay:0.5s !important;}
	
	/* 슬라이드버튼 */
	.SectionSpecial .SliderArrow{position:absolute; z-index:2; bottom:5%; right:7.5%;}
	.SectionSpecial .SliderArrow > .Left{}
	.SectionSpecial .SliderArrow > .Right{}
	.SectionSpecial .SliderArrow > div{position:relative; width:46px; height:46px; display:inline-block; margin:0 5px;}
	.SectionSpecial .SliderArrow > div > img{transition-duration:200ms; position:absolute; cursor:pointer;}
	.SectionSpecial .SliderArrow .Default{}
	.SectionSpecial .SliderArrow .Active{opacity:0; visibility:hidden; transition-duration:200ms;}
	.SectionSpecial .SliderArrow > div:hover .Default{opacity:0; visibility:hidden; transition-duration:200ms;}
	.SectionSpecial .SliderArrow > div:hover .Active{opacity:1; visibility:visible; transition-duration:200ms;}
	
	/* 다국어 */
	.SectionSpecial .BigTitle .Title *{font-family:'Marcellus', 'Noto Sans SC';}
	.SectionSpecial .ContArea dl dd .Text02 *{font-family:'GowunBatang', 'Noto Sans SC';}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 시술이벤트영역 */
section.SectionClinic{padding:150px 0 130px 0; background-image:url(/img/C00261/MainClinic_Bg.jpg); background-size:cover;}
.SectionClinic .Inner{width:1400px; min-width:1400px;}
.SectionClinic .Inner > dl{position:relative; display:flex; width:100%; align-items:flex-start;}
.SectionClinic .Inner > dl > dt{position:relative; display:block; width:40%; padding-right:5%;}
.SectionClinic .Inner > dl > dd{position:relative; display:block; width:70%;}
	/* 타이틀 */
	.SectionClinic dt .BigTitle{position:relative; display:table; text-align:left;}
	.SectionClinic dt .BigTitle > img{position:relative; display:inline-table; vertical-align:middle; margin-right:7px;}
	.SectionClinic dt .BigTitle .Title{position:relative; display:inline-table; vertical-align:middle; font-family:'Marcellus'; color:#f4ddc1; font-size:40pt; line-height:1;}
	.SectionClinic dt .BigTitle .Title01{}
	.SectionClinic dt .BigTitle .Title02{width:100%; padding-left:17px; margin-top:10px;}
	/* 더보기 */
	.SectionClinic dt .More{position:relative; display:block; margin-top:65px; padding-left:17px;}
	.SectionClinic dt .More a{position:relative; display:inline-block; margin:0 auto; color:#fff; border:1px solid #fff; line-height:1; background-color:transparent; padding:11px 20px 10px 20px; border-radius:100px; text-align:center; font-size:13pt; font-weight:400;}
	.SectionClinic dt .More a span{position:relative; display:block; margin:0 auto;}
	.SectionClinic dt .More a:hover{background-color:#fff; color:#3b342c; transition-duration:200ms; font-weight:500;}
	/* 텍스트박스 */
	.SectionClinic dt .TextBox{position:relative; display:block; margin-top:80px; padding-left:17px;}
	.SectionClinic dt .TextBox > img{position:relative; display:block; }
	.SectionClinic dt .TextBox .Text{position:relative; display:block; font-size:17pt; font-weight:400; color:#fff; line-height:1.5; letter-spacing:-1px; font-family:'GowunBatang'; margin-top:40px;}
	/* 시술이벤트리스트영역 */
	.SectionClinic .MainClinicPrice{font-family:'Pretendard', 'Noto Sans SC';}
	.SectionClinic .MainClinicPrice *{font-family:'Pretendard', 'Noto Sans SC';}
	.SectionClinic .MainClinicPrice .ClinicCateList *{border:none !important;}
	.SectionClinic .MainClinicPrice .ClinicCateList .Inner{width:100%; min-width:100%;}
	.SectionClinic .MainClinicPrice .ClinicCateList .List{background-color:#efeae2; overflow:hidden;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li.TextBox{width:calc(100% / 5); vertical-align:middle; margin:0;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li a{background-color:#efeae2; font-size:15pt; letter-spacing:-1px; font-weight:400; color:#4b4844; padding:19px 0;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li a:after{display:block; margin:0 auto 0 -3px; width:6px; height:6px; background-color:#f4ddc1; border-radius:100px; position:absolute; top:10px; left:50%; z-index:2; content:''; opacity:0; transition-duration:200ms;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li a:hover:after{opacity:1; transition-duration:200ms;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li a.Active{color:#4b4844; font-weight:700;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li a.Active:after{opacity:1; transition-duration:200ms; background-color:#f5b1bd;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li:nth-child(5n+1):before{width:1400px; height:1px; content:''; position:absolute; left:0; top:0; background-color:#38312a; z-index:2;}
	.SectionClinic .MainClinicPrice .ClinicCateList ul li:nth-child(1):before{display:none;}
	.SectionClinic .MainClinicPrice .ClinicAllList{margin-top:30px;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Inner{width:100%; min-width:100%;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide{}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide dl dd{padding:25px; background:#fff; border:none ; margin-top:-1px;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ThumbBox{height:180px; overflow:hidden;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ThumbBox img{width:100%; object-fit:cover;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .Badge{display:none;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .Info{color:#4b4844; letter-spacing:-1px; font-size:14pt; font-weight:500; margin-top:10px; height:55px;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .Cate{color:#887b6c; letter-spacing:-0.5px; font-size:13pt; font-weight:400; height:40px;} 
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .Name{color:#4b4844; letter-spacing:-1px; font-weight:700; font-size:19pt; letter-spacing:-1px;} 
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicMore{display:none;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicPrice{margin:0; text-align:right; display:flex; justify-content:right;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicPrice em{color:#b5ab9e; font-size:13pt; font-family:'GowunBatang'; font-weight:400; text-decoration:line-through;padding-right:5px;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicPrice small{display:none;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicPrice b{color:#745847; font-size:25pt; font-family:'GowunBatang'; font-weight:700;}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicPrice span{font-weight:400; font-size:13pt; font-family:'Pretendard';}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicPrice b > big{display:none;}
	
	/* 슬라이드버튼 */
	.SectionClinic .SliderArrow{position:relative; display:block; margin:30px auto 0 auto; text-align:center;}
	.SectionClinic .SliderArrow > .SwiperEventList_Left{}
	.SectionClinic .SliderArrow > .SwiperEventList_Right{}
	.SectionClinic .SliderArrow > div{position:relative; width:46px; height:46px; display:inline-block; margin:0 5px;}
	.SectionClinic .SliderArrow > div > img{transition-duration:200ms; position:absolute; cursor:pointer;}
	.SectionClinic .SliderArrow .Default{}
	.SectionClinic .SliderArrow .Active{opacity:0; visibility:hidden; transition-duration:200ms;}
	.SectionClinic .SliderArrow > div:hover .Default{opacity:0; visibility:hidden; transition-duration:200ms;}
	.SectionClinic .SliderArrow > div:hover .Active{opacity:1; visibility:visible; transition-duration:200ms;}
	
	/* 다국어 */
	.SectionClinic .BigTitle .Title *{font-family:'Marcellus', 'Noto Sans SC';}
	.SectionClinic dt .TextBox .Text *{font-family:'GowunBatang', 'Noto Sans SC';}
	.SectionClinic .MainClinicPrice .ClinicAllList .Slide .ClinicPrice *{font-family:'GowunBatang', 'Noto Sans SC';}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 병원둘러보기 */
section.SectionPreview{background-image:url(/img/C00261/MainPreview_Bg.jpg); background-color:#f6f6f6; background-repeat:no-repeat; background-size:cover; background-position:top; padding:150px 0;}
.SectionPreview .Inner{width:100%;}
	/* 타이틀 */
	.SectionPreview .BigTitle{position:relative; display:table; width:1400px; margin:0 auto; text-align:left;}
	.SectionPreview .BigTitle > img{position:relative; display:inline-table; vertical-align:middle; margin-right:7px;}
	.SectionPreview .BigTitle .Title01{position:relative; display:inline-table; vertical-align:middle; font-family:'Marcellus'; color:#ffc0cb; font-size:40pt; line-height:1;}
	.SectionPreview .BigTitle .Title02{position:relative; display:inline-table; width:64%; font-family:'GowunBatang'; letter-spacing:-1px; font-size:19pt; font-weight:400; color:#555555; text-align:right; overflow:hidden; vertical-align:bottom; margin-bottom:10px; line-height:1;}
	.SectionPreview .BigTitle .Title02 b{font-family:'GowunBatang';}
	.SectionPreview .BigTitle .Title02 > div{overflow:hidden; display:flex; width:100%; align-items:end; text-align:right;}
	.SectionPreview .BigTitle .Title02 span{position:relative; display:block; width:100%; height:1px; background-color:#b1b1b1;}
	.SectionPreview .BigTitle .Title02 p{font-family:'GowunBatang'; display:block; width:65%; letter-spacing:-1px; font-size:19pt; font-weight:400; color:#555555;}
	
	/* 슬라이드 */
	.SectionPreview .ContArea{position:relative; display:block; margin-top:50px; width:100%;}
	.SectionPreview .SwiperPreview{position:relative; display:block; z-index:1;}
	.SectionPreview .SwiperPreview .Slide{}
	.SectionPreview .SwiperPreview .Slide.swiper-slide{width:auto !important;}
	.SectionPreview .SwiperPreview .Slide .ImgBox{height:500px; background-color:#190e09;}
	.SectionPreview .SwiperPreview .Slide .ImgBox img{display:block; margin:0 auto; width:100%; height:100%; object-fit:contain; opacity:.3;}
	.SectionPreview .SwiperPreview .Slide.swiper-slide-active .ImgBox img{opacity:1;}
	/* 슬라이드화살표 */
	.SectionPreview .SliderArrow{position:absolute; width:100%; left:50%; margin-left:-452.5px; bottom:50%; margin-top:-25px; z-index:2; display:table; text-align:right;}
	.SectionPreview .SliderArrow img{cursor:pointer;}
	.SectionPreview .SliderArrow img:hover{opacity:.8; transition-duration:200ms;}
	.SectionPreview .SliderArrow i{font-size:23pt; cursor:pointer;}
	.SectionPreview .SliderArrow .SectionPreview_Left{position:relative; display:inline-table; width:50%; text-align:left; }
	.SectionPreview .SliderArrow .SectionPreview_Right{position:relative; display:inline-table; width:auto; text-align:right; margin-right:-4.5em;}
	/* 슬라이드바 */
	.SectionPreview .SliderBar{height:5px; width:905px; border-radius:2.5px; background:#dddddd; margin-top:30px; display:none;}
	.SectionPreview .SliderBar .swiper-scrollbar-drag{background:#28305e;}

	/* 다국어 */
	.SectionPreview .BigTitle .Title01 *{font-family:'Marcellus', 'Noto Sans SC';}
	.SectionPreview .BigTitle .Title02 *{font-family:'GowunBatang', 'Noto Sans SC';}

	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 와이드영역 */
section.SectionWide{}
.SectionWide .Inner{width:100%;}
	/* 배경박스 */
	.SectionWide .BgBox{position:relative; display:block; background-color:#3b4647; overflow:hidden;}
	/* 텍스트박스 */
	.SectionWide .TextBox{position:absolute; display:block; z-index:2; left:66%; top:30%;}
	.SectionWide .TextBox *{text-align:left;}
	.SectionWide .TextBox .Text{position:relative; display:block; line-height:1; color:#fff; font-family:'GowunBatang'; font-weight:400;}
	.SectionWide .TextBox .Text01{font-size:27pt; letter-spacing:0;}
	.SectionWide .TextBox .Text02{font-size:27pt; letter-spacing:16px; margin-top:13px;}
	.SectionWide .TextBox > img{position:relative; display:block; margin-top:50px;}

	/* 다국어 */
	.SectionWide .TextBox .Text *{font-family:'GowunBatang', 'Noto Sans SC';}