@charset "utf-8";

#circleListLine2 {display:flex; justify-content:center; gap:30px; flex-wrap: wrap;}
#circleListLine2 li {width:30%; border:1px solid rgba(100,88,148,0.2);  text-align:center; display:flex; align-items: center;  justify-content:center; padding: 50px 20px;  }
#circleListLine2 li > dl dt { margin-bottom:1em; font-size:24px; color:#645894; }
#circleListLine2 li > dl dd {font-size:18px; color:#222}

#circleListLine2.intro3-1 { justify-content:left; gap:20px; }
#circleListLine2.intro3-1 li {width:230px; height:230px; }
#circleListLine2.intro3-1 li > dl {padding-left:0}
#circleListLine2.intro3-1 li > dl dd {font-size:20px;}


#circleListLine2.intro3-3 {flex-wrap:wrap; gap:10px}
#circleListLine2.intro3-3 li {width:220px; height:220px}
#circleListLine2.intro3-3 li > dl dd {font-size:20px;}


@media all and (max-width:976px){
    #circleListLine2 li {width:48%;}
}
@media all and (max-width:824px){
    #circleListLine2 li {width:100%;}
    #circleListLine2 li > dl dt { margin-bottom:0.6em; font-size:20px;}
    #circleListLine2 li > dl dd {font-size:16px;}
}


#t-Style2 {width:100%}
#t-Style2 tr th {padding:1.2em 0;font-size:20px; border-top:2px solid #906692; border-bottom:1px solid #e3e3e3; background: #f9f8f9; color:#906692; text-align:center; border-right:1px solid #e3e3e3 }
#t-Style2 tr td {padding:1.1em 0; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; text-align:center; font-size:17px;}
#t-Style2 tr th:last-child,
#t-Style2 tr td:last-child {border-right:0}
#t-Style2 tr td.fd-f {border-left:0}
.br500{display: none;}

@media all and (max-width:970px) {
	.br970{display: none;}
}
@media all and (max-width:787px) {
    #t-Style2 tr th {font-size:16px }
	#t-Style2 tr td {font-size:14px }
}
@media all and (max-width:640px) {
    .br640{display: none;}
}
@media all and (max-width:500px) {
    .br500{display: block;}
}


#petit6-img{margin: 0 auto; width: 100%; text-align: center;}
#petit6-img img { max-width: 800px; width: 90%;}


#acneProc{display: flex; justify-content: center; gap: 2%;}
#acneProc .arrow{font-size: 20px; color:#ddd;}
#acneProc li img{max-width: 100%;}
#acneProc li .txt{font-size: 18px; text-align: center;}
@media all and (max-width:1024px){
    #acneProc{flex-wrap: wrap;}
    #acneProc li{width: 25%;}
    #acneProc .arrow{font-size: 15px;}
    #acneProc li .txt{font-size: 14px;}
    #acneProc .none1024{display: none;}
}


#acneProc.sideEffect li .img{border-radius: 50%; overflow: hidden;;}
#acneProc.sideEffect .txt{margin-top: 10px;}

#clinicTop.package2-2 { background-image:url('/petit/images/sub/clinictop-package2-2.png?v=1');}
#clinicTop.skincare1 { background-image:url('/petit/images/sub/clinictop-skincare1.png?v=1');}
#clinicTop.skincare2 { background-image:url('/petit/images/sub/clinictop-skincare2.png?v=1');}

#clinicTop.insur1 { background-image:url('/petit/images/sub/clinictop-insur1.jpg');}
#clinicTop.insur2 { background-image:url('/petit/images/sub/clinictop-insur2.jpg');}
#clinicTop.insur3 { background-image:url('/petit/images/sub/clinictop-insur3.jpg');}
#clinicTop.insur4 { background-image:url('/petit/images/sub/clinictop-insur4.jpg');}
#clinicTop.insur5 { background-image:url('/petit/images/sub/clinictop-insur5.jpg');}
#clinicTop.insur6 { background-image:url('/petit/images/sub/clinictop-insur6.jpg');}
#clinicTop.insur7 { background-image:url('/petit/images/sub/clinictop-insur7.jpg');}
#clinicTop.insur8 { background-image:url('/petit/images/sub/clinictop-insur8.jpg');}
#clinicTop.insur9 { background-image:url('/petit/images/sub/clinictop-insur9.jpg');}
#clinicTop.insur10 { background-image:url('/petit/images/sub/clinictop-insur10.jpg');}
#clinicTop.insur11 { background-image:url('/petit/images/sub/clinictop-insur11.jpg');}

#clinicTop.volum1 { background-image:url('/petit/images/sub/clinictop-volum1_251119.webp?v=1');}
#clinicTop.volum2 { background-image:url('/petit/images/sub/clinictop-volum2.webp?v=1');}
#clinicTop.volum3 { background-image:url('/petit/images/sub/clinictop-volum3.webp?v=1');}
#clinicTop.volum4 { background-image:url('/petit/images/sub/clinictop-volum4_251119.webp?v=1');}
#clinicTop.volum4_2 { background-image:url('/petit/images/sub/clinictop-volum4_2.webp?v=1');}
#clinicTop.volum4_3 { background-image:url('/petit/images/sub/clinictop-volum4_3.webp?v=1');}
#clinicTop.volum4_4 { background-image:url('/petit/images/sub/clinictop-volum4_4.webp?v=1');}
#clinicTop.volum5 { background-image:url('/petit/images/sub/clinictop-volum5.webp?v=1');}

#clinicTop.lifting2 { background-image:url('/petit/images/sub/clinictop-lifting2_250528.webp?v=2');}
#clinicTop.lifting3 { background-image:url('/petit/images/sub/clinictop-lifting3.webp?v=1');}
#clinicTop.lifting4 { background-image:url('/petit/images/sub/clinictop-lifting4.webp?v=1');}
#clinicTop.lifting5 { background-image:url('/petit/images/sub/clinictop-lifting5.webp?v=1');}
#clinicTop.lifting6 { background-image:url('/petit/images/sub/clinictop-lifting6.webp?v=1');}
#clinicTop.lifting7 { background-image:url('/petit/images/sub/clinictop-lifting7.webp?v=1');}
#clinicTop.lifting8 { background-image:url('/petit/images/sub/clinictop-lifting8.webp?v=1');}
#clinicTop.lifting9 { background-image:url('/petit/images/sub/clinictop-lifting9.webp?v=1');}
#clinicTop.lifting10 { background-image:url('/petit/images/sub/clinictop-lifting10.webp?v=1');}
#clinicTop.lifting11 { background-image:url('/petit/images/sub/clinictop-lifting11.webp?v=1');}
#clinicTop.lifting12 { background-image:url('/petit/images/sub/clinictop-lifting12.webp?v=1');}
#clinicTop.skin1 { background-image:url('/petit/images/sub/clinictop-skin1.webp?v=1');}
#clinicTop.skin2 { background-image:url('/petit/images/sub/clinictop-skin2.webp?v=1');}
#clinicTop.skin3 { background-image:url('/petit/images/sub/clinictop-skin3.webp?v=1');}
#clinicTop.skin4 { background-image:url('/petit/images/sub/clinictop-skin4.webp?v=1');}
#clinicTop.skin5 { background-image:url('/petit/images/sub/clinictop-skin5.webp?v=1');}
#clinicTop.skin6 { background-image:url('/petit/images/sub/clinictop-skin6.webp?v=1');}
#clinicTop.skin7 { background-image:url('/petit/images/sub/clinictop-skin7.webp?v=1');}
#clinicTop.skin8 { background-image:url('/petit/images/sub/clinictop-skin8.webp?v=1');}
#clinicTop.skin9 { background-image:url('/petit/images/sub/clinictop-skin9.webp?v=1');}
#clinicTop.skin9_2 { background-image:url('/petit/images/sub/clinictop-skin9_2.webp?v=1');}
#clinicTop.skin10 { background-image:url('/petit/images/sub/clinictop-skin10.webp?v=1');}
#clinicTop.skin11 { background-image:url('/petit/images/sub/clinictop-skin11.webp?v=1');}
#clinicTop.skin12 { background-image:url('/petit/images/sub/clinictop-skin12.webp?v=1');}
#clinicTop.botox1 { background-image:url('/petit/images/sub/clinictop-botox1_251119.webp?v=1');}
#clinicTop.botox2 { background-image:url('/petit/images/sub/clinictop-botox2_251119.webp?v=1');}
#clinicTop.botox2_2 { background-image:url('/petit/images/sub/clinictop-botox2_2.webp?v=1');}
#clinicTop.botox2_3 { background-image:url('/petit/images/sub/clinictop-botox2_3.webp?v=1');}
#clinicTop.botox4 { background-image:url('/petit/images/sub/clinictop-botox4_251119.webp?v=1');}
#clinicTop.body1 { background-image:url('/petit/images/sub/clinictop-body1.webp?v=1');}
#clinicTop.body2 { background-image:url('/petit/images/sub/clinictop-body2.webp?v=1');}
#clinicTop.body3 { background-image:url('/petit/images/sub/clinictop-body3_251119.webp?v=1');}
#clinicTop.body4 { background-image:url('/petit/images/sub/clinictop-body4.webp?v=1');}
#clinicTop.body5 { background-image:url('/petit/images/sub/clinictop-body5.webp?v=1');}
#clinicTop.body6 { background-image:url('/petit/images/sub/clinictop-body6.webp?v=1');}
#clinicTop.body7 { background-image:url('/petit/images/sub/clinictop-body7.webp?v=1');}
#clinicTop.body8 { background-image:url('/petit/images/sub/clinictop-body8.webp?v=1');}
#clinicTop.body9 { background-image:url('/petit/images/sub/clinictop-body9.webp?v=1');}
#clinicTop.body10 { background-image:url('/petit/images/sub/clinictop-body10.jpg?v=1');}
#clinicTop.special1 { background-image:url('/petit/images/sub/clinictop-special1.webp');}
#clinicTop.special2 { background-image:url('/petit/images/sub/clinictop-special2.webp?v=2');}
#clinicTop.wedding2 { background-image:url('/petit/images/sub/clinictop-wedding2.webp?v=1');}
#clinicTop.undereye1 { background-image:url('/petit/images/sub/clinictop-undereye1.webp?v=1');}
#clinicTop.sigeye1 { background-image:url('/petit/images/sub/clinictop-sigeye1.webp?v=1');}



.acneIcon{display: flex; justify-content: center; flex-wrap: wrap;}
.acneIcon li{text-align: center; width: 280px; padding: 10px; margin: 10px; background-color: #f9f9f9;}
.acneIcon li .img img{max-width: 100%;}
.acneIcon li .txt dt{font-size: 20px; font-weight: 700;}
.acneIcon li .txt dd{font-size: 16px; padding-bottom: 20px;}

.mts-reason{display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;}
.mts-reason li{padding: 12px 24px; border:4px solid #90669233; color: #906692; font-size: 18px; border-radius: 40px; text-align: center;}
@media all and (max-width:568px){
    .mts-reason{gap: 10px;}
    .mts-reason li{font-size: 15px;}
}

#bgList{padding: 5% 0; background-repeat: no-repeat; background-position: right center; background-size: auto 100%;}
#bgList.skincare2{background-color: #e0e6ea; background-image: url('/images/sub/bglist-skincare2.png');}
#bgList.skincare2-2{background-color: #d6e2ed; background-image: url('/images/sub/bglist-skincare2-2.png');}
#bgList .sTitle{margin-bottom: 2em;}
#bgList .list{display: inline-block;}
#bgList .list li{margin: 14px 0; padding: 14px 25px; background-color: #fff; font-size: 17px; color: #645894;}
@media all and (max-width:1700px){
    #bgList{background-position: center center;}
}
@media all and (max-width:1400px){
    #bgList .sTitle{padding-right: 50%;}
    #bgList .sTitle dd br{display: none;}
}
@media all and (max-width:976px){
    #bgList .sTitle{padding-right: 40%;}
}
@media all and (max-width:640px){
    #bgList{padding: 10% 0; background-position: left center;}
    #bgList .sTitle{padding-right: 0%;}
}

#strongList ul{display: flex; justify-content: center; gap: 30px 3%;}
#strongList li{display: flex; justify-content: center; align-items: center; background-color: #fff; font-size: 18px; text-align: center; width: 180px; height: 180px; border:1px solid #64589499;}
#strongList li strong{color: #645894; font-size: 1.125em;}
#strongList li p{margin-top: 10px;}
@media all and (max-width:1280px){
    #strongList ul{flex-wrap: wrap;}
}
@media all and (max-width:568px){
    #strongList li{width: 130px; height: 130px; font-size: 15px;}
}

.bg.skincare2-2{background-color: #f5f1ef;}
#silkStep ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
#silkStep ul li{width: 410px; background-color: #fff;}
#silkStep ul li dl{padding: 20px; font-size: 18px; text-align: center;}
#silkStep ul li dl dt{font-weight: 600; color: #645894;}
#silkStep ul li dl dd{margin-top: 15px; font-size: 15px;}
@media all and (max-width:568px){
    #silkStep ul{ gap: 20px;}
    #silkStep ul li{width: 300px;}
    #silkStep ul li img{max-width: 100%;}
}


#stepList{display: flex; justify-content: center;  gap:30px 3%;}
#stepList > div{font-size: 2.4rem; color: #645894; display: flex; align-items: center;}
#stepList li{max-width: 300px; width: 100%;}
#stepList li .img{border:6px solid #64589410; }
#stepList li .img img{max-width: 100%; width: 100%;}
#stepList li dl {text-align: center;}
#stepList li dl dt{margin:1em 0; font-size: 2.2rem; font-weight: 700; color: #645894;}
#stepList li dl dd{font-size: 1.6rem;}
@media all and (max-width:976px){
    #stepList{flex-wrap: wrap;}
    #stepList li{max-width: 44%;}
}
@media all and (max-width:420px){
    #stepList > div{display: none;}
    #stepList li{max-width: 80%;}
    #stepList li dl dt{margin: 0.5em 0;}
}

#lifting7Step{display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}
#lifting7Step > li{width: calc((100% - 40px)/3); max-width: 480px; background-color: #64589410;}
#lifting7Step > li .img{position: relative;}
#lifting7Step > li .img img{max-width: 100%;}
/* #lifting7Step > li .img:before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 15px); height: calc(100% - 15px); border:1px solid #ffffff99; border-radius: 10px;} */
#lifting7Step > li .img-txt{position: absolute; bottom: 20px; width: 100%;}
#lifting7Step > li .img h4{font-size: 2.8rem; color: #645894; font-weight: 300;}
#lifting7Step > li .img p{margin-top: 6px; font-size: 1.4rem;}
#lifting7Step > li .img p span{padding: 2px 8px; background: #645894; color: #fff; font-weight: 500;}
#lifting7Step > li .txt{padding: 4%;}
#lifting7Step > li .txt dl{margin: 20px 0;}
#lifting7Step > li .txt dl dt{font-size: 2.0rem; color: #645894; font-weight: 400;}
#lifting7Step > li .txt dl dd{margin-top: 5px; font-size: 1.6rem;}
@media all and (max-width:976px){
    #lifting7Step{justify-content: center;}
    #lifting7Step > li{width: 100%;}
}


.skin1-imgs{display: flex; flex-direction: row-reverse;}
.skin1-imgs img{max-width: 100%;}
@media all and (max-width:976px){
    .skin1-imgs{flex-direction: column; align-items: center;}


}

.dotlist > li{position: relative; padding-left: .8em;}
.dotlist > li:before{position: absolute; left: 0; top: 0.4em; width: 6px; content: ''; height: 6px; background-color: #ddd; border-radius: 50%;}



#jevelook{text-align: center; display: flex; justify-content: center; gap: 10%;}
#jevelook .box dl dt{font-size: 3rem; font-weight: 700; line-height: 1;}
#jevelook .box dl dd{font-size: 1.6rem;  padding: 1em;}
#jevelook .box .img img{border-radius: 30px; max-width: 100%;}
#jevelook .box ul li{font-size: 1.8rem; margin:10px 0;}
@media all and (max-width:640px){
    #jevelook{flex-direction: column; gap: 30px; align-items: center;}
}

#qnaList{background-color: #f9f9f9;}
#qnaList .cont{display: flex; flex-direction: column; align-items: center; justify-content: center;}
#qnaList .cont dl{margin-bottom: 30px; text-align: center; width: 100%; max-width: 640px;}
#qnaList .cont dl dt{display: flex; justify-content: center; align-items: center; text-align: center; padding: 12px 24px; border:4px solid #90669233; color: #906692; border-radius: 40px; font-size: 2.2rem; background-color: #fff;}
#qnaList .cont dl dd{margin-top: 0.5em; text-align: center; padding: 12px 24px;color: #524e52; border-radius: 40px; font-size: 1.6rem; background-color: #fff;}


#bnaImgs{display: flex; gap: 40px 10%; flex-wrap: wrap; justify-content: space-between;}
#bnaImgs li{width:45%; text-align: center;}
#bnaImgs li img{max-width: 100%; width: 100%;}

#botox2Ul{margin-top: 1em; display: flex; justify-content: space-between;}
#botox2Ul > li{width: 48%; background-color: #645894; font-size: 1.7rem; padding: 1em; text-align: center; color: #fff; font-weight: 500;}




#intro9{display: flex; gap:40px 80px; flex-wrap: wrap;}
#intro9 .box{padding: 40px; width: calc((100% - 80px)/2); position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border:1px solid #efefef;}
#intro9 .box .img{position: absolute; right: 0; z-index: -1; top: 0;}
#intro9 .box .effect{width: 60%;}
#intro9 .box .effect ul li{margin: 4px; transition:all .4s; font-size: 1.6rem; background-color: #ffffff99; border:2px solid #afa8cb55; color: #9f99b5; font-weight: 500; padding: 6px 14px; display: inline-block; border-radius: 30px;}
#intro9 .box .effect ul li:hover{background-color: #7e67da; color: #fff;}
#intro9 .box .txt{margin-top: 20%;}
#intro9 .box .txt h5{font-size: 1.4rem; color: #9d98ad; padding-left: 4px;}
#intro9 .box .txt h4{font-size: 4.5rem; font-weight: 900; color: #8475c0;}
#intro9 .box .txt p{margin-top: 30px; font-size: 1.7rem; background-color: #ffffff66;}
@media all and (max-width:1280px){
    #intro9{gap: 40px;}
    #intro9 .box{width: calc((100% - 40px)/2); padding:30px;}
}
@media all and (max-width:976px){
    #intro9{}
    #intro9 .box{width: 100%; padding:40px; max-width: 767px; margin-inline: auto;}
}
@media all and (max-width:568px){
    #intro9 .box{padding: 20px;}
    #intro9 .box .img{max-width: 80%;}
    #intro9 .box .img img{max-width: 100%;}
    #intro9 .box .txt h4{font-size: 3.5rem;}
    #intro9 .box .txt p{margin-top: 15px;}
}
@media all and (max-width:480px){
    #intro9 .box .img{position: static; margin-inline:auto; margin-top: -50px;}
    #intro9 .box .effect{margin-top: -30%; width: 100%;}
    #intro9 .box .effect ul li{font-size: 1.5rem; padding: 4px 10px;}
    #intro9 .box .txt{margin-top: 5%; padding-left: 4px;}
    #intro9 .box .txt p{font-size: 1.6rem;}
}


#mageList{text-align: center;}
#mageList ul{display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width:740px;}
#mageList ul li{font-size: 20px; padding: 16px 30px; border:1px solid #8475c033; border-radius: 50px; font-weight: 500;}
#mageList ul li span{color: #645894;}
@media all and (max-width:480px){
    #mageList ul{gap: 10px;}
    #mageList ul li{font-size: 17px; padding: 10px 20px;}
}
@media all and (max-width:380px){
    #mageList ul li{font-size: 16px;}
}


#partBox{padding:50px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
#partBox dl{width: 31%; text-align: center; font-size: 20px;}
#partBox dl dt{padding:1em 0; border-bottom: 2px solid #645894; font-weight: 700; color: #645894; background-color: #64589411;}
#partBox dl dd{padding: 1em 0; border:1px solid #eee; border-top: 0;} 
@media all and (max-width:976px){
    #partBox dl{font-size: 18px;}
}
@media all and (max-width:767px){
    #partBox dl{font-size: 16px; width: 100%; margin-bottom: 20px;}
}





.sec_why{width: 100%; margin-top: 5%;}
.sec_why .top{margin-bottom: 150px; padding-right: 160px;color: #52419d; position: relative; text-align: right;}
.sec_why .top::after{position: absolute; bottom: 0; left:0; width: calc(100% - 630px); height: 2px; background-color: #52419d; content: '';}
.sec_why .top h1{font-family: 'smooch'; font-size: 130px; margin-bottom: 20px; font-weight: normal; }
.sec_why .top p{font-size: 20px; line-height: 36px;}
.sec_why .title{height: 100%;}


@media screen and (max-width:1400px){
    .sec_why .top h1{font-size: 100px;}
    .sec_why .top p{font-size: 18px; line-height: 34px;}
}
@media screen and (max-width:1280px){
    .sec_why .top{padding-right: 100px;}
    .sec_why .top::after{width: calc(100% - 500px);}
    .sec_why .top h1{font-size: 100px;}
    .sec_why .top p{font-size: 18px; line-height: 34px;}
}
@media screen and (max-width:976px){
    .sec_why .top{padding-right: 20px;}
    .sec_why .top::after{width: calc(100% - 400px);}
    .sec_why .top h1{font-size: 80px;}
    .sec_why .top p{line-height: 30px;}
}
@media screen and (max-width:640px){
    .sec_why .top{margin-bottom: 50px;}
    .sec_why .top::after{width: calc(100% - 320px);}
    .sec_why .top h1{font-size: 60px;}
    .sec_why .top p{line-height: 25px; font-size: 16px;}
}
@media screen and (max-width:490px){
    .sec_why .top::after{width: calc(100% - 280px);}
    .sec_why .top h1{font-size: 50px;}
    .sec_why .top p{line-height: 20px; font-size: 14px;}
}



#comTitle{}
#comTitle h4{font-size: 40px; font-weight: 200; color: #000000; letter-spacing: -0.05em;}
#comTitle h3{font-size: 50px; font-weight: 200; color: #000000; letter-spacing: -0.05em;}
#comTitle .s1{color: #6565a3;}
#comTitle .underline{text-decoration: underline; text-underline-position: under; text-decoration-thickness: 2px;}
#comTitle p.t1{margin-top: 20px; color: #686868; font-size: 1.8rem; font-weight: 300;}
@media all and (max-width:480px){
    #comTitle h4{font-size: 30px;}
    #comTitle h3{font-size: 40px;}
}
@media all and (max-width:410px){
    #comTitle h4{font-size: 2.5rem;}
    #comTitle h3{font-size: 3.5rem;}
    #comTitle p.t1{font-size: 14px;}
}


.gomin_tabs{position: relative; margin-top: 5%; margin-bottom: 50px;}
.gomin_tabs .slick-track{display: flex; align-items: center;}
.gomin_tabs li{padding-bottom:10px; font-size: 2.3rem; color: #666666; text-align: center; border-bottom: 1px solid #ddd;}
.gomin_tabs li.slick-center{padding-bottom: 6px; font-size: 3.0rem; color: #000; font-weight: 700; border-bottom: 6px solid #000;}
.gomin_tabs .slick-prev, .gomin_tabs .slick-next{left: 0; top:20px; transform: translateY(-50%);}
.gomin_tabs .slick-next{left: auto; right: 0;}
.gomin_tabs .slick-prev:hover, .gomin_tabs .slick-next:hover{background: transparent;}
.gomin_tabs .slick-prev:before{content: '←'; font-family: 'Suit'; color: #000; font-size: 30px; font-weight: 700;}
.gomin_tabs .slick-next:before{content: '→'; font-family: 'Suit'; color: #000; font-size: 30px; font-weight: 700;}

.gomin_slider li{position: relative; margin-right: 20px; background-color: #fff; text-align: center; font-size: 2rem; line-height: 1.6;}
.gomin_slider li{transform: scale(0.7); transition: all 1s; overflow: hidden;}
.gomin_slider li:has(p){}
.gomin_slider li:has(p):before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.4); z-index: 1;}
.gomin_slider li p{display: none; position: absolute; z-index: 3; width: 90%; left: 50%; top: 50%; transform:translate(-50%, -50%); color: #fff; font-weight: 600;}
.gomin_slider li img{filter: blur(5px); }
.gomin_slider li.slick-center{transform: scale(1);}
.gomin_slider li.slick-center img{ filter: blur(0);}
.gomin_slider li.slick-center p{display: block;}

@media all and (max-width:1280px){
    .gomin_tabs{padding-inline:20px;}
    .gomin_tabs li{font-size:1.8rem;}
    .gomin_tabs li.slick-center{font-size: 2.2rem;}
    .gomin_tabs .slick-prev, .gomin_tabs .slick-next{top: 15px;}
    .gomin_slider li img{width: 100%; }
}
@media all and (max-width:767px){
    .gomin_tabs li{font-size:1.5rem;}
    .gomin_tabs li.slick-center{font-size: 1.7rem;}
    .gomin_slider li{transform: scale(0.8); margin: 0 -20px;}
    .gomin_slider li.slick-center{transform: scale(1.2); position: relative; z-index: 3;}
    .gomin_tabs li.slick-center{border-bottom: 1px solid #ddd;}
    .gomin_slider li p{font-size: 1.5rem; bottom: 20px;}
}



.signature_list{margin-top: 5%; display: flex; justify-content: space-between; gap: 16px;}
.signature_list li{position: relative; display: flex; justify-content: center; align-items: center; text-align: center; height: 340px; width: 100%;}
.signature_list li a{color: #fff;}
.signature_list li .back{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:-1; transform-origin: center; transition: all 1s; background-size:cover; background-position: center center;}
.signature_list li:nth-child(1) .back{background-image: url('/petit/images/sub/s_com-img17.png');}
.signature_list li .back.b1{background-image: url('/petit/images/sub/s_com-img66.jpg');}
.signature_list li:nth-child(2) .back{background-image: url('/petit/images/sub/s_com-img18.png');}
.signature_list li .back.b2{background-image: url('/petit/images/sub/s_com-img67.jpg');}
.signature_list li:nth-child(3) .back{background-image: url('/petit/images/sub/s_com-img19.png');}
.signature_list li .back.b3{background-image: url('/petit/images/sub/s_com-img68.jpg');}
.signature_list li:nth-child(4) .back{background-image: url('/petit/images/sub/s_com-img20.png');}
.signature_list li .back.b4{background-image: url('/petit/images/sub/s_com-img69.jpg');}
.signature_list li .top{margin-bottom: 80px; font-size: 1.2rem;font-weight: 500;}
.signature_list li dl dt{font-weight: 500; font-size: 2.5rem;}
.signature_list li dl dd{margin-top: 1em; font-size: 1.4rem; font-weight: 300;;}
.signature_list li:hover .back{filter: brightness(1.7);}
@media all and (max-width:1280px){
    .signature_list{gap: 10px;}
}
@media all and (max-width:976px){
    .signature_list {flex-wrap: wrap;}
    .signature_list li{width: calc(50% - 5px); height: 300px;}
    .signature_list li .top{margin-bottom: 60px;}
}
@media all and (max-width:480px){
    .signature_list{gap: 5px;}
    .signature_list li{width: 100%; height: 160px;}
    .signature_list li .top{margin-bottom: 30px;}
    .signature_list li dl dt{font-size: 2.0rem;}
}



.custom_plan{display: flex; width: calc(100% - 260px); margin-left: auto; overflow: hidden; }
.custom_plan .lft{flex:0 0 auto; width: 340px; margin-right: 10%;}
.custom_plan .lft .arrow{margin-top: 15%;}
.custom_plan .lft .arrow > div{display:inline-flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #635894; color: #fff; font-weight: 700; font-size: 1.8rem; cursor: pointer;}
.custom_plan .rit{width: calc(100% - 80px);}
.custom_plan .rit .plan_slider{}
.custom_plan .rit .plan_slider li{display: flex; align-items: flex-end; width: 780px; height: 400px; margin-right: 10px; background-position: center center;}
.custom_plan .rit .plan_slider li.a{background-image: url('/petit/images/sub/s_com-img21.png');}
.custom_plan .rit .plan_slider li.b{background-image: url('/petit/images/sub/s_com-img22.png');}
.custom_plan .rit .plan_slider li.c{background-image: url('/petit/images/sub/s_com-img23.png');}
.custom_plan .rit .plan_slider li.d{background-image: url('/petit/images/sub/s_com-img24.png');}
.custom_plan .rit .plan_slider li > div{padding:10px 24px; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #fff;}
.custom_plan .rit .plan_slider li > div .num{display: inline-block; padding-top: 9px; font-size: 8.0rem; font-family: 'Gmarket Sans'; font-weight: bold; opacity: 0.3;}
.custom_plan .rit .plan_slider li > div dl{text-align: right;}
.custom_plan .rit .plan_slider li > div dl dt{font-size: 4.0rem; font-weight: 300;}
.custom_plan .rit .plan_slider li > div dl dd{margin-top: 5px; font-weight: 200; font-size: 1.6rem;}
@media all and (max-width:1499px){
    .custom_plan{width: 96%; margin-left: 4%; overflow: hidden;}
}
@media all and (max-width:976px){
    .custom_plan{flex-direction: column;}
    .custom_plan .lft{width: 100%;}
    .custom_plan .lft #comTitle{display: flex; flex-direction: column;}
    .custom_plan .lft #comTitle h3 br{display: none;}
    .custom_plan .lft #comTitle .t1{padding-right: 20%;}
    .custom_plan .lft .arrow{margin-top: -40px; margin-bottom: 40px; margin-left: auto; margin-right: 4%;}
    .custom_plan .rit{width: 140%;}
    .custom_plan .rit .plan_slider li{height: 340px;}
}
@media all and (max-width:640px){
    .custom_plan .lft #comTitle .t1{padding-right: 30%;}
    .custom_plan .rit .plan_slider li > div{align-items: flex-end; padding: 15px;}
    .custom_plan .rit .plan_slider li > div .num{font-size: 6.0rem; line-height: 1;}
    .custom_plan .rit .plan_slider li > div dl dt{font-size: 3.0rem;}
    .custom_plan .rit .plan_slider li > div dl dd{font-size: 1.5rem;}
}
@media all and (max-width:480px){
    .custom_plan .rit .plan_slider li{height: 300px;}
    .custom_plan .rit .plan_slider li > div{display: block;}
    .custom_plan .rit .plan_slider li > div .num{font-size: 4.0rem; line-height: 1;}
    .custom_plan .rit .plan_slider li > div dl dt{font-size: 2.4rem;}
    .custom_plan .rit .plan_slider li > div dl{text-align: left;}
    .custom_plan .lft .arrow{margin-top: 15px; margin-left: 0; margin-bottom: 30px;}
}


.plan_system .in{position: relative; margin-top: 50px; }
.plan_system .in:before{content: ''; width: 100%; height: 2px; background-color: #635894; position: absolute; top: 60px; left: 0;}
.plan_system .in ul{display: flex; max-width: 1280px; margin-left: auto; margin-right: auto;}
.plan_system .in ul li{position: relative; padding-left: 20px; width: 25%;}
.plan_system .in ul li:before{content: '▶'; font-size: 1.9rem; color: #635894; position: absolute; top: 49px; right: 0;}
.plan_system .in ul li:last-child:before{display: none;}
.plan_system .in ul li dl dt{padding-bottom: 24px; display: flex; align-items: flex-end;}
.plan_system .in ul li dl dt strong{margin-right: 0.8em; color: #635894; font-size: 3.0rem; font-weight: 800;}
.plan_system .in ul li dl dt p{font-size: 1.6rem; font-weight: 900; color: #bbbbbb;}
.plan_system .in ul li dl dt p span{font-size: 1.4em;}
.plan_system .in ul li dl dd{padding-top: 24px; font-size: 1.8rem; font-weight: 300;}
@media all and (max-width:1280px){
    .plan_system .in ul li dl dt{flex-direction: column-reverse; align-items: flex-start;}
    .plan_system .in:before{top: 90px;}
    .plan_system .in ul li:before{top: 79px;}
}
@media all and (max-width:976px){
    .plan_system .in ul li dl dd{font-size: 1.6rem;}
}
@media all and (max-width:767px){
    .plan_system .in ul li dl dt strong{font-size: 2.4rem;}
    .plan_system .in ul li dl dt p{font-size: 1.4rem;}
    .plan_system .in ul li dl dd{font-size: 1.4rem;}
    .plan_system .in:before{top: 75px;}
    .plan_system .in ul li:before{top: 65px;}
}
@media all and (max-width:640px){
    .plan_system{margin-right: 20px;}
    .plan_system .in:before{display: none;}
    .plan_system .in ul li:before{display: none;}
    .plan_system .in ul{flex-wrap: wrap; gap: 30px 0;}
    .plan_system .in ul li{width: 50%;}
    .plan_system .in ul li dl dt{border-bottom: 2px solid #635894;}
}

.what_speical{width: calc(100% - 260px); margin-left: auto; overflow: hidden; margin-bottom: 5%;}
.what_speical .ws_slider{margin-top: 50px;}
.ws_slider{display: flex; width: 120%;}
.ws_slider li{position: relative; padding: 80px 50px; width: 350px; height: 620px; background-size:cover; background-position: center center; background-repeat: no-repeat; margin-right: 10px; transition: all .7s;} 
.ws_slider li:hover{filter: brightness(1.7);}
/* .ws_slider li::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient( #6565a3, transparent); opacity: 0; transition: all 0.8s;} */
/* .ws_slider li:hover::before{opacity: 1;} */
.ws_slider li.a{background-image: url('/petit/images/sub/s_com-img1.png');}
.ws_slider li.b{background-image: url('/petit/images/sub/s_com-img2.png');}
.ws_slider li.c{background-image: url('/petit/images/sub/s_com-img3.png');}
.ws_slider li.d{background-image: url('/petit/images/sub/s_com-img4.png');}
.ws_slider li.e{background-image: url('/petit/images/sub/s_com-img5.png');}
.ws_slider li.f{background-image: url('/petit/images/sub/s_com-img6.png');}
.ws_slider li .num{position: relative; z-index: 2; display: inline-flex; justify-content: center; align-items: center; width: 96px; height: 96px; border:1px solid #fff; border-radius: 50%; color: #fff; font-size: 24px; font-weight: 300;}
.ws_slider li dl{position: relative; z-index: 2; margin-top: 38px; color: #fff;}
.ws_slider li dl dt{font-weight: 300; font-size: clamp(24px,2.1vw,42px); line-height: 1.14em;}
.ws_slider li dl dd{margin-top: 14px; font-weight: 200; font-size: 16px; line-height: 1.5em;}
@media all and (max-width:1499px){
    .what_speical{width: 96%; margin-left: 4%; overflow: hidden;}
    .ws_slider li{height: 550px;}
}
@media all and (max-width:1280px){
    .ws_slider li{padding: 80px 40px;}
}
@media all and (max-width:976px){
    .ws_slider li{height: 490px; padding: 60px 35px;}
    .ws_slider li dl dd{font-size: 15px;}
}
@media all and (max-width:767px){
    .ws_slider{width: 140%;}
    .ws_slider li .num{width: 70px; height: 70px; font-size: 18px;}
    .ws_slider li dl{margin-top: 24px;}
}
@media all and (max-width:480px){
    .what_speical .ws_slider{margin-top: 20px;}
    .ws_slider{width: 160%; height: 360px;}
    .ws_slider li{padding: 40px 30px;}
    .ws_slider li .num{width: 50px; height: 50px; font-size: 16px;}
    .ws_slider li dl{margin-top: 14px;}
    .ws_slider li dl dd{font-size: 14px;}
}

.mb0 .custom_go{margin-bottom: 0 !important;}
.custom_go{margin-bottom: 5%; padding-top: 25px;}
.bg_light{background-color: #f9f9fb;}

.custom_go .cont_top .title{padding: 10% 0 4%; text-align: center;}
.custom_go .cont_top .title h2{font-family: 'smooch'; color: #6454aa; font-size: 100px; margin-bottom: 20px; font-weight: normal; }
.custom_go .cont_top .title p.t1{color: #6454aa; font-size: 2.0rem; font-weight: 600;}
.custom_go .cont_top .title p.t2{margin-top: 3%; color: #686868; font-weight: 300; font-size: 1.8rem; line-height: 1.6em;}
@media all and (max-width:976px){
    .custom_go .cont_top .title h2{font-size: 80px;}
}
@media all and (max-width:640px){
    .custom_go .cont_top .title h2{font-size: 50px;}
    .custom_go .cont_top .title p.t1{font-size: 1.6rem;}
    .custom_go .cont_top .title p.t2{font-size: 1.4rem;}
}
.custom_go .cont_top .review{display: flex; border-top: 2px solid #222;}
.custom_go .cont_top .review .score{margin: 55px 0; display: flex; align-items: center; justify-content: center; width: 50%; border-right:1px solid #ddd;}
.custom_go .cont_top .review .score > div{text-align: center;}
.custom_go .cont_top .review .score > div h3{display: flex; justify-content: center; align-items: center;}
.custom_go .cont_top .review .score > div h3 span:not(.num){color: #6454aa; font-size: 4.8rem;}
.custom_go .cont_top .review .score > div h3 .num{font-size: 4.8rem; color: #222;}
.custom_go .cont_top .review .score > div p{padding: 20px 0; font-size: 1.8rem; color: #222;}
.custom_go .cont_top .review .score > div a{background-color: #31314f; color: #fff; display: inline-block; padding: 7px 18px; font-size: 1.8rem; border-radius: 4px;}
.custom_go .cont_top .review .chart{width: 50%; display: flex; justify-content: center; align-items: center;}
.custom_go .cont_top .review .chart ul li{display: flex; align-items: center; gap: 1em; font-size: 1.4rem; margin-bottom: 1em;}
.custom_go .cont_top .review .chart ul li:last-child{margin-bottom: 0;}
.custom_go .cont_top .review .chart ul li .bar{position: relative; width: 310px; height: 13px; background-color: #eeeeee; border-radius: 30px;}
.custom_go .cont_top .review .chart ul li .bar span{z-index: 2; position: absolute; left: 0; top: 0; width: 90%; height: 100%; background-color: #ddd; border-radius: 30px;}
.custom_go .cont_top .review .chart ul li.top .bar span{background-color: #6565a3;}
.custom_go .cont_top .review .chart ul li.top .num{color: #6565a3; font-weight: 700;}
.custom_go .cont_top .review .chart ul li:nth-child(2) .bar span{width: 70%;}
.custom_go .cont_top .review .chart ul li:nth-child(3) .bar span{width: 50%;}
.custom_go .cont_top .review .chart ul li:nth-child(4) .bar span{width: 30%;}
.custom_go .cont_top .review .chart ul li:nth-child(5) .bar span{width: 10%;}
@media all and (max-width:1024px){
    .custom_go .cont_top .review .chart ul li .bar{width: 240px;}
}
@media all and (max-width:976px){
    .custom_go .cont_top .review .chart ul li .bar{width: 200px;}
}
@media all and (max-width:767px){
    .custom_go .cont_top .review{flex-direction: column;}
    .custom_go .cont_top .review .score{width: 100%; margin: 20px 0; padding-bottom: 20px; border-right: 0; border-bottom: 1px solid #ddd;}
    .custom_go .cont_top .review .chart{width: 100%;}
    .custom_go .cont_top .review .chart ul li .bar{width: 170px;}
}




.custom_go .m-inner.in:has(.cont_mid_wrap){margin-block: 25px;}
.custom_go .cont_mid_wrap{display: flex;}
.custom_go .cont_mid_wrap .cont_mid img{width: 100%;}
.custom_go .cont_mid_wrap .cont_mid{position: relative; width: 20%; margin-right: 10px; cursor: pointer;}
.custom_go .cont_mid_wrap .cont_mid p{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) ; color: #fff ; font-weight: 600; font-weight: 200; font-size: 2.0rem;}

.custom_go .m-inner.in{padding: 25px; background-color: #fff;}
.custom_go .cont_btm{display: flex !important; gap: 40px;}
.custom_go .cont_btm img{display: inline-block;}
.custom_go .cont_btm .img_group{position: relative; height: 0%;}
.custom_go .cont_btm .img_group .t1{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 15px; color: #fff; text-align: center; font-weight: 200;}
.custom_go .cont_btm .img_group .t2{position: absolute; left: 50%; bottom: 1em; transform: translateX(-50%); font-size: 24px; color: #fff; text-align: center;}
.custom_go .cont_btm .txt_group{width: calc(100% - 580px)}
.custom_go .cont_btm .txt_group h4{padding: 1em; text-align: center; font-size: 26px; color: #000;}
.custom_go .cont_btm .txt_group .type{padding: 33px 5%; display: flex; align-items: center; border-top:1px solid #bbb; border-bottom: 1px solid #bbb;}
.custom_go .cont_btm .txt_group .type p{font-size: 21px; color: #000;}
.custom_go .cont_btm .txt_group .type .key{margin-left: auto;}
.custom_go .cont_btm .txt_group .type .key span{display: inline-block; padding: 6px 8px; border-radius: 4px; background-color: #000; color: #fff; font-size: 17px;}
.custom_go .cont_btm .txt_group .custom{padding: 24px 16px 0;}
.custom_go .cont_btm .txt_group .custom ul{display: flex; flex-wrap: wrap; gap: 20px 0;}
.custom_go .cont_btm .txt_group .custom ul li{display: flex; width: 50%;}
.custom_go .cont_btm .txt_group .custom ul li .img{border:1px solid #ddd;}
.custom_go .cont_btm .txt_group .custom .txt{display: flex; align-items: center; padding-left: 7%;}
.custom_go .cont_btm .txt_group .custom ul li dl dt{font-size: 20px; color: #000; font-weight: 700;}
.custom_go .cont_btm .txt_group .custom ul li dl dd{font-size: 15px; font-weight: 200; color: #000;}
.custom_go .cont_btm .txt_group .custom ul li dl p.line{margin: 15px 0; width: 24px; height: 1px; background-color: #000;}

.custom_go .cont_btn .t1{margin: 5%; font-size: 18px; color: #6565a3; font-weight: 500; text-align: center;}
.custom_go .cont_btn a{display: block; text-align: center; background-color: #6565a3; color: #fff; font-weight: 800; font-size: 35px; padding: 0.5em 0;}
.custom_go .cont_btn .t2{padding: 8%; font-size: clamp(24px,2.8vw,48px); font-weight: 200; color: #000; text-align: center; letter-spacing: -0.05em;}
.custom_go .cont_btn .t2 b{color: #6565a3;}

@media all and (max-width:1399px){
    .custom_go .cont_btm{gap: 3%;}
    .custom_go .cont_btm .img_group img{max-width: 100%;}
    .custom_go .cont_btm .txt_group{width: 80%;}
    .custom_go .cont_btm .txt_group h4{font-size: clamp(19px, 1.8vw, 26px);}
    .custom_go .cont_btm .txt_group .custom ul li .img img{width: 120px;}
}
@media all and (max-width:1280px){
    .custom_go .cont_btm .txt_group .type{flex-direction: column;}
    .custom_go .cont_btm .txt_group .type .key{margin-left: 0; margin-top: 10px;}
    .custom_go .cont_btm .txt_group .custom{padding: 14px 6px 0;}
}
@media all and (max-width:976px){
    .custom_go .cont_btm{flex-direction: column; text-align: center;}
    .custom_go .cont_btm .txt_group{width: 100%;}
    .custom_go .cont_btm .txt_group .custom ul{text-align: left;}
    .custom_go .cont_btm .txt_group .custom ul li{width: 100%;}
    .custom_go .cont_btn a{font-size: 30px;}
}
@media all and (max-width:640px){
    .custom_go .cont_mid_wrap .cont_mid p{font-size: 1.4rem;}
    .custom_go .cont_mid_wrap .cont_mid{margin-right: 5px;}
    .custom_go .m-inner.in{padding: 15px;}
    .custom_go .cont_btm .img_group .t1{font-size: 12px;}
    .custom_go .cont_btm .img_group .t2{font-size: 16px;}
    .custom_go .cont_btm .txt_group .custom ul{gap: 10px; }
    .custom_go .cont_btm .txt_group .custom ul li .img img{width: 90px;}
    .custom_go .cont_btm .txt_group .type{padding: 20px 5%;}
    .custom_go .cont_btm .txt_group .type p{font-size: 17px;}
    .custom_go .cont_btm .txt_group .type .key span{font-size: 14px; display: inline-block; margin: 1px;}
    .custom_go .cont_btn a{font-size: 22px;}
}
@media all and (max-width:480px){
    .custom_go .m-inner.in{padding: 10px;}
    .custom_go .m-inner.in:has(.cont_mid_wrap){margin-top: 20px; margin-bottom: 10px;}
    .custom_go .cont_btm .txt_group .custom ul li dl p.line{margin: 8px 0;}
    .custom_go .cont_btn a{font-size: 16px;}
    .custom_go .cont_btn .t1{font-size: 13px;}
}




.petit_cert{padding: 8%; margin-bottom: 5%; background-color: #000; color: #fff; text-align: center;}
.petit_cert .img img{max-width: 90%;}
.petit_cert .t1{margin-bottom: 6%; font-size: 48px; font-weight: 200;}
.petit_cert .t1 span{color: #ffd636; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 2px;}
.petit_cert .t2{margin-top: 6%; font-size: 60px; font-family: 'InkLipquid';}
.petit_cert .t2 span{color: #ffd636; }
.petit_cert .t3{margin-top: 0.4em; font-size: 48px;}
.petit_cert .t3 .s1{font-weight: 800;}
.petit_cert .t3 .s2{font-weight: 800; color: #ffd636;}
@media all and (max-width:976px){
    .petit_cert .t1{font-size: 38px;}
    .petit_cert .t2{font-size: 48px;}
    .petit_cert .t3{font-size: 38px;}
}
@media all and (max-width:640px){
    .petit_cert .t1{font-size: 2.8rem;}
    .petit_cert .t2{font-size: 3.8rem;}
    .petit_cert .t3{font-size: 2.8rem;}
}
@media all and (max-width:480px){
    .petit_cert{padding: 12% 0;}
    .petit_cert .img img{max-width: 70%;}
    .petit_cert .t1{font-size: 2.4rem;}
    .petit_cert .t2{font-size: 2.6rem;}
    .petit_cert .t3{margin-top: 0.2em; font-size: 2.4rem;}
}






.lifting_care{position: relative;}
.lifting_care:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 700px; background-color: #f5f9fa; z-index: -1;}
.lifting_care #comTitle{margin-bottom: 6%;}
.lifting_care .m-inner .lifting_slider_wrap{}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider{}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider li{position: relative; color: #fff; margin-right: 10px;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider li img{transition: all .8s;width: 100%;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider li:hover img{filter: brightness(1.7);}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider li a{color: #fff;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider li .tit{position: absolute; top: 30px; font-weight: 500; font-size: 2.5rem; z-index: 3; width: 100%; text-align: center;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider li .tag{position: absolute; bottom:50px; font-size:1.8rem; width: 100%; text-align: center;}
.lifting_care .gage{margin-top: 40px; background-color: #dedede; position: relative; height: 10px; width: 100%; border-radius: 10px;}
.lifting_care .gage .bar{background-color: #52419d;border-radius: 10px; height: 10px; position: absolute; left: 0; top: 0; transition: .4s;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev{ left: -7%; top: 50%; transform: translateY(-50%);}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev:before{content: '←'; font-family: 'Suit'; color: #222; font-weight: 300; font-size: 48px; opacity: 1;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev:hover{background: transparent;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev:focus{background: transparent;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next{ right: -7%; top: 50%; transform: translateY(-50%);}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next:before{content: '→'; font-family: 'Suit'; color: #222; font-weight: 300; font-size: 48px; opacity: 1;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next:hover{background: transparent;}
.lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next:focus{background: transparent;}
@media all and (max-width:1599px){
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider li .tag{font-size: 1.6rem; padding-inline:10px;}

    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev{left: 20px;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev:before{color:#fff;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next{right: 30px;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next:before{color:#fff;}
}
@media all and (max-width:976px){
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider li .tit{font-size: 2.0rem;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider li .tag{bottom: 30px; font-size: 1.4rem; padding-inline:10px;}
}
@media all and (max-width:480px){
    .lifting_care:before{height: 300px;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev{left: 10px;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-prev:before{font-size: 30px;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next{right: 20px;}
    .lifting_care .m-inner .lifting_slider_wrap .lifting_slider .slick-next:before{font-size: 30px;}
}



.sec_selfie{width: 100%; margin-top: 10%;}
.sec_selfie .top{margin-bottom: 100px; padding-left: 100px;color: #52419d; position: relative;}
.sec_selfie .top::after{position: absolute; bottom: 0; right: 0; width: calc(100% - 640px); height: 2px; background-color: #52419d; content: '';}
.sec_selfie .top h1{font-family: 'smooch'; font-size: 130px; margin-bottom: 20px; font-weight: normal; }
.sec_selfie .top p{font-size: 20px; line-height: 36px;}

@media screen and (max-width:1400px){
    .sec_selfie .top h1{font-size: 100px;}
    .sec_selfie .top p{font-size: 18px; line-height: 34px;}
}
@media screen and (max-width:1280px){
    .sec_selfie .top{padding-left: 100px;}
    .sec_selfie .top::after{width: calc(100% - 500px);}
    .sec_selfie .top h1{font-size: 100px;}
    .sec_selfie .top p{font-size: 18px; line-height: 34px;}

	.sec_selfie .box{max-width: 300px; padding: 15px;}
	.sec_selfie .box p.t1{font-size: 25px; margin-top: 15px; line-height: 1em;}

}
@media screen and (max-width:976px){
    .sec_selfie .top{padding-left: 20px;}
    .sec_selfie .top::after{width: calc(100% - 400px);}
    .sec_selfie .top h1{font-size: 80px;}
    .sec_selfie .top p{line-height: 30px;}
}
@media screen and (max-width:640px){
    .sec_selfie .top{margin-bottom: 50px;}
    .sec_selfie .top::after{width: calc(100% - 300px);}
    .sec_selfie .top h1{font-size: 60px;}
    .sec_selfie .top p{line-height: 25px; font-size: 16px;}
}
@media screen and (max-width:490px){
    .sec_selfie .top::after{width: calc(100% - 280px);}
    .sec_selfie .top h1{font-size: 50px;}
    .sec_selfie .top p{line-height: 20px; font-size: 14px}
}




.why{width: 100%;padding: 70px 160px; display: flex;flex-wrap: wrap;}
.why .img{width: 62.477%;}
.why .img img{width: 100%;}
.why .txt{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center; padding-left: 90px;}
.why h3{ font-size: 40px; margin-bottom: 40px; width: 100%; }
.why p{font-size: 18px; line-height: 30px; width: 100%;}
.why .txt2{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center;text-align: right; padding-right: 90px;}
.why2{width: 100%;padding: 0px 0px 70px; display: flex;flex-wrap: wrap;}
.why2 .img{width: 62.477%;}
.why2 .img img{width: 100%;}
.why2 .txt{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center; padding-left: 90px;}
.why2 h3{ font-size: 40px; margin-bottom: 40px; width: 100%; }
.why2 p{font-size: 18px; line-height: 30px; width: 100%;}
.why2 .txt2{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center;text-align: right; padding-right: 90px;}


@media screen and (max-width:1680px){
    .why .txt .fcnone{display: none;}
}
@media screen and (max-width:1510px){
    .why .txt{padding-left: 60px;}
    .why .txt2{padding-right: 60px;}
    .why2 .txt{padding-left: 60px;}
    .why2 .txt2{padding-right: 60px;}
}
@media screen and (max-width:1440px){
    .why h3{font-size: 32px; margin-bottom: 30px;}
    .why2 h3{font-size: 32px; margin-bottom: 30px;}
}
@media screen and (max-width:1280px){
    .why{padding: 70px 100px 0;}
    .why .img{width: 100%; order:1;}
    .why .txt{width:100%; margin-top: 50px; order:2;}
    .why .txt .fcnone{display: block;}
    .why .txt2{width:100%; margin-top: 50px; order:2;}
    .why2{padding: 70px 100px 0;}
    .why2 .img{width: 100%; order:1;}
    .why2 .txt{width:100%; margin-top: 50px; order:2;}
    .why2 .txt .fcnone{display: block;}
    .why2 .txt2{width:100%; margin-top: 50px; order:2;}
}
@media screen and (max-width:840px){
    .why{padding: 50px 20px 0;}
    .why .txt{padding-left: 30px;}
    .why .txt2{padding-right: 30px;}
    .why h3{font-size: 30px;margin-bottom: 20px;}
    .why p{font-size: 16px; line-height: 25px;}
    .why2{padding: 50px 20px 0;}
    .why2 .txt{padding-left: 30px;}
    .why2 .txt2{padding-right: 30px;}
    .why2 h3{font-size: 30px;margin-bottom: 20px;}
    .why2 p{font-size: 16px; line-height: 25px;}
}
@media screen and (max-width:680px){
    .why{padding: 50px 20px 0;}
    .why .txt{padding-left: 20px; margin-top: 30px;}
    .why .txt2{padding-right: 20px; margin-top: 30px;}
    .why h3{font-size: 25px; margin-bottom: 10px;}
    .why2{padding: 50px 20px 0;}
    .why2 .txt{padding-left: 20px; margin-top: 30px;}
    .why2 .txt2{padding-right: 20px; margin-top: 30px;}
    .why2 h3{font-size: 25px; margin-bottom: 10px;}
}
@media screen and (max-width:490px){
    .why{padding: 30px 10px 0;}
    .why .txt{padding-left: 10px; margin-top: 30px;}
    .why .txt2{padding-right: 20px; margin-top: 30px;}

    .why h3{font-size: 20px; margin-bottom: 10px;}
    .why p{font-size: 14px; line-height: 20px;}
    .why2{padding: 30px 10px 0;}
    .why2 .txt{padding-left: 10px; margin-top: 30px;}
    .why2 .txt2{padding-right: 20px; margin-top: 30px;}

    .why2 h3{font-size: 20px; margin-bottom: 10px;}
    .why2 p{font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:350px){
    .why .txt .fcnone{display: none;}
}


#go{scroll-margin: 160px;}


.lifting9-dr{display: flex; gap: 5%; align-items: center; justify-content: space-between;}
.lifting9-dr .img{width: 50%; padding: 4% 4% 0; border-radius: 200px 0 0 0; overflow: hidden; background-color: #f0eff2;}
.lifting9-dr .img img{width: 100%;}
.lifting9-dr .sTitle{margin-left: 13%;}
.lifting9-dr .sTitle .eng{margin-bottom: 0.5em; color: #52419d; font-family: 'InkLipquid';}
.lifting9-dr .t1{margin:2em 0 0.4em; font-size: 1.25em; color: #333; font-weight: 600;}
@media all and (max-width:1399px){
    .lifting9-dr .sTitle{margin-left: 3%;}
    .lifting9-dr .img{border-radius: 100px 0 0 0 ;}
}
@media all and (max-width:976px){
    .lifting9-dr {display: block;}
    .lifting9-dr .sTitle{text-align: center;}
    .lifting9-dr .img{width: 97%; margin: 0 0 0 auto; text-align: center;}
    .lifting9-dr .img img{max-width: 90%;}
}


.st1{font-family: 'InkLipquid'; font-size: 2em; color: #111; margin-top: 1em;}


.ulth-vs{display: flex; justify-content: center; gap: 3%;}
.ulth-vs li{border:1px solid #ddd; transition: all .3s; width: 480px; text-align: center;}
.ulth-vs li:hover{border-color: #52419d;}
.ulth-vs li .img{}
.ulth-vs li .img img{max-width: 100%;}
.ulth-vs li dl {margin-top: 1em; }
.ulth-vs li dl dt{color: #333;}
.ulth-vs li dl dt p{font-size: 2rem;}
.ulth-vs li dl dt strong{font-size: 4.0rem; }
.ulth-vs li dl dd{padding: 1em 0; font-size: 1.8rem;}
.ulth-vs li dl dd p{margin: 2% 3%; padding: 2%; border:4px solid #52419d20; border-radius: 40px;  color: #52419d;}
@media all and (max-width:976px){
    .ulth-vs{flex-wrap: wrap; gap: 1em;}
    .ulth-vs li{width: 100%;}
    .ulth-vs li dl dt strong{font-size: 3.0rem;}
}



.wide_co{}
.wide_co .img img{width: 100%;}
.wide_co .txt{padding: 2%;}
.wide_co .txt p.t1{font-weight: 200; font-size: 4.4rem; color: #333;}
.wide_co .txt p.t2{margin-top: 2em; font-size: 2rem; color:#333; font-weight: 500; line-height: 1.6em;}
@media all and (max-width:1280px){
    .wide_co .txt p.t1{font-size: 3.0rem;}
    .wide_co .txt p.t2{font-size: 1.8rem;}
}
@media all and (max-width:568px){
    .wide_co .txt p.t1{font-size: 2.4rem;}
    .wide_co .txt p.t2{font-size: 1.6rem;}
}

.col_img + .col_img{margin-top: 130px;}
.col_img{display: flex; align-items: center;}
.col_img.ver2{flex-direction: row-reverse;}
.col_img .img{width: 50%;}
.col_img .txt{width: 50%; padding: 4%; background-color: #fff;}
.col_img .txt .tit{margin-bottom: 1em; font-size: 6.4rem; font-weight: 200; color: #333;}
.col_img .txt dl{}
.col_img .txt dl + dl{margin-top: 5em;}
.col_img .txt dl dt{font-size: 4.4rem; font-weight: 200; color: #333;}
.col_img .txt dl dd{margin-top: 1em; line-height: 1.6; font-size: 1.8rem; color: #777;}
@media all and (max-width:976px){
    .col_img .txt .tit{font-size: 5rem;;}
    .col_img .txt dl dt{font-size: 3.8rem;}
    .col_img .txt dl dd{font-size: 1.6rem;}
}
@media all and (max-width:767px){
    .col_img + .col_img{margin-top: 60px;}
    .col_img{display: block;}
    .col_img .img{width: 100%; height: auto; aspect-ratio: 1/1; overflow: hidden;}
    .col_img .img img{width: 100%; height: 100%; object-fit: cover;}
    .col_img .txt{width: 100%;}
    .col_img .txt .tit{margin-bottom: 0.7em;}
    .col_img .txt dl + dl{margin-top: 3em;}
}
@media all and (max-width:568px){
    .col_img .txt .tit{margin-bottom: 0.4em;}
    .col_img .txt dl + dl{margin-top: 3em;}
    .col_img .txt dl dt{font-size: 3.0rem;}
}

.sisulpart{display: flex; justify-content: space-between;}
.sisulpart li{width: 49%;}
.sisulpart li img{width: 100%;}
@media all and (max-width:568px){
    .sisulpart{flex-wrap: wrap; gap: 20px;}
    .sisulpart li{width: 100%;}
}



.clinic .clinic_sec3{ overflow: hidden;}
.clinic .clinic_sec3 .m-inner{display: flex; align-items: center;}
.clinic .clinic_sec3 .m-inner .sTitle{width: 40%;}
.clinic .clinic_sec3 .m-inner .r_cont{width: 60%;}
.clinic .clinic_sec3 .m-inner .cont{width: 140%;}
.clinic .clinic_sec3 .m-inner .cont .box{border: 1px solid #dedede; padding:60px 40px; max-width: 30vw; max-width: 400px; min-height: 320px; margin-right: 30px; opacity: 0.8; transition: .4s;}
.clinic .clinic_sec3 .m-inner .cont .box.slick-current{border: 1px solid #52419d; opacity: 1;}
.clinic .clinic_sec3 .m-inner .cont .box h3{font-size: 28px; color: #222; margin-bottom: 15px;}
.clinic .clinic_sec3 .m-inner .cont .box.slick-current h3{color: #52419d;}
.clinic .clinic_sec3 .m-inner .cont .box p{font-size: 20px; color: #666; line-height: 1.6em; word-break: keep-all;}



@media all and (max-width:1280px){
    .clinic .clinic_sec3 .m-inner .cont .box{padding:40px 30px; max-width: 360px; min-height: 260px;}
    .clinic .clinic_sec3 .m-inner .cont .box h3{font-size: 23px;}
    .clinic .clinic_sec3 .m-inner .cont .box p{font-size: 18px;}
}
@media all and (max-width:1024px){
    .clinic .clinic_sec3{}
    .clinic .clinic_sec3 .m-inner{flex-wrap: wrap;}
    .clinic .clinic_sec3 .m-inner .sTitle{width: 100%; margin-bottom: 30px;}
    .clinic .clinic_sec3 .m-inner .sTitle br{display: none;}
    .clinic .clinic_sec3 .m-inner .r_cont{width: 100%;}
}
@media all and (max-width:840px){
    .clinic .clinic_sec3{}
}
@media all and (max-width:680px){
    .clinic .clinic_sec3{}
    .clinic .clinic_sec3 .m-inner .cont .box{padding:30px 20px; max-width: 300px; min-height: 200px;}
    .clinic .clinic_sec3 .m-inner .cont .box h3{font-size: 20px;}
    .clinic .clinic_sec3 .m-inner .cont .box p{font-size: 16px; line-height: 1.3em;}
}
@media all and (max-width:480px){
    .clinic .clinic_sec3 .m-inner .cont .box h3{font-size: 18px;}
}


#charact{display: flex; align-items: center; gap: 5%;}
#charact .img img{max-width: 100%;}
#charact .txt .eng{padding-bottom: 2em; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; color: #645894;}
#charact .txt h3{font-weight: 300; font-size: 3.6rem; line-height: 1.5em; color: #000;}
#charact .txt h3 .line{text-decoration: underline; text-underline-offset: 5px; font-weight: 600;}
#charact .txt .t1{padding: 1em 0 1.5em; color: #645894; font-weight: 600; font-size: 2.0rem;}
#charact .txt ul{display: flex; gap: 14px;}
#charact .txt ul li{display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; width: 135px; height: 135px; box-shadow: 0px 2px 16px rgba(0,0,0,0.1);}
#charact .txt ul li p{padding-top: 10px; font-size: 1.8rem; color: #000; font-weight: 600;}
@media all and (max-width:976px){
    #charact{flex-direction: column-reverse; align-items: flex-start; gap: 30px;}
    #charact .img{width: 100%; height: 60vw; overflow: hidden;}
    #charact .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 0;}
}
@media all and (max-width:767px){
    #charact .txt .eng{font-size: 1.5rem;}
    #charact .txt h3{font-size: 2.8rem;}
    #charact .txt .t1{font-size: 1.7rem;}
}
@media all and (max-width:480px){
    #charact .txt ul{flex-wrap: wrap;}
}



#merit{overflow-x: hidden;}
#meritsl{width: 120%;}
#meritsl li{position: relative; margin-right: 30px;}
#meritsl li .txt{position: absolute; left: 10%; bottom: 10%; color: #fff;}
#meritsl li .txt .eng{padding-bottom: 1em; font-size: 2.5rem; font-family: 'Marcellus'; }
#meritsl li .txt h3{font-size: 3.7rem; font-weight: 600;}
#meritsl li .txt .line{margin: 2em 0; width: 40px; height: 3px; background-color: #fff;}
#meritsl li .txt .t1{font-size: 1.7rem;}
@media all and (max-width:976px){
    #meritsl li{margin-right: 20px;}
    #meritsl li img{width: 450px;}
}
@media all and (max-width:767px){
    #meritsl li img{width: 350px;}
    #meritsl li .txt{left: 5%; bottom: 5%;;}
    #meritsl li .txt .eng{font-size: 2rem;}
    #meritsl li .txt h3{font-size: 2.8rem;}
    #meritsl li .txt .t1{font-size: 1.4rem;}
}
@media all and (max-width:480px){
    #meritsl li img{width: 280px;}
}

#revive{background: url('/petit/images/sub/volum6_img11.webp');}
#revive .sTitle{color: #fff;}
#revive .sTitle dt{color: #fff;}
#revive ul{display: flex; justify-content: center; gap: 10%;}
#revive ul li dl{color: #fff;}
#revive ul li dl dt{padding: 25px 0 10px; font-size: 2.4rem; font-weight: 600;}
#revive ul li dl dd{font-size: 1.8rem; font-weight: 500;}
@media all and (max-width:976px){
    #revive ul{flex-wrap: wrap; gap: 20px;}
    #revive ul li{width: 200px;}   
}
@media all and (max-width:480px){
    #revive ul li{width: 160px;}   
    #revive ul li dl dt{font-size: 2.0rem;}
    #revive ul li dl dd{font-size: 1.4rem;}
}


#zzCont{}
#zzCont ul{}
#zzCont ul li{display: flex; align-items: end; flex-wrap: wrap; margin-bottom: 80px; counter-increment: number;}
#zzCont ul li:last-child{margin-bottom: 0;}
#zzCont ul li .img{width: 45%;}
#zzCont ul li .img img{width: 100%;}
#zzCont ul li dl{width: 55%; position: relative; padding: 2% 5%;}
#zzCont ul li dl dt{font-size: 3.0rem; font-weight: 700; color:#333;}
#zzCont ul li dl dd{padding-top: 1em; font-size: 1.8rem;}
#zzCont ul li dl:before{content: 'Therapy ' counter(number, decimal-leading-zero);
    font-size: 10.0rem;
    color: #f5f0fa90;
    position: absolute;
    right: 0;
    top: -5%;
    z-index: -1;
    font-family: 'Marcellus';
}
#zzCont ul li:nth-child(even) dl::before {right:unset; left:0}
#zzCont ul li:nth-child(even) .img {order:2}
#zzCont ul li:nth-child(even) dl {order:1; text-align:right}

@media all and (max-width:1499px){
	#zzCont ul { padding-right:3% }
}
@media all and (max-width:1280px){
	#zzCont ul { padding-right:7% }
	#zzCont ul > li dl:before { font-size:8.0rem}
	#zzCont ul > li dl {width:55%; padding:2% 5% 0}
}
@media all and (max-width:976px){
	#zzCont ul { padding-right:0}
	#zzCont ul > li {margin-bottom:10%; }
	#zzCont ul > li .img {width:100%}
	#zzCont ul > li dl {width:100%; padding:0; padding-top:5%}

	#zzCont ul > li:nth-child(even) dl::before {left:unset; right:0}
	#zzCont ul > li:nth-child(even) .img {order:1}
	#zzCont ul > li:nth-child(even) dl {order:2; text-align:left}
}



.sp2_list{display: flex; justify-content: space-between;}
.sp2_list li{position: relative; width: 32%; height: 500px; background-size: cover;} 
.sp2_list li:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); transition: all .25s;}
.sp2_list li dl{position: absolute; width: 90%; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
.sp2_list li dl dt{font-size: 3.4rem;}
.sp2_list li dl dd{padding-top: 1em; font-size: 1.8rem;}
.sp2_list li.special2-1{background-image: url('/petit/images/sub/sp2_list_special2-1.jpg');}
.sp2_list li.special2-2{background-image: url('/petit/images/sub/sp2_list_special2-2.jpg');}
.sp2_list li.special2-3{background-image: url('/petit/images/sub/sp2_list_special2-3.jpg');}
.sp2_list li:hover:before{background: rgba(0, 0, 0, 0.1);}
@media all and (max-width:976px){
    .sp2_list li{height: 300px;}
    .sp2_list li dl dt{font-size: 2.4rem;}
}
@media all and (max-width:568px){
    .sp2_list li{height: 240px;}
}
@media all and (max-width:480px){
    .sp2_list {flex-wrap: wrap; gap: 10px;}
    .sp2_list li{width: 100%; height: 200px;}
    .sp2_list li dl dt{font-size: 3rem;}
}


.fc-lft2{color: #f8bb24;}
.fc-lft3{color: #6500d5;}
.fc-lft4{color: #2164b2;}
.fc-lft5{color: #58b7b3;}
.fc-lft6{color: #030da0;}
.fc-lft7{color: #0aa3ff;}
.fc-lft8{color: #973b90;}

.new_title{margin-bottom: 40px;}
.new_title dt{font-size: 42px; font-weight: 900;}
.new_title dd{margin-top: 20px; font-size: 22px; color: #000; font-weight: 900;}

.new_title2{text-align: center; margin-bottom: 90px;}
.new_title2 dt{background: linear-gradient(90deg, #f39213, #ffaa49, #f16e3a, #f39213); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;  font-size: 50px; font-weight: 900;}
.new_title2 dd{margin-top: 40px; font-size:24px; color: #000; font-weight: 500;}

.new_title2.lft8 dt{background: linear-gradient(90deg, #773370, #893884, #54284b, #893884);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;  font-size: 50px; font-weight: 900;}

.newpt_top{padding-bottom: 60px; border-bottom: 2px solid #000;}
.newpt_top p.t1{font-size: 18px; line-height: 1.8;}


.fc-grad{background: linear-gradient(90deg, #008d9e, #3061af, #725ea3, #b6578f) !important;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fc-grad2{background: linear-gradient(90deg, #7d0ffa, #7909f8, #440092, #390475) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fc-grad3{background: linear-gradient(90deg, #2164b2, #2164b2, #2164b2, #2164b2) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fc-grad4{background: linear-gradient(90deg, #333, #333, #333, #333) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fc-grad5{background: linear-gradient(90deg, #4bcadb, #3ab8d1, #2ea9cb, #27a1c6) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fc-grad6{background: linear-gradient(90deg, #030da0, #030da0, #030da0, #030da0) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fc-grad7{background: linear-gradient(90deg, #0087e1, #0066b8, #004c90, #00366f) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}

@media all and (max-width:1280px){
    .new_title dt{font-size: 4.5rem;}
    .new_title dd{font-size: 2.4rem;}
    .newpt_top p.t1{font-size: 1.8rem;}
    .new_title2 dt{font-size: 5.5rem;}
    .new_title2.lft8 dt{font-size: 5.5rem;}
    .new_title2 dd{font-size: 2.4rem;}
}
@media all and (max-width:976px){
    .new_title{margin-bottom: 30px;}
    .new_title dt{font-size: 3.5rem;}
    .new_title dd{font-size: 2.0rem;}
    .newpt_top p.t1{font-size: 1.7rem;}
    .new_title2{margin-bottom: 70px;}
    .new_title2 dt{font-size: 4.5rem;}
    .new_title2.lft8 dt{font-size: 4.5rem;}
    .new_title2 dd{font-size: 2.0rem;}
}
@media all and (max-width:568px){
    .new_title{margin-bottom: 3.0rem;}
    .new_title dt{font-size: 3.0rem;}
    .new_title dd{font-size: 1.8rem;}
    .newpt_top p.t1{font-size: 1.6rem;}
    .new_title2{margin-bottom: 4.5rem;}
    .new_title2 dt{font-size: 4.0rem;}
    .new_title2.lft8 dt{font-size: 4.0rem;}
    .new_title2 dd{margin-top: 2rem; font-size: 1.8rem;}
}




.newlf2_section2{margin-top: 100px;}
.newlf2_section2.lft4{margin-top: 190px;}
.newlf2_section2 dl.new_title{text-align: center;}
.newlf2_section2 dl.new_title .txt{margin-top: 15px; font-size: 24px; font-weight: 500; color: #000; line-height: 1.4;}
.newlf2_section2 .img1{}
.newlf2_section2 .img1 img{max-width: 100%;}
.newlf2_section2 .img2{padding: 40px; background-color: #f6f6f6; text-align: center;} 
.newlf2_section2 .img2 img{max-width: 100%;}

.newlf2_section2 .imgvod_col{display: flex; justify-content: center; gap: 4%;}
.newlf2_section2 .imgvod_col .img{width: 50%; background: url('/petit/images/sub/newlft6_img1.jpg')no-repeat center center/cover;}
.newlf2_section2 .imgvod_col .vod{width: 50%;}
.newlf2_section2 .imgvod_col .vod video{width: 100%;}

.newlf2_section2 .vod1{margin-top: 60px;}
.newlf2_section2 .vod1 video{width: 100%; }
.newlf2_section2 .vod1 iframe{width: 100%; height:640px;}
.newlf2_section2 .cont_wrap{margin-top: 60px; display: flex;}
.newlf2_section2 .cont_wrap .img{width: 48%; padding: 60px; text-align: center; background-color: #ededed;}
.newlf2_section2 .cont_wrap .img img{height: 100%; max-height: 600px;}
.newlf2_section2 .cont_wrap .list{width: 64%; padding: 100px; }
.newlf2_section2 .cont_wrap .list li{display: flex; align-items: center; margin-bottom: 70px;}
.newlf2_section2 .cont_wrap .list li:last-child{margin-bottom: 0;}
.newlf2_section2 .cont_wrap .list li dl {padding-left: 40px;}
.newlf2_section2 .cont_wrap .list li dl dt{font-size: 30px; font-weight: 800;}
.newlf2_section2 .cont_wrap .list li dl dd{padding-top: 10px; font-size: 17px; line-height: 1.4;}
@media all and (max-width:1280px){
    .newlf2_section2 .cont_wrap .list{padding: 40px}
}
@media all and (max-width:976px){
    .newlf2_section2.lft4{margin-top: 100px;}

    .newlf2_section2 .cont_wrap{display: block;}
    .newlf2_section2 .cont_wrap .img{width: 100%;}
    .newlf2_section2 .cont_wrap .img img{}
    .newlf2_section2 .cont_wrap .list{width: 100%;}
    .newlf2_section2 .cont_wrap .list li dl dt{font-size: 3.0rem;}
    .newlf2_section2 .cont_wrap .list li dl dd{font-size: 1.8rem;}
}

.newlft2_section3{margin-top: 190px;}
.newlft2_section3 .img1 img{max-width: 100%;}
.newlft2_section3 .contwrap.lft8{display: flex; justify-content: center; gap: 5%;}
.newlft2_section3 .contwrap.lft8 .l_cont{}
.newlft2_section3 .contwrap.lft8 .l_cont img{max-width: 100%;}
.newlft2_section3 .contwrap.lft8 .r_cont{padding: 4% 0; display: flex; flex-direction: column; justify-content: space-between;}
.newlft2_section3 .contwrap.lft8 .r_cont dl{}
.newlft2_section3 .contwrap.lft8 .r_cont dl dt{font-weight: 800; font-size:2.4rem;}
.newlft2_section3 .contwrap.lft8 .r_cont dl dd{margin-top: 1rem; font-size: 1.7rem; font-weight: 500;}

.newlft2_section3 .contwrap.lft3{background-color: #6500d5; color: #fff;}
.newlft2_section3 .contwrap.lft3 ul{display: flex; max-width: 1280px; width: 90%; margin: 0 auto;}
.newlft2_section3 .contwrap.lft3 ul li{padding: 4% 0; width: 50%; text-align: center;}
.newlft2_section3 .contwrap.lft3 ul li img{max-width: 100%;}
.newlft2_section3 .contwrap.lft3 ul li dl{padding-top: 2em;}
.newlft2_section3 .contwrap ul li dl dt{font-size: 2.6rem; font-weight: 800;;}
.newlft2_section3 .contwrap ul li dl dd{ margin-top: 1em;font-size: 1.6rem; line-height: 1.6; font-weight: 500;}

.newlft2_section3 .contwrap.lft4{background:linear-gradient(#006af1, #2164b2); color: #fff;}
.newlft2_section3 .contwrap.lft4 ul{display: flex; padding: 4% 0 6%;  max-width: 1280px; width: 90%; margin: 0 auto;}
.newlft2_section3 .contwrap.lft4 ul li{width: 50%; text-align: center;}
.newlft2_section3 .contwrap.lft4 ul li img{max-width: 100%;}
.newlft2_section3 .contwrap.lft4 ul li dl{padding-top: 2em;}

.newlft2_section3 .contwrap.lft5{background:linear-gradient(#3ab8d1, #27a1c6); color: #fff;}
.newlft2_section3 .contwrap.lft5 ul{display: flex; padding: 5% 0;  max-width: 1600px; width: 90%; margin: 0 auto;}
.newlft2_section3 .contwrap.lft5 ul li{width: 50%; text-align: center;}
.newlft2_section3 .contwrap.lft5 ul li img{max-width: 100%;}
.newlft2_section3 .contwrap.lft5 ul li dl{padding-top: 2em;}

.newlft2_section3 .contwrap.lft5.lft6{background:linear-gradient(90deg, #008d9e, #3061af, #725ea3, #b6578f); color: #fff;}

.newlft2_section3 .contwrap.lft7{background:linear-gradient(#0170c9, #003b77); color: #fff;}
.newlft2_section3 .contwrap.lft7 ul{display: flex; gap: 30px; padding: 5% 0;  max-width: 1280px; width: 90%; margin: 0 auto;}
.newlft2_section3 .contwrap.lft7 ul li{width: 80%; text-align: center;}
.newlft2_section3 .contwrap.lft7 ul li img{max-width: 100%;}
.newlft2_section3 .contwrap.lft7 ul li dl{padding-top: 2em;}

@media all and (max-width:976px){

    .newlft2_section3{margin-top: 100px;}

    .newlft2_section3 .contwrap.lft8 .l_cont{text-align: center;}
    .newlft2_section3 .contwrap.lft8 .l_cont img{max-width: 80%;}
    .newlft2_section3 .contwrap.lft8 .r_cont dl dt{font-size: 3.0rem;}
    .newlft2_section3 .contwrap.lft8 .r_cont dl dd{font-size: 1.6rem;}

    .newlft2_section3 .contwrap ul li dl dt{font-size: 2.8rem;}
    .newlft2_section3 .contwrap ul li dl dd{font-size: 1.8rem;}

    .newlft2_section3 .contwrap.lft3 ul{flex-direction: column; align-items: center;}
    .newlft2_section3 .contwrap.lft4 ul{flex-direction: column; align-items: center;}
    .newlft2_section3 .contwrap.lft5 ul{flex-direction: column; align-items: center;}
    .newlft2_section3 .contwrap.lft5.lft6 ul{flex-direction: column; align-items: center;}
    .newlft2_section3 .contwrap.lft7 ul{flex-direction: column; align-items: center;}
}





.newlft2_section4{margin-top: 190px;}
.newlft2_section4 .cont_wrap .bar{max-width: 1200px; margin: 0 auto; position: relative; height: 18px;;}
.newlft2_section4 .cont_wrap .bar:before{content: '';position: absolute; left: 0; top: 9px; width: 100%; height: 1px; border-top: 1px dotted #000;}
.newlft2_section4 .cont_wrap .bar .dot{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-color: #fff; background-color: orange; border-radius: 50%;}
.newlft2_section4 .cont_wrap .bar .dot:nth-child(2){left: 50%; transform: translate(-50%, -50%);}
.newlft2_section4 .cont_wrap .bar .dot:nth-child(3){left: auto; right: 0;}
.newlft2_section4 .cont_wrap .list{margin-top: 60px; display: flex; justify-content: space-between;}
.newlft2_section4 .cont_wrap .list li{text-align: center;}
.newlft2_section4 .cont_wrap .list li img{max-width: 100%;}
.newlft2_section4 .cont_wrap .list li dl{padding-top: 30px;}
.newlft2_section4 .cont_wrap .list li dl dt{font-size: 30px; font-weight: 800;}
.newlft2_section4 .cont_wrap .list li dl dd{padding-top: 20px; font-size: 18px; color: #000;}
@media all and (max-width:1280px){
    .newlft2_section3{margin-top: 100px;}
    .newlft2_section4{margin-top: 100px;}
    .newlft2_section4 .cont_wrap .list li dl dt{font-size: 2.8rem;}
    .newlft2_section4 .cont_wrap .list li dl dd{font-size: 1.8rem;}
}
@media all and (max-width:767px){
    .newlft2_section4 .cont_wrap .list li dl{padding-top: 15px;}
    .newlft2_section4 .cont_wrap .list li dl dt{font-size: 2.2rem;}
    .newlft2_section4 .cont_wrap .list li dl dd{font-size: 1.6rem;}
}


.newlft2_section5{margin-top: 190px;}
.newlft2_section5 .new_title{text-align: center;}
.newlft2_section5 .new_title dt{font-weight: 700;}
.newlft2_section5 .new_title dd{font-weight: 500;}
.newlft2_section5 .cont_wrap .list{display: flex; justify-content: space-between;}
.newlft2_section5 .cont_wrap .list li {text-align: center;}
.newlft2_section5 .cont_wrap .list li img{ border-radius: 50%; max-width: 100%;}
.newlft2_section5 .cont_wrap .list li dl {margin-top: 40px;}
.newlft2_section5 .cont_wrap .list li dl dt{font-size: 28px; color: #000; font-weight: 600;}
.newlft2_section5 .cont_wrap .list li dl dd{margin-top: 20px; font-size: 18px;}
@media all and (max-width:1280px){
    .newlft2_section5{margin-top: 100px;}
}
@media all and (max-width:976px){
    .newlft2_section5 .cont_wrap .list{flex-wrap: wrap; justify-content: center;}
    .newlft2_section5 .cont_wrap .list li{width: 50%;}
    .newlft2_section5 .cont_wrap .list li dl{margin-top: 15px;}
    .newlft2_section5 .cont_wrap .list li dl dt{font-size: 2.4rem;}
    .newlft2_section5 .cont_wrap .list li dl dd{margin-top: 1rem; font-size: 1.6rem;}
}
@media all and (max-width:568px){
    .newlft2_section5 .cont_wrap .list{gap: 15px;}
    .newlft2_section5 .cont_wrap .list li{width: 70%;}
}


.new_bot{padding-top: 190px;}
.new_bot .pc{display: block;}
.new_bot .mo{display: none;}
.new_bot img{width: 100%;}
@media all and (max-width:1280px){
    .new_bot{padding-top: 100px;}
}
@media all and (max-width:976px){
    .new_bot .pc{display: none;}
    .new_bot .mo{display: block;}

}


.lft8_dl{padding:3rem 0 5rem;}
.lft8_dl dt{font-size: 3.0rem; font-weight: 900;}
.lft8_dl dd{margin-top: 1.0rem; font-size: 2.0rem; font-weight: 500;}
@media all and (max-width:976px){
    .lft8_dl dt{font-size: 2.8rem;}
    .lft8_dl dd{font-size: 1.8rem;}
}
@media all and (max-width:568px){
    .lft8_dl dt{font-size: 2.4rem;}
    .lft8_dl dd{font-size: 1.6rem;}
}



.newlft3_section1{padding-top: 190px;}
.newlft3_section1 .contwrap{padding: 5% 0; display: flex; justify-content: center; gap: 4%; background:linear-gradient(#6500d5, #6100a7); color: #fff;}
.newlft3_section1 .contwrap .l_cont img{max-width: 100%;}
.newlft3_section1 .contwrap .r_cont{display: flex; flex-direction: column; justify-content: center; gap: 3rem;}
.newlft3_section1 .contwrap dl{}
.newlft3_section1 .contwrap dl dt{font-weight: 900; font-size: 2.6rem;}
.newlft3_section1 .contwrap dl dd{font-weight: 500; font-size: 2.2rem;}
@media all and (max-width:976px){
    .newlft3_section1{padding-top: 100px;}
    .newlft3_section1 .contwrap{padding: 80px 5%; flex-direction: column; gap: 40px; align-items: center;}
}
@media all and (max-width:568px){
    .newlft3_section1 .contwrap dl dt{font-size: 2.2rem;}
    .newlft3_section1 .contwrap dl dd{font-size: 1.8rem;}
}


.newlft4_section1{padding-top: 190px;}
.newlft4_section1 .contwrap{padding: 5% 0; display: flex; justify-content: center; gap: 4%; background:linear-gradient(#006af1, #2164b2); color: #fff;}
.newlft4_section1 .contwrap .l_cont img{max-width: 100%;}
.newlft4_section1 .contwrap .l_cont {width: 50%;}
.newlft4_section1 .contwrap .r_cont{display: flex; flex-direction: column; justify-content: center; gap: 3rem;}
.newlft4_section1 .contwrap dl{}
.newlft4_section1 .contwrap dl dt{font-weight: 900; font-size: 2.6rem;}
.newlft4_section1 .contwrap dl dd{font-weight: 500; font-size: 2.2rem; text-align: right;}
.newlft4_section1.ver2 .contwrap dl dd{margin-top: 1em; font-weight: 500; font-size: 2.2rem; text-align:left}
@media all and (max-width:976px){
    .newlft4_section1{padding-top: 100px;}
    .newlft4_section1 .contwrap{padding: 80px 5%; flex-direction: column; gap: 40px; align-items: center;}
}
@media all and (max-width:568px){
    .newlft4_section1 .contwrap .l_cont{width: 100%;}
    .newlft4_section1 .contwrap dl dt{font-size: 2.2rem;}
    .newlft4_section1.ver2 .contwrap dl dt{font-size: 2.2rem; text-align: center;}
    .newlft4_section1 .contwrap dl dd{font-size: 1.8rem; text-align: center;}
    .newlft4_section1.ver2 .contwrap dl dd{font-size: 1.8rem; text-align: center;}
}



.newlft3_section2{padding-top: 190px;}
.newlft3_section2 .contwrap{}
.newlft3_section2 .contwrap ul{display: flex; gap:70px 30px; flex-wrap: wrap;}
.newlft3_section2 .contwrap ul li{width: calc((100% - 30px)/2);}
.newlft3_section2 .contwrap ul li img{width: 100%;}
.newlft3_section2 .contwrap ul li dl dt{padding: 2rem 0 ; font-size: 3rem; font-weight: 800; color: #000;}
.newlft3_section2 .contwrap ul li dl dd{font-size: 1.8rem; font-weight: 600;}
@media all and (max-width:976px){
    .newlft3_section2{padding-top: 100px;}
    .newlft3_section2 .contwrap ul{gap: 10px;}
    .newlft3_section2 .contwrap ul li{width: calc((100% - 10px)/2);}
    .newlft3_section2 .contwrap ul li dl dt{font-size: 2.4rem;}
    .newlft3_section2 .contwrap ul li dl dd{font-size: 1.6rem;}
}



.ar_list{display: flex; gap: 40px; justify-content: space-between; align-items: center;}
.ar_list li {width: 33.3333%; text-align: center;}
.ar_list .ar{flex: 0 0 auto; width: 40px; height:40px; display: flex; justify-content: center; align-items: center;}
.ar_list .ar:before{content: '▶'; font-size: 30px;}
.ar_list li img{width: 100%;}
.ar_list li dl{margin-top: 3rem;}
.ar_list li dl dt{font-size: 2.2rem; font-weight: 800; color: #000;}
.ar_list li dl dd{margin-top: 1.5rem; font-size: 1.5rem; font-weight: 500;}
@media all and (max-width:976px){
    .ar_list{flex-wrap: wrap; justify-content: center;}
    .ar_list li{width: 100%;}
    .ar_list .ar:before{content: '▼';}
}







/* 스킨부스터 */
.fc-skinbooster{color: #000;}
.fc-skinbooster1{color:#17cbc3;}
.fc-skinbooster1-2{color:#17878b;}
.fc-skinbooster2{color:#175bcb;}
.fc-skinbooster3{color:#de7cac;}
.fc-skinbooster4{color:#e09bbb;}
.fc-skinbooster5{color:#ad76c8;}
.fc-skinbooster6{color:#4d80ac;}
.fc-skinbooster6-2{color:#7a4dd2 !important;}
.fc-skinbooster6-3{color:#ff2745 !important;}
.fc-skinbooster6-4{color:#068799 !important;}
.fc-skinbooster7{color:#1c92ff !important;}
.fc-skinbooster8{color:#11cdc6 !important;}
.fc-skinbooster9{color:#cf639e !important;}
.fc-skinbooster10{color:#025b76 !important;}
.fc-skinbooster10-2{color:#00adbb !important;}
.fc-skinbooster11{color:#49a4be !important;}



#tbox p{display: inline-block; margin-bottom: 1em; padding: 10px; background-color: #b39ae5; color: #fff; font-weight: 600; font-size: 2.2rem; border-radius: 2rem;}
#tbox.skinbooster6-4 p{background-color: #fa94a2;}
#tbox.skinbooster6-6 p{background-color: #2c91a1;}

.fcn-grad1{background: linear-gradient(90deg, #00a8a2, #009993, #008c86, #007f7a) !important;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad2{background: linear-gradient(90deg, #52a5f1, #368ada, #1b6ec0, #085baf) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad3{background: linear-gradient(90deg, #d2689a, #be497f, #a92763, #9f1755) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad4{background: linear-gradient(90deg, #a780ea, #996fe3, #895dda, #8053d5) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad5{background: linear-gradient(90deg, #ff657a, #ff3e56, #ff223d, #ff0c29) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad6{background: linear-gradient(90deg, #98d8e2, #5cb6c4, #2f9ead, #1790a1) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad7{background: linear-gradient(90deg, #0087e1, #0066b8, #004c90, #00366f) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad8{background: linear-gradient(90deg, #2ad2c8, #19b9b0, #0da199, #049088) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad9{background: linear-gradient(90deg, #2ad2c8, #19b9b0, #0da199, #049088) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}
.fcn-grad11{background: linear-gradient(90deg, #60b7d6, #43a1c5, #1e85af, #0b77a4) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important; text-fill-color: transparent;}



.new_title3{text-align: center; margin-bottom: 90px;}
.new_title3 dt{font-size: 50px; font-weight: 900;}
.new_title3 dd{margin-top: 1em; font-size:24px; color: #000; line-height: 1.6em;}


.newpt_top{padding-bottom: 60px; border-bottom: 2px solid #000;}
.newpt_top p.t1{font-size: 18px; line-height: 1.8;}

.new_title3:has(.box-t){width: fit-content; margin-inline:auto;;}
.box-t{margin-top: 2em; display: inline-block; width: 100%; background-color: #68c8cc;}
.box-t p {padding: 5px 0; color: #fff; font-size: 2.8rem; font-weight: 500;;}

@media all and (max-width:1280px){
 
    .box-t p{font-size: 2.4rem;}
}
@media all and (max-width:976px){
 
    .new_title3{margin-bottom: 70px;}
    .new_title3 dt{font-size: 4.5rem;}
    .new_title3 dd{margin-top: 1em; font-size: 2.0rem;}
    .box-t p{font-size: 2.0rem;}


}
@media all and (max-width:568px){

    .new_title3{margin-bottom: 5.5rem;}
    .new_title3 dt{font-size: 4.0rem;}
    .new_title3 dd{font-size: 1.8rem;}
    .box-t p{font-size: 1.7rem;}

}
@media all and (max-width:480px){
    
}



#skinbooster1-2{text-align: center;}
#skinbooster1-2 .imgWrap img.imgCont{max-width: 100%;}


#skinbooster1-3 .contWrap{}
#skinbooster1-3 .contWrap ul{display: flex; justify-content: center; gap:20px;}
#skinbooster1-3 .contWrap ul li{text-align: center;}
#skinbooster1-3 .contWrap ul li .img{margin: 20px 0 10px; background-color: #e9e9e9;}
#skinbooster1-3 .contWrap ul li .img img{max-width: 100%;}
#skinbooster1-3 .contWrap ul li div{font-size: 4rem;}
#skinbooster1-3 .contWrap ul li p{font-size: 2.5rem;}
@media all and (max-width:768px){
    #skinbooster1-3 .contWrap ul li div{font-size: 3rem;}
    #skinbooster1-3 .contWrap ul li p{font-size: 2.0rem;}
}
@media all and (max-width:568px){
    #skinbooster1-3 .contWrap ul{flex-wrap: wrap;}
    #skinbooster1-3 .contWrap ul li{width: calc(50% - 20px);}
    #skinbooster1-3 .contWrap ul li .img{margin: 10px 0 5px;}
    #skinbooster1-3 .contWrap ul li div{font-size: 2.5rem;}
    #skinbooster1-3 .contWrap ul li p{font-size: 1.7rem;}
}


#skinbooster1-4 .contWrap p.t1{font-size: 3.5rem; font-weight: 300;}
#skinbooster1-4 .contWrap ul{padding: 65px 0; margin-top: 50px; display: flex; gap: 180px; justify-content: center; background: linear-gradient(90deg, #00a8a2, #009993, #008c86, #007f7a);}
#skinbooster1-4 .contWrap ul li{color: #fff;}
#skinbooster1-4 .contWrap ul li .img img{border: 5px solid #fff;}
#skinbooster1-4 .contWrap ul li .img img{max-width: 100%;}
#skinbooster1-4 .contWrap ul li dl dt{margin: 0.8em 0 0.4em; font-size: 3.3rem; font-weight: 600;}
#skinbooster1-4 .contWrap ul li dl dd{font-size: 2.0rem;}
@media all and (max-width:1400px){
    #skinbooster1-4 .contWrap p.t1{font-size: 2.8rem;}
    #skinbooster1-4 .contWrap ul{gap: 90px;}
}
@media all and (max-width:1280px){
    #skinbooster1-4 .contWrap p.t1{font-size: 2.4rem;}
    #skinbooster1-4 .contWrap ul{gap:40px 20px; padding-inline: 3%;}
    #skinbooster1-4 .contWrap ul li{width: calc((100% - 40px)/3); flex:0 0 auto;}
    #skinbooster1-4 .contWrap ul li dl dt{font-size: 2.8rem;}
    #skinbooster1-4 .contWrap ul li dl dd{font-size: 1.8rem;}
}
@media all and (max-width:768px){
    #skinbooster1-4 .contWrap ul li dl dt{font-size: 2.2rem;}
    #skinbooster1-4 .contWrap ul li dl dd{font-size: 1.6rem;}
}
@media all and (max-width:568px){
    #skinbooster1-4 .contWrap ul {flex-wrap: wrap;}
    #skinbooster1-4 .contWrap ul li{width: auto; max-width: 70%;}
}


#skinbooster1-5 .contWrap{} 
#skinbooster1-5 .contWrap ul{display: flex; justify-content: center;} 
#skinbooster1-5 .contWrap ul li{width: 350px; text-align: center;}
#skinbooster1-5 .contWrap ul li .cir{display: inline-flex; justify-content: center; align-items: center; width: 275px; aspect-ratio: 1/1; border-radius: 50%; background-color: #3fbcc1; font-size: 4.5rem; color: #fff;}
#skinbooster1-5 .contWrap ul li:nth-child(2) .cir{background-color: #28aaaf;}
#skinbooster1-5 .contWrap ul li:nth-child(3) .cir{background-color: #067a7f;}
#skinbooster1-5 .contWrap ul li > p{padding: 0.65em 0; font-size: 3.0rem; font-weight: 700; color: #000;}
#skinbooster1-5 .contWrap ul li > p:first-of-type{margin-top: 1em;}
#skinbooster1-5 .contWrap ul li > p + p{border-top: 4px solid #88dee2;}
@media all and (max-width:1024px){
    #skinbooster1-5 .contWrap ul li{width: 33.3333%;}
    #skinbooster1-5 .contWrap ul li .cir{width: 70%; min-width: 130px; font-size: 3.0rem;}
    #skinbooster1-5 .contWrap ul li > p{font-size: 2.0rem;}
}
@media all and (max-width:568px){
    #skinbooster1-5 .contWrap ul{flex-wrap: wrap ; gap: 40px;}
    #skinbooster1-5 .contWrap ul li{width: auto; max-width: 70%;}

}






img.imgCont{max-width: 100%;}
.imgCont img{max-width: 100%;}




#skinbooster2-4 .contWrap p.t1{font-size: 3.5rem; font-weight: 300;}
#skinbooster2-4 .contWrap ul{padding: 65px 0; margin-top: 50px; display: flex; gap: 180px; justify-content: center; background: linear-gradient(90deg, #4b9be8, #4192df, #3484d3, #2070c1);}
@media all and (max-width:1400px){
    #skinbooster2-4 .contWrap p.t1{font-size: 2.8rem;}
    #skinbooster2-4 .contWrap ul{gap: 90px;}
}
@media all and (max-width:1280px){
    #skinbooster2-4 .contWrap p.t1{font-size: 2.4rem;}
    #skinbooster2-4 .contWrap ul{gap:40px 20px; padding-inline: 3%;}
}


#imgBlock{display: flex; max-width: 640px; margin: 0 auto;}
#imgBlock + #imgBlock {margin-top: 50px;}
#imgBlock .img{}
#imgBlock dl{padding-left: 4%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; text-align: left;} 
#imgBlock dl dt{font-size: 2.1rem; font-weight: 800;;}
#imgBlock dl dd{padding-top: 0.9em; font-size: 1.7rem; line-height: 1.5em;}
@media all and (max-width:568px){
    #imgBlock .img{width: 30%; flex: 0 0 auto;}
    #imgBlock .img img{width: 100%; height: 100%; object-fit: cover;}

}



#skinbooster3-4 .contWrap p.t1{font-size: 3.5rem; font-weight: 300;}
#skinbooster3-4 .contWrap ul{padding: 65px 0; margin-top: 50px; display: flex; gap: 180px; justify-content: center; background: linear-gradient(90deg, #f0d0de, #e6becf, #e0b3c6, #ddadc2);}
#skinbooster3-4 .contWrap ul li p.num{display: inline-flex; margin-bottom: 30px; justify-content: center; align-items: center; width: 28px; height: 28px; background-color: #9f1d54; border-radius: 50%;}
#skinbooster3-4 .contWrap ul li p.num span{line-height: 1; color: #fff; font-weight: 600; font-size: 1.8rem;}
#skinbooster3-4 .contWrap ul li dl{}
#skinbooster3-4 .contWrap ul li dl dt{margin: 1em 0; font-size: 2.2rem; font-weight: 800; color: #9f1755;;}
#skinbooster3-4 .contWrap ul li dl dd{font-size: 1.7rem;}
@media all and (max-width:1400px){
    #skinbooster3-4 .contWrap p.t1{font-size: 2.8rem;}
    #skinbooster3-4 .contWrap ul{gap: 90px;}
}
@media all and (max-width:1280px){
    #skinbooster3-4 .contWrap p.t1{font-size: 2.4rem;}
    #skinbooster3-4 .contWrap ul{gap:40px 20px; padding-inline: 3%;}
}
@media all and (max-width:568px){
#skinbooster3-4 .contWrap ul{flex-direction: column;}

}
#skinbooster4-4{}
#skinbooster4-4 .contWrap{ text-align: center;}
#skinbooster4-4 .contWrap .line-v{display:inline-block; margin-bottom: 30px; width: 2px; height: 80px; background-color: #f1d8e5;}
#skinbooster4-4 .contWrap ul{display: flex; flex-wrap: wrap ; gap: 20px; max-width: 800px; margin: 0 auto;}
#skinbooster4-4 .contWrap ul li{width: calc((100% - 20px*2)/3); display: flex; justify-content: center; align-items: center; aspect-ratio: 1/1; background-color: #f1d8e5; border-radius: 35px;}
#skinbooster4-4 .contWrap ul li dl{padding: 0 0.5em; }
#skinbooster4-4 .contWrap ul li dl dt{color: #d04585; font-weight: 500; font-size: 2.7rem;;}
#skinbooster4-4 .contWrap ul li dl dd{margin-top: 1em; font-size: 1.8rem; color: #000;}
@media all and (max-width:568px){
    #skinbooster4-4 .contWrap ul li{width: calc((100% - 20px*1)/2);}
}


#skinbooster5-3{}
#skinbooster5-3 .contWrap{}
#skinbooster5-3 .contWrap ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 800px; margin: 0 auto;}
#skinbooster5-3 .contWrap ul li{width: calc((100% - 20px*3)/4); text-align: center;}
#skinbooster5-3 .contWrap ul li img{width: 100%;}
#skinbooster5-3 .contWrap ul li > div{margin-bottom: 0.7em; font-size: 2rem; font-weight: 700; font-family: 'Noto Serif KR';}
#skinbooster5-3 .contWrap ul li > p{padding: 10px; color: #fff; background-color: #cc99e7; font-size: 1.8rem; font-weight: 700;}
@media all and (max-width:568px){
    #skinbooster5-3 .contWrap ul li{width: calc((100% - 20px*1)/2); }
}



#skinbooster6-1{}
#skinbooster6-1 .half{display: flex; align-items: flex-end;}
#skinbooster6-1 .half .txt{width: 50%; padding: 4%;}
#skinbooster6-1 .half .txt .tag{margin-top: 2em; font-weight: 700; font-size: 2rem;}
@media all and (max-width:1024px){
    #skinbooster6-1 .half{display: block;}
    #skinbooster6-1 .half .txt {width: 100%;}
}

#skinbooster6-6 .new_title3{margin-bottom: 0;}
#skinbooster6-6 .contWrap{padding: 4%; background-color: #1f90a1; text-align: center;}
#skinbooster6-6 .contWrap p{font-size: 3rem; color: #fff; font-weight: 700;}

/* 스킨부스터 끝 */




/* 부위 수정 */
#facePart{background: no-repeat center right/cover;}
#facePart .txt{padding:7% 5% 15%; }
#facePart .txt dl dt{font-size: 4rem; color: #333;}
#facePart .txt dl dt .box{padding: 0 4px; margin-right: 2px; background-color: #333;}
#facePart .txt dl dt .box-w{padding: 0 4px; margin-right: 2px; background-color: #fff;}
#facePart .txt dl dd{margin-top: 0.8em; font-size: 2.4rem; font-weight: 600; color: #333; line-height: 1.6em;}

#facePart.botox1-1{background-image: url('/petit/images/sub/facepart-botox1-1.jpg');}
#facePart.botox1-2{background-image: url('/petit/images/sub/facepart-botox1-2.jpg');}
#facePart.botox1-3{background-image: url('/petit/images/sub/facepart-botox1-3.jpg');}
#facePart.botox1-4{background-image: url('/petit/images/sub/facepart-botox1-4.jpg');}
#facePart.botox1-5{background-image: url('/petit/images/sub/facepart-botox1-5.jpg');}
#facePart.botox1-6{background-image: url('/petit/images/sub/facepart-botox1-6.jpg');}
#facePart.botox1-7{background-image: url('/petit/images/sub/facepart-botox1-7.jpg');}
#facePart.botox1-8{background-image: url('/petit/images/sub/facepart-botox1-8.jpg');}
#facePart.botox1-9{background-image: url('/petit/images/sub/facepart-botox1-9.jpg');}
#facePart.botox2-1{background-image: url('/petit/images/sub/facepart-botox2-1.jpg');}
#facePart.botox2-2{background-image: url('/petit/images/sub/facepart-botox2-2.jpg');}
#facePart.botox2-3{background-image: url('/petit/images/sub/facepart-botox2-3.jpg');}
#facePart.botox2-4{background-image: url('/petit/images/sub/facepart-botox2-4.jpg');}
#facePart.botox2-5{background-image: url('/petit/images/sub/facepart-botox2-5.jpg');}
#facePart.volum1-1{background-image: url('/petit/images/sub/facepart-volum1-1.jpg');}
#facePart.volum1-2{background-image: url('/petit/images/sub/facepart-volum1-2.jpg');}
#facePart.volum1-3{background-image: url('/petit/images/sub/facepart-volum1-3.jpg');}
#facePart.volum1-4{background-image: url('/petit/images/sub/facepart-volum1-4.jpg');}
#facePart.volum1-5{background-image: url('/petit/images/sub/facepart-volum1-5.jpg');}
#facePart.volum1-6{background-image: url('/petit/images/sub/facepart-volum1-6.jpg');}
#facePart.volum1-7{background-image: url('/petit/images/sub/facepart-volum1-7.jpg');}
#facePart.volum1-8{background-image: url('/petit/images/sub/facepart-volum1-8.jpg');}
#facePart.volum4-1{background-image: url('/petit/images/sub/facepart-volum4-1.jpg');}
#facePart.volum4-2{background-image: url('/petit/images/sub/facepart-volum4-2.jpg');}
#facePart.volum4-3{background-image: url('/petit/images/sub/facepart-volum4-3.jpg');}
#facePart.volum4-4{background-image: url('/petit/images/sub/facepart-volum4-4.jpg');}
#facePart.body3-1{background-image: url('/petit/images/sub/facepart-body3-1.jpg');}
#facePart.body3-2{background-image: url('/petit/images/sub/facepart-body3-2.jpg');}
#facePart.body4-1{background-image: url('/petit/images/sub/facepart-body4-1.jpg');}
#facePart.body4-2{background-image: url('/petit/images/sub/facepart-body4-2.jpg');}
#facePart.body4-3{background-image: url('/petit/images/sub/facepart-body4-3.jpg');}
#facePart.lifting1-1{background-image: url('/petit/images/sub/facepart-lifting1-1.jpg');}
#facePart.lifting1-2{background-image: url('/petit/images/sub/facepart-lifting1-2.jpg');}
#facePart.lifting1-3{background-image: url('/petit/images/sub/facepart-lifting1-3.jpg');}
#facePart + #facePart{margin-top: 30px;}


@media all and (max-width:1280px){
    #facePart .txt dl dt{font-size: 3.2rem;}
    #facePart .txt dl dd{font-size: 2rem;}
}
@media all and (max-width:1024px){
    #facePart{background: no-repeat right bottom/135% auto;}
    #facePart .txt{padding: 7% 5% 50vw;  position: relative; z-index: 3;}
    #facePart .txt:before{content: ''; position: absolute; z-index: 0; left: 0; top: 0;; width: 100%; height: 50%;}
    #facePart.botox1-1 .txt:before{ background:#e9e7e5}
    #facePart.botox1-2 .txt:before{ background:#e3ddd9}
    #facePart.botox1-3 .txt:before{ background:#767674}
    #facePart.botox1-4 .txt:before{ background:#d7d6d1}
    #facePart.botox1-4 .txt:before{ background:#d6d5d3}
    #facePart.botox1-5 .txt:before{ background:#79736f}
    #facePart.botox1-6 .txt:before{ background:#a7a6a3}
    #facePart.botox1-7 .txt:before{ background:#fafbff}
    #facePart.botox1-8 .txt:before{ background:#efeff2}
    #facePart.botox1-9 .txt:before{ background:#eeeeee}
    #facePart.botox2-1 .txt:before{ background:#fcfefd}
    #facePart.botox2-2 .txt:before{ background:#cdd1dc}
    #facePart.botox2-3 .txt:before{ background:#fbfdfc}
    #facePart.botox2-4 .txt:before{ background:#e4e8f1}
    #facePart.botox2-5 .txt:before{ background:#f4f5f7}
    #facePart.volum1-1 .txt:before{ background:#dcdcdc}
    #facePart.volum1-2 .txt:before{ background:#d6d7d9}
    #facePart.volum1-3 .txt:before{ background:#c4c5bf}
    #facePart.volum1-4 .txt:before{ background:#d1d1d1}
    #facePart.volum1-5 .txt:before{ background:#c6c6c6}
    #facePart.volum1-6 .txt:before{ background:#d8d7d5}
    #facePart.volum1-7 .txt:before{ background:#ebebeb}
    #facePart.volum1-8 .txt:before{ background:#e4e8eb}
    #facePart.volum4-1 .txt:before{ background:#fff}
    #facePart.volum4-2 .txt:before{ background:#f2eae6}
    #facePart.volum4-3 .txt:before{ background:#bec0bf}
    #facePart.volum4-4 .txt:before{ background:#ededed}
    #facePart.body3-1 .txt:before{ background:#bdcfd9}
    #facePart.body3-2 .txt:before{ background:#fff}
    #facePart.body4-1 .txt:before{ background:#f3f0eb}
    #facePart.body4-2 .txt:before{ background:#d9d9d7}
    #facePart.body4-3 .txt:before{ background:#cecfd1}
    #facePart.lifting1-1 .txt:before{ background:#cecfd1}
    #facePart.lifting1-2 .txt:before{ background:#cecfd1}
    #facePart.lifting1-3 .txt:before{ background:#cecfd1}
    #facePart .txt dl{position: relative; z-index: 4;;}
}
@media all and (max-width:768px){
}
@media all and (max-width:568px){
    #facePart .txt dl dt{font-size: 2.8rem;}
    #facePart .txt dl dd{font-size: 1.8rem;}
}
@media all and (max-width:480px){
    #facePart .txt dl dt{font-size: 2.5rem;}
    #facePart .txt dl dd{font-size: 1.6rem;}
}





.msec2{display: flex;}
.msec2 > div{width: 50%;}
.msec2 .l_cont{position: sticky; top: 0; max-height: 950px; display: flex; justify-content: center; align-items: center; background: url('/petit/images/sub/msec2-bg.jpg?v=1')center center/cover; }
.msec2 .l_cont .txt{text-align: center; color: #fff;}
.msec2 .l_cont .txt .st1{color: #fff;}
.msec2 .l_cont .txt h3{margin: 0.3em 0 0.5em; color: #fff; font-size: 5rem;}
.msec2 .l_cont .txt .tag{margin-bottom: 30px; font-size: 2.4rem; font-weight: 600; line-height: 1.6em; color: #fff;}
.msec2 .l_cont .txt p.t1{font-size: 17px; font-weight: 500; color: #fff; line-height: 1.5em;}
.msec2 .r_cont{ background: url('/petit/images/sub/msec2-bg2.webp');}
.msec2 .r_cont ul li{display: flex; border-top: 1px solid #ececec;}
.msec2 .r_cont ul li dl{padding-left: 80px; display: flex; flex-direction: column; justify-content: center; text-align: left;}
.msec2 .r_cont ul li p{margin-top: 5px; color: #7c48b7; font-size: 1.4rem; font-weight: 600;;}
.msec2 .r_cont ul li dl dt{font-size: 3rem; font-weight: 700; color: #000;}
.msec2 .r_cont ul li dl dd{padding: 30px 0; font-size: 17px; font-weight: 500; color: #000; line-height: 1.6em;}
@media all and (max-width:1599px){
    .msec2 .r_cont ul li dl{padding-left: 4%;}
}
@media all and (max-width:1399px){
    .msec2 .r_cont ul li .img{width: 40%; flex:0 0 auto;}
    .msec2 .r_cont ul li .img img{max-width: 100%;}
    .msec2 .r_cont ul li dl dt{font-size: 22px;}
    .msec2 .r_cont ul li dl dd{padding: 20px 0;}
}
@media all and (max-width:1024px){
    .msec2{display: block;}
    .msec2 > div{width: 100%;}
    .msec2 .l_cont{padding: 60px 0; position: static;}
    .msec2 .r_cont{padding-top: 0;}
    .msec2 .r_cont ul li dl dd{padding: 25px 0;}
}
@media all and (max-width:768px){
}
@media all and (max-width:568px){
    .msec2 .l_cont .txt h3{font-size: 3rem;}
    .msec2 .l_cont .txt .tag{font-size: 22px;}
    .msec2 .l_cont .txt p.t1{font-size: 16px; padding-inline: 5%; word-break: keep-all;}
    .msec2 .l_cont .txt p.t1 br{display: none;}
    .msec2 .r_cont ul li dl dt{font-size: 20px;}
    .msec2 .r_cont ul li dl dd{font-size: 15px; padding: 15px 0;}
}
@media all and (max-width:480px){
    .msec2 .r_cont .img img{width: 100%; height: 100%; object-fit: cover;}
    .msec2 .r_cont dl{padding: 20px;}
    .msec2 .r_cont ul li dl dt{font-size: 18px;}
    .msec2 .r_cont ul li dl dd {font-size: 14px; padding: 10px 0 15px;}
    .msec2 .r_cont ul li dl dd br{display: none;}
}



.go-review{}
.go-review a{display: inline-block; padding: 1em 3em; border-radius: 90px; background-color: #440092; color: #fff; font-size: 2.6rem; font-weight: 800;}
@media all and (max-width:480px){
    .go-review a{font-size: 1.8rem; padding: 0.8em 2em;}
}


#skinbooster8-4{}
#skinbooster8-4 .half{display: flex; justify-content: center; align-items: center;}
#skinbooster8-4 .half .img{margin-inline:3em}
#skinbooster8-4 .half .txt{text-align: right;}
#skinbooster8-4 .half .img + .txt{text-align: left;}
#skinbooster8-4 .half .txt dl{}
#skinbooster8-4 .half .txt dl+dl{margin-top: 40px;}
#skinbooster8-4 .half .txt dl dt{font-size: 3.8rem; font-weight: 700;}
#skinbooster8-4 .half .txt dl dd{padding-top: 0.5em; font-size: 2rem;}

@media all and (max-width:1400px){
    #skinbooster8-4 .half .img img{max-width: 100%;}
}
@media all and (max-width:1280px){
    #skinbooster8-4 .half{display: block; }
    #skinbooster8-4 .half .txt{text-align: center;}
    #skinbooster8-4 .half .img{margin-block:3em;}
    #skinbooster8-4 .half .img + .txt{text-align: center;}
}
@media all and (max-width:568px){
    #skinbooster8-4 .half .txt dl dt{font-size: 2.8rem;}
    #skinbooster8-4 .half .txt dl dd{font-size: 1.6rem;}

}


#skinbooster9-4 .contWrap p.t1{font-size: 3.5rem; font-weight: 300;}
#skinbooster9-4 .contWrap ul{padding: 65px 0; margin-top: 50px; display: flex; gap: 180px; justify-content: center; background: linear-gradient(90deg, #f2b5df, #e99fcc, #d97bae, #bc3774);}
#skinbooster9-4 .contWrap ul li{display: flex; justify-content: center; gap: 4%; align-items: center;}
#skinbooster9-4 .contWrap ul li .img{width: 50%;}
#skinbooster9-4 .contWrap ul li .img img{max-width: 100%;}
#skinbooster9-4 .contWrap ul li .txt{width: 50%;}
#skinbooster9-4 .contWrap ul li p{color: #fff; font-size: 2rem; text-align: left; font-weight: 500; line-height: 1.6em;}
#skinbooster9-4 .contWrap ul li p + p{margin-top: 1.5em;}
@media all and (max-width:1400px){
    #skinbooster9-4 .contWrap p.t1{font-size: 2.8rem;}
    #skinbooster9-4 .contWrap ul{gap: 90px;}
}
@media all and (max-width:1280px){
    #skinbooster9-4 .contWrap p.t1{font-size: 2.4rem;}
    #skinbooster9-4 .contWrap ul{gap:40px 20px; padding-inline: 3%;}
}



#skinbooster10-4 .contWrap p.t1{font-size: 3.5rem; font-weight: 300;}
#skinbooster10-4 .contWrap ul{padding: 65px 0; margin-top: 50px; display: flex; gap: 20px; justify-content: center; background: linear-gradient(90deg, #73d5dd, #66cdd5, #57c3cc, #3ab1bc);}
#skinbooster10-4 .contWrap ul li dl {position: relative; padding-top: 30px; margin-top: 30px;; color: #fff;}
#skinbooster10-4 .contWrap ul li dl:before{content: ''; width: 20px; height: 20px; position: absolute; background-color: #fff; border-radius: 50%; top: -10px; left: 50%; transform: translateX(-10px);}
#skinbooster10-4 .contWrap ul li dl dt{font-size: 2.6rem; font-weight: 700;}
#skinbooster10-4 .contWrap ul li dl dd{font-size: 1.8rem; line-height: 1.6em;}

@media all and (max-width:1400px){
    #skinbooster9-4 .contWrap ul{gap: 20px;}
}
@media all and (max-width:1280px){
    #skinbooster9-4 .contWrap ul{gap:10px; padding-inline: 3%;}
}
@media all and (max-width:1024px){
    #skinbooster10-4 .contWrap ul{flex-wrap: wrap;}

}


#skinbooster10-5{}
#skinbooster10-5 .imgWrap{width: fit-content; margin: 0 auto;}
#skinbooster10-5 .imgWrap .new_title3 {width: 100%;}
#skinbooster10-5 .imgWrap .new_title3 dd{margin: 0 auto; background-color: #7cdae2; padding: 2%; width: 100%;}




#skinbooster11-4 .contWrap p.t1{font-size: 3.5rem; font-weight: 300;}
#skinbooster11-4 .contWrap ul{padding: 65px 0; margin-top: 50px; display: flex; gap: 180px; justify-content: center; background: linear-gradient(90deg, #a9e6f6, #8fd7e9, #6fc4d9, #34a0ba);}
#skinbooster11-4 .contWrap ul li{display: flex; justify-content: center; gap: 4%; align-items: center;}
#skinbooster11-4 .contWrap ul li .img{width: 30%;}
#skinbooster11-4 .contWrap ul li .img img{max-width: 90%;}
#skinbooster11-4 .contWrap ul li .txt{width: 70%;}
#skinbooster11-4 .contWrap ul li p{color: #fff; font-size: 2rem; text-align: left; font-weight: 500; line-height: 1.6em;}
#skinbooster11-4 .contWrap ul li p + p{margin-top: 1.5em;}
@media all and (max-width:1400px){
    #skinbooster11-4 .contWrap p.t1{font-size: 2.8rem;}
    #skinbooster11-4 .contWrap ul{gap: 90px;}
}
@media all and (max-width:1280px){
    #skinbooster11-4 .contWrap p.t1{font-size: 2.4rem;}
    #skinbooster11-4 .contWrap ul{gap:40px 20px; padding-inline: 3%;}
}
@media all and (max-width:568px){
    #skinbooster11-4 .contWrap ul li{display: block; text-align: center;;}
    #skinbooster11-4 .contWrap ul li .img{width: 100%;}
    #skinbooster11-4 .contWrap ul li .img img{max-width: 70%;}
    #skinbooster11-4 .contWrap ul li .txt{margin-top: 15px; width:100%; text-align: center;}
    #skinbooster11-4 .contWrap ul li p{text-align: center; font-size: 1.8rem;}
    #skinbooster11-4 .contWrap ul li p br{display: none;}
}


#fatoutBox + #fatoutBox{margin-top: 30px;}
#fatoutBox{display: flex; border:8px solid rgb(112, 97, 169, 0.1)}
#fatoutBox > div{width: 50%;}
#fatoutBox .img{background:no-repeat center center/cover;}
#fatoutBox.body4-1 .img{background-image: url(/petit/images/sub/fatout-img1.jpg);}
#fatoutBox.body4-2 .img{background-image: url(/petit/images/sub/fatout-img2.jpg);}
#fatoutBox.body4-3 .img{background-image: url(/petit/images/sub/fatout-img3.jpg);}
#fatoutBox.body4-3-1 .img{background-image: url(/petit/images/sub/fatout-body4-3-1.jpg);}
#fatoutBox.body4-3-2 .img{background-image: url(/petit/images/sub/fatout-body4-3-2.jpg);}
#fatoutBox.body4-3-3 .img{background-image: url(/petit/images/sub/fatout-body4-3-3.jpg);}
#fatoutBox .txt{padding: 6%; text-align: center;}
#fatoutBox .txt div .point{font-family: 'Marcellus'; font-size: 1.9rem; color: #635894;}
#fatoutBox .txt div .line{width: 1px; height: 40px; background-color: #635894; margin: 2em auto;}
#fatoutBox .txt div dl dt{font-size: 3.6rem; font-weight: 300; color: #000;}
#fatoutBox .txt div dl dd{font-size: 2.0rem; color: #333;}
#fatoutBox .txt div dl dt + dd{margin-top: 1.5em;}

@media all and (max-width:1024px){
    #fatoutBox .txt div .point{font-size: 1.7rem;}
    #fatoutBox .txt div .line{height: 30px;}
    #fatoutBox .txt div dl dt{font-size: 3.0rem;}
    #fatoutBox .txt div dl dd{font-size: 1.8rem;}
}
@media all and (max-width:768px){
    #fatoutBox{display: block;}
    #fatoutBox > div{width: 100%;}
    #fatoutBox .img{aspect-ratio: 700/415;}
    #fatoutBox .txt div .line{height: 20px;}
}


#body4-1-2{display: flex;; align-items: center; justify-content: center;}
#body4-1-2 .cc{margin-inline:-10px; width: 370px; aspect-ratio: 1/1; border-radius: 50%; display: flex;; justify-content: center; align-items: center; text-align: center; color: #fff;}
#body4-1-2 .cc.c1{background:linear-gradient(145deg, #e4aea4ee, #d3a8acee, #bca6c1ee, #bdb0cfee)}
#body4-1-2 .cc.c2{background:linear-gradient(145deg, #76a9ceee, #79a8cdee, #83b1d3ee, #c7e8ffee)}
#body4-1-2 .cc dl dt{padding:7px 15px; font-size: 2.0rem; font-weight: 700; display: inline-block; border:1px solid #fff; border-radius: 50px;}
#body4-1-2 .cc dl dd{margin-top: 0.5em; font-size: 3.0rem; font-weight: 600;}
@media all and (max-width:1024px){
    #body4-1-2 .cc{width: 45%;}
}
@media all and (max-width:568px){
    #body4-1-2{flex-direction: column;}
    #body4-1-2 .cc{margin-inline:0; margin-block:-10px; min-width: 230px;}
}


#body4-1-3{}
#body4-1-3 ul{display: flex; gap: 30px;}
#body4-1-3 ul > li{width: calc((100% - 60px)/3);}
#body4-1-3 ul > li img{width: 100%;}
#body4-1-3 ul > li p{margin-top: 2em; text-align: center;}
#body4-1-3 ul > li p > span{display: inline-block; padding: 7px 15px; border-radius: 50px; background-color: #333; color: #fff; font-size: 2.1rem; font-weight: 600;}
#body4-1-3 ul > li p.result > span{background-color: #6565a3;}
@media all and (max-width:1024px){
     #body4-1-3 ul {flex-wrap: wrap; justify-content: center;}
    #body4-1-3 ul > li{width: calc((100% - 30px)/2);}
}



#vsWrap{display: flex; align-items: center; justify-content: center; text-align: center;}
#vsWrap > div{margin-inline:-2px;}
#vsWrap .l_cont{}
#vsWrap .l_cont dl{border:2px solid #333; background-color: #fff;}
#vsWrap .l_cont dl dt{padding: 20px 30px; background-color: #333; color: #fff; font-size: 3.0rem; font-weight: 600;;}
#vsWrap .l_cont dl dt .st{font-size: 1.8rem;}
#vsWrap .l_cont dl dd{padding: 30px 40px; font-size: 2.4rem; color: #333; font-weight: 500;}
#vsWrap .r_cont{ z-index: 3; box-shadow: -20px 0 10px rgba(0, 0, 0, 0.3);}
#vsWrap .r_cont dl{border:2px solid #6500d5; background-color: #fff;}
#vsWrap .r_cont dl dt{padding: 20px 30px; background-color: #6500d5; color: #fff; font-size: 4.0rem; font-weight: 800;}
#vsWrap .r_cont dl dt .st{font-size: 2.2rem; font-weight: 600;}
#vsWrap .r_cont dl dd{padding: 30px 40px; font-size: 2.4rem; color: #333; font-weight: 500;}
#vsWrap .r_cont dl dd .fc{color: #6500d5;}
#vsWrap .r_cont dl dd p + p{margin-top: 1em;}
@media all and (max-width:568px){
    #vsWrap{display: block;}
    #vsWrap > div{margin-inline:0;}
    #vsWrap .l_cont{max-width: 85%; margin: 0 auto;}
    #vsWrap .l_cont dl dd{font-size: 1.7rem;}
    #vsWrap .r_cont{width: 100%; margin-top: 1em; box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.3);}
    #vsWrap .r_cont dl dd{font-size: 1.8rem;}
}






#clinicTop3 {margin-bottom: 4%; display:flex; flex-wrap:wrap; align-items: center;}
#clinicTop3 #imgWrap {height:400px; width:50%; border-radius:0 500px 500px 0; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover}
#clinicTop3 #contWrap {width:50%; }
#clinicTop3 #contWrap .in-box {max-width:800px; padding-left:10%; }
#clinicTop3 .stit2{font-size: 3.6rem; font-weight: 700; color: #333;}
#clinicTop3 .st1  {padding-bottom:1em; margin-bottom:2em;  font-size:1.7rem; color:#645894; font-weight:700; text-align:right; border-bottom:1px dotted rgba(85,85,85,0.1)}
#clinicTop3 .t1 {padding-top:1em; font-size:1.8rem; line-height:1.6em;}
#clinicTop3 .circle {margin-top:50px; display:flex; flex-wrap:wrap; gap:5px}
#clinicTop3 .circle li {background:#8475c0; padding:0.7em 1em; border-radius:60px; font-size:1.9rem; color:#FFF}

@media all and (max-width: 1599px){	
	#clinicTop3 #contWrap .in-box {padding:0 10%}
}
@media all and (max-width: 976px){	
	#clinicTop3 #imgWrap {height:50vw; width:100%; border-radius:0}
	#clinicTop3 #contWrap {margin-top:5%; width:100%; padding:0 5%}
	#clinicTop3 #contWrap .in-box {max-width:100%; padding:0; }
	#clinicTop3 .circle {margin-top:30px; }
}
@media all and (max-width:768px){	
	#clinicTop3 #contWrap {text-align:center}
	#clinicTop3 .circle {justify-content:center;}
}
@media all and (max-width:480px){	
	#clinicTop3 .t1 { font-size:1.7rem;} 
	#clinicTop3 .circle li {font-size:1.8rem;}
}





#numList3 {display: flex; flex-wrap: wrap; gap: 10px;}
#numList3 li {width: 100%; padding:1.5em 0.8em; border-radius:60px; background:#f9f6fa; counter-increment: number;
				position:relative; display:flex; flex-direction: column;  justify-content:center}
#numList3 li:before {content: counter(number, decimal-leading-zero); font-size:1.8rem; font-weight:700; font-family:'Roboto'; 
						color:#52419d; position:absolute; left:1.5em; top:50%; transform:translateY(-50%)}
#numList3 li p {font-size:1.8rem; padding-left:50px; }

#numList3.w50 {display:flex; flex-wrap:wrap; gap:10px}
#numList3.w50 li {width:calc((100% - 10px *1)/2)}

#numList3.w1280 {width:100%; max-width:1280px; margin:0 auto} 

@media all and (max-width:976px) {
	#numList3.w50 {gap:10px 0}
	#numList3.w50 li {width:100%}
}
@media all and (max-width:480px) {
	#numList3 li p {font-size:1.8rem; }
}


.body9-1-BG{background:url('/petit/images/sub/body9-bg.jpg')no-repeat left top;}

    .ytbWrap {position: relative;width: 100%; margin: 0 auto; max-width: 1280px; aspect-ratio: 1280/720; border-radius: 20px; overflow: hidden;}
    .ytbWrap .ytbCont {position: absolute;top: 0; left: 0;width: 100%;height: 100%;border: 0; }
    @media all and (max-width:1580px){
}
@media all and (max-width:976px){
}




.hanbun{display: flex; justify-content: center; gap: 30px;}
.hanbun li{}
.hanbun li img{max-width: 100%; box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);}
.hanbun.botox3 li img{box-shadow: none; border:1px solid #ddd;}
.hanbun.volum5 li img{box-shadow: none; }
.hanbun.botox3 li.point img{border:5px solid #7365ac}
.hanbun li dl{padding: 35px; text-align: center; color: #000;}
.hanbun li dt{font-size: 3.0rem; font-weight: 700;}
.hanbun li dt + dd{margin-top: 1em;}
.hanbun li dd{font-size: 1.8rem; opacity: 0.7;}
@media all and (max-width:976px){
    .hanbun{flex-wrap: wrap; gap: 20px;}
    .hanbun li{width: calc(50% - 20px);}
    .hanbun li dl{padding: 1em 5px;}
    .hanbun li dt{font-size: 1.8rem;}
    .hanbun li dd{font-size: 1.6rem;}
}
@media all and (max-width:568px){
    .hanbun li dt{font-size: 1.6rem;}
    .hanbun li dd{font-size: 1.4rem;}
    .hanbun li dd br{display: none;}
}


.body7-typo{margin-bottom: 60px;}
.body7-typo h3{font-size: 4.0rem; color: #333; font-weight: 200;}
.body7-typo .line{display: inline-block; width: 1px; height: 70px; margin-block:2em; background-color: #635894;}
.body7-typo p{display: block; font-size: 2.0rem; line-height: 1.6;}
@media all and (max-width:568px){
.body7-typo{margin-bottom: 40px;}
.body7-typo h3{font-size: 2.8rem;}
.body7-typo h3 br{display: none;}
.body7-typo .line{height: 35px;}
.body7-typo p{font-size: 1.7rem;}
.body7-typo p br{display: none;}
}

.body7-1{display: flex; justify-content: center; gap: 30px;}
.body7-1 dl{text-align: center; font-size: 1.7rem; border:2px solid #52419d}
.body7-1 dl dt{padding: 0.3em; font-size: 1.4em; background-color: #52419d; color: #fff;}
.body7-1 dl dd{padding: 0.6em;}
@media all and (max-width:1024px){
.body7-1{flex-wrap: wrap;}
.body7-1 dl{width: calc(50% - 15px);}
}
@media all and (max-width:768px){
.body7-1{gap: 1em;}
.body7-1 dl{width: calc(50% - 0.5em)}
}
@media all and (max-width:568px){
.body7-1 dl{font-size: 1.5rem;}
}


.title-tbox{text-align: center;}
.title-tbox > p{display: inline-block; max-width: 500px; width: 100%; padding: 10px 35px; background-color: #52419d; color: #fff; font-weight: 700; font-size: 2.6rem; }
.title-tbox + h3{margin-top: 0.5em;}
@media all and (max-width:568px){
.title-tbox > p{font-size: 1.9rem;}
}




.pack3_tit{margin-bottom: 60px;}
.pack3_tit h3{font-size: 4.8rem; font-weight: 300; color: #000; letter-spacing: -0.05em;}

.pack3_list{margin-bottom: 90px;}
.pack3_list .tit{margin-bottom: 25px;}
.pack3_list .tit p{margin-bottom: 15px; font-size: 2.4rem; font-weight: 700; color: #9a92b9;}
.pack3_list .tit h4{font-size: 3.0rem; color:#000; font-weight: normal;}
.pack3_list .cont{}
.pack3_list .cont ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px;}
.pack3_list .cont ul > li{width: calc(50% - 15px); padding: 15px; border:1px solid #dedede; border-radius: 15px; overflow: hidden;;}
.pack3_list .cont ul > li .box h5{height: 77px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #776ca1; font-weight: 600; font-size: 2.9rem; text-align: center; border-radius: 10px;}
.pack3_list .cont ul > li .box dl{display: flex; gap: 10px 0; flex-wrap: wrap; align-items: center; margin: 24px 10px;}
.pack3_list .cont ul > li .box dl dt{display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; background-color: #b5acde; color: #fff; border-radius: 50%; font-size: 2.2rem; font-weight: 500;;}
.pack3_list .cont ul > li .box dl dt.dt2{background-color: #736c95;}
.pack3_list .cont ul > li .box dl dd{padding-left: 1em; width: calc(100% - 120px); font-size: 1.8rem; font-weight: 500; line-height: 1.7em; word-break: keep-all;}
.pack3_list .cont ul > li .box > img{width: 100%; border-radius: 5px;}
.pack3_list .cont ul > li .box dl dd .brl{display: inline-block; margin-right: 4px; margin-bottom: 4px;; padding: 2px 9px; border:4px solid #e1deea; border-radius: 22px; color: #9a92b9; font-weight: 600; word-break: keep-all;}
@media all and (max-width:976px){
    .pack3_tit{margin-bottom: 40px;}
    .pack3_tit h3{font-size: 3rem;}

    .pack3_list .tit{margin-bottom: 15px;}    
    .pack3_list .tit p{margin-bottom: 5px; font-size: 1.8rem;}
    .pack3_list .tit h4{font-size: 2.2rem;}
    .pack3_list .cont ul > li{width: 100%;}
    .pack3_list .cont ul > li .box h5{height: 55px; font-size: 2.2rem;;}

}
@media all and (max-width:568px){
    .pack3_list .cont ul > li{padding: 8px;}
    .pack3_list .cont ul > li .box dl{margin: 14px 5px;}
    .pack3_list .cont ul > li .box dl dt{width: 90px; height: 90px; font-size: 1.6rem;}
    .pack3_list .cont ul > li .box dl dd{width: calc(100% - 90px);}
    .pack3_list .cont ul > li .box dl dd{font-size: 1.4rem; word-break: break-all;}
}
@media all and (max-width:380px){
    .pack3_list .cont ul{gap:15px;}
    .pack3_list .cont ul > li .box h5{height: 40px; font-size: 1.9rem;}
    .pack3_list .cont ul > li .box dl dt{width: 60px; height: 60px;}
    .pack3_list .cont ul > li .box dl dd{width: calc(100% - 60px);}
}



.pack3_price{padding: 1.4em 2em; display: inline-block; font-size: 1.8rem; color: #9a92b9; font-weight: 700; border:4px solid #edeff6; border-radius: 50px;}


.pack3_tit2{margin-bottom: 40px; text-align: center;}
.pack3_tit2 h3{font-size: 3.3rem; font-weight: 300; color: #000;}

.pack3_list2{display: flex; justify-content: space-between; flex-wrap: wrap;}
.pack3_list2 ul {width: calc(50% - 10px);}
.pack3_list2 ul > li{padding: 35px; padding-bottom: 0; background-color: #535358; color: #fff; border-radius: 15px; overflow: hidden;;}
.pack3_list2 ul > li.li2{background-color: #7365ac;}
.pack3_list2 ul > li .box {display: flex; justify-content: space-between; align-items: flex-end;}
.pack3_list2 ul > li .box .tag{}
.pack3_list2 ul > li .box .tag p{display: inline-block; padding: 7px 15px; margin-right: 3px; border-radius: 30px; background-color: #76767b; font-size: 1.4rem; font-weight: 800;}
.pack3_list2 ul > li.li2 .box .tag p{background-color: #9387c1;}
.pack3_list2 ul > li .box dl{margin-top: 25px; padding-bottom: 50px;}
.pack3_list2 ul > li .box dl dt{font-size: 2.4rem; font-weight: 600; line-height: 1;}
.pack3_list2 ul > li.li2 .box dl dt{font-size: 2.7rem;}
.pack3_list2 ul > li .box dl dt small{font-size: 1.5rem; color: #fff; }
.pack3_list2 ul > li .box dl dd {margin-top: 10px; font-size: 2.4rem; font-weight: 500;}
.pack3_list2 ul > li .box dl dd b{font-size: 3.6rem;}
.pack3_list2 ul > .down {margin: -25px 0; text-align: center;}
.pack3_list2 ul > .down img{display: inline-block; box-shadow: 0 4px 4px rgba(0,0,0,0.13); border-radius: 50%;}

@media all and (max-width:1280px){
    .pack3_list2 ul > li .box{flex-direction: column; align-items: center; text-align: center;}
    .pack3_list2 ul > li .box .tag{}
}
@media all and (max-width:768px){
    .pack3_list2{gap: 40px;}
    .pack3_list2 ul{width: 100%;}
}