.clinic{line-height: 1;word-break: keep-all;}
.clinic .s1{padding-top: 120px;}
.clinic .clinic__tit{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;opacity: 0;transform: translateY(60px);transition-duration: 1s;}
.clinic .clinic__tit.scroll-active{opacity: 1;transform: translateY(0);}
.clinic .clinic__tit01{position: relative;line-height: 1;font-family: var(--ff-pretendard);}
.clinic .clinic__tit01-num{position: absolute;bottom: 0;left: 0;width: 52px;height: 52px;border-radius: 50%;background-color: var(--cr-h02);color: #fff;font-size: 24px;display: flex;align-items: center;justify-content: center;transform: translateX(-50%);}
.clinic .clinic__tit01 p{font-size: 20px;font-weight: 300;position: relative;}
.clinic .clinic__tit02{font-size: var(--fs-h2);font-weight: 600;line-height: 1.33;margin-top: 50px;}
.clinic .clinic__tit02 b{font-weight: 600;color: var(--cr-h05);}
.clinic .clinic__tit03{font-size: var(--fs-p1);line-height: 1.5;margin-top: 40px;}
.clinic .s1__cont{display: flex;justify-content: center;gap: 40px;margin-top: 100px;}
.clinic .s1__item{text-align: center;width: calc(100%/3 - 80px/3);}
.clinic .s1__item-img{border: 1px solid var(--cr-g03);border-radius: 12px;overflow: hidden;}
.clinic .s1__item-img img{display: block;width: 100%;}
.clinic .s1__item-txt01{height: 50px;border-radius: 25px;border: 1px solid var(--cr-g03);display: flex;align-items: center;justify-content: center;font-size: var(--fs-p1);font-weight: 400;margin-top: 18px;font-weight: 500;}
.clinic .s1__item-txt02{line-height: 1.5;font-size: 18px;height: 180px;display: flex;align-items: center;justify-content: center;}
.clinic .s1__item-txt03::before{content: '';width: 100%;height: 1px;background-color: var(--cr-g03);position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.clinic .s1__item-txt03{position: relative;height: 33px;display: flex;align-items: center;justify-content: center;width: 100%;}
.clinic .s1__item-txt03 p{position: relative;height: 33px;display: flex;align-items: center;justify-content: center;width: 52px;border-radius: 20px;background-color: var(--cr-h01);}
.clinic .s1__item-txt04{line-height: 1.5;font-size: 18px;height: 150px;display: flex;align-items: center;justify-content: center;}

.clinic .s1a{padding: 100px 0;background-color: var(--cr-g01);margin-top: 80px;}
.clinic .s1a__cont{display: flex;justify-content: center;gap: 40px;margin-top: 100px;}
.clinic .s1a__item{text-align: center;width: calc(100%/3 - 80px/3);}
.clinic .s1a__item-img{border: 1px solid var(--cr-g03);border-radius: 12px;overflow: hidden;}
.clinic .s1a__item-img img{display: block;width: 100%;}
.clinic .s1a__item-txt01{height: 50px;border-radius: 25px;border: 1px solid var(--cr-g03);display: flex;align-items: center;justify-content: center;font-size: var(--fs-p1);font-weight: 500;margin-top: 18px;background-color: #fff;}
.clinic .s1a__item-txt02{line-height: 1.5;font-size: var(--fs-p1);height: 180px;display: flex;align-items: center;justify-content: center;}
.clinic .s1a__item-txt03::before{content: '';width: 100%;height: 1px;background-color: var(--cr-g03);position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.clinic .s1a__item-txt03{position: relative;height: 33px;display: flex;align-items: center;justify-content: center;width: 100%;}
.clinic .s1a__item-txt03 p{position: relative;height: 33px;display: flex;align-items: center;justify-content: center;width: 52px;border-radius: 20px;background-color: var(--cr-h01);}
.clinic .s1a__item-txt04{line-height: 1.5;font-size: 18px;height: 150px;display: flex;align-items: center;justify-content: center;}

.clinic_br{display: none;}
@media all and (max-width:1280px) {
    
    .clinic .s1__cont{gap: 28px;}
    .clinic .s1__item-txt01{font-size: 16px;height: 40px;margin-top: 1em;}
    .clinic .s1a__item-txt01{height: 40px;margin-top: 1em;}
    .clinic .s1a__item-txt02,
    .clinic .s1__item-txt02{font-size: 15px;height: 120px;}
    .clinic .s1a__item-txt04,
    .clinic .s1__item-txt04{font-size: 15px;height: 100px;}
    
}
@media all and (max-width:1024px) {
    .clinic .s1a__cont{margin-top: 50px;}
    .clinic .clinic__tit{padding: 0 20px;}
    .clinic .s1__item-txt02 br{display: none;}
    .clinic .s1__item-txt04 br{display: none;}
    .clinic .clinic__tit03{max-width: 769px;margin-left: auto;margin-right: auto; font-size: 15px;}
    .clinic .clinic__tit03 br{display: none;}

    .clinic .s1a__item-txt01{font-size: 15px;}
    .clinic .s1a__item-txt02{font-size: 13px;}
}

.clinic .clinic__tit02 .textfilterBox .text{color: #000;}
.clinic .clinic__tit02 .textfilterBox .filter{color: var(--cr-h05);}

.clinic .s2{padding:180px 0 150px;}
.clinic .s2__line{border-left: 1px dashed var(--cr-h04);width: 1px;height: 120px;margin: 50px 0;}
.clinic .s2__list{display: flex;gap: 25px;max-width: 1400px;width: 100%;}
.clinic .s2__item{width: calc(100%/5 - 25px*4/5);}
.clinic .s2__item-thumb{position: relative;border-radius: 8px;overflow: hidden;}
.clinic .s2__item-thumb_step{position: absolute;top: 10px;left: 10px;width: 66px;height: 33px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;border-radius: 30px;background-color: var(--cr-h05);}
.clinic .s2__item-thumb_img{width: 100%;padding-top: 65.25%;}
.clinic .s2__item-thumb_img img{width: 100%;height: 100%;position: absolute;object-fit: cover;top: 0;left: 0;}
.clinic .s2__item-txt{font-size: 18px;line-height: 1.5;margin-top: 1em;}
.clinic .s2__item-txt01{font-weight: 600;margin-bottom: 0.25em;}

.clinic .clinic__tit02 .textfilterBox.pc{display: block;}
.clinic .clinic__tit02 .textfilterBox.mo{display: none;}
@media all and (max-width:1280px) {
    .clinic .s2{padding: 140px 0 120px;}
    .clinic .s2__item-thumb_step{height: 24px;font-size: 12px;width: 60px;}
    .clinic .s2__list{gap: 20px;}
    .clinic .s2__item{width: calc(100%/5 - 20px*4/5);}
    .clinic .s2__item-txt{font-size: 15px;}
}
@media all and (max-width:1024px) {
    .clinic .clinic__tit02 .textfilterBox.pc{display: none;}
    .clinic .clinic__tit02 .textfilterBox.mo{display: block;}
    .clinic .s2__item-txt{font-size: 13px;}
    .clinic .s2__item-thumb_step{font-size: 11px;height: 22px;width: 55px;}
    .clinic .s2__line{height: 80px;}
}
@media all and (max-width:769px) {
    .clinic .s2{padding: 100px 0;}
    .clinic .s2__list{flex-direction: column;gap: 40px;}
    .clinic .s2__item{width: 100%;}

    .clinic_br{display: block;}
}
@media all and (max-width:480px) {
    .clinic .clinic__tit02{font-size: 22px;}
}

.clinic .s3{background: linear-gradient(109deg, #FAFEFF -6.98%, #DDEEF1 99.77%);padding: 110px 0 280px;}
.clinic .s3__wrap{display: flex;flex-direction: column;gap:40px;}
.clinic .s3__pin{perspective: 300px;padding-top: 120px;}
.clinic .s3__box {
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    transform-origin: center top;
    padding: 46px 40px;
    box-sizing: border-box;
    position: relative;
    top: 0;
    filter: brightness(1);
}
.clinic .s3__box-txt{width: calc(100% - 480px);}
.clinic .s3__box-txt01{color: rgba(0,0,0,0);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--H-04, #7CBCC6);font-family: var(--ff-lemonmilk);font-size: 96px;font-style: italic;font-weight: 300;line-height: 1;margin-bottom: 30px;}
.clinic .s3__box-txt02{font-size: 24px;color: var(--cr-h07);font-family: var(--ff-jeju);line-height: 1;}
.clinic .s3__box-txt02 b{font-size: 32px;font-weight: 400;}
.clinic .s3__box-txt03{font-size: 18px;color: var(--cr-g09);line-height: 2;margin-top: 1.25em;}
.clinic .s3__box-txt04{font-size: 16px;line-height: 2;color: var(--cr-g05);}
.clinic .s3__box-txt05{font-size: 16px;line-height: 2;color: var(--cr-h04);margin-top: 1.25em;}

.s3__box-img{max-width: 480px;}
.s3__box-img img{display: block;width: 100%;border-radius: 16px;overflow: hidden;}
@media all and (max-width: 1280px) {
    .clinic .s3__box {flex-direction: column;height: auto;align-items: center;padding: 40px;gap: 28px;}
    .clinic .s3__box-img{width: 100%;}
    .clinic .s3__box-img img{display: block;width: 100%;}
    .clinic .s3__box-txt{width: 100%;}

}
@media all and (max-width:769px) {
    .clinic .s3{padding: 100px 0 140px;}
    .clinic .s3__box{padding: 24px 20px;}
    .clinic .s3__box-txt01{font-size: 60px;}
    .clinic .s3__box-txt02{font-size: 18px;}
    .clinic .s3__box-txt02 b{font-size: 24px;}
    .clinic .s3__box-txt03{font-size: 15px;line-height: 1.5;margin-bottom: 0.5em;}
    .clinic .s3__box-txt03 br{display: none;}
    .clinic .s3__box-txt05,
    .clinic .s3__box-txt04{font-size: 14px;line-height: 1.5;}
    .clinic .s3__pin{padding-top: 40px;}
}
@media all and (max-width:480px) {
    .clinic .s3__box-txt03{font-size: 13px;}
}
.s3__detail{width: 100%;display: flex;align-items: center;justify-content: center;z-index: 1;height: 1px;}
.s3__detail a{width: 220px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;background-color: #000;border-radius: 28px;height: 52px;margin-bottom: 40px;transform: translateY(40px);opacity: 0;pointer-events: none;transition-duration: 0.6s;}
.s3.scroll-active .s3__detail a{opacity: 1;transform: translateY(-102px);pointer-events: unset;}

.clinic .s1__item{opacity: 0;transform: translateY(60px);transition-duration: 1s;}
.clinic .s1__item.scroll-active{opacity: 1;transform: translateY(0);}
.clinic .s2__item{opacity: 0;transform: translateY(60px);transition-duration: 1s;}
.clinic .s2__item.scroll-active{opacity: 1;transform: translateY(0);}
.clinic .s2__item.scroll-active:nth-child(1){transition-delay: 0s;}
.clinic .s2__item.scroll-active:nth-child(2){transition-delay: 0.05s;}
.clinic .s2__item.scroll-active:nth-child(3){transition-delay: 0.1s;}
.clinic .s2__item.scroll-active:nth-child(4){transition-delay: 0.15s;}
.clinic .s2__item.scroll-active:nth-child(5){transition-delay: 0.2s;}
.clinic .s2__item.scroll-active:nth-child(6){transition-delay: 0.25s;}
.clinic .s2__item.scroll-active:nth-child(7){transition-delay: 0.3s;}
.clinic .s2__item.scroll-active:nth-child(8){transition-delay: 0.35s;}
.clinic .s2__item.scroll-active:nth-child(9){transition-delay: 0.4s;}
.clinic .s2__item.scroll-active:nth-child(10){transition-delay:0.45s;}