@charset "utf-8";

/* C00336 프리마피부과 ㅣ C00337 리제피부과 */


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 네트워크별 포인트 컬러 */
/* 프리마피부과 */
.NC00336 .ClinicSection .PointB{background-color:#605449 !important;}
.NC00336 .ClinicSection .PointC{color:#605449 !important;}
.NC00336 .ClinicSection .PointF{filter:invert(33%) sepia(25%) saturate(289%) hue-rotate(347deg) brightness(94%) contrast(92%) !important;}
/* 리제피부과 */
.NC00337 .ClinicSection .PointB{background-color:#a3411f !important;}
.NC00337 .ClinicSection .PointC{color:#a3411f !important;}
.NC00337 .ClinicSection .PointF{filter:invert(34%) sepia(67%) saturate(800%) hue-rotate(336deg) brightness(90%) !important;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술페이지 기본설정 */
.ClinicSection *{letter-spacing:-0.025em; line-height:1;}
.ClinicSection{position:relative; display:block; padding:8em 0; background-color:#fff;}
.ClinicSection.BgW{background-color:#fff !important;}
.ClinicSection .BgW{background-color:#fff !important;}
.ClinicSection.BgG{background-color:#f8f8f8 !important;}
.ClinicSection .BgG{background-color:#f8f8f8 !important;}
.ClinicSection.BgG2{background-color:#f6f6f6 !important;}
.ClinicSection .BgG2{background-color:#f6f6f6 !important;}
.ClinicSection.NoBg{background:none !important;}
.ClinicSection .NoBg{background:none !important;}
.ClinicSection.BgG_F{background:linear-gradient( to bottom, #f8f8f8, #fff ) !important;}
.ClinicSection.BgF_G{background:linear-gradient( to bottom, #fff, #f8f8f8 ) !important;}
.ClinicSection .InnerFull{width:100%; min-width:100%;}
.ClinicSection .Inner1920{width:1920px; min-width:1920px; margin-left:-960px; left:50%;}
.ClinicSection .Inner1200{width:1200px; min-width:1200px; margin:0 auto;}
.ClinicSection .Inner1000{width:1000px; min-width:1000px; margin:0 auto;}
.ClinicSection .Inner900{width:900px; min-width:900px; margin:0 auto;}
.ClinicSection .Inner880{width:880px; min-width:880px; margin:0 auto;}
.ClinicSection .Inner700{width:700px; min-width:700px; margin:0 auto;}
.ClinicSection .Mt6{margin-top:6em;}
.ClinicSection .Mt5{margin-top:5em;}
.ClinicSection .Mt4{margin-top:4em;}
.ClinicSection .Mt3{margin-top:3em;}
.ClinicSection .Mt2{margin-top:2em;}
.ClinicSection .Mt1{margin-top:1em;}
.ClinicSection .Pb9{padding-bottom:9em;}
.ClinicSection .Pb8{padding-bottom:8em;}
.ClinicSection .Pb7{padding-bottom:7em;}
.ClinicSection .Pb6{padding-bottom:6em;}
.ClinicSection .Pb5{padding-bottom:5em;}
.ClinicSection .Pb4{padding-bottom:4em;}
.ClinicSection .Pb3{padding-bottom:3em;}
.ClinicSection .Pb2{padding-bottom:2em;}
.ClinicSection .ContArea{position:relative; width:100%; display:block;}
.ClinicSection .Left{text-align:left !important;}
.ClinicSection .Right{text-align:right !important;}
.ClinicSection .Center{text-align:center !important;}
.ClinicSection h2{position:relative; display:block; font-size:3.25rem; font-weight:600;}
.ClinicSection h3{position:relative; display:block; font-size:2.6rem; font-weight:400; line-height:1.3;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술페이지 타이틀 */
.ClinicSection .SubTitle{position:relative; display:block; width:100%;}
.ClinicSection .SubTitle small{position:relative; display:block; font-size:0.97rem; color:#000000; opacity:.25; line-height:1; font-weight:600; letter-spacing:0.3em; margin-bottom:1.2em;}
.ClinicSection .SubTitle h3{}
.ClinicSection .SubTitle h3 b{font-weight:600; line-height:1.3;}
.ClinicSection .SubTitle .Line{position:relative; display:inline-block; width:35px; height:3px; margin:2.2em 0 1.5em 0;}
.ClinicSection .SubTitle .Dot{position:relative; display:inline-block; margin:1.8em 0;}
.ClinicSection .SubTitle .Dot div{position:relative; display:block; width:11px; height:11px; border-radius:10px;}
.ClinicSection .SubTitle .Dot div:nth-child(2){margin-top:-3px; opacity:.6;}
.ClinicSection .SubTitle .Dot div:nth-child(3){margin-top:-3px; opacity:.2;}
.ClinicSection .SubTitle p{position:relative; display:block; font-size:1.15rem; color:#333; line-height:1.7; font-weight:500;}
.ClinicSection .SubTitle p b{position:relative; display:block; font-size:1.15rem; color:#333; line-height:1.7; font-weight:700;}
.ClinicSection .SubTitle h3 + p{color:#565656;}
.ClinicSection .SubTitle h3 + p b{color:#565656;}
.ClinicSection .SubTitle > img{display:inline-block; width:25px; margin-bottom:1em;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 키비주얼 섹션 */
.VisualSection{height:750px; padding:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.VisualSection .Inner{display:flex; align-items:flex-end; height:100%;}
.VisualSection .VisualTitle{position:relative; display:flex; min-width:50%; height:100%; align-items:flex-start; justify-content:center; flex-direction:column; gap:2.2em; padding-left:4em;}
.VisualSection .VisualTitle span{position:relative; display:block; font-size:1.25rem; color:#8b827c; font-weight:500;}
.VisualSection .VisualTitle h2{}
.VisualSection .VisualTitle p{position:relative; display:block; font-size:1.3rem; color:#535254; line-height:1.6; font-weight:600;}
.VisualSection .ImgBox{display:block; width:50%;}
.VisualSection .ImgBox img{}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 가격안내 섹션 */
.PriceSection{}
.PriceSection .ContArea{height:530px; overflow:hidden; transition:height 400ms; padding-bottom:4em; display:flex; align-items:flex-start; flex-direction:column; justify-content:flex-start; gap:4em;}
.PriceSection .Inner > small{position:relative; display:block; font-size:0.93rem; font-weight:400; color:#999; margin:1em auto 0 auto; text-align:right;}
.PriceSection .ItemArea{position:relative; display:flex; flex-direction:column; width:100%; gap:1.3em;}
/* 안내문구 기본 */
.PriceSection .ItemArea p{position:relative; display:block; font-size:0.9rem; font-weight:500; color:#999; line-height:1.2; word-break:keep-all;}
/* 패키지명 */
.PriceSection .ItemPkgName{position:relative; display:flex; align-items:center; gap:0.8em;}
.PriceSection .ItemPkgName b{position:relative; display:block; width:6px; height:6px; border-radius:15px;}
.PriceSection .ItemPkgName span{position:relative; display:block; font-size:1.33rem; font-weight:700; color:#111;}
/* 패키지명 > 안내문구 */
.PriceSection .ItemPkgName p{position:absolute; right:5px; bottom:-5px;}
/* 상품리스트 */
.PriceSection .ItemList{position:relative; display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:0.3em; width:100%;}
.PriceSection .ItemList.InnerHalf{flex-wrap:wrap; flex-direction:row;}
.PriceSection .ItemList.InnerHalf > .ItemSmall{width:calc((100% - 0.3em) / 2);}
.PriceSection .ItemList + ul{margin-top:0.3em;}
/* 상품명 */
.PriceSection .ItemList .ItemName{position:relative; display:inline-flex; align-items:center; width:100%; background-color:#ededed; border-radius:6px; padding:0.6em 1.3em; min-height:45px;}
.PriceSection .ItemList .ItemName span{position:relative; display:block; font-size:1.2rem; font-weight:700;}
/* 상품 */
.PriceSection .ItemList .ItemSmall{position:relative; display:inline-flex; align-items:center; width:100%; background-color:#fff; border-radius:6px; padding:0.6em 1.3em 0.6em 1.3em; min-height:45px;}
.PriceSection .ItemList .ItemSmall .Treat{position:relative; display:block; font-size:1.033rem; font-weight:500; line-height:1.4; color:#111111;}
.PriceSection .ItemList .ItemSmall .Price{position:relative; display:inline-flex; align-items:center; margin:0 0 0 auto;}
.PriceSection .ItemList .ItemSmall .Price > div{position:relative; display:inline-flex; align-items:center; font-size:1.42rem; font-weight:700;}
.PriceSection .ItemList .ItemSmall .Price > div + div{}
.PriceSection .ItemList .ItemSmall .Price > div + div:before{content:'/'; position:relative; font-weight:500; font-size:1.3rem; margin:0 0.3em;}
.PriceSection .ItemList .ItemSmall .Price > div small{position:relative; font-size:0.95rem; font-weight:500; padding-top:2px; padding-left:0.1em;}
.PriceSection .ItemList .ItemSmall .Price span.pre{color:#999; position:inline-block; padding-right:5px; text-decoration: line-through; font-size:0.95rem;}
/* 안내문구 하단 */
.PriceSection .ItemText{position:relative; display:inline-flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:0.3em; width:100%; margin-top:0.4em; padding-left:0.6em;}
.PriceSection .ItemText p{}
/* 가격더보기 버튼 */
.PriceSection .PriceBtn{position:relative; width:100%; display:block;}
.PriceSection .PriceBtn:not(.Open):before{content:''; position:absolute; display:block; width:100%; height:185px; left:0; bottom:2em; z-index:2; background:linear-gradient( to bottom, transparent, #f6f6f6 );}
.PriceSection .PriceBtn > div{position:relative; display:flex; margin:0 auto; width:fit-content; align-items:center; justify-content:center; z-index:3; padding:0.6em 1.2em; border-radius:6px; border:1px solid #7b7b7b; gap:0.3em; transition:300ms; cursor:pointer;}
.PriceSection .PriceBtn > div:hover{background-color:#fff; background-color:#e9e9e9;}
.PriceSection .PriceBtn span{position:relative; display:block; font-size:1rem; font-weight:500; color:#505050;}
.PriceSection .PriceBtn i{position:relative; display:block; font-size:0.9rem; transition:300ms; color:#505050;}
.PriceSection .PriceBtn.Open i{transform:rotate(-180deg);}
/*추가사항*/
.PriceSection .ItemArea p.asterisk{text-align:right; width:100%; margin-top:0.3em;}

/* 항목 많지 않을 경우 */
.PriceSection.Default .ContArea{height:auto; padding-bottom:2em}
.PriceSection.Default .PriceBtn{display:none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 소개 섹션 */
.AboutSection{padding:0;}
.AboutSection .Inner{display:flex; align-items:flex-end; height:100%;}
.AboutSection .SubTitle{order:1; width:50%;}
.AboutSection .ContArea{order:2; display:inline-flex; width:50%; margin:0 0 0 auto; padding:7em 0 0 0; min-height:600px; align-items:flex-end;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 과정 섹션 */
.StepSection{}
.StepSection .ContArea{}
.StepSection .ContArea ul{position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:1.3em;}
.StepSection .ContArea ul li{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.8em;}
.StepSection .ContArea .ImgBox{position:relative; overflow:hidden; border-radius:10px;}
.StepSection .ContArea .ImgBox img{position:relative; display:block;}
.StepSection .ContArea ul li span{position:relative; display:inline-block; font-size:1rem; background-color:#6d6964; padding:0.5em 1.3em; border-radius:100px; color:#fff; font-weight:400; margin-top:0.5em}
.StepSection .ContArea ul li > b{position:relative; display:block; font-size:1.3rem; color:#3e3d39; line-height:1; font-weight:700; margin-top:0.4em;}
.StepSection .ContArea ul li p{position:relative; display:block; font-size:1.15rem; color:#333; line-height:1.6; font-weight:500; text-align:center;}
.StepSection .ContArea ul:has(li:nth-child(6)) li:nth-child(-n+5):not(.Line){margin-bottom:1.5em;}
.StepSection .ContArea ul .Line{position:relative; display:block; width:3.5em; height:1px; border-top:2px dotted #b7b5b2; margin-top:calc(235px / 2);}
.StepSection .ContArea ul .Line:nth-child(6){display:none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 타입 섹션 */
.TypeSection{}
.TypeSection .ContArea{}
.TypeSection .Inner900 .ContArea ul{gap:7em;}
.TypeSection .ContArea ul{position:relative; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:5em;}
.TypeSection .ContArea ul li{position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:2.5em; min-width:340px; border-bottom:1px solid #c0bfbd; height:auto;}
.TypeSection .ContArea .ImgBox{position:relative;}
.TypeSection .ContArea .ImgBox img{}
.TypeSection .ContArea .TextBox{position:relative; display:block; width:100%}
.TypeSection .ContArea .TextBox > div{position:relative; display:flex; align-items:center; justify-content:flex-start; width:100%; border-top:1px solid #6d6964; border-bottom:1px solid #c0bfbd;}
.TypeSection .ContArea .TextBox > div span{position:relative; display:block; font-size:1.3rem; font-weight:700; color:#3f3d3a; padding:0 0.7em;}
.TypeSection .ContArea .TextBox > div b{font-size:1.3rem; font-weight:700;}
.TypeSection .ContArea .TextBox > div em{position:relative; display:block; font-size:1.3rem; font-weight:700; margin:0 0 0 auto; color:#dbdbdb; border-left:1px solid #c0bfbd; padding:0.6em 0.7em;}
.TypeSection .ContArea .TextBox p{position:relative; display:block; font-size:1.15rem; color:#333; line-height:1.7; font-weight:500; padding:1.1em 0.8em;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 효과 섹션 */
.EffectSection{background:linear-gradient( to bottom, #fff 0% 60%, #f3f3f3 60% 100% );}
.EffectSection .Inner{}
.EffectSection .ContArea{background-color:#f9f9f9; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:1.2em; padding:1.7em 0 2em 0;}
.EffectSection .ContArea ul{position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; width:100%;}
.EffectSection .ContArea ul.ImgBox{}
.EffectSection .ContArea ul.TextBox{align-items:stretch;}
.EffectSection .ContArea ul.TextBox li{display:inline-flex; height:auto; align-items:center; flex-direction:column; padding:0.2em 0 0.3em 0;}
.EffectSection .ContArea ul.TextBox li + li{border-left:2px dotted #c8c8c8;}
.EffectSection .ContArea ul li{width:25%; text-align:center;}
.EffectSection .ContArea ul li span{position:relative; display:block; font-size:1.05rem; font-weight:600; text-align:center; letter-spacing:0; margin-bottom:0.5em;}
.EffectSection .ContArea ul li p{position:relative; display:block; font-size:1.1rem; line-height:1.4; font-weight:500; text-align:center; margin:auto 0;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 추천 섹션 */
.TargetSection{}
.TargetSection .ContArea{}
.TargetSection .ContArea ul{position:relative; display:flex; flex-direction:column; gap:0.8em;}
.TargetSection .ContArea ul li{position:relative; display:flex; align-items:center; justify-content:flex-start; background-color:#f5f4f4; border-radius:10px; padding:1.3em 2em; gap:1.2em;}
.TargetSection .ContArea ul li span{position:relative; display:inline-flex; width:38px; height:38px; border-radius:100px; background-color:#6d6964; color:#fff; font-size:1.05rem; font-weight:500; text-align:center; align-items:center; justify-content:center;}
.TargetSection .ContArea ul li p{position:relative; display:block; font-size:1.1rem; line-height:1.4; font-weight:500; text-align:center;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 장비 섹션 */
.DeviceSection{}
.DeviceSection .ContArea{}
.DeviceSection .ContArea ul{position:relative; display:flex; flex-direction:column; gap:2.7em; padding:0 1em;}
.DeviceSection .ContArea ul li{position:relative; display:inline-flex; align-items:stretch; justify-content:flex-start; gap:0.7em;}
.DeviceSection .ContArea ul .ImgBox{position:relative; display:block; overflow:hidden; border-radius:10px; background-size:cover; width:230px;}
.DeviceSection .ContArea ul .ImgBox img{position:relative; display:block; width:100%; height:100%; object-fit:cover;}
.DeviceSection .ContArea ul .TextBox{position:relative; display:inline-flex; flex-direction:column; justify-content:center; align-items:flex-start; background-color:#fff; border-radius:10px; padding:0 2.4em; width:calc(100% - 230px - 0.7em);}
.DeviceSection .ContArea ul .TextBox span{position:relative; display:inline-flex; font-size:1.4rem; font-weight:700; line-height:1.4; text-align:center; align-items:center; justify-content:center;}
.DeviceSection .ContArea ul .TextBox b{position:relative; display:block; width:50px; height:1px; opacity:.3; margin-left:0.3em;}
.DeviceSection .ContArea ul .TextBox p{position:relative; display:block; font-size:1.05rem; line-height:1.8; font-weight:500; color:#333; margin-top:0.6em;}
.DeviceSection.BgW .ContArea ul .TextBox{background-color:#f8f8f8;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 와이드 섹션 */
.WideSection{padding-left:5%; padding-right:5%;}
.WideSection .Inner{padding:6.7em 0; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:40px; max-width:1920px; min-width:auto;}
.WideSection .SubTitle small{opacity:.5;}
.WideSection .SubTitle h3{color:#fff; font-weight:300;}
.WideSection .SubTitle h3 b{color:#fff; font-weight:500;}
.WideSection .SubTitle p{color:#fff; font-weight:400;}
.WideSection .SubTitle p b{color:#fff; font-weight:600;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단 */
.CommonSection.ForLisse{padding:0; height:700px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.CommonSection.ForLisse .Inner{display:flex; align-items:flex-start;}
.CommonSection.ForLisse .Inner > div{display:inline-flex; align-items:flex-start; width:960px; z-index:2;}
.CommonSection.ForLisse .SubTitle{flex-direction:column; padding-left:calc(960px - 600px); background-position-y:-80%; background-repeat:no-repeat; background-position-x:88%; background-size:auto; width:960px; padding-top:6em; gap:2em; z-index:1;}
.CommonSection.ForLisse .SubTitle h3{color:#fff; line-height:1.2;}
.CommonSection.ForLisse .SubTitle h3 b{color:#fff; line-height:1.2;}
.CommonSection.ForLisse .SubTitle h3 em{font-size:4rem; line-height:0.6;}
.CommonSection.ForLisse .SubTitle p{color:#e5e5e5; font-weight:300;}
.CommonSection.ForLisse .SubTitle p b{display:inline-block; color:#fff; font-weight:600; font-size:1.2rem;}
.CommonSection.ForLisse .SubTitle strong{color:#e5e3e3; background-color:#7e766e; font-weight:500; font-size:1.2rem; padding:0.2em 0.3em}
.CommonSection.ForLisse .SubTitle img{width:fit-content;}
.CommonSection.ForLisse .ContArea{margin-left:-5em;}