@charset "utf-8";
/*
리제피부과
C00337
*/

/* [메인] 메인컨텐츠 */
.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; overflow:hidden;}
/* 영역 */
.MainContents_Area > section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; font-size:16px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 포인트 컬러 */
.MainContents_Area .PointB{background-color:#a3411f !important;}
.MainContents_Area .PointC{color:#a3411f !important;}
.MainContents_Area .PointF{filter:invert(34%) sepia(67%) saturate(800%) hue-rotate(336deg) brightness(90%) !important;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술페이지 기본설정 */
.MainContents_Area *{letter-spacing:-0.025em; line-height:1;}
.MainContents_Area .InnerFull{width:100%; min-width:100%;}
.MainContents_Area .Inner1920{width:1920px; min-width:1920px; left:50%; margin-left:-960px;}
.MainContents_Area .Inner1200{width:1200px; min-width:1200px; margin:0 auto;}
.MainContents_Area .Inner1000{width:1000px; min-width:1000px; margin:0 auto;}
.MainContents_Area .Inner900{width:900px; min-width:900px; margin:0 auto;}
.MainContents_Area .Inner880{width:880px; min-width:880px; margin:0 auto;}
.MainContents_Area .Inner700{width:700px; min-width:700px; margin:0 auto;}
.MainContents_Area .Mt6{margin-top:6em;}
.MainContents_Area .Mt5{margin-top:5em;}
.MainContents_Area .Mt4{margin-top:4em;}
.MainContents_Area .Mt3{margin-top:3em;}
.MainContents_Area .Mt2{margin-top:2em;}
.MainContents_Area .Mt1{margin-top:1em;}
.MainContents_Area .Pb9{padding-bottom:9em;}
.MainContents_Area .Pb8{padding-bottom:8em;}
.MainContents_Area .Pb7{padding-bottom:7em;}
.MainContents_Area .Pb6{padding-bottom:6em;}
.MainContents_Area .Pb5{padding-bottom:5em;}
.MainContents_Area .Pb4{padding-bottom:4em;}
.MainContents_Area .Pb3{padding-bottom:3em;}
.MainContents_Area .Pb2{padding-bottom:2em;}
.MainContents_Area .ContArea{position:relative; width:100%; display:block;}
.MainContents_Area .Left{text-align:left !important;}
.MainContents_Area .Right{text-align:right !important;}
.MainContents_Area .Center{text-align:center !important;}
.MainContents_Area .MainTitle strong{position:relative; display:inline-block; font-size:2.9rem; font-weight:800; letter-spacing:0;}
.MainContents_Area .MainTitle strong b{font-size:2.9rem; font-weight:800; letter-spacing:0;}
.MainContents_Area .MainTitle em{position:relative; display:inline-block; font-size:2.35rem; font-weight:700;}
.MainContents_Area .MainTitle p{position:relative; display:inline-block; font-size:1.25rem; font-weight:700; line-height:1.7; font-weight:500;}
.MainContents_Area .MainTitle p b{font-size:1.25rem; font-weight:700; line-height:1.7; font-weight:500;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 풀슬라이드영역 */
section.SectionFull{width:100%; height:100vh;}
.SectionFull .Inner{}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionFull .ContArea{position:relative; display:block; width:100%; height:100vh;}
	.SectionFull .SwiperFull{position:relative; display:block; width:100%; height:100vh;}
	.SectionFull .Slide{display:flex; justify-content:center; align-items:flex-end; background-repeat:no-repeat; background-size:cover; background-position:center;}
	.SectionFull .SlideArea{position:relative; display:inline-flex; align-items:center; justify-content:center; width:1920px;}
	.SectionFull .FullTitle{position:relative; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; gap:2.3em; width:600px; height:100vh; transition:1000ms; padding-left:4em;}
	.SectionFull .FullTitle *{transition:1000ms;}
	.SectionFull .FullTitle img{width:fit-content;}
	.SectionFull .FullTitle span{position:relative; display:block; font-size:1.3rem; color:#9b958e; font-weight:600;}
	.SectionFull .FullTitle strong{position:relative; display:block; font-size:3.7rem; font-weight:600; color:#2c2b2d;}
	.SectionFull .FullTitle p{position:relative; display:block; font-size:1.2rem; color:#535254; line-height:1.6; font-weight:500;}
	.SectionFull .FullTitle em{}
	.SectionFull .ImgBox{width:600px; margin-top:auto;}
	.SectionFull .ImgBox img{height:87vh;}

	/* 배너_1번 */
	.SectionFull .Slide01{align-items:center; justify-content:center;}
	.SectionFull .Slide01 .FullTitle{align-items:center; padding-left:0;}
	.SectionFull .Slide01 .FullTitle img{filter:blur(5px); transform:translate(0, 15px); opacity:0; transition-delay:100ms;}
	.SectionFull .Slide01 .FullTitle p{filter:blur(5px); transform:translate(0, 15px); opacity:0; transition-delay:200ms; position:relative; display:flex; align-items:center; flex-wrap:nowrap; font-size:1.62rem; font-weight:300; color:#ffffff; letter-spacing:0.11em; gap:0.3em;}
	.SectionFull .Slide01 .FullTitle p b{font-size:1.62rem; font-weight:500; color:#ffffff; letter-spacing:0.05em; padding:0.2em 0.2em; background-color:#a0918260;}
	.SectionFull .Slide01.swiper-slide-active .FullTitle img{filter:none; transform:translate(0, 0); opacity:1;}
	.SectionFull .Slide01.swiper-slide-active .FullTitle p{filter:none; transform:translate(0, 0); opacity:1;}

	/* 배너_2번 */
	.SectionFull .Slide02{}
	.SectionFull .Slide02 .FullTitle span{transform:translate(15px, 0); opacity:0; transition-delay:200ms;}
	.SectionFull .Slide02 .FullTitle strong{transform:translate(15px, 0); opacity:0; transition-delay:300ms;}
	.SectionFull .Slide02 .FullTitle p{transform:translate(15px, 0); opacity:0; transition-delay:400ms;}
	.SectionFull .Slide02.swiper-slide-active .FullTitle span{transform:translate(0, 0); opacity:1;}
	.SectionFull .Slide02.swiper-slide-active .FullTitle strong{transform:translate(0, 0); opacity:1;}
	.SectionFull .Slide02.swiper-slide-active .FullTitle p{transform:translate(0, 0); opacity:1;}

	/* 배너_3번 */
	.SectionFull .Slide03{}
	.SectionFull .Slide03 .FullTitle span{transform:translate(15px, 0); opacity:0; transition-delay:200ms;}
	.SectionFull .Slide03 .FullTitle strong{transform:translate(15px, 0); opacity:0; transition-delay:300ms;}
	.SectionFull .Slide03 .FullTitle p{transform:translate(15px, 0); opacity:0; transition-delay:400ms;}
	.SectionFull .Slide03.swiper-slide-active .FullTitle span{transform:translate(0, 0); opacity:1;}
	.SectionFull .Slide03.swiper-slide-active .FullTitle strong{transform:translate(0, 0); opacity:1;}
	.SectionFull .Slide03.swiper-slide-active .FullTitle p{transform:translate(0, 0); opacity:1;}

	/* 배너_4번 */
	.SectionFull .Slide04{}
	.SectionFull .Slide04 .FullTitle span{transform:translate(15px, 0); opacity:0; transition-delay:200ms;}
	.SectionFull .Slide04 .FullTitle strong{transform:translate(15px, 0); opacity:0; transition-delay:300ms;}
	.SectionFull .Slide04 .FullTitle p{transform:translate(15px, 0); opacity:0; transition-delay:400ms;}
	.SectionFull .Slide04.swiper-slide-active .FullTitle span{transform:translate(0, 0); opacity:1;}
	.SectionFull .Slide04.swiper-slide-active .FullTitle strong{transform:translate(0, 0); opacity:1;}
	.SectionFull .Slide04.swiper-slide-active .FullTitle p{transform:translate(0, 0); opacity:1;}

	
	/* 페이지버튼 */
	.SectionFull .SwiperPagination{position:absolute; left:50%; bottom:15em; transform:translate(-50%,0); z-index:1; transition:300ms;}
	.SectionFull .SwiperPagination span{transition:300ms; cursor:pointer;}
	.SectionFull .SwiperPagination span.SwiperPg{display:inline-block; vertical-align:middle; margin:0 5px; background:#686868; width:8px; height:8px; opacity:0.5; border-radius:100px;}
	.SectionFull .SwiperPagination span.SwiperPgActive{box-shadow:0 0 0 4px rgba(163, 65, 31, 0.23); background:#a3411f; opacity:1; box-sizing:border-box; margin:0 8px;}
	
	/* 스크롤다운 */
	.SectionFull .ScrollDown{position:absolute; left:50%; bottom:7em; transform:translate(-50%,0); width:100%; z-index:2; opacity:1; visibility:visible; transition:300ms;}
	.SectionFull .ScrollDown p{color:#544e48; font-size:0.75rem; font-weight:600; letter-spacing:0.23em; margin-bottom:0.8em;}
	.SectionFull .ScrollDown span{display:block; width:6px; height:6px; margin:0 auto; background:#544e48; opacity:0.45; border-radius:500px; margin-top:8px; animation: circleFade 1.6s infinite ease-in-out;}
	.SectionFull .ScrollDown span.Circle01{animation-delay:0s;}
	.SectionFull .ScrollDown span.Circle02{animation-delay:0.2s;}
	.SectionFull .ScrollDown span.Circle03{animation-delay:0.4s;}
	.SectionFull .ScrollDown span.Circle04{animation-delay:0.6s;}
	@keyframes circleFade{ 0%   { opacity: 0.2; }	25%  { opacity: 1; }	50%  { opacity: 0.2; }	100% { opacity: 0.2; } }

	/* 스크롤다운_1-1번 */
	.SectionFull.Active01 .ScrollDown p{color:#eee4d9; font-weight:400;}
	.SectionFull.Active01 .ScrollDown span{background:#eee4d9;}

	/* 스크롤시 변화 */
	.SectionFull.Scroll .ScrollDown{opacity:0; visibility:hidden;}
	.SectionFull.Scroll .SwiperPagination{opacity:0; visibility:hidden;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 시그니처영역 */
section.SectionSignature{background-color:#e9e6e2; padding:9em 0;}
.SectionSignature .Inner{}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionSignature .MainTitle{position:relative; display:block;}
	.SectionSignature .MainTitle strong{color:#2c2b2d;}
	.SectionSignature .ContArea{position:relative; display:block;}
	.SectionSignature .ContArea ul{position:relative; display:flex; gap:calc((1200px - 1120px) / 3); justify-content:center; align-items:flex-start;}
	.SectionSignature .ContArea ul li{position:relative; display:block;}
	.SectionSignature .ContArea ul li a{position:relative; display:flex; justify-content:center; align-items:center; gap:1.3em; flex-direction:column;}
	.SectionSignature .ContArea ul li img{transition:300ms;}
	.SectionSignature .ContArea ul li span{position:relative; display:block; font-size:1.25rem; color:#222; font-weight:600; transition:300ms;}
	.SectionSignature .ContArea ul li a:hover{}
	.SectionSignature .ContArea ul li a:hover img{opacity:.8;}
	.SectionSignature .ContArea ul li a:hover span{color:#544e48;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 의료진영역 */
section.SectionDoctor{background-color:#e9e6e2; background-repeat:no-repeat; background-size:cover; background-position:center;}
.SectionDoctor .Inner{display:flex; align-items:center; justify-content:center;}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionDoctor .ContArea{position:relative; display:block; width:fit-content;}
	.SectionDoctor .MainTitle{position:relative; display:inline-flex; width:calc(100% - 1022px); align-items:flex-start; flex-direction:column; padding-left:2em; gap:1.5em;}
	.SectionDoctor .MainTitle strong{color:#d9d6d3;}
	.SectionDoctor .MainTitle em{color:#fff;}
	.SectionDoctor .MainTitle p{color:#464646;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 특장점영역 */
section.SectionSuperior{background-color:#e9e6e2; padding:9em 0;}
.SectionSuperior .Inner{}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionSuperior .MainTitle{position:relative; display:block;}
	.SectionSuperior .MainTitle strong{color:#2c2b2d;}
	.SectionSuperior .ContArea{position:relative; display:block; }
	.SectionSuperior .ContArea ul{position:relative; display:flex; gap:calc((1200px - 1120px) / 3); justify-content:center; align-items:flex-start;}
	.SectionSuperior .ContArea ul li{position:relative; display:flex; justify-content:center; align-items:center; gap:1em; flex-direction:column; width:280px; text-align:center;}
	.SectionSuperior .ContArea ul li span{position:relative; display:block; font-size:1.28rem; color:#222; font-weight:700; line-height:1.3; margin-top:1.3em;}
	.SectionSuperior .ContArea ul li .Line{position:relative; display:block; width:1.5em; height:3px;}
	.SectionSuperior .ContArea ul li p{position:relative; display:block; font-size:1.1rem; color:#7a7a7a; font-weight:500; line-height:1.5;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 이벤트영역 */
section.SectionEvent{background-color:#e1ded9; padding:9em 0;}
.SectionEvent .Inner{text-align:right;}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionEvent .MainTitle{position:absolute; display:block; text-align:center; z-index:1; top:50%; left:50%; margin-left:auto; transform:translate(-50%, -50%);}
	.SectionEvent .ContArea{position:relative; display:inline-block; width:60%; max-width:1100px; z-index:2; overflow:hidden;}
	.SectionEvent .SwiperEvent{position:relative; display:block; width:100%;}
	.SectionEvent .SwiperEvent .Slide{max-width:280px !important;}
	.SectionEvent .SwiperEvent a{position:relative; display:flex; width:100%; flex-direction:column; align-items:flex-start; gap:1.3em;}
	.SectionEvent .SwiperEvent .ImgBox{position:relative; display:block; width:100%; height:280px; overflow:hidden; background-color:#000;}
	.SectionEvent .SwiperEvent .ImgBox:after{content:'MORE'; position:absolute; font-size:1.2rem; letter-spacing:0.2em; color:#e1ded9; font-weight:700; transition:300ms; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; opacity:0;}
	.SectionEvent .SwiperEvent .ImgBox img{position:relative; display:block; width:100%; height:100%; overflow:hidden; transition:300ms;}
	.SectionEvent .SwiperEvent a:hover img{opacity:.6; scale:1.05;}
	.SectionEvent .SwiperEvent a:hover .ImgBox:after{opacity:1;}
	.SectionEvent .SwiperEvent span{position:relative; display:block; font-size:1.2rem; color:#222; font-weight:600; transition:300ms;}
	@media (min-width: 1921px) {
		.SectionEvent .ContArea{max-width:fit-content; width:calc(((100% - 1200px) / 2) + 730px);}
	}
	.SectionEvent .SliderBtn{position:relative; display:flex; align-items:center; gap:0.8em; margin-top:2.5em;}
	.SectionEvent .SliderBtn > div{position:relative; display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; border:2px solid #a3411f; border-radius:100px; cursor:pointer; transition:300ms;}
	.SectionEvent .SliderBtn > div:hover{background-color:#a3401f34;}
	.SectionEvent .SliderBtn > div i{font-size:1.7rem;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 검정영역 */
section.SectionBlack{background-color:#e9e6e2; padding:9em 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
.SectionBlack .Inner{}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionBlack .MainTitle{position:relative; display:flex; flex-direction:column; gap:0.5em; justify-content:center; align-items:center;}
	.SectionBlack .MainTitle em{color:#c6baad; font-weight:600;}
	.SectionBlack .MainTitle strong{color:#dcd8d3; font-weight:700;}
	.SectionBlack .MainTitle strong b{font-size:3.5rem;}
	.SectionBlack .MainTitle p{color:#c3bfba; font-weight:400;}
	.SectionBlack .MainTitle p b{color:#c3bfba; font-weight:700;}
	.SectionBlack .MainTitle img{width:fit-content;}