@media all and (max-width:1400px){
    .regenerative-inner{width: 90%; padding-left: 3%;}
    .regenerative-inner::before{width: 10px; height: 450px;}

    #section1 .left{width: 60%;}
    #section1 .left p{font-size: 14px;}
    #section1 .right{width: 40%;}
    #section1 .right ul{width: 95%;}

    #section2 .left span{font-size: 30px;}
    #section2 .left h3{font-size: 40px;}
    #section2 .right p{font-size: 14px;}
    #section2 .right h4{font-size: 35px;}
    #section2 .right h4 span{font-size: 20px;}

    #section3 .box ul li .txt p{font-size: 14px;}

    #section4 .right p{width: 55%; margin-left: 20%;}
    #section4::after{bottom: -6%; width: 600px; min-width: 600px;}

    #section5 .left h3{font-size: 40px;}
    #section5 .left span{font-size: 20px;}
    #section5 .left p{font-size: 14px;}

    #section5 .right ul li .txt p{font-size: 13px;}

    #section7 ul li .txt b{font-size: 30px;}


    .program-swiper .swiper-slide .img{width: 40%;}
    .program-swiper .swiper-slide .txt{width: 60%; padding: 4%;}
    .program-swiper .swiper-slide .txt b{font-size: 35px;}
    .program-swiper .swiper-slide .txt p{font-size: 14px;}

    .stemCell-swiper .swiper-slide .step-txtInner p{font-size: 14px;}

    /*추가*/
    #section13 .regenerative-medicine-contact input {    width: 350px;}
    
    /*스킨*/
#skin-regeneration .section02 {    min-height: 500px;    background-size: cover;}
#skin-regeneration .section03 .top .title, #skin-regeneration .section03 .bottom .title {    padding: 0 5%;}
#skin-regeneration .section04 {
    padding-left: 5%;
}
}



@media all and (max-width:1300px) {

    #section5 .left h3{font-size: 36px;}


    #section2 .left h3 {        font-size: 35px;    }
    #section2 .right {    width: 70%;}

/*skin*/
#skin-regeneration .section03 .top .swiper-slide, #skin-regeneration .section03 .bottom .swiper-slide {
    width: 350px !important;
}
#skin-regeneration .section03 .top .swiper-slide>img, #skin-regeneration .section03 .bottom .swiper-slide>img{width:100%;}
#skin-regeneration .section02 {
    padding-left: 40%;
}

#skin-regeneration .section03 .top article:nth-child(2)>div,#skin-regeneration .section03 .bottom article:nth-child(2)>div{width:350px;}
}












@media all and (max-width:1080px) {

        .program-swiper .swiper-slide .txt a{margin:0 auto !important;}

.p{display: none;}
.m{display: block;}

.regenerative-inner{width: 90%; padding-left: 0; padding: 10% 0;}
.regenerative-inner::before{content: none;}
#side{display: none;}

.regenerative-inner1{width: 90%; padding-left: 0; padding: 10% 0;}
.regenerative-inner1::before{content: none;}
#side{display: none;}

#section0{background: url('/img/regenerative-medicine/m/bg01.jpg')no-repeat center;}
#section0 .regenerative-inner{height: 100%;}
#section0 h2{position: absolute; top: 20%; width: 100%; }

#section1{background: url('/img/regenerative-medicine/m/bg02.jpg')no-repeat center;}
#section1 .regenerative-inner{flex-wrap: wrap;}
#section1 .left{width: 100%;}
#section1 .left span{margin: 3% 0;}
#section1 .right{width: 100%; margin-top: 5%;}
#section1 .right ul{width: 100%; display: flex; align-items: center; justify-content: space-between;}
#section1 .right ul li{margin-bottom: 0%; width: 32%; padding: 7%; flex-wrap: wrap; height: 260px; text-align: center;}
#section1 .right ul li:last-child{margin-right: 0;}
#section1 .right ul li::after{background: url('/img/regenerative-medicine/con9-arrow.png')no-repeat center; background-size: contain; bottom: 35%; left: 94%; transform: translate(0, -35%);}
#section1 .right ul li i{margin: 0 auto;}
#section1 .right ul li i::after{content: none;}

#section1 .right ul li p{font-size: 18px; margin-left: 0%; width: 100%;}

#section1 .right ul li:nth-child(1)::before{left: 5%;}
#section1 .right ul li:nth-child(2)::before{left: 5%;}
#section1 .right ul li:nth-child(3)::before{left: 5%;}

#section2{background: url('/img/regenerative-medicine/m/bg03.jpg')no-repeat center; background-size: cover;}
#section2 .regenerative-inner{flex-wrap: wrap;}

#section2 .left{width: 100%;}
#section2 .left span{ padding-bottom: 2%;}
#section2 .left h3{margin-top: 3%;} 
#section2 .right{width: 100%; margin-top: 5%;}
#section2 .right h4{ margin-bottom: 3%;}
#section2 .right h4 span{font-weight: 100; font-size: 25px; color: #5674b9; vertical-align: top;}
#section2 .right p{font-size: 15px;}

#section3{background: url('/img/regenerative-medicine/m/bg04.jpg')no-repeat center;}


#section3 .box h4{font-size: 45px; margin-bottom: 5%;}


#section3 .box ul{flex-wrap: wrap;}
#section3 .box ul li{width: 100%; cursor: auto; display: flex; align-items: center; margin-bottom: 3%; background-color: #fff;}

#section3 .box ul li .img{width: 40%;}

#section3 .box ul li .txt{display: block; position: relative;width: 60%; height: auto; background-color: #fff; text-align: left; color: #000; padding: 0 5%;}
#section3 .box ul li .txt .txt-box{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
#section3 .box ul li .txt b{color: #4f72b6;}
#section3 .box ul li .txt b span{display: inline-block; color: #4f72b6; font-size: 20px; margin-left: -2%;}
#section3 .box ul li .txt p{width: 100%; font-size: 15px;}
#section3 .box ul li .txt p::before{content: ''; width: 30px; height: 3px; background-color: #ddd; display: block; position: absolute; top: -20px; left: 0; transform: translateX(0);}

#section4{background-image: none;}
#section4 .regenerative-inner{width: 100%; padding: 0;}
#section4::after{content: none;}

#section4 h4{font-weight: 700; font-size: 40px; margin-bottom: 5%; width: 100%;}
#section4 .left{width: 100%; background-color: #eef4ff; padding: 10% 5% 10% 5%;}
#section4 .left .img{width: 80%; margin-top: 0; margin: 0 auto;}

#section4 .right{width: 100%; background-color: #fff; padding: 10% 5% 0 5%;}
#section4 .right p{background-color: transparent; color: #898989; font-weight: 700; font-size: 30px; text-align: left; padding: 0; width: 100%; margin: 0 auto;}
#section4 .right .img{width: 90%; margin: 5% auto 0 auto;}
#section4 .right .img img{width: 100%; display: block;}


#section5{background: url('/img/regenerative-medicine/m/bg05.jpg')no-repeat center;background-size:cover;}
#section5 .regenerative-inner{flex-wrap: wrap;}
#section5 .left{width: 100%;}
#section5 .left h3{font-size: 40px;}
#section5 .left span{font-size: 25px;}

#section5 .left p{font-size: 15px;}

#section5 .right{width: 100%; margin-top: 5%;}
#section5 .right ul li .img{width: 35%;}
#section5 .right ul li .txt{width: 65%;}
#section5 .right ul li:last-child{margin-bottom: 0;}


#section5 .right ul li .txt b span{font-size: 15px;}
#section5 .right ul li .txt p{font-size: 15px;}



#section6{position: relative;}
#section6 .regenerative-inner{width: 100%;}
#section6 h4{padding: 0 5%; font-size: 45px; margin-bottom: 5%;}
#section6 h4 span{font-size: 30px; margin-bottom: 2%;}
.stemCell-swiper{width: 90%; position: static;}

.stemCell-swiper .swiper-slide{flex-wrap: wrap; background-color: transparent;}
.stemCell-swiper .swiper-slide .img{width: 100%; height: 450px;}



.stemCell-swiper .swiper-slide:nth-child(1) .img{background: url('/img/regenerative-medicine/m/con6-5.jpg') no-repeat; background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(2) .img{background: url('/img/regenerative-medicine/m/con6-1.jpg') no-repeat; background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(3) .img{background: url('/img/regenerative-medicine/m/con6-2.jpg') no-repeat; background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(4) .img{background: url('/img/regenerative-medicine/m/con6-3.jpg') no-repeat; background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(5) .img{background: url('/img/regenerative-medicine/m/con6-4.jpg') no-repeat; background-size: cover;}


.stemCell-swiper .step-txt{width: 100%;height: 550px;}
.stemCell-swiper .step-txt::after{content: none;}

.stemCell-swiper .step-txtInner{text-align: center; width: 90%; top: 40%; height: 60%;}
.stemCell-swiper .swiper-slide .step-txtInner span{font-size: 20px;}
.stemCell-swiper .step-txtInner h5{font-size: 30px; margin: 3% 0;}

.stemCell-swiper .swiper-slide .step-txtInner p{padding: 0; border-left: none;padding-left: 0; font-weight: 400;}
.stemCell-swiper .step-next{width: 100%; top: 86%; font-size: 25px; background-image: linear-gradient(to right, #3a84d7, #808cec); height: 80px; line-height: 80px; padding: 0;}
.stemCell-swiper .step-next::after{content: ''; background: url('/img/regenerative-medicine/next-arrow.png')no-repeat; width: 25px; height: 20px; background-size: contain; top: 50%; transform: translateY(-50%); right: 39%; display: block;}

#section6 .swiper-button-next{width: 80px; height: 80px; position: absolute; right: 0%; top: 50%;transform: translateY(-50%); z-index: 1; background-image: none;}
#section6 .swiper-button-next::after{content: ''; background: url('/img/regenerative-medicine/m/slide-nextBtn.png')no-repeat center; background-size: contain; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}
#section6 .swiper-button-prev{width: 80px; height: 80px; position: absolute; left: 0%; top: 50%;transform: translateY(-50%); z-index: 1; background-image: none;}
#section6 .swiper-button-prev::after{content: ''; background: url('/img/regenerative-medicine/m/slide-prevBtn.png')no-repeat center; background-size: contain; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}

.stemCell-swiper .step-txt::before{content: none;}
#section6 .swiper-pagination{bottom: 15%; width: 100%; height: 15px; position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center;}
#section6 .swiper-pagination-bullet{background-color: #c2c7cd; opacity: 1; width: 15px; height: 15px; border-radius: 100px; margin-right: 1%;}
#section6 .swiper-pagination-bullet-active{background-color: #4863ac;}


#section7 ul{ flex-wrap: wrap;}
#section7 ul li{width: 50%; height: auto;}
#section7 ul li:nth-child(1){background: url('/img/regenerative-medicine/con7-1.jpg')no-repeat center; background-size: cover;}
#section7 ul li:nth-child(2){background: url('/img/regenerative-medicine/con7-2.jpg')no-repeat center; background-size: cover;}
#section7 ul li:nth-child(3){background: url('/img/regenerative-medicine/con7-3.jpg')no-repeat center; background-size: cover;}
#section7 ul li:nth-child(4){background: url('/img/regenerative-medicine/con7-4.jpg')no-repeat center; background-size: cover;}

#section7 ul li .txt{color: #fff; position: absolute; top: 20%; width: 100%; text-align: center;}
#section7 ul li .txt span{font-size: 16px; border-bottom: 1px solid; display: inline-block; padding-bottom: 2%;}
#section7 ul li .txt b{font-weight: 700; font-size: 40px; display: block; margin: 5% 0; line-height: 1.4;}
#section7 ul li .txt a{display: inline-block; font-size: 16px; border: 2px solid; border-radius: 30px; padding: 3% 10%; position: relative;}
#section7 ul li .txt a::after{content: ''; width: 15px; height: 15px; background: url('/img/regenerative-medicine/next-arrow.png')no-repeat center; background-size: contain; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10%;}

#section8{background: url('/wp-content/uploads/2024/06/back2.png')no-repeat center; height:auto !important; background-size:cover;}
#section8 .fp-tableCell,#section2 .fp-tableCell,#section2 {height:auto !important;}
#section8 .regenerative-inner{flex-wrap: wrap;}

#section8 .left{width: 100%;}
#section8 .left h3{font-size: 45px;} 
#section8 .right{width: 100%; margin-top: 5%;}
#section8 .right h4{font-size: 35px;}
#section8 .right h4 span{font-size: 20px;}
#section8 .right p{font-size: 15px; color: #2e7593;}


#section9{background: url('/img/regenerative-medicine/m/bg09.jpg')no-repeat center;}
#section9 h4{font-size: 45px; margin-bottom: 5%;}
#section9 ul{flex-wrap: wrap;}
#section9 ul li{width: 45%;position: relative;}
#section9 ul li:nth-child(1)::before{width: 50px; height: 50px; background: url('/img/regenerative-medicine/con9-arrow.png')no-repeat center; background-size: contain; position: absolute; top: 50%; right: -17.5%; transform: translateY(-50%);}
#section9 ul li:last-child{width: 100%; margin-top: 13%;}

#section9 ul li .txt{background-color: #fff; width: 100%; text-align: center; color: #2e7593; font-size: 18px; padding: 5% 0;}
#section9 ul li .img{width: 100%; background-color: rgba(0,0,0,.3); border: 1px solid #fff; box-sizing: border-box; padding: 20% 0;}
#section9 ul li .img img{width: 90%; margin: 0 auto; display: block;}
#section9 ul li:last-child .img{background-color: transparent;border: none; padding: 0;}


#section10 h4{font-size: 45px;}


#section11{background-image: none; position: relative;}
#section11 .regenerative-inner{flex-wrap: wrap; width: 100%; padding: 0;}
#section11::after{content: none;}

#section11 .left{width: 100%; background-color: #e2eff4; padding: 10% 5% 10% 5%;}
#section11 .left .img{width: 90%; margin: 0 auto;}

#section11 .right{width: 100%; position: relative; height: auto; background-color: #0a334d; padding: 10% 5% 10% 5%;}
#section11 .right h4{color: #fff; position: relative; top: 0; z-index: 2;}
#section11 .right span{color: #80acbd;}
#section11 .right .img{width: 95%; margin: 0 auto;}
#section11 .right .img img{width: 100%; display: block;}


#section12{background: url('/img/regenerative-medicine/m/bg12.jpg')no-repeat center;}
#section12 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; color: #fff;}
#section12 ul{flex-wrap: wrap;}
#section12 ul li{width: 100%; position: relative; margin-bottom: 5%;}


#section12 ul li .txt{position: absolute; width: 100%; background-color: #fff; bottom: 0; left: 0; text-align: center; height: 90px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; justify-content: center;}
#section12 ul li .txt p{font-weight: 500; font-size: 18px;}

#section12 ul li:nth-child(1) .txt{background-color: rgba(255,255,255,.8);}
#section12 ul li:nth-child(1) .txt p{width: 50%;}
#section12 ul li .txt span{color: #397fc7; font-weight: 400; font-size: 13px; display: block; width: 100%; margin-top: 1%;} 


.program-pop{width: 90%; overflow-y: scroll; height: 100vh;}
.program-swiper{background-color: transparent;}
.program-swiper .swiper-slide{flex-wrap: wrap;}
.program-swiper .swiper-slide .img{order: 2; width: 100%;}
.program-swiper .swiper-slide .txt{order: 1; width: 100%; text-align: center; padding-top: 8%; background-color: #fff;}
.program-swiper .swiper-slide .txt::after{display: none;}
.program-swiper .swiper-slide .txt p{font-size: 18px;}
.program-pop .swiper-button-next,
.program-pop .swiper-button-prev{display: none;}

.program-pop .close{top: 1%; right: 2%;}

.program-map .box{flex-wrap: wrap;}
.program-map .left{width: 100%; height: 450px; order: 2;}
.program-map .right{width: 100%; padding: 10% 5%;}


/*추가*/
#section13 {    background: url(/wp-content/uploads/2024/05/contact-2-m.png) no-repeat center -5px;    height: 900px !important;}
#section13 .regenerative-inner {    flex-direction: column; padding :  0;   gap:75px;}
#section13 .left h3 {    font-size: 45px;}
#section13 .regenerative-inner p{width: 100%}
#section13 .fp-tableCell {    background: url(/wp-content/uploads/2024/05/contact-3.png) no-repeat 5% 100px; background-size: 200px;}
#section13 .regenerative-medicine-contact>div>p:nth-child(1){display: none}
#section13 .regenerative-medicine-contact>div>div {    position: initial; margin-bottom: 10px;}
#section13 .regenerative-medicine-contact>div {    flex-direction: column;}
#section13 .regenerative-medicine-contact input {    width: 100%;  padding: 0 0 0 0;    background-clip: none;}
#section13 .regenerative-medicine-contact>div>div>p {  width: auto; }


/*regenerative_medicine_main*/
#Regenerative .p{display: none;}
#Regenerative .m{display: block;}
#Regenerative .section01 {    background: url(/wp-content/uploads/2024/06/section01-back-m.png) no-repeat center;     padding: 300px 0 300px; background-size: 100%;}
#Regenerative .header-logo {    top: 30px;    left: 40px;}
#Regenerative .section01 .section01-txt h2 {    font-size: 16.5px;   }
#Regenerative .section01 .section01-txt h1 {    font-size: 41px;    margin: 20px 0 15px;}
#Regenerative .section01 .section01-txt h3 {    font-size: 20px;    line-height: 30px;}
#Regenerative .section01 .section01-btn {    margin-top: 30px;}
#Regenerative .section01 .section01-btn a {  font-size: 16.5px;  }
#Regenerative .section01 .section01-btn a:nth-child(1){background-color: #4c3715;}
#Regenerative .section02 {    background: url(/wp-content/uploads/2024/06/main-section4-m-1.png) no-repeat center;    padding: 70px 0 70px; background-size:cover}

#Regenerative .section02 .section02-txt h2,#Regenerative .section04 .section04-txt h2 {    font-size: 17px;}
#Regenerative .section02 .section02-txt h1 ,#Regenerative .section04 .section04-txt h1{ font-size: 30px;    margin: 30px 0 20px;}
#Regenerative .section02 .section02-txt p {    font-size: 14.5px;        line-height: 23.5px;}
#Regenerative .section02 .section02-con a {   width: 240px;    height: 240px;  }
#Regenerative .section02 .section02-con a div h5 {    line-height: 26px;    margin: 25px 0 15px;    font-size: 20px;}
#Regenerative .section02 .section02-con a div span {    font-size: 14px;    line-height: 20px;}
#Regenerative .section02 .section02-con a div {    padding-top: 20px;}
#Regenerative .section02 .section02-con a {background-size: 20px;}
#Regenerative .section02 .section02-con a div p {    margin: 0 auto 15px;}
#Regenerative .section02 .section02-con a div h4 {    font-size: 14px;}
#Regenerative .section03 {    flex-direction: row;    flex-wrap: wrap;}
#Regenerative .section03 a {    width: 50%;}
#Regenerative .section03 div h3 {    font-size: 20px;    line-height: 26.5px;}
#Regenerative .section03 div article p {    font-size: 15px;}
#Regenerative .section04 {
    margin-top: 60px;
    margin-bottom: 60px;;
}
#Regenerative .section04 .section04-con {
 width: 90%;
    margin: 0 auto;
}
#Regenerative .section04 .section04-con a {
    width: 49.8%;
}
#Regenerative .section04 .section04-con {
    gap:  2px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}





    
    /*skin*/
    #skin-regeneration .headlogo {    top: 30px;    left: 40px;}
    #skin-regeneration .headlogo img{width:302px}
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide {    min-height: 700px; background-size:cover !important;    }
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h1 {    font-size: 40px;}
    #skin-regeneration .section01 .swiper-wrapper>div:nth-child(2) h1 {    line-height: 1.3;margin-bottom: 25px;}
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h2 {    font-size: 30px;    margin: 20px 0 30px;}
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h3 {    font-size: 25px;}
    #skin-regeneration .section01 .swiper-footer-con>div {    padding: 15px 0;width:500px;}
    #skin-regeneration .section01 .swiper-footer-con>div>div {    font-size: 16px;    line-height: 30px; width:150px;}
    #skin-regeneration .swiper-button-prev {    margin-left: 0;}
    #skin-regeneration .swiper-button-next {    margin-right: 0;}
    #skin-regeneration .swiper-button-prev>img, #skin-regeneration .swiper-button-next>img{width:25px}
    #skin-regeneration .section01 .swiper-footer-con {    bottom: 50px;}
    #skin-regeneration .swiper-button-next, #skin-regeneration .swiper-button-prev {    top: 50%;}
    
    
    #skin-regeneration .section02 {       padding-left: 0;        text-align: center; justify-content: flex-start;  background: url(/wp-content/uploads/2024/06/main-section2-m.png) no-repeat left bottom;    min-height: 900px;    background-size: cover; padding-top:50px;padding-left:20px; text-align:left; }
    #skin-regeneration .section02 h3 br{display:none;}
    #skin-regeneration .section02 h3 {    font-size: 40px;}
    
    #skin-regeneration .section03 {    padding: 40px 0 70px;}
    #skin-regeneration .section03 .top ,    #skin-regeneration .section03 .bottom {    flex-direction: column;align-items: center;}
    #skin-regeneration .section03 .top .title h3, #skin-regeneration .section03 .bottom .title h3 {    font-size: 40px;    width: auto !important; text-align:center;line-height:1.3;}
    #skin-regeneration .section03 .top .title p, #skin-regeneration .section03 .bottom .title p {    font-size: 40px;    color: #b9b4b4;text-align:center; margin-bottom:20px}
    #skin-regeneration .section03 .top article:nth-child(2)>div, #skin-regeneration .section03 .bottom article:nth-child(2)>div{width:350px;}
    #skin-regeneration .swiper-scrollbar{display:none;}
    #skin-regeneration .swiper-pagination{display:block;bottom:-30px;}
    #skin-regeneration .swiper-pagination-bullet{background-color:#c6c0bd !important; width:12px; height:12px;}
    #skin-regeneration .swiper-pagination-bullet-active{background-color:#000000 !important;}
    #skin-regeneration .section03 .bottom .title h3 br{display:none;}
    #skin-regeneration .section03 .swiper-button-next,#skin-regeneration .section03 .swiper-button-prev{display:block;}
    #skin-regeneration .section03  .swiper-button-prev {        margin-left: -40px;    }
    #skin-regeneration .section03  .swiper-button-next {        margin-right: -40px;    }
    #skin-regeneration .section03 .bottom .title p ,#skin-regeneration .section03 .top .title h3{margin-bottom:0}
     
     

    #skin-regeneration .section04 {    background: url(/wp-content/uploads/2024/06/back-m.png) no-repeat left bottom;    min-height: 1100px;    padding-left: 20px;    justify-content: flex-start;    padding-top:50px;background-size:cover;}
    #skin-regeneration .section04 h3 {    font-size: 40px;}
    #skin-regeneration .section04 h4 {    line-height: 30px;    margin: 35px 0;}
    
    
    
    #skin-regeneration .section06 .section06-con {    display: flex;    justify-content: space-between;    padding: 0 7%;    gap: 30px;    flex-direction: row;    flex-wrap: wrap;}
    #skin-regeneration .section06 .section06-con div {    position: relative;    width: 48%;}
    #skin-regeneration .section06 .section06-tit h3 {    font-size: 50px;}
    
}


@media all and (max-width:1024px) {
    #section13 .regenerative-inner {    flex-direction: column; padding :  0;   gap:25px;}
}
@media all and (max-width:871px){
        #skin-regeneration .section06 .section06-con div {        width: 47%;    }
}
    #skin-regeneration .mbr{display:none;}
@media all and (max-width:800px){
    /*skin*/
    #skin-regeneration .section01 .swiper-wrapper>div:nth-child(2) {    background: url(/wp-content/uploads/2024/06/main-section01-2-m.png) no-repeat center;}
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h1 {        font-size: 35px;    }
    #skin-regeneration .section02 h3 {    font-size: 30px;    margin-bottom: 25px;}
    #skin-regeneration .section02 {        min-height: 700px;    }
    #skin-regeneration .section03 .top .title h3, #skin-regeneration .section03 .bottom .title h3 ,#skin-regeneration .section03 .top .title p, #skin-regeneration .section03 .bottom .title p{        font-size: 30px;    }
    #skin-regeneration .section03 .top .swiper-slide article section p, #skin-regeneration .section03 .bottom .swiper-slide article section p {    font-size: 18px;}
    
    #skin-regeneration .section03 .top .swiper-slide article a, #skin-regeneration .section03 .bottom .swiper-slide article a {    padding: 10px 22px;}
    #skin-regeneration .section04 h3{font-size:30px;}
    #skin-regeneration .section04 h4 {    font-size: 18px;    line-height: 1.5;}
    #skin-regeneration .section04 p ,#skin-regeneration .section04 span{    font-size: 15px;    line-height: 2;}
    #skin-regeneration .section04 {        min-height: 850px;}
    #skin-regeneration .section05 h3 {    margin: 15px 0 20px;    font-size: 30px;}
    #skin-regeneration .section05 h4,#skin-regeneration .section05 span{font-size:18px;}
    #skin-regeneration .section05 {    min-height: 250px;}
    #skin-regeneration .section06 .section06-tit article p,#skin-regeneration .section06 .section06-tit article span {    font-size: 18px;}
    #skin-regeneration .section06 .section06-tit h3 {        font-size: 40px;    }
    #skin-regeneration .section06>p {    font-size: 25px;}
    #skin-regeneration .section06 .section06-con {        gap: 10px;    }
    #skin-regeneration .section06 .section06-con div {        width: 49%;    }
    #skin-regeneration .section06 .section06-con div a article p {    font-size: 18px;}
    #skin-regeneration .section06 .section06-con div a article {    padding: 15px 0;}
    #skin-regeneration .mbr{display:block;}
    #skin-regeneration .pbr{display:none;}








}
@media all and (max-width:730px) {
    #section0 .logo a{width: 150px; height: 60px;}
    #section0{height: 80vh !important;}
    #section0 .fp-tableCell{height: 80vh!important;}
    #section0 h2{font-size: 10vw;}
    #section0 h2 span{font-size: 7vw;}

    #section1 .left h3{font-size: 6vw;}
    #section1 .left span{font-size: 4vw;}
    #section1 .left p{font-size: 2.5vw;}
    #section1 .right ul li p{font-size: 2.5vw;}
    #section1 .right ul li::after{width: 7vw; height: 7vw; left: 92%;}

    #section2 .left h3{font-size: 5vw;}
    #section2 .left span{font-size: 4vw;}
    #section2 .right h4{font-size: 4.5vw;}
    #section2 .right h4 span{font-size: 3vw;}
    #section2 .right p{font-size: 2.5vw;}

    #section3 .box h4{font-size: 6vw;}
    #section3 .box h4 span{font-size: 3.5vw;}
    #section3 .box ul li .txt b{font-size: 4vw;}
    #section3 .box ul li .txt b span{font-size: 2.5vw; margin-left: -4%;}
    #section3 .box ul li .txt p{font-size: 2.5vw;}

    #section4 h4{font-size: 6vw;}
    #section4 .right p{font-size: 4.5vw;}

    #section5 .left h3{font-size: 6vw;}
    #section5 .left span{font-size: 3.5vw;}
    #section5 .left p{font-size: 2.5vw;}
    #section5 .right ul li .txt b{font-size: 3vw;}
    #section5 .right ul li .txt b span{font-size: 2.5vw;}
    #section5 .right ul li .txt p{font-size: 2.5vw;}

    #section6 h4{font-size: 6vw;}
    #section6 h4 span{font-size: 4vw;}
    .stemCell-swiper .swiper-slide .img{height: 50vw;}
    .stemCell-swiper .step-txt{height: 100vw;}
    .stemCell-swiper .swiper-slide .step-txtInner span{font-size: 3vw;}
    .stemCell-swiper .swiper-slide .step-txtInner b{font-size: 4.5vw;}
    .stemCell-swiper .swiper-slide .step-txtInner p{font-size: 2.5vw;}
    .stemCell-swiper .step-next{font-size: 4vw; top: 86%; height: 14vw; line-height: 14vw;}
    .stemCell-swiper .step-next span{font-size: 4vw;}
    .stemCell-swiper .step-next::after{width: 3.5vw; height: 3.5vw; right: 36%;}

    #section7 ul li .txt span{font-size: 2.5vw;}
    #section7 ul li .txt b{font-size: 4.5vw;}
    #section7 ul li .txt a{font-size: 2vw; border: 1px solid; padding: 4% 10%;}
    #section7 ul li .txt a::after{width: 2vw; height: 2vw;}

    #section8 .left span{font-size: 4vw;    display: inline-block;    font-weight: 100;    border-bottom: 1px solid;    box-sizing: border-box;    display: inline-block !important;padding-bottom:10px;}
    #section8 .left h3{font-size: 5vw;}
    #section8 .right h4{font-size: 4.5vw; line-height:1.5;}
    #section8 .right h4 span{font-size: 3vw;}
    #section8 .right p{font-size: 2.4vw;}

    #section9 h4{font-size: 6vw;}
    #section9 ul li .txt{font-size: 3vw;}
    #section9 ul li:nth-child(1)::before{width: 7vw; height: 7vw; right: -19.5%;}

    #section10 h4{font-size: 6vw;}
    #section10 h4 span{font-size: 4vw;}
    #section10 .effect-Tab ul li{font-size: 3vw;}

    #section11 h4{font-size: 5vw;}
    #section11 h4 span{font-size: 3.5vw;}

    #section12 h4{font-size: 6vw;}
    #section12 ul li .txt p{font-size: 3vw;}
    #section12 ul li .txt span{font-size: 2.5vw;}

    .program-pop{height: auto;}
    .program-swiper .swiper-slide .txt{height: 60vw;}
    .program-swiper .swiper-slide .txt span{font-size: 2.5vw;}
    .program-swiper .swiper-slide .txt b{font-size: 5.5vw;}
    .program-swiper .swiper-slide .txt strong{font-size: 3vw;}
    .program-swiper .swiper-slide .txt p{font-size: 2.5vw;}

    /*추가*/
    #section13 .left h4 {    letter-spacing: -1.5px;    margin: 15px 0;    font-size: 20px;}
        #section13 .regenerative-inner {        gap: 70px;    }
        
    /*Regenerative*/
    #Regenerative .section03 a {
    padding: 50px 0 350px;
}
#Regenerative .section04 .section04-con a {
    padding: 50px 0;
}
#Regenerative .section04 .section04-con a div img{width:35px;}
}
@media all and (max-width:730px) {
        #Regenerative .section01 {
        padding: 200px 0 200px;
    }
}
@media all and (max-width:600px){
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h1 {        font-size: 28px;    }
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h3 {        font-size: 20px;    }
    #skin-regeneration .section01 .swiper-wrapper>div:nth-child(2) h1 {        margin-bottom: 10px;    }
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h2 {        font-size: 26px;        margin: 10px 0 15px;    }
    #skin-regeneration .section02 p,#skin-regeneration .section04 p, #skin-regeneration .section04 span{    font-size: 15px;}
    #skin-regeneration .section03 .top .swiper-slide article a, #skin-regeneration .section03 .bottom .swiper-slide article a {    font-size: 14px;}
    #skin-regeneration .section05 h3 {        font-size: 23px;    }
    #skin-regeneration .section06 .section06-tit h3 {        font-size: 30px;    }
    #skin-regeneration .section06 .section06-tit article p, #skin-regeneration .section06 .section06-tit article span {        font-size: 16px;    }
    #skin-regeneration .section06>p {        font-size: 18px;    }
        #skin-regeneration .section06 .section06-con div a article p {        font-size: 14px;    }
    
}
@media all and (max-width:580px){
    #skin-regeneration .section06 .section06-con div {        width: 48%;    }
    #skin-regeneration .section02 p, #skin-regeneration .section04 p, #skin-regeneration .section04 span {        font-size: 0.8rem;    }
    #skin-regeneration .section04 {        min-height: 700px;    }
}
@media all and (max-width:553px){
    #Regenerative .section04 .section04-con a {        width: 49.6%;    }
    #skin-regeneration .section02 h3 {        font-size: 25px;        margin-bottom: 0px;    }
    #skin-regeneration .section02 {        min-height: 500px;    }
        #skin-regeneration .section02 {        padding-top: 10px;    }
}
@media all and (max-width:500px) {
      /*skin*/
    #skin-regeneration .headlogo {        top: 15px;        left: 15px;    }
    #skin-regeneration .headlogo img {        width: 150px;    }
    #skin-regeneration .section01 .swiper-footer-con>div {        width: 350px;    }
    #skin-regeneration .section01 .swiper-footer-con>div>div {       font-size: 0.8rem !important;         width: 120px !important;    }
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h1 {        font-size: 1.4rem;    }
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h2,#skin-regeneration .section04 h3,#skin-regeneration .section05 h3 ,#skin-regeneration .section02 h3,#skin-regeneration .section03 .top .title h3, #skin-regeneration .section03 .bottom .title h3, #skin-regeneration .section03 .top .title p, #skin-regeneration .section03 .bottom .title p{        font-size: 1.2rem;    }
    #skin-regeneration .section01 .swiper-wrapper .swiper-slide h3 ,#skin-regeneration .section04 h4,{        font-size: 1rem;    }
    #skin-regeneration .section06 .section06-tit article p, #skin-regeneration .section06 .section06-tit article span{font-size:0.9rem;}
       #skin-regeneration .section02 p,#skin-regeneration .section04 p {        font-size: 0.6rem; line-height:2;  }
    #skin-regeneration .section06 .section06-tit h3 {        font-size: 22px;    padding-left: 5px;    }
    #skin-regeneration .section06 .section06-tit article {    padding-right: 5px;}
    #skin-regeneration .section04 h4{font-size:0.8rem}
        #skin-regeneration .section04 {        min-height: 500px;    }
        #skin-regeneration .section06 .section06-con div a article img{width:15px;}
    
    
    /**/
    .program-swiper .swiper-slide .txt a {
       width: 80% !important;
    }
    .program-swiper .swiper-slide .txt a  article{
        font-size: 3vw !important;
    }
    #section1 .left h3{font-size: 7vw;}
    #section1 .left span{font-size: 5vw;}
    #section1 .left p{font-size: 3vw;}
    #section1 .right ul li i{width: 11vw; height: 11vw;}
    #section1 .right ul li{height: 45vw; padding: 5%;}
    #section1 .right ul li p{font-size: 3vw;}
    #section1 .right ul li:nth-child(1)::before,
    #section1 .right ul li:nth-child(2)::before,
    #section1 .right ul li:nth-child(3)::before{font-size: 3.5vw;}
    #section8 .right p {        font-size: 2.4vw; !important
    }
    #section2 .right p{font-size: 3vw;}

    #section3 .box ul li .txt{padding: 0 3%;}
    #section3 .box ul li .txt p{font-size: 3vw;}
    #section3 .box ul li .txt p::before{top: -25%;}

    #section5 .left span{font-size: 4vw;}
    #section5 .left h3{font-size: 6.5vw;}
    #section5 .left p{font-size: 3vw;}
    #section6 .swiper-button-next,
    #section6 .swiper-button-prev{width: 60px; height: 60px;}
    #section6 .swiper-button-next::after{width: 60px; height: 60px;}
    #section6 .swiper-button-prev::after{width: 60px; height: 60px;}

    .stemCell-swiper .step-txt{height: 130vw;}
    .stemCell-swiper .swiper-slide .step-txtInner span{font-size: 3.5vw;}
    .stemCell-swiper .swiper-slide .step-txtInner b{font-size: 5vw; margin: 3% 0 5% 0;}
    .stemCell-swiper .swiper-slide .step-txtInner p{font-size: 3vw;}
    #section6 .swiper-pagination{height: 10px; bottom: 15%;}
    #section6 .swiper-pagination-bullet{width: 10px; height: 10px;}
    .stemCell-swiper .step-next{height: 18vw; top: 86.5%; line-height: 18vw; font-size: 5vw;}
    .stemCell-swiper .step-next span{font-size: 5vw;}
    .stemCell-swiper .step-next::after{width: 4vw; height: 4vw; right: 33%;}

    #section7 ul li .txt a{font-size: 3vw;}

    #section8 .right p{font-size: 3vw;}

    #section12 ul li .txt{height: 14vw;}


    .program-swiper .swiper-slide .txt{height: 80vw;}
    .program-swiper .swiper-slide .txt span{font-size: 3vw;}
    .program-swiper .swiper-slide .txt b{font-size: 6vw;}
    .program-swiper .swiper-slide .txt strong{font-size: 4vw;}
    .program-swiper .swiper-slide .txt p{font-size: 3vw;}
    /*추가*/
    #section13 .left p {    font-size: 14px;}
    #section13 .left h3 {    font-size: 6vw;    }
    #section13 .left h4 {             font-size: 4vw;    }
    
          #Regenerative .section01 {
        padding: 170px 0 170px;
    }
    #Regenerative .section02 .section02-con {
    gap: 10px;
}
#Regenerative .section02 .section02-txt h1, #Regenerative .section04 .section04-txt h1{
font-size: 1.625rem;
}
#Regenerative .section02 .section02-con a div h5,#Regenerative .section03 div h3,#Regenerative .section04 .section04-con a div p{font-size: 1rem;line-height:1.3;}
#Regenerative .section01 .section01-txt h1{font-size: 2.2rem;}
    #Regenerative .section01 .section01-btn a:nth-child(1), #Regenerative .section02 .section02-txt p,#Regenerative .section02 .section02-con a div span,#Regenerative .section01 .section01-btn a:nth-child(2),#Regenerative .section03 div article p{   font-size: 2.7vw;}
         #Regenerative .section02 .section02-con a {
        width: 200px;
        height: 200px;
    }
        #Regenerative .section02 .section02-con a div p {
        margin: 0 auto 5px;
    }
        #Regenerative .section02 .section02-con a div h5 {
        margin: 15px 0 5px;
    }
    #Regenerative .section02 .section02-con a div span{line-height:1.3;}
        #Regenerative .header-logo {
        top: 15px;
        left: 15px;
    }
      #Regenerative .header-logo img{width: 150px;}
      #Regenerative .section02 .section02-con a{background-color:#fff; opacity:0.7;}
}

@media all and (max-width:450px) {
        #Regenerative .section01 .section01-txt h1 {
        font-size: 2rem;
    }
        #Regenerative .section01 {
        padding: 150px 0 150px;
    }
    #Regenerative .section01 .section01-txt h2 {
        font-size: 1rem;
    }
    #Regenerative .section01 .section01-txt h3{font-size:1.1rem; line-height:1.3;}
    #Regenerative .section01 .section01-btn a {    padding: 10px 25px;}
}
@media all and (max-width:400px){
       #Regenerative .section01 {
        padding: 100px 0 100px;
    } 
      #Regenerative .section02 .section02-txt h2, #Regenerative .section02 .section02-con a div h5, #Regenerative .section01 .section01-txt h2 ,#Regenerative .section01 .section01-txt h3,#Regenerative .section03 div h3,#Regenerative .section04 .section04-txt h2,#Regenerative .section04 .section04-con a div p{
        font-size: 0.7rem;
    }
        #Regenerative .section01 .section01-txt h1 {
        font-size: 1.5rem;
    }
        #Regenerative .section02 .section02-txt h1, #Regenerative .section04 .section04-txt h1 {
        font-size: 1.2rem;
    }
        #Regenerative .section02 .section02-con a {
        width: 160px;
        height: 160px;
           background-size: 12px;
}
    #Regenerative .section03 a {
        padding: 20px 0 170px;
    }
        #skin-regeneration .section03 .top .swiper-slide, #skin-regeneration .section03 .bottom .swiper-slide {
        width: 300px !important;
    }
        #skin-regeneration .section03 .top article:nth-child(2)>div, #skin-regeneration .section03 .bottom article:nth-child(2)>div {
        width: 300px;
    }
}