/* 쁘띠시술 - 필러 */
#filler .detail02 .title {margin-bottom: 40px;}
#filler .detail02 .conBox .imgBox .pc_view {display: block;}
#filler .detail02 .conBox .imgBox .mo_view {display: none;}
#filler .detail03 {padding: 150px 0;background: #FBFAFA;}
#filler .detail03 .title {margin-bottom: 50px;}
#filler .detail03 .conBox {display: flex;gap: 160px;}
#filler .detail03 .conBox li {width: calc(100% - 80px);}
#filler .detail03 .conBox li .imgBox {margin-bottom: 30px;}
#filler .detail03 .conBox li .titBox h3 {margin-bottom: 10px;color: var(--titcolor);font-size: 1.10em;font-weight: 800;text-align: center;}
#filler .detail03 .conBox li .titBox p {color: #333;text-align: center;}

@media all and (max-width: 1200px){
    #filler .detail03 {padding: 100px 0;}
    #filler .detail03 .conBox {display: flex;gap: 100px;}
    #filler .detail03 .conBox li {width: calc(100% - 50px);}
}
@media all and (max-width: 1024px){
    #filler .detail03 {padding: 100px 0;}
    #filler .detail03 .conBox {display: flex;gap: 60px;}
    #filler .detail03 .conBox li {width: calc(100% - 30px);}
}
@media all and (max-width: 768px){
    #filler .detail02 .conBox .imgBox .pc_view {display: none;}
    #filler .detail02 .conBox .imgBox .mo_view {display: block;}
    #filler .detail03 {padding: 70px 0;}
    #filler .detail03 .conBox {display: flex;gap: 20px;}
    #filler .detail03 .conBox li {width: calc(100% - 10px);}
}
@media all and (max-width: 500px){
    #filler .detail03 .conBox {flex-wrap: wrap;}
    #filler .detail03 .conBox li {width: 100%;}
}
/* 쁘띠시술 - 필러 */

/* 쁘띠시술 - 보톡스 */
#botox .detail01.introBox .conBox .leftBox .txtBox .imgBox li {font-size: 16px;}
#botox .detail02 {margin-bottom: 150px;}
#botox .detail02 .title {margin-bottom: 40px;}
#botox .detail02 .conBox .imgBox .pc_view {display: block;}
#botox .detail02 .conBox .imgBox .mo_view {display: none;}
#botox .detail03 .title {margin-bottom: 40px;}
#botox .detail03 .conBox .imgBox .pc_view {display: block;}
#botox .detail03 .conBox .imgBox .mo_view {display: none;}
#botox .detail04 {padding: 150px 0;background: #FBFAFA;}
#botox .detail04 .title {margin-bottom: 50px;}
#botox .detail04 .conBox {display: flex;gap: 160px;}
#botox .detail04 .conBox li {width: calc(100% - 80px);}
#botox .detail04 .conBox li .imgBox {margin-bottom: 30px;}
#botox .detail04 .conBox li .titBox h3 {margin-bottom: 10px;color: var(--titcolor);font-size: 1.10em;font-weight: 800;text-align: center;}
#botox .detail04 .conBox li .titBox p {color: #333;text-align: center;}

@media all and (max-width: 1200px){
    #botox .detail04 {padding: 100px 0;}
    #botox .detail04 .conBox {display: flex;gap: 100px;}
    #botox .detail04 .conBox li {width: calc(100% - 50px);}
}
@media all and (max-width: 1024px){
    #botox .detail02 {margin-bottom: 100px;}
    #botox .detail04 {padding: 100px 0;}
    #botox .detail04  .conBox {display: flex;gap: 60px;}
    #botox .detail04  .conBox li {width: calc(100% - 30px);}
}
@media all and (max-width: 768px){
    #botox .detail02 {margin-bottom: 70px;}
    #botox .detail02 .conBox .imgBox .pc_view {display: none;}
    #botox .detail02 .conBox .imgBox .mo_view {display: block;}
    #botox .detail03 .conBox .imgBox .pc_view {display: none;}
    #botox .detail03 .conBox .imgBox .mo_view {display: block;}
    #botox .detail04 {padding: 70px 0;}
    #botox .detail04 .conBox {display: flex;gap: 20px;}
    #botox .detail04 .conBox li {width: calc(100% - 10px);}
}
@media all and (max-width: 500px){
    #botox .detail04 .conBox {flex-wrap: wrap;}
    #botox .detail04 .conBox li {width: 100%;}
}
/* 쁘띠시술 - 보톡스 */

/* 쁘띠시술 - 하이코 */
#hiko .detail02 {background: #FBFAFA;}
#hiko .detail02.tableBox .conBox .type1 .tbBox.active li:first-child::before {display: none;}
#hiko .detail02.tableBox .conBox .type1 .tbBox li h2 {font-family: var(--arita);font-size: 1.50em;font-weight: 600;}
#hiko .detail02.tableBox .conBox .type1 .tbBox li p {color: #000;font-family: var(--arita);font-size: 1.30em;font-weight: 500;}
#hiko .detail02.tableBox .conBox .type1 .tbBox li:last-child p {font-size: 18px;}

@media all and (max-width: 1200px){
    #hiko .detail02.tableBox .conBox .type1 .tbBox li h2 {font-size: 1.20em;}
    #hiko .detail02.tableBox .conBox .type1 .tbBox li p {font-size: 1.10em;}
    #hiko .detail02.tableBox .conBox .type1 .tbBox li:last-child p br {display: none;}
}
/* 쁘띠시술 - 하이코 */

/* 쁘띠시술 - 다한증보톡스(겨드랑이) */
#hyperhidrosis .page_title h2 {font-family: var(--arita);}
#hyperhidrosis .detail01 {margin-bottom: 150px;background: url(/img/hyperhidrosis_img01.png) center center / cover no-repeat;}
#hyperhidrosis .detail01 .conBox {padding: 104px 0;color: #fff;text-align: center;}
#hyperhidrosis .detail01 .conBox h2 {margin-bottom: 44px;font-family: var(--arita);font-size: 3.0em;font-weight: 600;}
#hyperhidrosis .detail01 .conBox p {font-size: 1.30em;line-height: 1.4;}
#hyperhidrosis .detail02 {padding: 150px 0;background: #F7F7F7;}
#hyperhidrosis .detail02 .title {margin-bottom: 40px;}
#hyperhidrosis .detail02 .conBox ul {display: flex;justify-content: center;flex-wrap: wrap;gap: 74px;}
#hyperhidrosis .detail02 .conBox ul li {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 505px;width: calc(50% - 37px);aspect-ratio: 1 / 1;border: 1px solid #E8E8E8;border-radius: 50%;box-sizing: border-box;background: #fff;text-align: center;position: relative;counter-increment: list-num;}
#hyperhidrosis .detail02 .conBox ul li .tit {margin-bottom: 30px;color: var(--titcolor);font-size: 2.0em;font-weight: 700;position: relative;z-index: 1;}
#hyperhidrosis .detail02 .conBox ul li .txt {font-size: 1.40em;line-height: 1.4;}
#hyperhidrosis .detail02 .conBox ul li .tit::before {content: "0" counter(list-num);font-family: var(--arita);color: #CCC;font-size: 1.63em;font-weight: 700;position: absolute;top: -85%;left: 0;right: 0;z-index: -1;}

@media all and (max-width: 1024px){
    #hyperhidrosis .detail01 {margin-bottom: 100px;}
    #hyperhidrosis .detail02 {padding: 100px 0;}
    #hyperhidrosis .detail02 .conBox ul {gap: 40px;}
    #hyperhidrosis .detail02 .conBox ul li {max-width: 326px;width: calc(50% - 20px);}
    #hyperhidrosis .detail02 .conBox ul li .tit {margin-bottom: 10px;font-size: 1.75em;}
    #hyperhidrosis .detail02 .conBox ul li .tit::before {top: -90%;}
    #hyperhidrosis .detail02 .conBox ul li .txt {font-size: 1.11em;}
}
@media all and (max-width: 768px){
    #hyperhidrosis .detail01 {margin-bottom: 70px;}
    #hyperhidrosis .detail02 {padding: 70px 0;}
}
@media all and (max-width: 640px){
    #hyperhidrosis .detail02 .conBox ul {flex-wrap: wrap;}
    #hyperhidrosis .detail02 .conBox ul li {width: 100%;}
}
/* 쁘띠시술 - 다한증보톡스(겨드랑이) */

/* 쁘띠시술 - 리쥬란힐러 */
#rejuran_healer .detail02 {padding: 150px 0;background: #FBFAFA;}
#rejuran_healer .detail02 .title {margin-bottom: 60px;}
#rejuran_healer .detail02 .conBox {display: flex;gap: 100px;}
#rejuran_healer .detail02 .conBox li .titBox {padding: 45px 20px;border: 1px solid #ccc;box-sizing: border-box;background: #fff;text-align: center;}
#rejuran_healer .detail02 .conBox li .titBox h3 {display: inline-block;margin-bottom: 20px;padding: 4px 26px;border-radius: 14px;background: var(--titcolor);color: #fff;font-family: var(--arita);font-size: 16px;font-weight: 700;text-align: center;}
#rejuran_healer .detail02 .conBox li .titBox p {line-height: 1.4;}

@media all and (max-width: 1400px){
    #rejuran_healer .detail02 .conBox {gap: 50px;}
}
@media all and (max-width: 1200px){
    #rejuran_healer .detail02 .conBox {gap: 30px;}
    #rejuran_healer .detail02 .conBox li .titBox {padding: 40px 30px;}
    #rejuran_healer .detail02 .conBox li .titBox h3 {margin-bottom: 10px;}
    #rejuran_healer .detail02 .conBox li .titBox p br {display: none;}
}
@media all and (max-width: 1024px){
    #rejuran_healer .detail02 {padding: 100px 0;}
    #rejuran_healer .detail02 .title {margin-bottom: 40px;}
    #rejuran_healer .detail02 .conBox {gap: 10px;}
    #rejuran_healer .detail02 .conBox li .titBox {padding: 30px 15px;}
}
@media all and (max-width: 768px){
    #rejuran_healer .detail02 {padding: 70px 0;}
    #rejuran_healer .detail02 .title {margin-bottom: 30px;}
    #rejuran_healer .detail02 .conBox {flex-direction: column;}
    #rejuran_healer .detail02 .conBox li {display: flex;}
    #rejuran_healer .detail02 .conBox li .imgBox {flex: 0 0 auto;width: 50%;}
    #rejuran_healer .detail02 .conBox li .titBox {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px 0;width: 50%;padding: 30px;}
    #rejuran_healer .detail02 .conBox li .titBox h3 {margin-bottom: 0;}
}
@media all and (max-width: 640px){
    #rejuran_healer .detail02 .conBox {max-width: 400px;margin: 0 auto;}
    #rejuran_healer .detail02 .title {margin-bottom: 20px;}
    #rejuran_healer .detail02 .conBox li {flex-direction: column;}
    #rejuran_healer .detail02 .conBox li .imgBox {width: 100%;}
    #rejuran_healer .detail02 .conBox li .titBox {width: 100%;}
    #rejuran_healer .detail02 .conBox li .titBox p br {display: block;}
}
/* 쁘띠시술 - 리쥬란힐러 */

/* 쁘띠시술 - 아이리쥬란 */
#rejuran .detail02.stepBox .conBox {gap: 100px;}
#rejuran .detail02.stepBox .conBox li {width: 50%;padding: 40px 0;position: relative;}
#rejuran .detail02.stepBox .conBox li:first-child {background: #fff;}
#rejuran .detail02.stepBox .conBox li:last-child {border: 5px solid var(--titcolor);box-sizing: border-box;background: #F7F7F7;}
#rejuran .detail02.stepBox .conBox li .imgBox {margin-bottom: 30px;}
#rejuran .detail02.stepBox .conBox li .imgBox::before {right: -70px;}
#rejuran .detail02.stepBox .conBox li .titBox p {font-size: 1.10em;font-weight: 800;text-align: center;}
#rejuran .detail02.stepBox .conBox li .titBox p span {color: var(--titcolor);}

@media all and (max-width: 1200px){
    #rejuran .detail02.stepBox .conBox {gap: 70px;}
    #rejuran .detail02.stepBox .conBox li .imgBox {margin-bottom: 0;}
    #rejuran .detail02.stepBox .conBox li .imgBox::before {right: -58px;}
    #rejuran .detail02.stepBox .conBox li .imgBox img {max-width: 90%;}
}
@media all and (max-width: 1024px){
    #rejuran .detail02.stepBox .conBox {gap: 10px;}
    #rejuran .detail02.stepBox .conBox li {width: calc(100% / 2 - 5px);padding: 20px 0;text-align: center;}
    #rejuran .detail02.stepBox .conBox li .imgBox::before {right: -20px;}
    #rejuran .detail02.stepBox .conBox li .titBox p {font-size: 1.0em;}
}
@media all and (max-width: 768px){
    #rejuran .detail02.stepBox .conBox li:last-child {border-width: 4px;}
}
@media all and (max-width: 500px){
    #rejuran .detail02.stepBox .conBox {gap: 50px;}
    #rejuran .detail02.stepBox .conBox li {width: 100%;}
    #rejuran .detail02.stepBox .conBox li:not(:last-child)::before {content: '';position: absolute;left: 0;right: 0;bottom: -54px;transform: rotate(90deg) translate(-50%, -50%);margin: auto;z-index: 10;width: 30px;height: auto;aspect-ratio: 1 / 1;background: url('/img/stepBox_img01.svg') no-repeat;background-size: 100%;}
    #rejuran .detail02.stepBox .conBox li .imgBox::before {display: none;}
}
/* 쁘띠시술 - 아이리쥬란 */

/* 쁘띠시술 - 울트라콜 */
#ultracol .detail02 .circleBox {display: flex;gap: 0 65px;margin-top: 40px;}
#ultracol .detail02 .circleBox li {width: calc(100% / 4 - 48px);position: relative;}
#ultracol .detail02 .circleBox li:not(:last-child)::before {content: '';position: absolute;right: -52px;top: 50%;transform: translateY(-50%);z-index: 10;width: 40px;height: auto;aspect-ratio: 1 / 1;background: url('/img/stepBox_img01.svg') no-repeat;}
#ultracol .detail02 .circleBox li p {display: flex;justify-content: center;align-items: center;width: 100%;aspect-ratio: 1 / 1;border-radius: 50%;font-size: 1.10em;text-align: center;}
#ultracol .detail02 .circleBox li:nth-child(odd) p {border: 2px solid var(--color);box-sizing: border-box;background: #fff;color: var(--color);}
#ultracol .detail02 .circleBox li:nth-child(even) p {background: var(--color);color: #fff}
#ultracol .detail02 .circleBox li:first-child p {border: 0;background: url(/img/ultracol_img07.png) center center / cover no-repeat;}

@media all and (max-width: 1200px){
    #ultracol .detail02 .circleBox {gap: 40px;}
    #ultracol .detail02 .circleBox li {width: calc(100% / 4 - 30px);}
    #ultracol .detail02 .circleBox li:not(:last-child)::before {width: 30px;background-size: cover;right: -36px;}
    #ultracol .detail02 .circleBox li p {font-size: 1.0em;}
}
@media all and (max-width: 960px){
    #ultracol .detail02 .circleBox {justify-content: center;flex-wrap: wrap;gap: 40px;}
    #ultracol .detail02 .circleBox li {width: calc(100% / 2 - 20px);}
    #ultracol .detail02 .circleBox li:not(:last-child)::before {right: -35px;}
    #ultracol .detail02 .circleBox li:nth-child(even)::before {display: none;}
    #ultracol .detail02 .circleBox li p {max-width: 274px;margin: 0 auto;}
}
@media all and (max-width: 768px){
    #ultracol .detail02 .circleBox {gap: 40px;}
}
@media all and (max-width: 500px){
    #ultracol .detail02 .circleBox li p {font-size: 16px;}
}
/* 쁘띠시술 - 울트라콜 */

/* 쁘띠시술 - 콜라움120,240 */
#collaum .detail02 {padding: 120px 0;background: #FBFAFA;}
#collaum .detail02 .title {margin-bottom: 50px;}
#collaum .detail02 .conBox {display: flex;gap: 40px;}
#collaum .detail02 .conBox > li {width: calc(100% / 2 - 20px);padding: 50px;box-sizing: border-box;background: #fff;}
#collaum .detail02 .conBox > li .imgBox {margin-bottom: 30px;text-align: center;}
#collaum .detail02 .conBox > li .titBox {display: flex;flex-direction: column;align-items: center;}
#collaum .detail02 .conBox > li .titBox .tit {margin-bottom: 10px;color: #333;font-size: 1.10em;font-weight: 700;text-align: center;}
#collaum .detail02 .conBox > li .titBox .txt {margin-bottom: 10px;color: var(--color);text-align: center;}
#collaum .detail02 .conBox > li .titBox ul {}
#collaum .detail02 .conBox > li .titBox ul > li {padding-left: 20px;position: relative;}
#collaum .detail02 .conBox > li .titBox ul > li::before {content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: #000;position: absolute;top: 12px;left: 0;}

@media all and (max-width: 1200px){
    #collaum .detail02 .conBox > li {padding: 30px;}
}
@media all and (max-width: 1024px){
    #collaum .detail02 {padding: 100px 0;}
    #collaum .detail02 .conBox {display: flex;gap: 20px;}
    #collaum .detail02 .conBox > li {width: calc(100% / 2 - 10px);padding: 30px;}
}
@media all and (max-width: 768px){
    #collaum .detail02 {padding: 70px 0;}
    #collaum .detail02 .title {margin-bottom: 30px;}
}
@media all and (max-width: 640px){
    #collaum .detail02 .conBox {flex-wrap: wrap;max-width: 450px;margin: 0 auto;}
    #collaum .detail02 .conBox > li {width: 100%;}
}
/* 쁘띠시술 - 콜라움120,240 */

/* 쁘띠시술 - 물광주사(릴리이드M) */
#booster .detail01.introBox .conBox {align-items: normal;}
#booster .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 20px 30px;max-width: 390px;}

@media all and (max-width: 1200px){
    #booster .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #booster .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
}
@media all and (max-width: 1024px){
    #booster .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 768px){
    #booster .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #booster .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #booster .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #booster .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);}
}
/* 쁘띠시술 - 물광주사(릴리이드M) */


/* 여드름/모공/흉터치료 - PDT */
#pdt .detail02.stepBox .conBox {gap: 10px 106px;}
#pdt .detail02.stepBox .conBox li {width: calc(100% / 4 - 78px);}
#pdt .detail02.stepBox .conBox li .imgBox::before {right: -72px;}
#pdt .detail02.stepBox .conBox li .titBox p {font-size: 18px;}

@media all and (max-width: 1600px){
    #pdt .detail02.stepBox .conBox {gap: 10px 80px;}
    #pdt .detail02.stepBox .conBox li {width: calc(100% / 4 - 60px);}
    #pdt .detail02.stepBox .conBox li .imgBox::before {right: -60px;}
}
@media all and (max-width: 1200px){
    #pdt .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #pdt .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
    #pdt .detail02.stepBox .conBox {gap: 10px 40px;}
    #pdt .detail02.stepBox .conBox li {width: calc(100% / 4 - 30px);}
    #pdt .detail02.stepBox .conBox li .imgBox::before {right: -35px;}
}
@media all and (max-width: 1024px){
    #pdt .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 960px){
    #pdt .detail02.stepBox .conBox{flex-wrap: wrap; justify-content: center; gap: 40px;}
    #pdt .detail02.stepBox .conBox li{width: calc(100% / 2 - 20px); text-align: center;}
    #pdt .detail02.stepBox .conBox li .imgBox::before{right:-35px;}
    #pdt .detail02.stepBox .conBox li:nth-child(even) .imgBox::before{display: none;}
    #pdt .detail02.stepBox .conBox li .titBox p br{display: block;}
}
@media all and (max-width: 768px){
    #pdt .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #pdt .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #pdt .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #pdt .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);font-size: 16px;}
}
@media all and (max-width:440px){
    #pdt .detail02.stepBox .conBox li .titBox p{font-size: 16px;}
    #pdt .detail02.stepBox .conBox li .titBox p br{display: none;}
}
/* 여드름/모공/흉터치료 - PDT */

/* 여드름/모공/흉터치료 - 에토좀골드PTT */
#ethosome .detail02 {padding: 120px 0;background: #F7F7F7;}
#ethosome .detail02 .title {margin-bottom: 50px;}
#ethosome .detail02 .conBox .imgBox {text-align: center;}
#ethosome .detail03.pointBox.type1 .conBox {flex-wrap: wrap;max-width: 790px;}

@media all and (max-width: 1900px){
    #ethosome .detail03.pointBox.type1 .conBox li {width: calc(100% / 3 - 14px);}
}
@media all and (max-width: 1200px){
    #ethosome .detail02 {padding: 100px 0;}
}
@media all and (max-width: 768px){
    #ethosome .detail02 {padding: 70px 0;}
    #ethosome .detail03.pointBox.type1 .conBox li {width: calc(100% / 2 - 10px);}
}
/* 여드름/모공/흉터치료 - 에토좀골드PTT */

/* 여드름/모공/흉터치료 - 셀렉아크네 */
#cellec_acne .detail01.introBox .conBox {align-items: normal;}
#cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox li {font-size: 18px;}

@media all and (max-width: 1400px){
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox li {font-size: 16px;}
}
@media all and (max-width: 1200px){
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 10px;max-width: 390px;}
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
}
@media all and (max-width: 1024px){
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 768px){
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #cellec_acne .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);}
}
/* 여드름/모공/흉터치료 - 셀렉아크네 */

/* 여드름/모공/흉터치료 - 시크릿(RF) */
#secret .detail01.introBox .conBox {align-items: normal;}
#secret .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 20px 30px;max-width: 390px;}
#secret .detail01.introBox .conBox .leftBox .txtBox .imgBox li {font-size: 18px;}
#secret .detail02.stepBox .conBox {gap: 10px 106px;}
#secret .detail02.stepBox .conBox li {width: calc(100% / 4 - 78px);}
#secret .detail02.stepBox .conBox li .imgBox::before {right: -72px;}
#secret .detail02.stepBox .conBox li .titBox p {font-size: 18px;}

@media all and (max-width: 1600px){
    #secret .detail02.stepBox .conBox {gap: 10px 80px;}
    #secret .detail02.stepBox .conBox li {width: calc(100% / 4 - 60px);}
    #secret .detail02.stepBox .conBox li .imgBox::before {right: -60px;}
}
@media all and (max-width: 1200px){
    #secret .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #secret .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
    #secret .detail02.stepBox .conBox {gap: 10px 40px;}
    #secret .detail02.stepBox .conBox li {width: calc(100% / 4 - 30px);}
    #secret .detail02.stepBox .conBox li .imgBox::before {right: -35px;}
}
@media all and (max-width: 1024px){
    #secret .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 960px){
    #secret .detail02.stepBox .conBox{flex-wrap: wrap; justify-content: center; gap: 40px;}
    #secret .detail02.stepBox .conBox li{width: calc(100% / 2 - 20px); text-align: center;}
    #secret .detail02.stepBox .conBox li .imgBox::before{right:-35px;}
    #secret .detail02.stepBox .conBox li:nth-child(even) .imgBox::before{display: none;}
    #secret .detail02.stepBox .conBox li .titBox p br{display: block;}
}
@media all and (max-width: 768px){
    #secret .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #secret .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #secret .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #secret .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);font-size: 16px;}
}
@media all and (max-width:440px){
    #secret .detail02.stepBox .conBox li .titBox p{font-size: 16px;}
    #secret .detail02.stepBox .conBox li .titBox p br{display: none;}
}
/* 여드름/모공/흉터치료 - 시크릿(RF) */

/* 여드름/모공/흉터치료 - 서브시전 */
#subcision .detail02 {padding: 120px 0;background: #F7F7F7;}
#subcision .detail02 .title {margin-bottom: 50px;}
#subcision .detail02 .conBox .imgBox {margin-bottom: 30px;text-align: center;}
#subcision .detail02 .conBox p {color: #333;text-align: center;line-height: 1.4;}
#subcision .detail03 {padding: 150px 0;}
#subcision .detail03 .conBox {display: flex;gap: 10px 40px;}
#subcision .detail03 .conBox li {width: calc(100% / 4 - 30px);}
#subcision .detail03 .conBox li .imgBox {margin-bottom: 30px;}
#subcision .detail03 .conBox li .titBox h3 {margin-bottom: 25px;color: var(--titcolor);font-size: 1.10em;font-weight: 800;text-align: center;}
#subcision .detail03 .conBox li .titBox h3 br {display: none;}
#subcision .detail03 .conBox li .titBox p {text-align: center;}

@media all and (max-width: 1600px){
    #subcision .detail03 .conBox {gap: 10px 30px;}
    #subcision .detail03 .conBox li {width: calc(100% / 4 - 22px);}
    #subcision .detail03 .conBox li .titBox h3 {margin-bottom: 15px;font-size: 20px;}
    #subcision .detail03 .conBox li .titBox p {font-size: 18px;}
}
@media all and (max-width: 1400px){
    #subcision .detail03 .conBox li .titBox h3 br {display: block;}
}
@media all and (max-width: 1200px){
    #subcision .detail02,
    #subcision .detail03 {padding: 100px 0;}
}
@media all and (max-width: 1024px){
    #subcision .detail03 .conBox {flex-wrap: wrap;gap: 20px;}
    #subcision .detail03 .conBox li {width: calc(100% / 2 - 10px);text-align: center;}
}
@media all and (max-width: 768px){
    #subcision .detail02,
    #subcision .detail03 {padding: 70px 0;}
}
@media all and (max-width: 500px){
    #subcision .detail03 .conBox li {width: 100%;}
    #subcision .detail03 .conBox li .titBox p {font-size: 16px;}
}
/* 여드름/모공/흉터치료 - 서브시전 */





/* 비만클리닉 - 걸그룹HPL */
#hpl .detail01.introBox .conBox .leftBox .txtBox .imgBox li {font-size: 18px;}
#hpl .detail02 {padding: 150px 0;background: #FBFAFA;}
#hpl .detail02 .title {margin-bottom: 50px;}
#hpl .detail02 .conBox .imgBox {margin-bottom: 50px;text-align: center;}
#hpl .detail02 .conBox p {color: #616161;text-align: center;line-height: 1.4;}

@media all and (max-width: 1200px){
    #hpl .detail02 {padding: 100px 0;}
    #hpl .detail02 .title {margin-bottom: 50px;}
    #hpl .detail02 .conBox p {font-size: 18px;}
}
@media all and (max-width: 1024px){
    #hpl .detail02 .conBox .imgBox {margin-bottom: 30px;}
    #hpl .detail02 .conBox p > br {display: none;}
}
@media all and (max-width: 768px){
    #hpl .detail02 {padding: 70px 0;}
}
/* 비만클리닉 - 걸그룹HPL */

/* 비말클리닉 - 슬림주사 */
#slim .detail02 {padding: 150px 0;background: #F7F7F7;}
#slim .detail02 .title {margin-bottom: 40px;}
#slim .detail02 .conBox ul {display: flex;flex-wrap: wrap;gap: 40px;}
#slim .detail02 .conBox ul li {width: calc(50% - 20px);padding: 100px 50px 50px;border: 1px solid #E8E8E8;border-radius: 10px;box-sizing: border-box;background: #fff;text-align: center;counter-increment: list-num;}
#slim .detail02 .conBox ul li .tit {margin-bottom: 30px;color: var(--titcolor);font-size: 1.75em;font-weight: 700;position: relative;z-index: 1;}
#slim .detail02 .conBox ul li .tit::before {content: "0" counter(list-num);font-family: var(--arita);color: #CCC;font-size: 1.86em;font-weight: 700;position: absolute;top: -100%;left: 0;right: 0;z-index: -1;}
@media all and (max-width: 1200px){
    #slim .detail02 {padding: 100px 0;}
}
@media all and (max-width: 1024px){
    #slim .detail02 .conBox ul li {padding: 80px 50px 50px;}
    #slim .detail02 .conBox ul li .tit {margin-bottom: 10px;}
    #slim .detail02 .conBox ul li .txt br {display: none;}
}
@media all and (max-width: 768px){
    #slim .detail02 {padding: 70px 0;}
    #slim .detail02 .conBox ul {gap: 20px;}
    #slim .detail02 .conBox ul li {width: calc(50% - 10px);padding: 80px 30px 50px;}
    #slim .detail02 .conBox ul li .tit {font-size: 1.56em;}
}
@media all and (max-width: 640px){
    #slim .detail02 .conBox ul {max-width: 450px;margin: 0 auto;}
    #slim .detail02 .conBox ul li {width: 100%;padding: 60px 20px 50px;}
}
/* 비말클리닉 - 슬림주사 */

/* 비만클리닉 - 카복시 */
#carboxy .detail01.introBox .conBox {align-items: normal;}
#carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 20px 30px;max-width: 390px;/* max-width: 60%; *//* max-width: 390px; */}

@media all and (max-width: 1200px){
    #carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
}
@media all and (max-width: 1024px){
    #carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 768px){
    #carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #carboxy .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);}
}
/* 비만클리닉 - 카복시 */

/* 비만클리닉 - 울핏 */
#ulfit .detail02.stepBox .conBox {justify-content: center;}
#ulfit .detail02.stepBox .conBox li .titBox p {font-size: 18px;}

@media all and (max-width: 640px){
    #ulfit .detail02.stepBox .conBox li .titBox p br {display: none;}
}
@media all and (max-width: 440px){
    #ulfit .detail02.stepBox .conBox li .titBox p {font-size: 16px;}
}
/* 비만클리닉 - 울핏 */




/* 스킨케어 - LDM(med-tri)  */
#ldm {}
#ldm .detail02 {padding: 150px 0;background: #F7F7F7;}
#ldm .detail02 .title {margin-bottom: 40px;}
#ldm .detail02 .conBox ul {display: flex;flex-wrap: wrap;gap: 40px;}
#ldm .detail02 .conBox ul li {width: calc(33.333% - 27px);padding: 100px 50px 50px;border: 1px solid #E8E8E8;border-radius: 10px;box-sizing: border-box;background: #fff;text-align: center;counter-increment: list-num;}
#ldm .detail02 .conBox ul li .tit {margin-bottom: 30px;color: var(--titcolor);font-size: 1.50em;font-weight: 700;position: relative;z-index: 1;}
#ldm .detail02 .conBox ul li .tit::before {content: "0" counter(list-num);font-family: var(--arita);color: #CCC;font-size: 1.86em;font-weight: 700;position: absolute;/* top: -100%; */top: -36px;left: 0;right: 0;z-index: -1;}

@media all and (max-width: 1400px){
    #ldm .detail02 .conBox ul {gap: 40px 20px;}
    #ldm .detail02 .conBox ul li {width: calc(33.333% - 14px);padding: 100px 30px 50px;}
    #ldm .detail02 .conBox ul li .tit {font-size: 1.40em;}
}
@media all and (max-width: 1200px){
    #ldm .detail02 {padding: 100px 0;}
    #ldm .detail02 .conBox ul li .txt {font-size: 18px;}
}
@media all and (max-width: 1024px){
    #ldm .detail02 .conBox ul {max-width: 692px;margin: 0 auto;}
    #ldm .detail02 .conBox ul li {width: 100%;padding: 80px 50px 50px;}
    #ldm .detail02 .conBox ul li .tit {margin-bottom: 10px;}
    #ldm .detail02 .conBox ul li .txt br {display: none;}
}
@media all and (max-width: 768px){
    #ldm .detail02 {padding: 70px 0;}
    #ldm .detail02 .conBox ul {gap: 20px;}
    #ldm .detail02 .conBox ul li .tit {font-size: 1.56em;}
}
@media all and (max-width: 640px){
    #ldm .detail02 .conBox ul li {width: 100%;padding: 60px 30px 50px;}
}
/* 스킨케어 - LDM(med-tri)  */


/* 스킨케어 - 라라필 */
#lalapeel .detail02 {padding: 120px 0;background: #FFF1F1;}
#lalapeel .detail02 .conBox {margin-top: 80px;}
#lalapeel .detail02 .conBox ul {display: flex;justify-content: center;gap: 40px;width: 100%;}
#lalapeel .detail02 .conBox li {max-width: 350px;width: calc(100% / 3 - 26px);height: 292px;background: #fff;border-radius: 0 0 0 30px;box-shadow: 0 3px 10px rgba(0,0,0,0.1);padding: 20px 34px;text-align: center;}
#lalapeel .detail02 .conBox li .titBox{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
#lalapeel .detail02 .conBox li h3 {font-size: 1.10em;font-weight: 700;color: var(--titcolor);margin-bottom: 14px;}
#lalapeel .detail02 .conBox li p {font-size: 1.00em; font-weight: 400; color: #333; word-break: keep-all;}

#lalapeel .detail03.tableBox .conBox .type1 .tbBox.active li:first-child::before {display: none;}
#lalapeel .detail03.tableBox .conBox .type1 .tbBox li h2 {font-family: var(--arita);font-size: 1.50em;font-weight: 600;}
#lalapeel .detail03.tableBox .conBox .type1 .tbBox li p {color: #000;font-family: var(--arita);font-size: 1.30em;font-weight: 500;} 

@media all and (max-width: 1200px){
    #lalapeel .detail02 .conBox {margin-top: 50px;}
}
@media all and (max-width: 1024px){
    #lalapeel .detail02 {padding: 100px 0;}
    #lalapeel .detail02 .conBox ul {flex-wrap: wrap;gap: 20px;}
    #lalapeel .detail02 .conBox li {width: calc(100% / 2 - 10px);}
}
@media all and (max-width: 768px){
    #lalapeel .detail02 {padding: 70px 0;}
    #lalapeel .detail02 .conBox {margin-top: 40px;}
}
@media all and (max-width: 540px){
    #lalapeel .detail02 .conBox li {width: 100%;}
}
/* 스킨케어 - 라라필 */

/* 스킨케어 - 아쿠아필 */
#aquapeel .detail01.introBox .conBox {align-items: normal;}
#aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 20px 30px;max-width: 390px;}

@media all and (max-width: 1200px){
    #aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
}
@media all and (max-width: 1024px){
    #aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 768px){
    #aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #aquapeel .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);}
}
/* 스킨케어 - 아쿠아필 */

/* 스킨케어 - 크라이오 */
#cryo .detail01.introBox .conBox {align-items: normal;}
#cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 20px 30px;max-width: 390px;/* max-width: 60%; *//* max-width: 390px; */}

@media all and (max-width: 1200px){
    #cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
}
@media all and (max-width: 1024px){
    #cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 768px){
    #cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #cryo .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);}
}
/* 스킨케어 - 크라이오 */

/* 스킨케어 - 이온토 */
#ionto .detail02 {padding: 120px 0;background: #FBFAFA;}
#ionto .detail02 .conBox .imgBox {margin-bottom: 30px;text-align: center;}
#ionto .detail02 .conBox p {color: #333;text-align: center;line-height: 1.4;}
#ionto .detail02 .conBox p > span {font-weight: 600;}

@media all and (max-width: 1200px){
    #ionto .detail02 {padding: 100px 0;}
    #ionto .detail02 .conBox p {font-size: 18px;}
}
@media all and (max-width: 768px){
    #ionto .detail02 {padding: 70px 0;}
}
@media all and (max-width: 650px){
    #ionto .detail02 .conBox p > br {display: none;}
}
/* 스킨케어 - 이온토 */

/* 스킨케어 - 소노케어 */
#sonocare .detail01.introBox .conBox {align-items: normal;}
#sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 20px 30px;max-width: 390px;/* max-width: 60%; *//* max-width: 390px; */}

@media all and (max-width: 1200px){
    #sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
}
@media all and (max-width: 1024px){
    #sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 768px){
    #sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #sonocare .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);}
}
/* 스킨케어 - 소노케어 */

/* 스킨케어 - 벨르업 */
#belle_up .detail02 {padding: 120px 0;background: #FBFAFA;}
#belle_up .detail02 .title {margin-bottom: 70px;}
#belle_up .detail02 .conBox .imgBox {max-width: 1000px;width: 100%;margin: 0 auto 30px;border: 1px solid #F0F0F0;border-radius: 30px;box-sizing: border-box;overflow: hidden;text-align: center;}
#belle_up .detail02 .conBox p {color: #000;font-weight: 500;text-align: center;}
#belle_up .detail03.pointBox.type1 .conBox {max-width: 790px;}
#belle_up .detail03.pointBox.type1 .conBox li {width: calc(100% / 3 - 13px);}

@media all and (max-width: 1200px){
    #belle_up .detail02 .title {margin-bottom: 50px;}
    #belle_up .detail02 {padding: 100px 0;}
}
@media all and (max-width: 768px){
    #belle_up .detail02 {padding: 70px 0;}
    #belle_up .detail03.pointBox.type1 .conBox li {width: calc(100% / 2 - 10px);}
}
@media all and (max-width: 500px){
    #belle_up .detail02 .conBox .imgBox {border-radius: 10px;}
    #belle_up .detail03.pointBox.type1 .conBox li {width: calc(100% / 2 - 5px);}
}
/* 스킨케어 - 벨르업 */






/* 스페셜 - 매트릭스(가스마취) */
#matrix .detail02.tableBox .conBox .type1 .tbBox.active li:first-child::before {display: none;}
#matrix .detail02.tableBox .conBox .type1 .tbBox li h2 {font-family: var(--arita);font-size: 1.50em;font-weight: 600;}
#matrix .detail02.tableBox .conBox .type1 .tbBox li p {color: #000;font-family: var(--arita);font-size: 1.30em;font-weight: 500;} 
/* 스페셜 - 매트릭스(가스마취) */

/* 스페셜 - 하이쿡스 */
#hicooks .detail02.stepBox .conBox{gap: 10px 100px;}
#hicooks .detail02.stepBox .conBox li {width: calc(100% / 3 - 50px);}
#hicooks .detail02.stepBox .conBox li .imgBox img {border-radius: 5px;overflow: hidden;}
#hicooks .detail02.stepBox .conBox li .imgBox::before{right: -70px;}

@media all and (max-width: 960px){
    #hicooks .detail02.stepBox .conBox{gap: 40px;}
    #hicooks .detail02.stepBox .conBox li {width: calc(100% / 2 - 20px);}
    #hicooks .detail02.stepBox .conBox li .imgBox::before{right: -35px;}
}
/* 스페셜 - 하이쿡스 */

/* 스페셜 - 비타민주사 */
#vitamin .detail02.pointBox.type1 .conBox {max-width: 790px;}
#vitamin .detail02.pointBox.type1 .conBox li {width: calc(100% / 3 - 13px);}

@media all and (max-width: 768px){
    #vitamin .detail02.pointBox.type1 .conBox li {width: calc(100% / 2 - 10px);}
}
@media all and (max-width: 500px){
    #vitamin .detail02.pointBox.type1 .conBox li {width: calc(100% / 2 - 5px);}
}
/* 스페셜 - 비타민주사 */

/* 스페셜 - 신데렐라주사 */
@media all and (max-width: 1900px){
    #alpha .detail02.pointBox.type2 .conBox{max-width:1060px;}
    #alpha .detail02.pointBox.type2 .conBox li{width:calc(100% / 4 - 10px);}
}
@media all and (max-width: 768px){
    #alpha .detail02.pointBox.type2 .conBox li{width:calc(100% / 2 - 10px);}
}
/* 스페셜 - 신데렐라주사 */



/* 커뮤니티 - 정상가안내 */
#priceGuide .detail01 {padding: 150px 0;}
#priceGuide .detail01 .conBox {overflow-x: auto;position: relative;}
#priceGuide .detail01 .conBox > table {min-width: 768px;position: relative;text-align: center;border-collapse: collapse;table-layout: fixed;width: 100%;background-color:#fff;clear: both;}
#priceGuide .detail01 .conBox > table thead {border-bottom: 1px solid #ccc;}
#priceGuide .detail01 .conBox > table td,#priceGuide .detail01 .conBox > table th{position: relative;border-width:0;border-style:solid;border-color: #eee;}
#priceGuide .detail01 .conBox > table tr > :not(:first-child):last-child,
#priceGuide .detail01 .conBox > table tr > :not(:first-child):last-child {border-right: 0;}
#priceGuide .detail01 .conBox > table thead th{padding: 13px 16px;background: var(--color);color: #fff;font-size: 1.10em;font-weight: 600;word-break:keep-all;}
#priceGuide .detail01 .conBox > table tbody th{padding:9px 14px;border-bottom-width:1px;border-right-width: 1px;font-weight: 500;}
#priceGuide .detail01 .conBox > table td{padding: 13px 16px;border-bottom-width:1px;border-left-width:1px;border-right-width: 1px;line-height:1.6;color: #666;}
#priceGuide .detail01 .conBox > table th.br1{border-right: 1px solid #ddd !important;}

@media all and (max-width: 1024px){
	#priceGuide .detail01 {padding: 100px 0;}
}
@media all and (max-width: 860px){
    #priceGuide .detail01 .conBox {padding-top: 30px;}
    #priceGuide .detail01 .conBox::before{content: '→ 옆으로 스크롤하세요.';position: absolute;top: 0;left: 0;font-size: 16px;font-weight: 400;color: #333;animation: horizontal 1s ease-in-out infinite;}
}
@media all and (max-width:768px){
	#priceGuide .detail01 {padding: 70px 0;}
}
/* 커뮤니티 - 정상가안내 */