/********************************************************** 
* sub1-2_page
***********************************************************/
/* 공통버튼 */
.sub1-0-btn {width:172px; height:51px; border: #46aca8 1px solid; border-radius: 50px; overflow:hidden; margin: auto;}
.s1-btn{width: 100%; height: 100%; position:relative;}
.s1-btn::before,.s1-btn:after{display:block;left:0;top:0;width:100%}

.s1-btn::before{content:'';transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);z-index:1;height:100%;position:absolute}
.sub-btn .o{overflow:hidden; position:relative; z-index:3;}
.s1-btn:after{background-color:#46aca8; border-radius:100%; content:""; height:100%; position:absolute; transform:translateY(110%); z-index:2}
.sub-btn .t{align-items:center;display:flex; justify-content:center;line-height:0; transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);}

.sub-btn:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.sub-btn:hover .s1-btn:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}

.s1-btn {font-family:'Pretendard', sans-serif; font-size: 16px; color: #46aca8;}
.s1-btn .t{height:49px; text-align: center;}
.sub-pc-only{display: block;}
.sub-mo-only{display: none;}
.sub-mo-only2{display: none;}
.sub-mo425-only{display: none;}
/* txt-box 글자 */
.txt-box h3{font-family: 'KoPub Batang';}
.txt-box p{font-family:'Pretendard', sans-serif;}

/* 인트로 */
.sub-intro{width: 100%; height: 720px; display: flex; align-items: center; justify-content: center; background: url(../sub/img/sub1-2-introback.jpg) no-repeat top center /cover;}
.sub-intro .txt-box{color: #fff; text-align: center;}
.sub-intro .txt-box p{font-family: "Cormorant", serif; font-size: 20px; margin-bottom: 54px; font-weight: 500; line-height: 27px; letter-spacing: 0.32px; color: #fff;}
.sub-intro .txt-box h1{font-family: 'KoPub Batang'; font-size: 55px; margin-bottom: 64px; color: #fff; /* font-weight: 700; */}
.sub-intro .sub-index {font-family:'Pretendard', sans-serif; font-size: 16px; display: flex; align-items:center; justify-content: center; gap: 30px; color: #fff; font-weight: 400;}
.sub-intro .sub-index li{position: relative;}
.sub-intro .sub-index li .img-box img{width: 100%; height: 100%;}
.sub-intro .sub-index li::before{content: '>'; position:absolute; width: 100%; height: 100%; left: -71%;}
.sub-intro .sub-index li:nth-child(1):before{content: ''; }

/* 2번째 */
.sub-introduce{padding: 168px 0 160px; max-width:1920px; width:100%; background: url(../sub/img/sub1-2-introback2.png) no-repeat 50% 50% / cover; display: flex; align-items: center; justify-content: center; margin: auto;}
.sub-introduce .txt-box {text-align: center;}
.sub-introduce .txt-box h3{position: relative; font-family: 'KoPub Batang'; font-size: 30px; line-height: 50px; padding-bottom: 50px; font-weight: 300;}
.sub-introduce .txt-box h3:after{position: absolute; content: ""; width: 86px; height: 2px; background-color: #c69882; bottom: 0; left: 50%; transform: translateX(-50%);}
.sub-introduce .txt-box h3 span{font-weight: 700;font-family: 'KoPub Batang';}
.sub-introduce .txt-box p{font-family:'Pretendard', sans-serif; font-size: 18px; color: #6c6c6c; line-height: 32px;}
.sub-introduce .txt-box p:nth-of-type(1){margin-top: 48px;}
.sub-introduce .txt-box p:nth-of-type(2){margin-top: 38px; color: #419c98; font-weight: 600;}

/* 의료진소개 */
.sub01-02-cont02 { position:relative; }
.sub01-02-cont02 .pc-only { display:block; }
.sub01-02-cont02 .mo-only { display:none; }

.container-fluid.sub1-2-container{background: url(../sub/img/sub1-2-slidle-back-2.jpg) no-repeat center bottom / contain;}
.sub01-02-cont02 .swiper-wrapper{max-width: 1464px; width: 100%;}
.sub01-02-cont02 .swiper-slide {width:100%;margin:113px auto;display:flex;gap: 100px;align-items:center;filter:grayscale(0);opacity:1;transition:all 1.5s;justify-content: center;}

.sub01-02-cont02 .swiper-slide .imgbox {width: 535px;height: 568px;/* margin: auto; */text-align: center;border-radius:30px 150px 0 30px;background-color: #f6f3f1;overflow:hidden;}
.sub01-02-cont02 .swiper-slide .txtbox {}
.sub01-02-cont02 .swiper-slide .titlebox { margin-bottom:6.875rem; }
.sub01-02-cont02 .swiper-slide .txtbox h3 {font-family: 'KoPub Batang'; font-weight: 500; margin-bottom: 50px;font-size: 38px;font-weight:300;}
.sub01-02-cont02 .swiper-slide .txtbox h3 small {margin-left: 22px; font-weight: 300; font-size: 20px;}
.sub01-02-cont02 .swiper-slide .txtbox .txt {width: 564px; }
.sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list {width: 100%; font-size: 18px;color:#888;}
.sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list1{}
.sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list2{}


.sub01-02-cont02.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 52%;
    bottom: 22%;
    z-index: 50;
    max-width: 564px;
    width: 100%;
    height: 6px;
    background-color: #f1f1f1;
    overflow: hidden;
}
.sub01-02-cont02.swiper-scrollbar-drag {
    width: 50%!important;
    background: var(--swiper-scrollbar-drag-bg-color, #c3c3c3);
}
.sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list p{display: list-item; margin-left: 20px; list-style-type: disc; padding-left: 20px; font-family:'Pretendard', sans-serif; margin-bottom: 18px; font-weight: 400;}
.sub01-02-cont02 .swiper-slide:nth-child(1) .txtbox .txt .txt-list p:nth-of-type(1){color: #c69882;}
.sub01-02-cont02 .swiper-slide .txtbox .btn { font-size:0.938rem; }
.sub01-02-cont02 .swiper-slide .txtbox .btn i { width:0.5rem; height:0.5rem; }
#sub01-02-cont03-slide.sub01-02-cont02{}
.sub01-02-cont02{max-width: 1500px; width: 100%;}

.sub01-02-cont02 .swiper-navigation{}
.sub01-02-cont02 .swiper-navigation .swiper-button-prev {
    background: url(../sub/img/s1-2-btn-prev1.png) no-repeat center center / contain !important;
    width: 91px; height: 87px;
    box-shadow: rgba(149, 157, 165, 0.15) 0px 8px 24px;
    border-radius: 50%;
}

.sub01-02-cont02 .swiper-navigation .swiper-button-next {
    background: url(../sub/img/s1-2-btn-next1.png) no-repeat center center / contain !important;
    width: 91px; height: 87px;
    box-shadow: rgba(149, 157, 165, 0.15) 0px 8px 24px;
    border-radius: 50%;
}
.sub01-02-cont02 .swiper-navigation .swiper-button-prev::after, .sub01-02-cont02 .swiper-navigation .swiper-button-next::after {
   content: "";
}

@media(max-width:1440px){
    .sub1-0-btn {width:11.9444vw; height:3.5417vw; border: #46aca8 0.0694vw solid; border-radius: 3.4722vw;  margin: auto;}
    .s1-btn{width: 100%; height: 100%; }
    .s1-btn::before,.s1-btn:after{left:0;top:0;width:100%}

    .s1-btn::before{}
    .sub-btn .o{  }
    .s1-btn:after{ border-radius:100%;  height:100%;  transform:translateY(110%); z-index:2}
    .sub-btn .t{align-items:center; }

    .sub-btn:hover .t{transform:translateY(-100%); color:#fff}
    .sub-btn:hover .s1-btn:after{border-radius:0;}

    .s1-btn {font-family:'Pretendard', sans-serif; font-size: 1.1111vw; }
    .s1-btn .t{height:3.4028vw; }
    .sub-pc-only{}
    .sub-mo-only{}
    .sub-mo-only2{}
    .sub-mo425-only{}
    /* txt-box 글자 */
    .txt-box h3{font-family: 'KoPub Batang';}
    .txt-box p{font-family:'Pretendard', sans-serif;}

    /* 인트로 */
    .sub-intro{width: 100%; height: 50.0000vw;  align-items: center; background: url(../sub/img/sub1-2-introback.jpg) no-repeat top center /cover;}
    .sub-intro .txt-box{ }
    .sub-intro .txt-box p{font-family: "Cormorant", serif; font-size: 1.3889vw; margin-bottom: 3.7500vw;  line-height: 1.8750vw; letter-spacing: 0.0222vw; }
    .sub-intro .txt-box h1{font-family: 'KoPub Batang'; font-size: 3.8194vw; margin-bottom: 4.4444vw;  }
    .sub-intro .sub-index {font-family:'Pretendard', sans-serif; font-size: 1.1111vw;  align-items:center; gap: 2.0833vw;  }
    .sub-intro .sub-index li{}
    .sub-intro .sub-index li .img-box img{width: 100%; height: 100%;}
    .sub-intro .sub-index li::before{content: '>';  width: 100%; height: 100%; left: -71%;}
    .sub-intro .sub-index li:nth-child(1):before{ }

    /* 2번째 */
    .sub-introduce{padding: 11.6667vw 0 11.1111vw; max-width:133.3333vw; width:100%; background: url(../sub/img/sub1-2-introback2.png) no-repeat 50% 50% / cover;  align-items: center;  margin: auto;}
    .sub-introduce .txt-box {}
    .sub-introduce .txt-box h3{ font-family: 'KoPub Batang'; font-size: 2.0833vw; line-height: 3.4722vw; padding-bottom: 3.4722vw; }
    .sub-introduce .txt-box h3:after{  width: 5.9722vw; height: 0.1389vw;  bottom: 0; left: 50%; transform: translateX(-50%);}
    .sub-introduce .txt-box h3 span{}
    .sub-introduce .txt-box p{font-family:'Pretendard', sans-serif; font-size: 1.2500vw;  line-height: 2.2222vw;}
    .sub-introduce .txt-box p:nth-of-type(1){margin-top: 3.3333vw;}
    .sub-introduce .txt-box p:nth-of-type(2){margin-top: 2.6389vw;  }

    /* 의료진소개 */
    .sub01-02-cont02 {  }
    .sub01-02-cont02 .pc-only {  }
    .sub01-02-cont02 .mo-only {  }

    .container-fluid.sub1-2-container{background: url(../sub/img/sub1-2-slidle-back-2.jpg) no-repeat center bottom / contain;}
    .sub01-02-cont02 .swiper-wrapper{max-width: 101.6667vw; width: 100%;}
    .sub01-02-cont02 .swiper-slide {width:100%;margin:7.8472vw auto;gap: 6.9444vw;align-items:center;filter:grayscale(0);opacity:1;transition:all 1.5s;}

    .sub01-02-cont02 .swiper-slide .imgbox {width: 37.1528vw;height: 39.4444vw;/* margin: auto; */border-radius:2.0833vw 10.4167vw 0 2.0833vw;}
    .sub01-02-cont02 .swiper-slide .txtbox {}
    .sub01-02-cont02 .swiper-slide .titlebox { margin-bottom:6.875rem; }
    .sub01-02-cont02 .swiper-slide .txtbox h3 {font-family: 'KoPub Batang';  margin-bottom: 3.4722vw;font-size: 2.6389vw;}
    .sub01-02-cont02 .swiper-slide .txtbox h3 small {margin-left: 1.5278vw;  font-size: 1.3889vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt {width: 39.1667vw; }
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list {width: 100%; font-size: 1.2500vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list1{}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list2{}


    .sub01-02-cont02.swiper-container-horizontal>.swiper-scrollbar {
        
        left: 52%;
        bottom: 22%;
        
        max-width: 39.1667vw;
        width: 100%;
        height: 0.4167vw;
        
        
    }
    .sub01-02-cont02.swiper-scrollbar-drag {
        width: 50%!important;
        background: var(--swiper-scrollbar-drag-bg-color, #c3c3c3);
    }
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list p{ margin-left: 1.3889vw; list-style-type: disc; padding-left: 1.3889vw; font-family:'Pretendard', sans-serif; margin-bottom: 1.2500vw; }
    .sub01-02-cont02 .swiper-slide:nth-child(1) .txtbox .txt .txt-list p:nth-of-type(1){}
    .sub01-02-cont02 .swiper-slide .txtbox .btn { font-size:0.938rem; }
    .sub01-02-cont02 .swiper-slide .txtbox .btn i { width:0.5rem; height:0.5rem; }
    #sub01-02-cont03-slide.sub01-02-cont02{}
    .sub01-02-cont02{max-width: 104.1667vw; width: 100%;}

    .sub01-02-cont02 .swiper-navigation{}
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev {
        background: url(../sub/img/s1-2-btn-prev1.png) no-repeat center center / contain !important;
        width: 6.3194vw; height: 6.0417vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 0.5556vw 1.6667vw;
        border-radius: 50%;
    }

    .sub01-02-cont02 .swiper-navigation .swiper-button-next {
        background: url(../sub/img/s1-2-btn-next1.png) no-repeat center center / contain !important;
        width: 6.3194vw; height: 6.0417vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 0.5556vw 1.6667vw;
        border-radius: 50%;
    }
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev::after, .sub01-02-cont02 .swiper-navigation .swiper-button-next::after {
    
    }
}
@media(max-width:1024px){
    .sub1-0-btn {width:16.7969vw; height:4.9805vw; border: #46aca8 0.0977vw solid; border-radius: 4.8828vw;  margin: auto;}
    .s1-btn{width: 100%; height: 100%; }


    .sub-btn:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
    .sub-btn:hover .s1-btn:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}

    .s1-btn {font-family:'Pretendard', sans-serif; font-size: 1.5625vw; }
    .s1-btn .t{height:4.7852vw; }
    .sub-pc-only{}
    .sub-mo-only{}
    .sub-mo-only2{}
    .sub-mo425-only{}
    /* txt-box 글자 */
    .txt-box h3{font-family: 'KoPub Batang';}
    .txt-box p{font-family:'Pretendard', sans-serif;}

    /* 인트로 */
    .sub-intro{width: 100%; height: 70.3125vw;  align-items: center; background: url(../sub/img/sub1-2-introback.jpg) no-repeat top center /cover;}
    .sub-intro .txt-box{ }
    .sub-intro .txt-box p{font-family: "Cormorant", serif; font-size: 1.9531vw; margin-bottom: 5.2734vw;  line-height: 2.6367vw; letter-spacing: 0.0313vw; }
    .sub-intro .txt-box h1{font-family: 'KoPub Batang'; font-size: 5.3711vw; margin-bottom: 6.2500vw;  }
    .sub-intro .sub-index {font-family:'Pretendard', sans-serif; font-size: 1.5625vw;  align-items:center;  gap: 2.9297vw;  }
    .sub-intro .sub-index li{}
    .sub-intro .sub-index li .img-box img{width: 100%; height: 100%;}
    .sub-intro .sub-index li::before{content: '>';  width: 100%; height: 100%; left: -71%;}
    .sub-intro .sub-index li:nth-child(1):before{ }

    /* 2번째 */
    .sub-introduce{padding: 16.4063vw 0 15.6250vw; max-width:187.5000vw; width:100%; background: url(../sub/img/sub1-2-introback2.png) no-repeat 50% 50% / cover;  align-items: center;  margin: auto;}
    .sub-introduce .txt-box {}
    .sub-introduce .txt-box h3{ font-family: 'KoPub Batang'; font-size: 2.9297vw; line-height: 4.8828vw; padding-bottom: 4.8828vw; }
    .sub-introduce .txt-box h3:after{  width: 8.3984vw; height: 0.1953vw;  bottom: 0; left: 50%; transform: translateX(-50%);}
    .sub-introduce .txt-box h3 span{}
    .sub-introduce .txt-box p{font-family:'Pretendard', sans-serif; font-size: 1.7578vw;  line-height: 3.1250vw;}
    .sub-introduce .txt-box p:nth-of-type(1){margin-top: 4.6875vw;}
    .sub-introduce .txt-box p:nth-of-type(2){margin-top: 3.7109vw;  }

    /* 의료진소개 */
    .sub01-02-cont02 {  }
    .sub01-02-cont02 .pc-only {  }
    .sub01-02-cont02 .mo-only {  }

    .container-fluid.sub1-2-container{background: url(../sub/img/sub1-2-slidle-back-2.jpg) no-repeat center bottom / contain;}
    .sub01-02-cont02 .swiper-wrapper{max-width: 82.9688vw;width: 100%;}
    .sub01-02-cont02 .swiper-slide {width:100%;margin:11.0352vw auto;gap: 6.7656vw;align-items:center;filter:grayscale(0);opacity:1;transition:all 1.5s;}

    .sub01-02-cont02 .swiper-slide .imgbox {width: 32.2461vw;height: 42.4688vw;/* margin: auto; */border-radius:2.9297vw 14.6484vw 0 2.9297vw;}
    .sub01-02-cont02 .swiper-slide .txtbox {}
    .sub01-02-cont02 .swiper-slide .titlebox { margin-bottom:6.875rem; }
    .sub01-02-cont02 .swiper-slide .txtbox h3 {font-family: 'KoPub Batang';  margin-bottom: 4.8828vw;font-size: 3.7109vw;}
    .sub01-02-cont02 .swiper-slide .txtbox h3 small {margin-left: 2.1484vw;  font-size: 1.9531vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt {width: 36.0781vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list {width: 100%; font-size: 1.7578vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list1{}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list2{}


    .sub01-02-cont02.swiper-container-horizontal>.swiper-scrollbar {left: 52%;bottom: 22%;max-width: 38.0781vw;width: 100%;height: 0.5859vw;}
    .sub01-02-cont02.swiper-scrollbar-drag {
        width: 50%!important;
        background: var(--swiper-scrollbar-drag-bg-color, #c3c3c3);
    }
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list p{ margin-left: 1.9531vw; list-style-type: disc; padding-left: 1.9531vw; font-family:'Pretendard', sans-serif; margin-bottom: 1.7578vw; }
    .sub01-02-cont02 .swiper-slide:nth-child(1) .txtbox .txt .txt-list p:nth-of-type(1){}
    .sub01-02-cont02 .swiper-slide .txtbox .btn { font-size:0.938rem; }
    .sub01-02-cont02 .swiper-slide .txtbox .btn i { width:0.5rem; height:0.5rem; }
    #sub01-02-cont03-slide.sub01-02-cont02{}
    .sub01-02-cont02{max-width: 146.4844vw; width: 100%;}

    .sub01-02-cont02 .swiper-navigation{}
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev {
        background: url(../sub/img/s1-2-btn-prev1.png) no-repeat center center / contain !important;
        width: 8.8867vw; height: 8.4961vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 0.7813vw 2.3438vw;
        border-radius: 50%;
    }

    .sub01-02-cont02 .swiper-navigation .swiper-button-next {
        background: url(../sub/img/s1-2-btn-next1.png) no-repeat center center / contain !important;
        width: 8.8867vw; height: 8.4961vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 0.7813vw 2.3438vw;
        border-radius: 50%;
    }
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev::after, .sub01-02-cont02 .swiper-navigation .swiper-button-next::after {
    
    }
}
@media(max-width:768px){
    .sub1-0-btn {width:22.3958vw; height:6.6406vw; border: #46aca8 0.1302vw solid; border-radius: 6.5104vw;  margin: auto;}
    .s1-btn{width: 100%; height: 100%; }
    .s1-btn::before,.s1-btn:after{left:0;top:0;width:100%}


    .s1-btn {font-family:'Pretendard', sans-serif; font-size: 2.0833vw; }
    .s1-btn .t{height:6.3802vw; }
    .sub-pc-only{}
    .sub-mo-only{}
    .sub-mo-only2{}
    .sub-mo425-only{}
    /* txt-box 글자 */
    .txt-box h3{font-family: 'KoPub Batang';}
    .txt-box p{font-family:'Pretendard', sans-serif;}

    /* 인트로 */
    .sub-intro{width: 100%; height: 93.7500vw;  align-items: center; background: url(../sub/img/sub1-2-introback.jpg) no-repeat top center /cover;}
    .sub-intro .txt-box{ }
    .sub-intro .txt-box p{font-family: "Cormorant", serif; font-size: 2.6042vw; margin-bottom: 7.0313vw;  line-height: 3.5156vw; letter-spacing: 0.0417vw; }
    .sub-intro .txt-box h1{font-family: 'KoPub Batang';font-size: 6.1615vw;margin-bottom: 8.3333vw;}
    .sub-intro .sub-index {font-family:'Pretendard', sans-serif; font-size: 2.0833vw;  align-items:center;  gap: 3.9063vw;  }
    .sub-intro .sub-index li{}
    .sub-intro .sub-index li .img-box img{width: 100%; height: 100%;}
    .sub-intro .sub-index li::before{content: '>';  width: 100%; height: 100%; left: -71%;}
    .sub-intro .sub-index li:nth-child(1):before{ }

    /* 2번째 */
    .sub-introduce{padding: 21.8750vw 0 20.8333vw; max-width:250.0000vw; width:100%; background: url(../sub/img/sub1-2-introback2.png) no-repeat 50% 50% / cover;  align-items: center; margin: auto;}
    .sub-introduce .txt-box {}
    .sub-introduce .txt-box h3{ font-family: 'KoPub Batang'; font-size: 3.9063vw; line-height: 6.5104vw; padding-bottom: 6.5104vw; }
    .sub-introduce .txt-box h3:after{  width: 11.1979vw; height: 0.2604vw;  bottom: 0; left: 50%; transform: translateX(-50%);}
    .sub-introduce .txt-box h3 span{}
    .sub-introduce .txt-box p{font-family:'Pretendard', sans-serif; font-size: 2.3438vw;  line-height: 4.1667vw;}
    .sub-introduce .txt-box p:nth-of-type(1){margin-top: 6.2500vw;}
    .sub-introduce .txt-box p:nth-of-type(2){margin-top: 4.9479vw;  }

    /* 의료진소개 */
    .sub01-02-cont02 {  }
    .sub01-02-cont02 .pc-only {  }
    .sub01-02-cont02 .mo-only {  }

    .container-fluid.sub1-2-container{background: url(../sub/img/sub1-2-slidle-back-2.jpg) no-repeat center bottom / contain;}
    .sub01-02-cont02 .swiper-wrapper{max-width: 90vw;width: 100%;}
    .sub01-02-cont02 .swiper-slide {display: flex;width: 100vw;margin: 14.7135vw auto;gap: 9.0208vw;align-items:center;filter:grayscale(0);opacity:1;transition:all 1.5s;flex-direction: column;}

    .sub01-02-cont02 .swiper-slide .imgbox {width: 70.6615vw;height: 73.9583vw;/* margin: auto; */border-radius:3.9063vw 19.5313vw 0 3.9063vw;}
    .sub01-02-cont02 .swiper-slide .txtbox {}
    .sub01-02-cont02 .swiper-slide .titlebox { margin-bottom:6.875rem; }
    .sub01-02-cont02 .swiper-slide .txtbox h3 {font-family: 'KoPub Batang';  margin-bottom: 6.5104vw;font-size: 4.9479vw;}
    .sub01-02-cont02 .swiper-slide .txtbox h3 small {margin-left: 2.8646vw;  font-size: 2.6042vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt {width: 73.4375vw; }
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list {width: 100%; font-size: 2.3438vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list1{}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list2{}


    .sub01-02-cont02.swiper-container-horizontal>.swiper-scrollbar {left: 50%;  bottom: 11%;max-width: 73.4375vw; width: 100%; height: 0.7813vw;transform: translateX(-50%);    }
    .sub01-02-cont02.swiper-scrollbar-drag {
        width: 50%!important;
        background: var(--swiper-scrollbar-drag-bg-color, #c3c3c3);
    }
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list p{ margin-left: 2.6042vw; list-style-type: disc; padding-left: 2.6042vw; font-family:'Pretendard', sans-serif; margin-bottom: 2.3438vw; }
    .sub01-02-cont02 .swiper-slide:nth-child(1) .txtbox .txt .txt-list p:nth-of-type(1){}
    .sub01-02-cont02 .swiper-slide .txtbox .btn { font-size:0.938rem; }
    .sub01-02-cont02 .swiper-slide .txtbox .btn i { width:0.5rem; height:0.5rem; }
    #sub01-02-cont03-slide.sub01-02-cont02{}
    .sub01-02-cont02{/* max-width: 90vw; */width: 100%;/* padding: 0 3.9063vw; */padding: 0 3.9063vw 9vw;}

    .sub01-02-cont02 .swiper-navigation{display:none;
    /* top: 50%; */
}
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev {
        background: url(../sub/img/s1-2-btn-prev1.png) no-repeat center center / contain !important;
        width: 11.8490vw;
        height: 11.3281vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 1.0417vw 3.1250vw;
        border-radius: 50%;
        top: 94%;
        left: 31%;
        transform: translateX(-50%);
    }

    .sub01-02-cont02 .swiper-navigation .swiper-button-next {
        background: url(../sub/img/s1-2-btn-next1.png) no-repeat center center / contain !important;
        width: 11.8490vw;
        height: 11.3281vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 1.0417vw 3.1250vw;
        border-radius: 50%;
        left: 64%;
        top: 94%;
        transform: translateX(-50%);
    }
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev::after, .sub01-02-cont02 .swiper-navigation .swiper-button-next::after {
    
    }
}
@media(max-width:480px){
    .sub1-0-btn {width:35.8333vw; height:10.6250vw; border: #46aca8 0.2083vw solid; border-radius: 10.4167vw;  margin: auto;}
    .s1-btn{width: 100%; height: 100%; }
    .s1-btn::before,.s1-btn:after{left:0;top:0;width:100%}

    .s1-btn {font-family:'Pretendard', sans-serif; font-size: 3.3333vw; }
    .s1-btn .t{height:10.2083vw; }
    .sub-pc-only{}
    .sub-mo-only{}
    .sub-mo-only2{}
    .sub-mo425-only{}
    /* txt-box 글자 */
    .txt-box h3{font-family: 'KoPub Batang';}
    .txt-box p{font-family:'Pretendard', sans-serif;}

    /* 인트로 */
    .sub-intro{width: 100%;height: 150.0000vw;align-items: center;background: url(../sub/img/sub1-2-introback.jpg) no-repeat top center /cover;}
    .sub-intro .txt-box{ }
    .sub-intro .txt-box p{font-family: "Cormorant", serif;font-size: 4.1667vw;margin-bottom: 8.25vw;line-height: 5.6250vw;letter-spacing: 0.0667vw;}
    .sub-intro .txt-box h1{font-family: 'KoPub Batang';font-size: 9.4583vw;margin-bottom: 10.3333vw;}
    .sub-intro .sub-index {font-family:'Pretendard', sans-serif; font-size: 3.3333vw;  align-items:center;  gap: 6.2500vw;  }
    .sub-intro .sub-index li{}
    .sub-intro .sub-index li .img-box img{width: 100%; height: 100%;}
    .sub-intro .sub-index li::before{content: '>';  width: 100%; height: 100%; left: -71%;}
    .sub-intro .sub-index li:nth-child(1):before{ }

    /* 2번째 */
    .sub-introduce{padding: 15vw 0 13.3333vw;max-width:400.0000vw;width:100%;background: url(../sub/img/sub1-2-introback2.png) no-repeat 50% 50% / cover;align-items: center;margin: auto;}
    .sub-introduce .txt-box {}
    .sub-introduce .txt-box h3{font-family: 'KoPub Batang';font-size: 5.25vw;line-height: 9.4167vw;padding-bottom: 6.4167vw;}
    .sub-introduce .txt-box h3:after{  width: 17.9167vw; height: 0.4167vw;  bottom: 0; left: 50%; transform: translateX(-50%);}
    .sub-introduce .txt-box h3 span{}
    .sub-introduce .txt-box p{font-family:'Pretendard', sans-serif; font-size: 3.7500vw;  line-height: 6.6667vw;}
    .sub-introduce .txt-box p:nth-of-type(1){margin-top: 7vw;}
    .sub-introduce .txt-box p:nth-of-type(2){margin-top: 7.9167vw;  }

    /* 의료진소개 */
    .sub01-02-cont02 {  }
    .sub01-02-cont02 .pc-only {  }
    .sub01-02-cont02 .mo-only {  }

    .container-fluid.sub1-2-container{background: url(../sub/img/sub1-2-slidle-back-2.jpg) no-repeat center bottom / contain; padding-bottom: 7vw;}
    .sub01-02-cont02 .swiper-wrapper{max-width: 100vw;width: 100%;}
    .sub01-02-cont02 .swiper-slide {/* width: 100vw!important; */width:100%;margin: 13.5417vw auto;gap: 8.8333vw;align-items:center;filter:grayscale(0);opacity:1;transition:all 1.5s;}
    .sub01-02-cont02 .swiper-slide:last-child{margin-bottom: 5vw;}
    .sub01-02-cont02 .swiper-slide .imgbox {width: 80vw;height: 84.3333vw;/* margin: auto; */border-radius:6.2500vw 31.2500vw 0 6.2500vw;}

    .sub01-02-cont02 .swiper-slide .titlebox { margin-bottom:6.875rem; }
    .sub01-02-cont02 .swiper-slide .txtbox h3 {font-family: 'KoPub Batang';margin-bottom: 6.4167vw;font-size: 7.9167vw;}
    .sub01-02-cont02 .swiper-slide .txtbox h3 small {margin-left: 4.5833vw;  font-size: 4.1667vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt {width: 80vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list {width: 100%; font-size: 3.7500vw;}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list1{}
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list .list2{}


    .sub01-02-cont02.swiper-container-horizontal>.swiper-scrollbar {left: 52%; bottom: 10%; max-width: 70vw; width: 100%; height: 1.2500vw;
    }
    .sub01-02-cont02.swiper-scrollbar-drag {
        width: 50%!important;
        background: var(--swiper-scrollbar-drag-bg-color, #c3c3c3);
    }
    .sub01-02-cont02 .swiper-slide .txtbox .txt .txt-list p{margin-left: 4.1667vw;list-style-type: disc;padding-left: 4.1667vw;font-family:'Pretendard', sans-serif;margin-bottom: 3.7500vw;line-height: 5.6vw;}
    .sub01-02-cont02 .swiper-slide:nth-child(1) .txtbox .txt .txt-list p:nth-of-type(1){}
    .sub01-02-cont02 .swiper-slide .txtbox .btn { font-size:0.938rem; }
    .sub01-02-cont02 .swiper-slide .txtbox .btn i { width:0.5rem; height:0.5rem; }
    #sub01-02-cont03-slide.sub01-02-cont02{}
    .sub01-02-cont02{max-width: 100vw;width: 100%;/* margin-bottom: 1vw; */}

    .sub01-02-cont02 .swiper-navigation{}
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev {
        background: url(../sub/img/s1-2-btn-prev1.png) no-repeat center center / contain !important;
        width: 15.9583vw;
        height: 15.125vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 1.6667vw 5.0000vw;
        border-radius: 50%;
    }

    .sub01-02-cont02 .swiper-navigation .swiper-button-next {
        background: url(../sub/img/s1-2-btn-next1.png) no-repeat center center / contain !important;
        width: 15.9583vw;
        height: 15.125vw;
        box-shadow: rgba(149, 157, 165, 0.15) 0.0000vw 1.6667vw 5.0000vw;
        border-radius: 50%;
    }
    .sub01-02-cont02 .swiper-navigation .swiper-button-prev::after, .sub01-02-cont02 .swiper-navigation .swiper-button-next::after {
    
    }
}
/********************************************************** 
* sub1-3_page
***********************************************************/

/* sub1-3-introduce */
.sub1-3-intro{background: url(../sub/img/sub1-3-introback2.jpg) no-repeat top center / cover;}

.s1-3-introduce{padding: 170px 0 120px; display: flex; justify-content: center; align-items: center; width: 100%; gap: 92px; }

.map-wrap{width: 764px; height: 461px;}
#su1-3-map{width: 100%; height: 100%;}
.s1-3-map-intro .txt-box h3{font-family: 'KoPub Batang';font-size: 30px;line-height: 45px;margin-bottom: 30px; font-weight: 500;}
.s1-3-map-intro .txt-box .s1-3-ss2{font-family:'Pretendard', sans-serif;position: relative;font-size: 18px;font-weight: 500;margin-bottom: 36px;line-height: 30px;padding-left: 34px;}
.s1-3-map-intro .s1-3-ss2 span{font-weight: 400; color: #6c6c6c;}
.s1-3-ss2:before{position: absolute; content: url(../../cdam/sub/img/sub1-3-icon2.png); width: 40px; height: 40px; left: 0; top: 0;}
.s1-3-ss2-2:before{content: url(../../cdam/sub/img/sub1-3-icon1.png);}

.s1-3-map-intro .txt-box-b .s1-3-ss2{font-family:'Pretendard', sans-serif;position: relative; font-weight: 400;}
.s1-3-map-intro .txt-box-b .s1-3-ss2-2 i{font-weight: 600;}
.s1-3-map-intro .txt-box:nth-of-type(2){margin-top: 75px;}

.s1-3-map-intro .btn-box{display: flex; align-items: center; justify-content: space-between;}
.s1-3-map-intro .btn-box .sub1-3-btn:nth-child(2){margin-left: 10px;}
.s1-3-map-intro .sub1-3-btn{width: 221px; height: 58px;}
.s1-3-map-intro .sub1-3-btn:nth-child(1){background-color: #18a643;}
.s1-3-map-intro .sub1-3-btn:nth-child(2){background-color: #f6d01f;}

.sub1-3-btn:nth-child(1) .s1-btn:after{background-color:#18a643; filter: brightness(105%);}
.sub1-3-btn:nth-child(2) .s1-btn:after{background-color:#f6d01f; filter: brightness(105%);}
.sub1-3-btn:nth-child(2) .sub-btn:hover .t{color: #000;}
.s1-3-1-btn .t,.s1-3-2-btn .t  {height: 56px;}
.sub1-3-btn{margin-left: 0; border: transparent;}
.s1-3-1-btn{color: #fff; font-size: 17px;}
.s1-3-2-btn{color: #000; font-size: 17px;}



.s1-3-infotime{position: relative;padding-top: 100px;margin-bottom: 112px;}

/* 구분선 */
.s1-3-infotime::before{position: absolute; content: ""; top: 0; left: 50%; transform: translateX(-50%); max-width: 1361px; width: 100%; height: 1px; background-color: #d4d4d4;}
.s1-3-info{display: flex;align-items: flex-start;justify-content: center;gap: 135px;}

.s1-3-timewrapper .s1-3-timetable{/* margin-top: 2.813vw; */}
.s1-3-timewrapper .s1-3-timetable li{margin-bottom: 22px;display: flex;align-items: baseline;}
.s1-3-timewrapper h3{font-weight: 500;font-family: 'KoPub Batang';font-size: 30px;margin-bottom: 38px;line-height: 45px;}
.s1-3-timewrapper li p{font-family:'Pretendard', sans-serif;font-size: 20px;font-weight: 600;width: 93px;margin-right: 43px;text-align: justify;}
.s1-3-timewrapper li p:after{content: ""; display: inline-block; width: 100%;}
.s1-3-timewrapper .s1-3-time{font-family:'Pretendard', sans-serif;font-size: 19px;line-height: 42px;}
.s1-3-timewrapper .s1-3-time span{padding-left: 15px; font-size: 16px; line-height: 42px; color: #555; font-weight: 400;}
.s1-3-cell{}

.s1-3-timewrapper .s1-3-closed {font-family:'Pretendard', sans-serif;font-size: 18px;color: #4a8784;display: inline-block;margin-top: 10px;line-height: 42px;letter-spacing: 0.48px;}

.s1-3-cell .txt-box h3{font-family: 'KoPub Batang';font-size: 30px;margin-bottom: 38px;line-height: 45px;font-weight: 500;}
.s1-3-cell .txt-box h4{font-family:'Pretendard', sans-serif;font-size: 33px;font-weight: 600;color: #419c98;line-height: 42px;margin-bottom: 30px;}
.s1-3-cell .txt-box p{font-family:'Pretendard', sans-serif;font-size: 16px;color: #555;font-weight: 400;line-height: 24px;}
.s1-3-cell .txt-box p span{font-weight: 600;}

.s1-3-cell .sub1-3-btn{width: 304px; height: 58px;  margin-top: 2.6042vw;}
.s1-3-cell .sub1-3-btn{background-color: #000;}
.s1-3-3-btn{color: #fff; font-size: 1.125rem;}
.s1-3-3-btn .t{height: 56px;}

.s1-3-cell .sub1-3-btn .s1-btn:after{background-color:#000;}
.s1-3-cell .sub1-3-btn:nth-child(2) .sub-btn:hover .t{color: #fff;}

.s1-3-schedule {max-width: 1370px; width: 100%; padding: 100px 0 103px; margin: auto; position: relative;/* margin: auto; */}
.s1-3-schedule::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 95vw;
    width: 100%;
    height: 1px;
    background-color: #d4d4d4;
}
.s1-3-schedule table {
    border: 1px solid #ebebeb;
    border-radius: 15px;
    border-collapse: separate;
    overflow: hidden;
}
.s1-3-schedule .swiper-wrapper {
    padding-bottom: 70px;
}
.s1-3-schedule .swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
}
.s1-3-schedule .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
}
.s1-3-schedule .swiper-pagination-bullet-active {
    width: 17px;
    height: 17px;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, #649a98);
}
.s1-3-schedule .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.s1-3-schedule .swiper-button-next,.s1-3-schedule .swiper-button-prev {
    width: 77px; height: 35px;
}
.s1-3-schedule .swiper-navigation{
}

.s1-3-schedule .swiper-button-prev::after{
   content: url(../../cdam/sub/img/schedule-btn_prev.png);
   width: 100%;
   height: 100%;
}
.s1-3-schedule .swiper-button-next::after {
    content: url(../../cdam/sub/img/schedule-btn_next.png);
    width: 100%;
    height: 100%;
}
.s1-3-schedule .swiper-button-next, .s1-3-schedule .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 94%);
}
.s1-3-schedule .swiper-button-prev{
    left: 87%;
    position: absolute;
    top: var(--swiper-navigation-top-offset, 94%);
}

.s1-3-schedule table th,
.s1-3-schedule table td{border: 1px solid #ebebeb;}
.s1-3-schedule .txt-box h2{font-family: 'KoPub Batang'; font-size: 30px; line-height: 45px; font-weight: 500; margin-bottom: 43px;}
.s1-3-schedule .txt-box h2 span{font-family: 'Pretendard', sans-serif; padding-left: 31px; font-size: 18px; color: #4a8784; display: inline-block; line-height: 42px; letter-spacing: 0.48px;}

.s1-3-schedule .sub01-03-cont .slide{}

.s1-3-schedule table{font-family: 'Pretendard', sans-serif; text-align: center;}
.s1-3-schedule table .mo-only{display: none;}
.s1-3-schedule thead tr th {height: 60px; background-color: #f0eeec; font-size: 20px;font-weight: 600; letter-spacing: 0.16px; vertical-align: middle;}
.s1-3-schedule tbody tr td {height: 108px; width: 190px; font-weight: 400; font-size: 20px; color: #555; vertical-align: middle;}
.s1-3-schedule tbody tr th:nth-child(1) {width: 256px; font-size: 20px; font-weight: 500; line-height: 42px; vertical-align: middle;}


@media(max-width:1440px){
    .sub1-3-intro{background: url(../sub/img/sub1-3-introback2.jpg) no-repeat top center / cover;}

    .s1-3-introduce{padding: 11.8056vw 0 8.3333vw; align-items: center; width: 100%; gap: 6.3889vw; }

    .map-wrap{width: 53.0556vw; height: 32.0139vw;}
    #su1-3-map{width: 100%; height: 100%;}
    .s1-3-map-intro .txt-box h3{font-family: 'KoPub Batang';font-size: 2.0833vw;line-height: 3.1250vw;margin-bottom: 2.0833vw; }
    .s1-3-map-intro .txt-box .s1-3-ss2{font-family:'Pretendard', sans-serif;font-size: 1.2500vw;margin-bottom: 2.5000vw;line-height: 2.0833vw;padding-left: 2.3611vw;}
    .s1-3-map-intro .s1-3-ss2 span{ }
    .s1-3-ss2:before{ content: url(../../cdam/sub/img/sub1-3-icon2.png); width: 2.7778vw; height: 2.7778vw; left: 0; top: 0;}
    .s1-3-ss2-2:before{content: url(../../cdam/sub/img/sub1-3-icon1.png);}

    .s1-3-map-intro .txt-box-b .s1-3-ss2{font-family:'Pretendard', sans-serif; }
    .s1-3-map-intro .txt-box-b .s1-3-ss2-2 i{}
    .s1-3-map-intro .txt-box:nth-of-type(2){margin-top: 5.2083vw;}

    .s1-3-map-intro .btn-box{ align-items: center;}
    .s1-3-map-intro .btn-box .sub1-3-btn:nth-child(2){margin-left: 0.6944vw;}
    .s1-3-map-intro .sub1-3-btn{width: 15.3472vw; height: 4.0278vw;}
    .s1-3-map-intro .sub1-3-btn:nth-child(1){}
    .s1-3-map-intro .sub1-3-btn:nth-child(2){}

    .sub1-3-btn:nth-child(1) .s1-btn:after{ filter: brightness(105%);}
    .sub1-3-btn:nth-child(2) .s1-btn:after{ filter: brightness(105%);}
    .sub1-3-btn:nth-child(2) .sub-btn:hover .t{}
    .s1-3-1-btn .t,.s1-3-2-btn .t  {height: 3.8889vw;}
    .sub1-3-btn{margin-left: 0; border: transparent;}
    .s1-3-1-btn{ font-size: 1.1806vw;}
    .s1-3-2-btn{ font-size: 1.1806vw;}



    .s1-3-infotime{padding-top: 6.9444vw;margin-bottom: 7.7778vw;}
    /* 구분선 */
    .s1-3-infotime::before{  top: 0; left: 50%; transform: translateX(-50%); max-width: 94.5139vw; width: 100%; height: 0.0694vw; }
    .s1-3-info{align-items: flex-start;gap: 9.3750vw;}

    .s1-3-timewrapper .s1-3-timetable{/* margin-top: 2.813vw; */}
    .s1-3-timewrapper .s1-3-timetable li{margin-bottom: 1.5278vw;align-items: baseline;}
    .s1-3-timewrapper h3{font-family: 'KoPub Batang';font-size: 2.0833vw;margin-bottom: 2.6389vw;line-height: 3.1250vw;}
    .s1-3-timewrapper li p{font-family:'Pretendard', sans-serif;font-size: 1.3889vw;width: 6.4583vw;margin-right: 2.9861vw;}
    .s1-3-timewrapper li p:after{  width: 100%;}
    .s1-3-timewrapper .s1-3-time{font-family:'Pretendard', sans-serif;font-size: 1.3194vw;line-height: 2.9167vw;}
    .s1-3-timewrapper .s1-3-time span{padding-left: 1.0417vw; font-size: 1.1111vw; line-height: 2.9167vw;  }
    .s1-3-cell{}

    .s1-3-timewrapper .s1-3-closed {font-family:'Pretendard', sans-serif;font-size: 1.2500vw;margin-top: 0.6944vw;line-height: 2.9167vw;letter-spacing: 0.0333vw;}

    .s1-3-cell .txt-box h3{font-family: 'KoPub Batang';font-size: 2.0833vw;margin-bottom: 2.6389vw;line-height: 3.1250vw;}
    .s1-3-cell .txt-box h4{font-family:'Pretendard', sans-serif;font-size: 2.2917vw;line-height: 2.9167vw;margin-bottom: 2.0833vw;}
    .s1-3-cell .txt-box p{font-family:'Pretendard', sans-serif;font-size: 1.1111vw;line-height: 1.6667vw;}
    .s1-3-cell .txt-box p span{}

    .s1-3-cell .sub1-3-btn{width: 21.1111vw; height: 4.0278vw;  margin-top: 2.6042vw;}
    .s1-3-cell .sub1-3-btn{}
    .s1-3-3-btn{ font-size: 1.125rem;}
    .s1-3-3-btn .t{height: 3.8889vw;}

    .s1-3-cell .sub1-3-btn .s1-btn:after{}
    .s1-3-cell .sub1-3-btn:nth-child(2) .sub-btn:hover .t{}

    .s1-3-schedule {max-width: 95.1389vw; width: 100%; padding: 6.9444vw 0 7.1528vw; margin: auto; /* margin: auto; */}
    .s1-3-schedule table {
        border: 0.0694vw solid #ebebeb;
        border-radius: 1.0417vw;
        
        
    }
    .s1-3-schedule .swiper-wrapper {
        padding-bottom: 4.8611vw;
    }
    .s1-3-schedule .swiper-pagination{
        
        align-items: center;
    }
    .s1-3-schedule .swiper-pagination-bullet {
        width: 0.6250vw;
        height: 0.6250vw;
    }
    .s1-3-schedule .swiper-pagination-bullet-active {
        width: 1.1806vw;
        height: 1.1806vw;
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, #649a98);
    }
    .s1-3-schedule .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 0.6944vw;
    }
    .s1-3-schedule .swiper-button-next,.s1-3-schedule .swiper-button-prev {
        width: 5.3472vw; height: 2.4306vw;
    }
    .s1-3-schedule .swiper-navigation{
    }

    .s1-3-schedule .swiper-button-prev::after{
        content: url(../../cdam/sub/img/schedule-btn_prev.png);
    }
    .s1-3-schedule .swiper-button-next::after {
        content: url(../../cdam/sub/img/schedule-btn_next.png);
    }
    .s1-3-schedule .swiper-button-next, .s1-3-schedule .swiper-button-prev {
        
        top: var(--swiper-navigation-top-offset, 94%);
    }
    .s1-3-schedule .swiper-button-prev{
        left: 87%;
        
        top: var(--swiper-navigation-top-offset, 94%);
    }

    .s1-3-schedule table th,
    .s1-3-schedule table td{border: 0.0694vw solid #ebebeb;}
    .s1-3-schedule .txt-box h2{font-family: 'KoPub Batang'; font-size: 2.0833vw; line-height: 3.1250vw;  margin-bottom: 2.9861vw;}
    .s1-3-schedule .txt-box h2 span{font-family: 'Pretendard', sans-serif; font-size: 1.2500vw; padding-left: 2.1528vw;  line-height: 2.9167vw; letter-spacing: 0.0333vw;}

    .s1-3-schedule .sub01-03-cont .slide{}

    .s1-3-schedule table{font-family: 'Pretendard', sans-serif; }
    .s1-3-schedule table .mo-only{}
    .s1-3-schedule thead tr th {height: 4.1667vw;  font-size: 1.3889vw; letter-spacing: 0.0111vw; }
    .s1-3-schedule tbody tr td {height: 7.5000vw; width: 13.1944vw;  font-size: 1.3889vw;  }
    .s1-3-schedule tbody tr th:nth-child(1) {width: 17.7778vw; font-size: 1.3889vw;  line-height: 2.9167vw; }

}
@media(max-width: 1024px){
    /* sub1-3-introduce */
.sub1-3-intro{background: url(../sub/img/sub1-3-introback2.jpg) no-repeat top center / cover;}

.s1-3-introduce{display: flex;padding: 16.6016vw 0 11.7188vw 2.9297vw;align-items: flex-start;width: 100%;gap: 8.9844vw;flex-direction: column;align-content: flex-start;}

.map-wrap{width: 74.6094vw; height: 45.0195vw;}
#su1-3-map{width: 100%; height: 100%;}
.s1-3-map-intro .txt-box h3{font-family: 'KoPub Batang';font-size: 2.9297vw;line-height: 4.3945vw;margin-bottom: 2.9297vw; }
.s1-3-map-intro .txt-box .s1-3-ss2{font-family:'Pretendard', sans-serif;font-size: 1.7578vw;margin-bottom: 3.5156vw;line-height: 2.9297vw;padding-left: 3.3203vw;}
.s1-3-map-intro .s1-3-ss2 span{ }
.s1-3-ss2:before{ content: url(../../cdam/sub/img/sub1-3-icon2.png); width: 3.9063vw; height: 3.9063vw; left: 0; top: 0;}
.s1-3-ss2-2:before{content: url(../../cdam/sub/img/sub1-3-icon1.png);}

.s1-3-map-intro .txt-box-b .s1-3-ss2{font-family:'Pretendard', sans-serif; }
.s1-3-map-intro .txt-box-b .s1-3-ss2-2 i{}
.s1-3-map-intro .txt-box:nth-of-type(2){margin-top: 7.3242vw;}

.s1-3-map-intro .btn-box{align-items: center;}
.s1-3-map-intro .btn-box .sub1-3-btn:nth-child(2){margin-left: 0.9766vw;}
.s1-3-map-intro .sub1-3-btn{width: 21.5820vw; height: 5.6641vw;}
.s1-3-map-intro .sub1-3-btn:nth-child(1){}
.s1-3-map-intro .sub1-3-btn:nth-child(2){}

.sub1-3-btn:nth-child(1) .s1-btn:after{ filter: brightness(105%);}
.sub1-3-btn:nth-child(2) .s1-btn:after{ filter: brightness(105%);}
.sub1-3-btn:nth-child(2) .sub-btn:hover .t{}
.s1-3-1-btn .t,.s1-3-2-btn .t  {height: 5.4688vw;}
.sub1-3-btn{margin-left: 0; border: transparent;}
.s1-3-1-btn{ font-size: 1.6602vw;}
.s1-3-2-btn{ font-size: 1.6602vw;}



.s1-3-infotime{padding-top: 9.7656vw;padding-left: 2.9297vw;margin-bottom: 10.9375vw;}
/* 구분선 */
.s1-3-infotime::before{top: 0;left: 50%;transform: translateX(-50%);max-width: 95vw;width: 100%;height: 0.0977vw;}
.s1-3-info{display: flex;align-items: flex-start;gap: 13.1836vw;flex-direction: column;/* padding-left: 4vw; */}

.s1-3-timewrapper .s1-3-timetable{/* margin-top: 2.813vw; */}
.s1-3-timewrapper .s1-3-timetable li{margin-bottom: 2.1484vw;align-items: baseline;}
.s1-3-timewrapper h3{font-family: 'KoPub Batang';font-size: 2.9297vw;margin-bottom: 3.7109vw;line-height: 4.3945vw;}
.s1-3-timewrapper li p{font-family:'Pretendard', sans-serif;font-size: 1.9531vw;width: 9.0820vw;margin-right: 4.1992vw;}
.s1-3-timewrapper li p:after{  width: 100%;}
.s1-3-timewrapper .s1-3-time{font-family:'Pretendard', sans-serif;font-size: 1.8555vw;line-height: 4.1016vw;}
.s1-3-timewrapper .s1-3-time span{padding-left: 1.4648vw; font-size: 1.5625vw; line-height: 4.1016vw;  }
.s1-3-cell{}

.s1-3-timewrapper .s1-3-closed {font-family:'Pretendard', sans-serif;font-size: 1.7578vw;margin-top: 0.9766vw;line-height: 4.1016vw;letter-spacing: 0.0469vw;}

.s1-3-cell .txt-box h3{font-family: 'KoPub Batang';font-size: 2.9297vw;margin-bottom: 3.7109vw;line-height: 4.3945vw;}
.s1-3-cell .txt-box h4{font-family:'Pretendard', sans-serif;font-size: 3.2227vw;line-height: 4.1016vw;margin-bottom: 2.9297vw;}
.s1-3-cell .txt-box p{font-family:'Pretendard', sans-serif;font-size: 1.5625vw;line-height: 2.3438vw;}
.s1-3-cell .txt-box p span{}

.s1-3-cell .sub1-3-btn{width: 29.6875vw; height: 5.6641vw;  margin-top: 2.6042vw;}
.s1-3-cell .sub1-3-btn{}
.s1-3-3-btn{ font-size: 1.125rem;}
.s1-3-3-btn .t{height: 5.4688vw;}

.s1-3-cell .sub1-3-btn .s1-btn:after{}
.s1-3-cell .sub1-3-btn:nth-child(2) .sub-btn:hover .t{}

.s1-3-schedule {max-width: 100vw;width: 100%;padding: 9.7656vw 2.9297vw 10.0586vw;margin: auto;/* margin: auto; */}
.s1-3-schedule table {
    border: 0.0977vw solid #ebebeb;
    border-radius: 1.4648vw;
    
    
}
.s1-3-schedule .swiper-wrapper {
    padding-bottom: 6.8359vw;
}
.s1-3-schedule .swiper-pagination{
    
    align-items: center;
}
.s1-3-schedule .swiper-pagination-bullet {
    width: 0.8789vw;
    height: 0.8789vw;
}
.s1-3-schedule .swiper-pagination-bullet-active {
    width: 1.6602vw;
    height: 1.6602vw;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, #649a98);
}
.s1-3-schedule .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.9766vw;
}
.s1-3-schedule .swiper-button-next,.s1-3-schedule .swiper-button-prev {
    width: 7.5195vw; height: 3.4180vw;
}
.s1-3-schedule .swiper-navigation{
}

.s1-3-schedule .swiper-button-prev::after{
   content: url(../../cdam/sub/img/schedule-btn_prev.png);
}
.s1-3-schedule .swiper-button-next::after {
    content: url(../../cdam/sub/img/schedule-btn_next.png);
}
.s1-3-schedule .swiper-button-next, .s1-3-schedule .swiper-button-prev {
    
    top: var(--swiper-navigation-top-offset, 94%);
}
.s1-3-schedule .swiper-button-prev{
    left: 81%;
    
    top: var(--swiper-navigation-top-offset, 94%);
}

.s1-3-schedule table th,
.s1-3-schedule table td{border: 0.0977vw solid #ebebeb;}
.s1-3-schedule .txt-box h2{font-family: 'KoPub Batang'; font-size: 2.9297vw; line-height: 4.3945vw;  margin-bottom: 4.1992vw;}
.s1-3-schedule .txt-box h2 span{font-family: 'Pretendard', sans-serif; padding-left: 3.0273vw; font-size: 1.7578vw; line-height: 4.1016vw; letter-spacing: 0.0469vw;}

.s1-3-schedule .sub01-03-cont .slide{}

.s1-3-schedule table{font-family: 'Pretendard', sans-serif; }
.s1-3-schedule table .mo-only{}
.s1-3-schedule thead tr th {height: 5.8594vw;  font-size: 1.9531vw; letter-spacing: 0.0156vw; }
.s1-3-schedule tbody tr td {height: 10.5469vw; width: 18.5547vw;  font-size: 1.9531vw;  }
.s1-3-schedule tbody tr th:nth-child(1) {width: 25.0000vw; font-size: 1.9531vw;  line-height: 4.1016vw; }

}
@media(max-width:768px){
    .sub1-3-intro{background: url(../sub/img/sub1-3-introback2.jpg) no-repeat top center / cover;}

    .s1-3-introduce{display: flex;padding: 22.1354vw 3.9063vw 15.6250vw;align-items: flex-start;width: 100%;gap: 11.9792vw;}

    .map-wrap{width: 89.4792vw;height: 60.0260vw;}
    #su1-3-map{width: 100%; height: 100%;}
    .s1-3-map-intro .txt-box h3{font-family: 'KoPub Batang';font-size: 3.9063vw;line-height: 5.8594vw;margin-bottom: 3.9063vw; }
    .s1-3-map-intro .txt-box .s1-3-ss2{font-family:'Pretendard', sans-serif;font-size: 2.3438vw;margin-bottom: 4.6875vw;line-height: 3.9063vw;padding-left: 4.4271vw;}
    .s1-3-map-intro .s1-3-ss2 span{ }
    .s1-3-ss2:before{ content: url(../../cdam/sub/img/sub1-3-icon2.png); width: 5.2083vw; height: 5.2083vw; left: 0; top: 0;}
    .s1-3-ss2-2:before{content: url(../../cdam/sub/img/sub1-3-icon1.png);}

    .s1-3-map-intro .txt-box-b .s1-3-ss2{font-family:'Pretendard', sans-serif; }
    .s1-3-map-intro .txt-box-b .s1-3-ss2-2 i{}
    .s1-3-map-intro .txt-box:nth-of-type(2){margin-top: 9.7656vw;}

    .s1-3-map-intro .btn-box{ align-items: center;}
    .s1-3-map-intro .btn-box .sub1-3-btn:nth-child(2){margin-left: 1.3021vw;}
    .s1-3-map-intro .sub1-3-btn{width: 28.7760vw; height: 7.5521vw;}
    .s1-3-map-intro .sub1-3-btn:nth-child(1){}
    .s1-3-map-intro .sub1-3-btn:nth-child(2){}

    .sub1-3-btn:nth-child(1) .s1-btn:after{ filter: brightness(105%);}
    .sub1-3-btn:nth-child(2) .s1-btn:after{ filter: brightness(105%);}
    .sub1-3-btn:nth-child(2) .sub-btn:hover .t{}
    .s1-3-1-btn .t,.s1-3-2-btn .t  {height: 7.2917vw;}
    .sub1-3-btn{margin-left: 0; border: transparent;}
    .s1-3-1-btn{ font-size: 2.2135vw;}
    .s1-3-2-btn{ font-size: 2.2135vw;}



    .s1-3-infotime{padding-top: 13.0208vw;margin-bottom: 14.5833vw;padding: 13.0208vw 3.9063vw 0;}
    /* 구분선 */
    .s1-3-infotime::before{  top: 0; left: 50%; transform: translateX(-50%); max-width: 177.2135vw; width: 100%; height: 0.1302vw; }
    .s1-3-info{align-items: flex-start; gap: 17.5781vw;}

    .s1-3-timewrapper .s1-3-timetable{/* margin-top: 2.813vw; */}
    .s1-3-timewrapper .s1-3-timetable li{margin-bottom: 2.8646vw;align-items: baseline;}
    .s1-3-timewrapper h3{font-family: 'KoPub Batang';font-size: 3.9063vw;margin-bottom: 4.9479vw;line-height: 5.8594vw;}
    .s1-3-timewrapper li p{font-family:'Pretendard', sans-serif;font-size: 2.6042vw;width: 12.1094vw;margin-right: 5.5990vw;}
    .s1-3-timewrapper li p:after{  width: 100%;}
    .s1-3-timewrapper .s1-3-time{font-family:'Pretendard', sans-serif;font-size: 2.4740vw;line-height: 5.4688vw;}
    .s1-3-timewrapper .s1-3-time span{padding-left: 1.9531vw; font-size: 2.0833vw; line-height: 5.4688vw;  }
    .s1-3-cell{}

    .s1-3-timewrapper .s1-3-closed {font-family:'Pretendard', sans-serif;font-size: 2.3438vw;margin-top: 1.3021vw;line-height: 5.4688vw;letter-spacing: 0.0625vw;}

    .s1-3-cell .txt-box h3{font-family: 'KoPub Batang';font-size: 3.9063vw;margin-bottom: 4.9479vw;line-height: 5.8594vw;}
    .s1-3-cell .txt-box h4{font-family:'Pretendard', sans-serif;font-size: 4.2969vw;line-height: 5.4688vw;margin-bottom: 3.9063vw;}
    .s1-3-cell .txt-box p{font-family:'Pretendard', sans-serif;font-size: 2.0833vw;line-height: 3.1250vw;}
    .s1-3-cell .txt-box p span{}

    .s1-3-cell .sub1-3-btn{width: 39.5833vw; height: 7.5521vw;  margin-top: 2.6042vw;}
    .s1-3-cell .sub1-3-btn{}
    .s1-3-3-btn{ font-size: 1.125rem;}
    .s1-3-3-btn .t{height: 7.2917vw;}

    .s1-3-cell .sub1-3-btn .s1-btn:after{}
    .s1-3-cell .sub1-3-btn:nth-child(2) .sub-btn:hover .t{}

    .s1-3-schedule {max-width: 100vw;width: 100%;padding: 13.0208vw 3.9063vw 13.4115vw;margin: auto;/* margin: auto; */}
    .s1-3-schedule table {
        border: 0.1302vw solid #ebebeb;
        border-radius: 1.9531vw;
        
        
    }
    .s1-3-schedule .swiper-wrapper {
        padding-bottom: 9.1146vw;
    }
    .s1-3-schedule .swiper-pagination{        
        align-items: center;
    }
    .s1-3-schedule .swiper-pagination-bullet {
        width: 1.1719vw;
        height: 1.1719vw;
    }
    .s1-3-schedule .swiper-pagination-bullet-active {
        width: 2.2135vw;
        height: 2.2135vw;
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, #649a98);
    }
    .s1-3-schedule .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 1.3021vw;
    }
    .s1-3-schedule .swiper-button-next,.s1-3-schedule .swiper-button-prev {
        width: 10.0260vw; height: 4.5573vw;
    }
    .s1-3-schedule .swiper-navigation{
    }

    .s1-3-schedule .swiper-button-prev::after{
    content: url(../../cdam/sub/img/schedule-btn_prev.png);
    }
    .s1-3-schedule .swiper-button-next::after {
        content: url(../../cdam/sub/img/schedule-btn_next.png);
    }
    .s1-3-schedule .swiper-button-next, .s1-3-schedule .swiper-button-prev {
        
        top: var(--swiper-navigation-top-offset, 94%);
    }
    .s1-3-schedule .swiper-button-prev{
        left: 71%;
        top: var(--swiper-navigation-top-offset, 94%);
    }

    .s1-3-schedule table th,
    .s1-3-schedule table td{border: 0.1302vw solid #ebebeb;}
    .s1-3-schedule .txt-box h2{font-family: 'KoPub Batang'; font-size: 3.9063vw; line-height: 5.8594vw;  margin-bottom: 5.5990vw;}
    .s1-3-schedule .txt-box h2 span{font-family: 'Pretendard', sans-serif; padding-left: 4.0365vw; font-size: 2.3438vw;   line-height: 5.4688vw; letter-spacing: 0.0625vw;}

    .s1-3-schedule .sub01-03-cont .slide{}

    .s1-3-schedule table{font-family: 'Pretendard', sans-serif; }
    .s1-3-schedule table .mo-only{display: block;}
    .s1-3-schedule thead tr th {height: 7.8125vw;font-size: 2.4042vw;line-height: 3.0688vw;letter-spacing: 0.0208vw;}
    .s1-3-schedule tbody tr td {height: 12.0625vw;width: 24.7396vw;font-size: 2.4042vw;}
    .s1-3-schedule tbody tr th:nth-child(1) {width: 33.3333vw;font-size: 2.4042vw;line-height: 3.4688vw;}

}
@media (max-width: 480px){
    .sub1-3-intro{background: url(../sub/img/sub1-3-introback2.jpg) no-repeat top center / cover;}

    .s1-3-introduce{padding: 15.4167vw 6.2500vw 15vw;width: 100%;gap: 12.1667vw;}

    .map-wrap{width: 88.1667vw;height: 86.0417vw;}
    #su1-3-map{width: 100%; height: 100%;}
    .s1-3-map-intro .txt-box h3{font-family: 'KoPub Batang';font-size: 6.2500vw;line-height: 9.3750vw;margin-bottom: 6.2500vw; }
    .s1-3-map-intro .txt-box .s1-3-ss2{font-family:'Pretendard', sans-serif;font-size: 3.7500vw;margin-bottom: 7.5000vw;line-height: 6.2500vw;padding-left: 7.0833vw;}
    .s1-3-map-intro .s1-3-ss2 span{ }
    .s1-3-ss2:before{ content: url(../../cdam/sub/img/sub1-3-icon2.png); width: 8.3333vw; height: 8.3333vw; left: 0; top: 0;}
    .s1-3-ss2-2:before{content: url(../../cdam/sub/img/sub1-3-icon1.png);}

    .s1-3-map-intro .txt-box-b .s1-3-ss2{font-family:'Pretendard', sans-serif; }
    .s1-3-map-intro .txt-box-b .s1-3-ss2-2 i{}
    .s1-3-map-intro .txt-box:nth-of-type(2){margin-top: 15.6250vw;}

    .s1-3-map-intro .btn-box{ align-items: center; }
    .s1-3-map-intro .btn-box .sub1-3-btn:nth-child(2){margin-left: 2.0833vw;}
    .s1-3-map-intro .sub1-3-btn{width: 37.0417vw;height: 12.0833vw;}
    .s1-3-map-intro .sub1-3-btn:nth-child(1){}
    .s1-3-map-intro .sub1-3-btn:nth-child(2){}

    .sub1-3-btn:nth-child(1) .s1-btn:after{ filter: brightness(105%);}
    .sub1-3-btn:nth-child(2) .s1-btn:after{ filter: brightness(105%);}
    .sub1-3-btn:nth-child(2) .sub-btn:hover .t{}
    .s1-3-1-btn .t,.s1-3-2-btn .t  {height: 11.6667vw;}
    .sub1-3-btn{margin-left: 0; border: transparent;}
    .s1-3-1-btn{ font-size: 3.5417vw;}
    .s1-3-2-btn{ font-size: 3.5417vw;}



    .s1-3-infotime{padding-top: 15.8333vw;margin-bottom: 13.3333vw;}
    /* 구분선 */
    .s1-3-infotime::before{  top: 0; left: 50%; transform: translateX(-50%); max-width: 283.5417vw; width: 100%; height: 0.2083vw; }
    .s1-3-info{align-items: flex-start;gap: 8.125vw;}

    .s1-3-timewrapper .s1-3-timetable{/* margin-top: 2.813vw; */}
    .s1-3-timewrapper .s1-3-timetable li{margin-bottom: 4.5833vw;align-items: baseline;}
    .s1-3-timewrapper h3{font-family: 'KoPub Batang';font-size: 6.2500vw;margin-bottom: 7.9167vw;line-height: 9.3750vw;}
    .s1-3-timewrapper li p{font-family:'Pretendard', sans-serif;font-size: 4.1667vw;width: 19.3750vw;margin-right: 8.9583vw;}
    .s1-3-timewrapper li p:after{  width: 100%;}
    .s1-3-timewrapper .s1-3-time{font-family:'Pretendard', sans-serif;font-size: 3.9583vw;line-height: 5.75vw;}
    .s1-3-timewrapper .s1-3-time span{padding-left: 0; font-size: 3.3333vw; line-height: 8.7500vw;  }
    .s1-3-timewrapper .s1-3-time .sub-mo-only{display: block;}
    .s1-3-cell{}

    .s1-3-timewrapper .s1-3-closed {font-family:'Pretendard', sans-serif;font-size: 3.7500vw;margin-top: 2.0833vw;line-height: 8.7500vw;letter-spacing: 0.1000vw;}

    .s1-3-cell .txt-box h3{font-family: 'KoPub Batang';font-size: 6.2500vw;margin-bottom: 7.9167vw;line-height: 9.3750vw;}
    .s1-3-cell .txt-box h4{font-family:'Pretendard', sans-serif;font-size: 6.8750vw;line-height: 8.7500vw;margin-bottom: 6.2500vw;}
    .s1-3-cell .txt-box p{font-family:'Pretendard', sans-serif;font-size: 3.3333vw;line-height: 5.0000vw;}
    .s1-3-cell .txt-box p span{}

    .s1-3-cell .sub1-3-btn{width: 53.3333vw;height: 12.0833vw;margin-top: 4.6042vw;}
    .s1-3-cell .sub1-3-btn{}
    .s1-3-3-btn{ font-size: 1.125rem;}
    .s1-3-3-btn .t{height: 11.6667vw;}

    .s1-3-cell .sub1-3-btn .s1-btn:after{}
    .s1-3-cell .sub1-3-btn:nth-child(2) .sub-btn:hover .t{}

    .s1-3-schedule {max-width: 100vw;width: 100%;padding: 15.8333vw 6.2500vw 11.4583vw;margin: auto;/* margin: auto; */}
    .s1-3-schedule table {
        border: 0.2083vw solid #ebebeb;
        border-radius: 3.1250vw;
        
        
    }
    .s1-3-schedule .swiper-wrapper {
        padding-bottom: 19.5833vw;
    }
    .s1-3-schedule .swiper-pagination{
        
align-items: center;
        
bottom: 0px;
    }
    .s1-3-schedule .swiper-pagination-bullet {
        width: 1.8750vw;
        height: 1.8750vw;
    }
    .s1-3-schedule .swiper-pagination-bullet-active {
        width: 3.5417vw;
        height: 3.5417vw;
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, #649a98);
    }
    .s1-3-schedule .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2.0833vw;
    }
    .s1-3-schedule .swiper-button-next,.s1-3-schedule .swiper-button-prev {
        width: 16.0417vw;
        height: 8.2917vw;
    }
    .s1-3-schedule .swiper-navigation{
    }

    .s1-3-schedule .swiper-button-prev::after{
    content:'';width:16.0417vw;height:7.2917vw;
	background:url(../../cdam/sub/img/schedule-btn_prev.png);background-size:16.0417vw 7.2917vw;
    }
    .s1-3-schedule .swiper-button-next::after {
        content: '';width:16.0417vw;height:7.2917vw;
		background:url(../../cdam/sub/img/schedule-btn_next.png);background-size:16.0417vw 7.2917vw;
    }
    .s1-3-schedule .swiper-button-next, .s1-3-schedule .swiper-button-prev {
        
top: var(--swiper-navigation-top-offset, 89%);
        
right: 0.8%;
    }
    .s1-3-schedule .swiper-button-prev{
        left: 61%;
        top: var(--swiper-navigation-top-offset, 89%);
    }

    .s1-3-schedule table th,
    .s1-3-schedule table td{border: 0.2083vw solid #ebebeb;}
    .s1-3-schedule .txt-box h2{font-family: 'KoPub Batang'; font-size: 6.2500vw; line-height: 9.3750vw;  margin-bottom: 8.9583vw;}
    .s1-3-schedule .txt-box h2 span{font-family: 'Pretendard', sans-serif;padding-left: 0;font-size: 3.7500vw;line-height: 8.7500vw;letter-spacing: 0.1000vw;}

    .s1-3-schedule .sub01-03-cont .slide{}

    .s1-3-schedule table{font-family: 'Pretendard', sans-serif; }
    .s1-3-schedule table .mo-only{}
    .s1-3-schedule thead tr th {height: 12.5000vw;font-size: 3.1667vw;letter-spacing: 0.0333vw;}
    .s1-3-schedule tbody tr td {height: 17.5vw;width: 39.5833vw;font-size: 3.1667vw;}
    .s1-3-schedule tbody tr th:nth-child(1) {width: 53.3333vw;font-size: 3.1667vw;line-height: 4.75vw;}

    }
/*****************************************************************************************/
/*                         sub1-4 modal 장비정비 페이지                                  */
/*****************************************************************************************/
.sub1-4-intro {
    background: url(../sub/img/sub1-4-introback.jpg) no-repeat 50% 50% / cover;
}
.sub1-4-intro .txt-box h1,
.sub1-4-intro .sub-index,
.sub1-4-intro .txt-box p {color: #000;}
.sub1-4-intro .sub-index li .img-box img {filter: invert(1);}
.transparents-layer { display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100vw; height:100vh; background-color: #000; z-index:60; }
/* .modal { position:fixed; left:-99999px; top:-99999px; z-index:1050; outline:0; } 240307 수정*/
.view_pop,.modal { position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); z-index:100; outline:0; display: none; } 
.modal .modal-dialog { position:relative; width:auto; margin:0.5rem; }
.modal-content { position:relative; width:100%; pointer-events:auto; background-color:#fff; outline:0; }
.modal .modal-close { position:absolute; right:10%; top:10%; display:inline-block; width:2.062rem; height:2.062rem; background:url("../img/modal-close.png") no-repeat center/100% auto; z-index:1060; }

.modal[id^=equipment] { width:100%; max-width:1018px; }
.modal[id^=equipment] .modal-close { left:inherit; right:inherit; top:6%; border: none; filter: invert(1);}
.modal[id^=equipment] .modal-content { height:448px; overflow:hidden; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.modal[id^=equipment] .modal-body {display: flex; justify-content: space-between; height: 100%; position: relative; flex-direction: row-reverse;}

.modal[id^=equipment] .imgbox { display:flex; justify-content:center; align-items:center; width:40%; background: url("../../cdam/sub/img/sub1-4-popback.png") no-repeat center/cover; }
.modal[id^=equipment] .imgbox .img-fluid { max-width:inherit; height:100%; object-fit:none; }
.modal[id^=equipment] .txtbox {width:60%;padding-left: 3.75rem;display:flex;align-items:center;text-align:left;}
.modal[id^=equipment] .txtbox .titleline {font-family: 'KoPub Batang';position:relative;margin-bottom: 1.938rem;font-size: 1.563rem;}

.modal[id^=equipment] .txtbox .meta-tag { margin-bottom:1.875rem; max-width: 83%;}
.modal[id^=equipment] .txtbox .meta-tag span {font-family:'Pretendard', sans-serif;   display:inline-block; margin-right:5px; color:#c29a62; font-weight:500; margin-top: 1.5625vw;}
.modal[id^=equipment] .txtbox .cont {font-family:'Pretendard', sans-serif;font-size: 1.063rem;line-height: 1.875rem;color: #565656;}
.modal[id^=equipment] .txtbox .bo_cnt2 {font-family:'Pretendard', sans-serif;font-size: 1.313rem;color: #c29a62;font-weight: 600;margin-top: 2.063rem;}

.gall-1-4 .container-xs{margin-top: 12.5rem;margin-bottom: 9.5rem;}
#bo_gall li .gall_img { position:relative; background-color:#ffffff; border:1px solid #c2c2c2; text-align:center; overflow:hidden; box-sizing: border-box;}
#bo_gall li .gall_img:before {content:""; width: 100%; height: 100%; position:absolute; left: 0; top:0; transform: translateY(40%); background: url(../sub/img/sub1-4-gall_img-hover.png); opacity: 0; transition: 0.6s ease;}
#bo_gall li:hover .gall_img:before {opacity: 1; transform: translateY(0);}

.pg_wrap {text-align: center;}
.pg_wrap a.pg_page{width: 36px; height: 36px; font-family:'Pretendard', sans-serif; font-size:19.25px; display: inline-block; line-height: 36px;}

.pg_wrap strong.pg_current{ width: 36px; height: 36px; font-family:'Pretendard', sans-serif; font-size:19.25px; background-color: #419c98; color: #fff; display: inline-block; line-height: 36px;}
.pg_wrap a:first-child{background: url(../sub/img/sub1-4-page-btn-prev.png) no-repeat 50% 50% / contain; border: 1px solid #d5d5d5; color: transparent;}
.pg_wrap a:last-child {
    background: url(../sub/img/sub1-4-page-btn-next.png) no-repeat 50% 50% / contain;
    border: 1px solid #d5d5d5;
    color: transparent;
}
.modal[id^=equipment] .txtbox .titleline {display: flex;align-items: flex-end;gap: 1.3021vw;}
.modal[id^=equipment] .txtbox .titleline .line-box1 {font-family: 'KoPub Batang';font-size: 1.563rem;font-weight: 500;}
.modal[id^=equipment] .txtbox .titleline .line-box2 {font-size: 1.125rem;color: #aeaeae;font-family: "Cormorant", serif;font-weight: 600;}
@media (max-width:1099px) {
	.modal[id^=equipment] .imgbox { width:45%; }
	/* .modal[id^=equipment] .txtbox { width:55%; padding:6.25rem 0 0 5rem; } */
}
@media (max-width: 1079px) {
    .container-xs {
        padding: 0 15px;
        
    }
    .gall-1-4 .container-xs{margin-top: 8.5rem;margin-bottom: 5.5rem;}
    #bo_cate ul {
        font-family: 'Pretendard', sans-serif;
        display: flex;
        margin: 0 auto 4.188rem;
        justify-content: center;
        flex-wrap: wrap;
    }
    #bo_cate li {
        display: inline-block;
        width: 14rem;
        width: calc(30% - 10px);
        box-sizing: border-box;
        margin: 8px 7px;
        text-align: center;
    }
    #bo_cate a {
        padding: 3px 15px 14px;
    }
    
}
@media (max-width:991px) {
	.modal[id^=equipment] .modal-content { overflow-y:scroll;  -ms-overflow-style: none;}
    .modal[id^=equipment] .modal-content::-webkit-scrollbar { display: none;}
	.modal[id^=equipment] .modal-body { flex-wrap:wrap;  }
	.modal[id^=equipment] .imgbox { width:100%; height: 100%;}
	.modal[id^=equipment] .txtbox { width:100%; padding:3.75rem 2.4rem 3.75rem; }
}
@media (max-width: 480px) {
    #bo_cate li {
        width: calc(30% - 6px);
        margin: 8px 4px;
    }
    #bo_cate #bo_cate_on {
        font-size: 1.156rem;
    }
    #bo_cate a{
        font-size: 1.156rem;
    }
    #bo_cate ul {
        margin: 0px auto 2.188rem;
    }
    .gall-1-4 .container-xs {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }
    .modal[id^=equipment] .modal-close {
        left: 92% !important;
        right: auto !important;
        transform: translateX(-50%);
    }
}
@media (max-width:479px) {
	
	/* .modal[id^=equipment] .txtbox { padding:2.5rem 2.75rem 2.5rem; } */
	.modal[id^=equipment] .txtbox .titleline { margin-bottom:2.5rem; }
	.modal[id^=equipment] .txtbox .meta-tag { margin-bottom:1.5rem; }
}




/********************************************************** 
* sub2-1_page
***********************************************************/

body{color: #171717;}
.sub2-1-intro{width: 100%; height: 100vh; background: url(../sub/img/sub2-1head-back.png) no-repeat 50% 50% /cover; display: flex; align-items: center; justify-content: center;}
.sub2-1-intro .sub2-1-txtbox{color: #fff; text-align: center;}
.sub2-1-intro .sub2-1-txtbox h4{font-family: "Cormorant", serif; font-size: 20px; margin-bottom: 60px;}
.sub2-1-intro .sub2-1-txtbox h1{font-family: 'KoPub Batang'; font-size: 55px; margin-bottom: 50px; font-weight: 500;}
.sub2-1-intro .sub2-1-txtbox p{font-family:'Pretendard', sans-serif;  font-size: 18px; line-height: 27px; margin-bottom: 88px; font-weight: 400;}
.sub2-1-intro .sub2-1-txtbox ul{display: flex; justify-content: center; align-items: center; gap: 30px;}
.sub2-1-intro .sub2-1-txtbox ul li{position: relative;}
.sub2-1-intro .sub2-1-txtbox ul li a{font-family:'Pretendard', sans-serif; font-size: 16px; font-weight: 400; width: 100%; display: inline-block;}
.sub2-1-intro li::before {position: absolute; content: '>'; width: 100%; height: 100%;left: 140%;}
.sub2-1-intro li:nth-child(1):before {left: 140%;}
.sub2-1-intro li:nth-child(2):before {left: 80%;}
.sub2-1-intro li:nth-child(3):before {display: none;}

/* 공통 */
.txt-box h3{font-family: 'KoPub Batang'; font-size: 36px; font-weight: 300; line-height: 51px; margin-bottom: 30px; letter-spacing:-0.32px;}
.txt-box h3 span{font-family: 'KoPub Batang';}
.txt-box p{font-family:'Pretendard', sans-serif; font-size: 18px; line-height: 28px; font-weight: 300;}
.sub-mo-only2{display: none;}
.sub-mo-only{display: none;}
.sub-pc-only{display: block;}
.sub-side-padding{padding: 0 30px;}

.sub2-1-coll{margin-top: 140px;}
.sub2-1-coll .sub2-1-collagen {display: flex; justify-content: center; align-items: center; gap: 80px;}
.sub2-1-coll .sub2-1-collagen .txt-box h3 {margin-bottom: 40px;}
.sub2-1-coll .sub2-1-collagen .txt-box p:nth-of-type(1) {margin-bottom: 30px; color: #6c6c6c;}
.sub2-1-chartbox {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-chartbox .img-box{width: auto; margin-bottom: 20px; font-size: 17px;}
.sub2-1-chartbox .img-box img{width: 100%; height: auto;}
.sub2-1-chartbox p {font-size: 17px;}

.sub2-1-collagen-remodelings {margin-top: 140px; background: url(../sub/img/sub2-1-collagen-remodelingback.png) no-repeat 50% 50% /cover; padding: 125px 0;}
.sub2-1-collagen-remode {display: flex; justify-content: center; align-items: center; gap: 80px;}
.sub2-1-collagen-remode .img-box {width: auto;}
.sub2-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub2-1-collagen-remode .txt-box h4 {font-family: 'KoPub Batang'; font-size: 22px; line-height: 32px; margin-bottom: 12px ;}
.sub2-1-collagen-remode .txt-box h3 span{font-size: 47px; display: inline-block;  margin-bottom: 20px;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 28px;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(2) {}

.sub2-1-collagen-touch{margin-top: 140px; background: url(../sub/img/sub2-1-colltouchback.png) no-repeat 100% 50px /contain}
.sub2-1-collagen-touch .txt-box.subject{text-align: center; margin-bottom: 70px;}
.txt-box.subject p {font-size: 20px; margin-bottom: 20px;}
.txt-box.subject h3 {font-size: 40px;}
.sub2-1-collagen-box{display: flex; justify-content: center; align-items: center;}

.sub2-1-collagen-box .txt-box p{margin-bottom: 26px; line-height: 28px;}
.sub2-1-collagen-box .txt-box p:nth-of-type(1){color: #6c6c6c;}
.sub2-1-collagen-box .txt-box p:nth-of-type(2){}
.sub2-1-collagen-box .txt-box p:nth-of-type(3){color: #e28181;}
.sub2-1-collagen-box .txt-box p:nth-of-type(4){}
.sub2-1-collagentouchimg{width: auto;}
.sub2-1-collagentouchimg img{width: 100%; height: auto;}



.sub2-1-collagen-graph {margin-top: 140px;}
.sub2-1-collagen-graph .txt-box {text-align: center; margin-bottom: 72px;}
.sub2-1-collagen-table {margin: auto; text-align: center; border-collapse: separate; border-spacing: 6px 0; }
.sub2-1-collagen-table tr td{font-family:'Pretendard', sans-serif; font-size: 16.85px; width: 211px; height: 77px; color: #888; vertical-align: middle; line-height: 25.38px;}
.sub2-1-collagen-table tr .sub2-1-cirback,
.sub2-1-collagen-table tr:nth-of-type(1) td:nth-of-type(4) {
   
}
.sub2-1-collagen-table tr .sub2-1-cirback {color: #e28181; background: url(../sub/img/sub2-1-cirback.png) no-repeat 50% 50% /contain; background-size: 110px 64px; border-bottom: none;}


.sub2-1-collagen-table tr:nth-last-of-type(2) td,
.sub2-1-collagen-table tr:nth-last-of-type(3) td,
.sub2-1-collagen-table tr:nth-last-of-type(4) td {border-bottom: 1px dashed #888;} 

.sub2-1-collagen-table tr:nth-last-child(1) td{height: 193px; border-bottom: 2px solid #000;}

.sub2-1-coll-t-1 td:nth-of-type(1),.sub2-1-coll-t-1 td:nth-of-type(3) {background-color: #777777; color: #fff;}

.sub2-1-collagen-volume {margin-top: 140px; padding: 118px 0; background: url(../sub/img/sub2-1-volumen-box.png) no-repeat 50% 50%/cover; }
.sub2-1-volume-box {position: relative; display: flex; justify-content: center; align-items: center; gap: 80px;}
.sub2-1-volume-box .sub2-1-volumeimg {width: auto; position: relative;}

.sub2-1-volume-box .sub2-1-volumeimg img{width: 100%; height: auto;}
.sub2-1-volume-box .free-txt{text-align: right; position: absolute; top: -10px; left: 160px; opacity: 0.4; font-family: "Cormorant", serif; font-size: 50px; line-height: 56.48px; color: #da92a5;}
.sub2-1-volume-box .txt-box h4 {width: 108px; height: 40px; display: flex; align-items: center; justify-content: center; background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain; font-size: 16.47px; font-family: "Cormorant", serif; color: #e28181; margin-bottom: 21px;}
.sub2-1-volume-box .txt-box h4 span{font-size: 26.7px; padding-left: 2px; padding-bottom: 7px;}
.sub2-1-volume-box .txt-box p {}
.sub2-1-volume-box .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 30px;}
.sub2-1-volume-box .txt-box p:nth-of-type(2) {color: #828282;}

.sub2-1-collagen-up {margin-top: 140px; background: url(../sub/img/s2-2-up-back.png) no-repeat 50% 0% /cover;}
.sub2-1-collagen-up .txt-box h4 {margin: auto; width: 108px; height: 40px; display: flex; align-items: center; justify-content: center; background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain; font-size: 16.47px; font-family: "Cormorant", serif; color: #e28181; margin-bottom: 21px;}
.sub2-1-collagen-up .txt-box h4 span{font-size: 26.7px; padding-left: 2px; padding-bottom: 7px;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box{text-align: center;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box1{margin-bottom: 40px; }
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2{margin-top: 36px;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p {line-height: 28px;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(1) {font-size: 17px; color: #686868; margin-bottom: 48px;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(2) {font-size: 23PX; color: #e28181; margin-bottom: 25px; line-height: 33px;}
.sub2-1-collagen-up .sub2-1-collagen-upimg-box {display: flex; justify-content: center; align-items: center; gap: 30px;}
.sub2-1-collagen-upimg-box {width: auto;}
.sub2-1-collagen-upimg-box img {width: 100%; height: auto;}

.sub2-1-collagen-stability {margin-top: 140px;}
.sub2-1-stabilityimg-box {display: flex; justify-content: center; gap: 30px;}
.sub2-1-stabilityimg-box .txt-box {margin-top: 35px;}
.sub2-1-collagen-stability .txt-box {text-align: center; margin-bottom: 44px; margin-top: 35px;}

.sub2-1-collagen-stability .txt-box h4 {margin: auto; width: 108px; height: 40px; display: flex; align-items: center; justify-content: center; background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain; font-size: 16.47px; font-family: "Cormorant", serif; color: #e28181; margin-bottom: 21px;}
.sub2-1-collagen-stability .txt-box h4 span{font-size: 26.7px; padding-left: 2px; padding-bottom: 7px;}

.sub2-1-stabilityimg-box .stability-imgbox {width: auto;}
.sub2-1-stabilityimg-box .stability-imgbox img{width: 100%; height: auto;}
.sub2-1-collagen-stability .txt-box2

.sub2-1-collagen-stability .txt-box2 p {line-height: 28px;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(1) {font-size: 17px; color: #686868; margin-bottom: 48px;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(2) {font-size: 23PX; color: #e28181; margin-bottom: 25px; line-height: 33px;}

.sub2-1-8sec {margin-top: 140px;}
.sub2-1-8sec .txt-box{text-align: center; margin-bottom: 75px;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 90px;}
.sub2-1-suggestimg{width: auto;}
.sub2-1-suggestimg img {width: 100%; height: auto;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p {font-size: 18px; line-height: 28px; margin-top: 28px; text-align: center; color: #7f7f7f;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p span{color: #e28181;}
.sub2-1-suggest-box .suggestul{margin-bottom: 70px;}
.sub2-1-suggest-box .suggestul li{list-style: disc; padding: 14px 0; color: #686868; font-size: 17px;}
.sub2-1-8sec .sub2-1-btn {margin: auto; width: 259px; height: 59px; text-align: center; background-color: #000; border-radius: 50px;}
.sub2-1-8sec .sub2-1-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; }

.sub2-1-9sec{margin-top: 140px}
.sub2-1-collagen-procedure .txt-box {text-align: center;}
.sub2-1-collagen-procedure .txt-box p {font-family: "Cormorant", serif; color: #e28181; font-size: 20px; margin-bottom: 30px;}
.sub2-1-collagen-procedure .txt-box h3 {margin-bottom: 83px;}
.sub2-1-procedureimg{background: url(../sub/img/sub2-1-collagen-procedureback.png) no-repeat 50% 50%/contain; }
.sub2-1-procedureimg .procedure-group1 {}
.sub2-1-procedureimg .procedure-group1, .sub2-1-procedureimg .procedure-group2{display: flex; justify-content: center; align-items: center; gap: 60px;}
.sub2-1-procedureimg .procedure-group1 li, .sub2-1-procedureimg .procedure-group2 li {position: relative;}
.sub2-1-procedureimg .procedure-group1 li:after, .sub2-1-procedureimg .procedure-group2 li:after {position: absolute; top: 85px; left: 213px; content: ""; width: 15px; height: 30px; background: url(../sub/img/sub2-1-procedureimg-arrow.png) no-repeat 50% 50%/contain;}
.sub2-1-procedureimg .procedure-group1 li:last-child:after, .sub2-1-procedureimg .procedure-group2 li:last-child::after{content: none;}
.sub2-1-procedureimg .procedure-group1 li div, .sub2-1-procedureimg .procedure-group2 li div{width: 189px; height: 189px; background: url(../sub/img/sub2-1-procedureimg-circle.png) no-repeat 50% 50% /contain; font-family:'Pretendard', sans-serif; text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-procedureimg li div p {font-size: 21.39px;}
.sub2-1-procedureimg li div span.step {font-family: 'KoPub Batang'; font-size: 19.01px; color: #e28181; display: inline-block;  border-bottom: 1px solid #e28181; padding-bottom: 2px; margin-bottom: 20px;}


.sub2-1-10sec {margin-top: 140px;}
.sub2-1-collagen-synergy .txt-box {text-align: center;}
.sub2-1-collagen-synergy .txt-box p {margin-bottom: 14px;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(1) {font-family: "Cormorant", serif; color: #e28181; font-size: 20px; margin-bottom: 30px;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(2){line-height: 33.27px; color: #686868;} 
.sub2-1-collagen-synergy>.txt-box h3 {margin-bottom: 40px;}
.sub2-1-collagen-synergy>.txt-box {margin-bottom: 68px;}
.sub2-1-collagen-synergy .sub2-1-synergy {display: flex; align-items: center; justify-content: center; gap: 60px;}
.sub2-1-collagen-synergy .img-box{width: auto;}
.sub2-1-collagen-synergy .img-box img {width: 100%; height: auto;}
.sub2-1-synergy .img-box {width: auto;}
.sub2-1-synergy {width: 100%; height: auto;}
.sub2-1-synergy .txt-box {text-align: center;}
.sub2-1-synergy .txt-box h4{font-family: 'KoPub Batang'; font-size: 24.75px; margin: 31px 0;}
.sub2-1-synergy .txt-box p{color: #686868;}


.sub2-1_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 140px;}
.sub2-1_cont11_qna_wrap{position:relative;}
.sub2-1_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 63px;}
.sub2-1_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 25px;}
.sub2-1_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 26px; height: 3px; background-color: #e28181; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 25px;}
.sub2-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #e28181; margin-right: 25px;}
.sub2-1_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-1_cont11_que{position: relative; width: 1252px; padding: 38px 45px; cursor: pointer; border-bottom: 1px solid #ccc; font-size: 23px; line-height: 45.02px; display:flex; justify-content:space-between; align-items:center;
}
.sub2-1_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 2px solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 40px 0; padding-left: 100px;}
.sub2-1_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 17.01px; line-height: 30px;}
.sub2-1_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-1_cont11_btn {
    position: relative; width: 14px; height: 14px;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-1_cont11_que.on > .sub2-1_cont11_btn{
    position: relative; width: 14px; height: 2px;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}


.value{margin-top: 140px;}
.value .txt-box{text-align: center;}
.value .txt-box h3 {margin-bottom: 40px;}
.value .txt-box p {margin-bottom: 80px;}
.value .txt-box .img-box{margin-bottom: 20px;}

.value-hover{display: flex; justify-content: center;}
.value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value-hover .img-boxs{position: relative; width: 22.5521vw; height: 29.0625vw;}
.value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
.value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 16.31px; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}
.value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.5px solid #fff;pointer-events: none; 
}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 23.44px; font-weight: 500; margin-top: 40px;}
.value-hover li .af-img {height: 0;}
.value-hover li:hover .img-boxs .bf-img{height: 0;}
.value-hover li:hover .img-boxs .af-img{height: 100%;}
.value-hover li:hover .img-boxs p{opacity: 1;}

.sub2-1-collagen-beauty {width: 100%; padding: 150px 0; margin-top: 140px;  background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
.sub2-1-collagen-beauty .txt-box{color: #fff; text-align: center;}
.sub2-1-collagen-beauty .txt-box h3 {margin-bottom: 60px;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 30px;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 19px; line-height: 33.27px; margin-bottom: 65px;}
.sub2-1-collagen-beauty .sub2-1-btn{color: #fff; width: 199px; height: 42px; border: solid 1px #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: auto;}

@media (max-width: 1350px){
.sub2-1-intro{width: 100%; height: 53.4815vw; background: url(../sub/img/sub2-1head-back.png) no-repeat 50% 50% /cover; display: flex; align-items: center; justify-content: center;}
.sub2-1-intro .sub2-1-txtbox{color: #fff; text-align: center;}
.sub2-1-intro .sub2-1-txtbox h4{font-family: "Cormorant", serif; font-size: 1.4815vw; margin-bottom: 4.4444vw;}
.sub2-1-intro .sub2-1-txtbox h1{font-family: 'KoPub Batang'; font-size: 4.0741vw; margin-bottom: 2.2222vw;}
.sub2-1-intro .sub2-1-txtbox p{font-family:'Pretendard', sans-serif;  font-size: 1.3333vw; line-height: 2.2222vw; margin-bottom: 4.4444vw;}
.sub2-1-intro .sub2-1-txtbox ul{display: flex; justify-content: center; align-items: center; gap: 2.2222vw;}
.sub2-1-intro .sub2-1-txtbox ul li{position: relative;}
.sub2-1-intro .sub2-1-txtbox ul li a{width: 100%; display: inline-block;}
.sub2-1-intro li::before {position: absolute; content: '>'; width: 100%; height: 100%;left: 140%;}
.sub2-1-intro li:nth-child(1):before {left: 140%;}
.sub2-1-intro li:nth-child(2):before {left: 80%;}
.sub2-1-intro li:nth-child(3):before {display: none;}

/* 공통 */
.txt-box h3{font-family: 'KoPub Batang'; font-size: 2.6667vw; font-weight: 300; line-height: 3.7778vw;}
.txt-box h3 span{font-weight: 500;}
.txt-box p{font-family:'Pretendard', sans-serif; font-size: 1.3333vw; line-height: 2.0741vw;}
.sub-mo-only2{display: none;}
.sub-mo-only{display: none;}
.sub-pc-only{display: block;}
.sub-side-padding{padding: 0 2.2222vw;}

.sub2-1-coll{margin-top: 10.3704vw;}
.sub2-1-coll .sub2-1-collagen {display: flex; justify-content: center; align-items: center; gap: 5.9259vw;}
.sub2-1-coll .sub2-1-collagen .txt-box h3 {margin-bottom: 2.9630vw;}
.sub2-1-coll .sub2-1-collagen .txt-box p:nth-of-type(1) {margin-bottom: 2.2222vw; color: #6c6c6c;}
.sub2-1-chartbox {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-chartbox .img-box{width: auto; margin-bottom: 1.4815vw; font-size: 1.2593vw;}
.sub2-1-chartbox .img-box img{width: 100%; height: auto;}
.sub2-1-chartbox {font-size: 1.2593vw;}


.sub2-1-collagen-remodelings {margin-top: 10.3704vw; background: url(../sub/img/sub2-1-collagen-remodelingback.png) no-repeat 50% 50% /cover; padding: 9.2593vw 0;}
.sub2-1-collagen-remode {display: flex; justify-content: center; align-items: center; gap: 5.9259vw;}
.sub2-1-collagen-remode .img-box {width: auto;}
.sub2-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub2-1-collagen-remode .txt-box h4 {font-family: 'KoPub Batang'; font-size: 1.6296vw; line-height: 2.3704vw; margin-bottom: 0.8889vw ;}
.sub2-1-collagen-remode .txt-box h3 span{font-size: 3.4815vw; display: inline-block;  margin-bottom: 1.4815vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 2.0741vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(2) {}

.sub2-1-collagen-touch{margin-top: 10.3704vw; background: url(../sub/img/sub2-1-colltouchback.png) no-repeat 100% 3.7037vw /contain}
.sub2-1-collagen-touch .txt-box.subject{text-align: center; margin-bottom: 5.1852vw;}
.txt-box.subject p {font-size: 1.4815vw; margin-bottom: 1.4815vw;}
.txt-box.subject h3 {font-size: 2.9630vw;}
.sub2-1-collagen-box{display: flex; justify-content: center; align-items: center;}

.sub2-1-collagen-box .txt-box p{margin-bottom: 1.9259vw; line-height: 2.0741vw;}
.sub2-1-collagen-box .txt-box p:nth-of-type(1){color: #6c6c6c;}
.sub2-1-collagen-box .txt-box p:nth-of-type(2){}
.sub2-1-collagen-box .txt-box p:nth-of-type(3){color: #e28181;}
.sub2-1-collagen-box .txt-box p:nth-of-type(4){}
.sub2-1-collagentouchimg{width: 40%;}
.sub2-1-collagentouchimg img{width: 100%; height: auto;}



.sub2-1-collagen-graph {margin-top: 10.3704vw;}
.sub2-1-collagen-graph .txt-box {text-align: center; margin-bottom: 5.3333vw;}
.sub2-1-collagen-table {margin: auto; text-align: center; border-collapse: separate; border-spacing: 0.4444vw 0; }
.sub2-1-collagen-table tr td{font-family:'Pretendard', sans-serif; font-size: 16.85; width: 15.6296vw; height: 5.7037vw; color: #888; vertical-align: middle; line-height: 1.8800vw;}
.sub2-1-collagen-table tr .sub2-1-cirback,
.sub2-1-collagen-table tr:nth-of-type(1) td:nth-of-type(4) {
   
}
.sub2-1-collagen-table tr .sub2-1-cirback {color: #e28181; background: url(../sub/img/sub2-1-cirback.png) no-repeat 50% 50% /contain; background-size: 8.1481vw 4.7407vw; border-bottom: none;}


.sub2-1-collagen-table tr:nth-last-of-type(2) td,
.sub2-1-collagen-table tr:nth-last-of-type(3) td,
.sub2-1-collagen-table tr:nth-last-of-type(4) td {border-bottom: 0.0741vw dashed #888;} 
.sub2-1-collagen-table tr:nth-last-of-type(2) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(3) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(4) td:nth-child(4){border-bottom: none;}

.sub2-1-collagen-table tr:nth-last-child(1) td{height: 14.2963vw; border-bottom: 0.1481vw solid #000;}
.sub2-1-collagen-table tr:nth-last-child(1) td:nth-child(4){border-bottom: none;}

.sub2-1-collagen-table .sub2-1-coll-t-1 .coll-t-1-5 {background-color: #e28181; color: #fff;}

.sub2-1-collagen-volume {margin-top: 10.3704vw; padding: 8.7407vw 0; background: url(../sub/img/sub2-1-volumen-box.png) no-repeat 50% 50%/cover; }
.sub2-1-volume-box {position: relative; display: flex; justify-content: center; align-items: center; gap: 5.9259vw;}
.sub2-1-volume-box .sub2-1-volumeimg {width: 40%;}
.sub2-1-volume-box .sub2-1-volumeimg img{width: 100%; height: auto;}

.sub2-1-volume-box .free-txt{position: relative; top: 0; left: 0; font-family: "Cormorant", serif; font-size: 3.7037vw; line-height: 4.1837vw; color: #da92a5; padding-bottom: 1vw; text-align: left; opacity: 0.4;}
.sub2-1-volume-box .txt-box h4 {
    width: 8.0000vw;
    height: 2.9630vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 1.2200vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 1.5556vw;
}

.sub2-1-volume-box .txt-box h4 span{font-size: 1.9778vw; padding-left: 0.1481vw; padding-bottom: 0.5185vw;}
.sub2-1-volume-box .txt-box p {}
.sub2-1-volume-box .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 2.2222vw;}
.sub2-1-volume-box .txt-box p:nth-of-type(2) {color: #828282;}

.sub2-1-collagen-up {margin-top: 10.3704vw; background: url(../sub/img/s2-2-up-back.png) no-repeat 50% 0% /cover;}
.sub2-1-collagen-up .txt-box h4 {width: 8.0000vw;
    height: 2.9630vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 1.2200vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 1.5556vw;}
.sub2-1-collagen-up .txt-box h4 span{font-size: 1.9778vw; padding-left: 0.1481vw; padding-bottom: 0.5185vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box{text-align: center;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box1{margin-bottom: 2.9630vw; }
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2{margin-top: 2.6667vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p {line-height: 2.0741vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(1) {font-size: 1.3333vw; color: #686868; margin-bottom: 3.5556vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(2) {font-size: 1.7037vw; color: #e28181; margin-bottom: 1.8519vw; line-height: 2.4444vw;}
.sub2-1-collagen-up .sub2-1-collagen-upimg-box {display: flex; justify-content: center; align-items: center; gap: 2.2222vw;}
.sub2-1-collagen-upimg-box {width: auto;}
.sub2-1-collagen-upimg-box img {width: 100%; height: auto;}

.sub2-1-collagen-stability {margin-top: 10.3704vw;}
.sub2-1-stabilityimg-box {display: flex; justify-content: center; gap: 2.2222vw;}
.sub2-1-stabilityimg-box .txt-box {margin-top: 2.5926vw;}
.sub2-1-collagen-stability .txt-box {text-align: center; margin-bottom: 3.2593vw; margin-top: 2.5926vw;}
.sub2-1-collagen-stability .txt-box h4 {width: 8.0000vw;
    height: 2.9630vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 1.2200vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 1.5556vw;}
.sub2-1-collagen-stability .txt-box h4 span{font-size: 1.9778vw; padding-left: 0.1481vw; padding-bottom: 0.5185vw;}

.sub2-1-stabilityimg-box .stability-imgbox {width: auto;}
.sub2-1-stabilityimg-box .stability-imgbox img{width: 100%; height: auto;}
.sub2-1-collagen-stability .txt-box2

.sub2-1-collagen-stability .txt-box2 p {line-height: 2.0741vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(1) {font-size: 1.2593vw; color: #686868; margin-bottom: 3.5556vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(2) {font-size: 1.7037vw; color: #e28181; margin-bottom: 1.8519vw; line-height: 2.4444vw;}

.sub2-1-8sec {margin-top: 10.3704vw;}
.sub2-1-8sec .txt-box{text-align: center; margin-bottom: 5.5556vw;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 6.6667vw;}
.sub2-1-suggestimg{width: auto;}
.sub2-1-suggestimg img {width: 100%; height: auto;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p {font-size: 1.3333vw; line-height: 2.0741vw; margin-top: 2.0741vw; text-align: center; color: #7f7f7f;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p span{color: #e28181;}
.sub2-1-suggest-box .suggestul{margin-bottom: 5.1852vw;}
.sub2-1-suggest-box .suggestul li{list-style: disc; padding: 1.0370vw 0; color: #686868; font-size: 1.2593vw;}
.sub2-1-8sec .sub2-1-btn {margin: auto; width: 19.1852vw; height: 4.3704vw; text-align: center; background-color: #000; border-radius: 3.7037vw;}
.sub2-1-8sec .sub2-1-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.3333vw;}

.sub2-1-9sec{margin-top: 10.3704vw}
.sub2-1-collagen-procedure .txt-box {text-align: center;}
.sub2-1-collagen-procedure .txt-box p {font-family: "Cormorant", serif; color: #e28181; font-size: 1.4815vw; margin-bottom: 2.2222vw;}
.sub2-1-collagen-procedure .txt-box h3 {margin-bottom: 6.1481vw;}
.sub2-1-procedureimg{background: url(../sub/img/sub2-1-collagen-procedureback.png) no-repeat 50% 50%/contain; }
.sub2-1-procedureimg .procedure-group1 {}
.sub2-1-procedureimg .procedure-group1, .sub2-1-procedureimg .procedure-group2{display: flex; justify-content: center; align-items: center; gap: 4.4444vw;}
.sub2-1-procedureimg .procedure-group1 li, .sub2-1-procedureimg .procedure-group2 li {position: relative;}
.sub2-1-procedureimg .procedure-group1 li:after, .sub2-1-procedureimg .procedure-group2 li:after {position: absolute; top: 6.2963vw; left: 15.7778vw; content: ""; width: 1.1111vw; height: 2.2222vw; background: url(../sub/img/sub2-1-procedureimg-arrow.png) no-repeat 50% 50%/contain;}
.sub2-1-procedureimg .procedure-group1 li:last-child:after, .sub2-1-procedureimg .procedure-group2 li:last-child::after{content: none;}
.sub2-1-procedureimg .procedure-group1 li div, .sub2-1-procedureimg .procedure-group2 li div{width: 14.0000vw; height: 14.0000vw; background: url(../sub/img/sub2-1-procedureimg-circle.png) no-repeat 50% 50% /contain; font-family:'Pretendard', sans-serif; text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-procedureimg li div p {font-size: 1.5844vw;}
.sub2-1-procedureimg li div span.step {font-family: 'KoPub Batang'; font-size: 1.4081vw; color: #e28181; display: inline-block;  border-bottom: 0.0741vw solid #e28181; padding-bottom: 0.1481vw; margin-bottom: 1.4815vw;}


.sub2-1-10sec {margin-top: 10.3704vw;}
.sub2-1-collagen-synergy .txt-box {text-align: center;}
.sub2-1-collagen-synergy .txt-box p {margin-bottom: 1.0370vw;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(1) {font-family: "Cormorant", serif; color: #e28181; font-size: 1.4815vw; margin-bottom: 2.2222vw;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(2){line-height: 2.4644vw; color: #686868;} 
.sub2-1-collagen-synergy>.txt-box h3 {margin-bottom: 2.9630vw;}
.sub2-1-collagen-synergy>.txt-box {margin-bottom: 5.0370vw;}
.sub2-1-collagen-synergy .sub2-1-synergy {display: flex; align-items: center; justify-content: center; gap: 4.4444vw;}
.sub2-1-collagen-synergy .img-box{width: auto;}
.sub2-1-collagen-synergy .img-box img {width: 100%; height: auto;}
.sub2-1-synergy .img-box {width: auto;}
.sub2-1-synergy {width: 100%; height: auto;}
.sub2-1-synergy .txt-box {text-align: center;}
.sub2-1-synergy .txt-box h4{font-family: 'KoPub Batang'; font-size: 1.8333vw; margin: 2.2963vw 0;}
.sub2-1-synergy .txt-box p{color: #686868;}


.sub2-1_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 10.3704vw;}
.sub2-1_cont11_qna_wrap{position:relative;}
.sub2-1_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 4.6667vw;}
.sub2-1_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 1.8519vw;}
.sub2-1_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 1.9259vw; height: 0.2222vw; background-color: #e28181; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 1.8519vw;}
.sub2-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #e28181; margin-right: 1.8519vw;}
.sub2-1_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-1_cont11_que{position: relative; width: 92.7407vw; padding: 2.8148vw 3.3333vw; cursor: pointer; border-bottom: 0.0741vw solid #ccc; font-size: 1.7037vw; line-height: 3.3348vw; display:flex; justify-content:space-between; align-items:center;
}
.sub2-1_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.1481vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 2.9630vw 0; padding-left: 7.4074vw;}
.sub2-1_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 1.2600vw; line-height: 2.2222vw;}
.sub2-1_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-1_cont11_btn {
    position: relative; width: 1.0370vw; height: 1.0370vw;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-1_cont11_que.on > .sub2-1_cont11_btn{
    position: relative; width: 1.0370vw; height: 0.1481vw;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}


.value{margin-top: 10.3704vw;}
.value .txt-box{text-align: center;}
.value .txt-box h3 {margin-bottom: 2.9630vw;}
.value .txt-box p {margin-bottom: 5.9259vw;}
.value .txt-box .img-box{margin-bottom: 1.4815vw;}

.value-hover{display: flex; justify-content: center;}
.value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value-hover .img-boxs{position: relative; width: 22.5521vw; height: 29.0625vw;}
.value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
.value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 1.2081vw; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}
.value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.0370vw solid #fff;pointer-events: none; 
}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 1.7363vw; font-weight: 500; margin-top: 2.9630vw;}
.value-hover li .af-img {height: 0;}
.value-hover li:hover .img-boxs .bf-img{height: 0;}
.value-hover li:hover .img-boxs .af-img{height: 100%;}
.value-hover li:hover .img-boxs p{opacity: 1;}

.sub2-1-collagen-beauty {width: 100%; padding: 11.1111vw 0; margin-top: 10.3704vw;  background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
.sub2-1-collagen-beauty .txt-box{color: #fff; text-align: center;}
.sub2-1-collagen-beauty .txt-box h3 {margin-bottom: 4.4444vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 2.2222vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 1.4074vw; line-height: 2.4644vw; margin-bottom: 4.8148vw;}
.sub2-1-collagen-beauty .sub2-1-btn{color: #fff; width: 14.7407vw; height: 3.1111vw; border: solid 0.0741vw #fff; border-radius: 3.7037vw; display: flex; align-items: center; justify-content: center; margin: auto;}

}

@media (max-width: 1024px){
.sub2-1-intro{width: 100%; height: 70.5078vw; background: url(../sub/img/sub2-1head-back.png) no-repeat 50% 50% /cover; display: flex; align-items: center; justify-content: center;}
.sub2-1-intro .sub2-1-txtbox{color: #fff; text-align: center;}
.sub2-1-intro .sub2-1-txtbox h4{font-family: "Cormorant", serif; font-size: 1.9531vw; margin-bottom: 5.8594vw;}
.sub2-1-intro .sub2-1-txtbox h1{font-family: 'KoPub Batang'; font-size: 5.3711vw; margin-bottom: 2.9297vw;}
.sub2-1-intro .sub2-1-txtbox p{font-family:'Pretendard', sans-serif;  font-size: 1.7578vw; line-height: 2.9297vw; margin-bottom: 5.8594vw;}
.sub2-1-intro .sub2-1-txtbox ul{display: flex; justify-content: center; align-items: center; gap: 2.9297vw;}
.sub2-1-intro .sub2-1-txtbox ul li{position: relative;}
.sub2-1-intro .sub2-1-txtbox ul li a{width: 100%; display: inline-block;}
.sub2-1-intro li::before {position: absolute; content: '>'; width: 100%; height: 100%;left: 140%;}
.sub2-1-intro li:nth-child(1):before {left: 140%;}
.sub2-1-intro li:nth-child(2):before {left: 80%;}
.sub2-1-intro li:nth-child(3):before {display: none;}

/* 공통 */
.txt-box h3{font-family: 'KoPub Batang'; font-size: 3vw; font-weight: 300; line-height: 4.9805vw; margin-bottom: 2vw;}
.txt-box h3 span{font-weight: 500;}
.txt-box p{font-family:'Pretendard', sans-serif;font-size: 1.5578vw;line-height: 2.7344vw;}
.sub-mo-only2{display: none;}
.sub-mo-only{display: none;}
.sub-pc-only{display: block;}
.sub-side-padding{padding: 0 2.9297vw;}

.sub2-1-coll{margin-top: 13.6719vw;}
.sub2-1-coll .sub2-1-collagen {display: flex; justify-content: center; align-items: center; gap: 2vw;}
.sub2-1-coll .sub2-1-collagen .txt-box h3 {margin-bottom: 3vw;}
.sub2-1-coll .sub2-1-collagen .txt-box p:nth-of-type(1) {margin-bottom: 2.9297vw; color: #6c6c6c;}
.sub2-1-chartbox {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%;}
.sub2-1-chartbox .img-box{width: 90%; margin-bottom: 1.9531vw; font-size: 1.6602vw;}
.sub2-1-chartbox .img-box img{width: 100%; height: auto;}
.sub2-1-chartbox {font-size: 1.66025vw;}


.sub2-1-collagen-remodelings {margin-top: 13.6719vw; background: url(../sub/img/sub2-1-collagen-remodelingback.png) no-repeat 50% 50% /cover; padding: 12.2070vw 0;}
.sub2-1-collagen-remode {display: flex; justify-content: center; align-items: center; gap: 5vw;}
.sub2-1-collagen-remode .img-box {width: 45%;}
.sub2-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub2-1-collagen-remode .txt-box h4 {font-family: 'KoPub Batang'; font-size: 2.1484vw; line-height: 3.1250vw; margin-bottom: 1.1719vw ;}
.sub2-1-collagen-remode .txt-box h3 span{font-size: 3vw; display: inline-block;  margin-bottom: 1.5vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 1vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(2) {}

.sub2-1-collagen-touch{margin-top: 13.6719vw; background: url(../sub/img/sub2-1-colltouchback.png) no-repeat 100% 4.8828vw /contain}
.sub2-1-collagen-touch .txt-box.subject{text-align: center; margin-bottom: 6.8359vw;}
.txt-box.subject p {font-size: 1.9531vw; margin-bottom: 1.9531vw;}
.txt-box.subject h3 {font-size: 3.9063vw;}
.sub2-1-collagen-box{display: flex; justify-content: center; align-items: center; flex-direction: column;}

.sub2-1-collagen-box .txt-box p{margin-bottom: 2.5391vw; line-height: 2.7344vw;}
.sub2-1-collagen-box .txt-box p:nth-of-type(1){color: #6c6c6c;}
.sub2-1-collagen-box .txt-box p:nth-of-type(2){}
.sub2-1-collagen-box .txt-box p:nth-of-type(3){color: #e28181;}
.sub2-1-collagen-box .txt-box p:nth-of-type(4){}
.sub2-1-collagentouchimg{width: auto;}
.sub2-1-collagentouchimg img{width: 100%; height: auto;}



.sub2-1-collagen-graph {margin-top: 13.6719vw;}
.sub2-1-collagen-graph .txt-box {text-align: center; margin-bottom: 7.0313vw;}
.sub2-1-collagen-table {margin: auto; text-align: center; border-collapse: separate; border-spacing: 0.5859vw 0;}
.sub2-1-collagen-table tr td{font-family:'Pretendard', sans-serif; font-size: 16.85; width: 20.6055vw; height: 7.5195vw; color: #888; vertical-align: middle; line-height: 2.4785vw;}
.sub2-1-collagen-table tr .sub2-1-cirback,
.sub2-1-collagen-table tr:nth-of-type(1) td:nth-of-type(4) {
   
}
.sub2-1-collagen-table tr .sub2-1-cirback {color: #e28181; background: url(../sub/img/sub2-1-cirback.png) no-repeat 50% 50% /contain; background-size: 10.7422vw 6.2500vw; border-bottom: none;}


.sub2-1-collagen-table tr:nth-last-of-type(2) td,
.sub2-1-collagen-table tr:nth-last-of-type(3) td,
.sub2-1-collagen-table tr:nth-last-of-type(4) td {border-bottom: 0.0977vw dashed #888;} 
.sub2-1-collagen-table tr:nth-last-of-type(2) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(3) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(4) td:nth-child(4){border-bottom: none;}

.sub2-1-collagen-table tr:nth-last-child(1) td{height: 18.8477vw; border-bottom: 0.1953vw solid #000;}
.sub2-1-collagen-table tr:nth-last-child(1) td:nth-child(4){border-bottom: none;}

.sub2-1-collagen-table .sub2-1-coll-t-1 .coll-t-1-5 {background-color: #e28181; color: #fff;}

.sub2-1-collagen-volume {margin-top: 13.6719vw; padding: 11.5234vw 0; background: url(../sub/img/sub2-1-volumen-box.png) no-repeat 50% 50%/cover; }
.sub2-1-volume-box {position: relative; display: flex; justify-content: center; align-items: center; gap: 3.8125vw;}
.sub2-1-volume-box .sub2-1-volumeimg {width: 40%;}
.sub2-1-volume-box .sub2-1-volumeimg img{width: 100%; height: auto;}
.sub2-1-volume-box .free-txt {position: relative; top: 0; left: 0; font-family: "Cormorant", serif; font-size: 4.8828vw; line-height: 5.5156vw; color: #da92a5;}
.sub2-1-volume-box .txt-box h4 {width: 10.5469vw;
    height: 3.9063vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 1.6084vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 2.0508vw;}
.sub2-1-volume-box .txt-box h4 span{font-size: 2.6074vw; padding-left: 0.1953vw; padding-bottom: 0.6836vw;}
.sub2-1-volume-box .txt-box p {}
.sub2-1-volume-box .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 1vw;}
.sub2-1-volume-box .txt-box p:nth-of-type(2) {color: #828282;}

.sub2-1-collagen-up {margin-top: 13.6719vw; background: url(../sub/img/s2-2-up-back.png) no-repeat 50% 0% /cover;}
.sub2-1-collagen-up .txt-box h4 {width: 10.5469vw;
    height: 3.9063vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 1.6084vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 2.0508vw;}
.sub2-1-collagen-up .txt-box h4 span{font-size: 2.6074vw; padding-left: 0.1953vw; padding-bottom: 0.6836vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box{text-align: center;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box1{margin-bottom: 3.9063vw; }
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2{margin-top: 3.5156vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p {line-height: 2.7344vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(1) {font-size: 1.6602vw; color: #686868; margin-bottom: 4.6875vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(2) {font-size: 2.2461vw; color: #e28181; margin-bottom: 2.4414vw; line-height: 3.2227vw;}
.sub2-1-collagen-up .sub2-1-collagen-upimg-box {display: flex; justify-content: center; align-items: center; gap: 2.9297vw;}
.sub2-1-collagen-upimg-box {width: auto;}
.sub2-1-collagen-upimg-box img {width: 100%; height: auto;}

.sub2-1-collagen-stability {margin-top: 13.6719vw;}
.sub2-1-stabilityimg-box {display: flex; justify-content: center; gap: 2.9297vw;}
.sub2-1-stabilityimg-box .txt-box {margin-top: 3.4180vw;}
.sub2-1-collagen-stability .txt-box {text-align: center; margin-bottom: 4.2969vw; margin-top: 3.4180vw;}
.sub2-1-collagen-stability .txt-box h4 {width: 10.5469vw;
    height: 3.9063vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 1.6084vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 2.0508vw;}
.sub2-1-collagen-stability .txt-box h4 span{font-size: 2.6074vw; padding-left: 0.1953vw; padding-bottom: 0.6836vw;}

.sub2-1-stabilityimg-box .stability-imgbox {width: auto;}
.sub2-1-stabilityimg-box .stability-imgbox img{width: 100%; height: auto;}
.sub2-1-collagen-stability .txt-box2

.sub2-1-collagen-stability .txt-box2 p {line-height: 2.7344vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(1) {font-size: 1.6602vw; color: #686868; margin-bottom: 4.6875vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(2) {font-size: 2.2461vw; color: #e28181; margin-bottom: 2.4414vw; line-height: 3.2227vw;}
.sub2-1-collagen-stability .txt-box2 p .sub-mo-only {display: block;}

.sub2-1-8sec {margin-top: 13.6719vw;}
.sub2-1-8sec .txt-box{text-align: center; margin-bottom: 7.3242vw;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 4.7891vw;}
.sub2-1-suggestimg-box{width: 40%;}
.sub2-1-suggestimg{width: auto;}
.sub2-1-suggestimg img {width: 100%; height: auto;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p {font-size: 1.7578vw; line-height: 2.7344vw; margin-top: 2.7344vw; text-align: center; color: #7f7f7f;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p span{color: #e28181;}
.sub2-1-suggest-box .suggestul{margin-bottom: 6.8359vw;}
.sub2-1-suggest-box .suggestul li{list-style: disc; padding: 1.3672vw 0; color: #686868; font-size: 1.6602vw;}
.sub2-1-8sec .sub2-1-btn {margin: auto; width: 25.2930vw; height: 5.7617vw; text-align: center; background-color: #000; border-radius: 4.8828vw;}
.sub2-1-8sec .sub2-1-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.7578vw;}

.sub2-1-9sec{margin-top: 13.6719vw}
.sub2-1-collagen-procedure .txt-box {text-align: center;}
.sub2-1-collagen-procedure .txt-box p {font-family: "Cormorant", serif; color: #e28181; font-size: 1.9531vw; margin-bottom: 2.9297vw;}
.sub2-1-collagen-procedure .txt-box h3 {margin-bottom: 8.1055vw;}
.sub2-1-procedureimg{background: url(../sub/img/sub2-1-collagen-procedureback.png) no-repeat 50% 50%/contain; }
.sub2-1-procedureimg .procedure-group1 {}
.sub2-1-procedureimg .procedure-group1, .sub2-1-procedureimg .procedure-group2{display: flex; justify-content: center; align-items: center; gap: 5.8594vw;}
.sub2-1-procedureimg .procedure-group1 li, .sub2-1-procedureimg .procedure-group2 li {position: relative;}
.sub2-1-procedureimg .procedure-group1 li:after, .sub2-1-procedureimg .procedure-group2 li:after {position: absolute; top: 8.3008vw; left: 20.8008vw; content: ""; width: 1.4648vw; height: 2.9297vw; background: url(../sub/img/sub2-1-procedureimg-arrow.png) no-repeat 50% 50%/contain;}
.sub2-1-procedureimg .procedure-group1 li:last-child:after, .sub2-1-procedureimg .procedure-group2 li:last-child::after{content: none;}
.sub2-1-procedureimg .procedure-group1 li div, .sub2-1-procedureimg .procedure-group2 li div{width: 18.4570vw; height: 18.4570vw; background: url(../sub/img/sub2-1-procedureimg-circle.png) no-repeat 50% 50% /contain; font-family:'Pretendard', sans-serif; text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-procedureimg li div p {font-size: 2.0889vw;}
.sub2-1-procedureimg li div span.step {font-family: 'KoPub Batang'; font-size: 1.8564vw; color: #e28181; display: inline-block;  border-bottom: 0.0977vw solid #e28181; padding-bottom: 0.1953vw; margin-bottom: 1.9531vw;}


.sub2-1-10sec {margin-top: 13.6719vw;}
.sub2-1-collagen-synergy .txt-box {text-align: center;}
.sub2-1-collagen-synergy .txt-box p {margin-bottom: 1.3672vw;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(1) {font-family: "Cormorant", serif; color: #e28181; font-size: 1.9531vw; margin-bottom: 2.9297vw;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(2){line-height: 3.2490vw; color: #686868;} 
.sub2-1-collagen-synergy>.txt-box h3 {margin-bottom: 3.9063vw;}
.sub2-1-collagen-synergy>.txt-box {margin-bottom: 6.6406vw;}
.sub2-1-collagen-synergy .sub2-1-synergy {display: flex; align-items: center; justify-content: center; gap: 5.8594vw; flex-wrap: wrap;}
.sub2-1-collagen-synergy .img-box{width: auto;}
.sub2-1-collagen-synergy .img-box img {width: 100%; height: auto;}
.sub2-1-synergy .img-box {width: auto;}
.sub2-1-synergy {width: 100%; height: auto;}
.sub2-1-synergy .txt-box {text-align: center;}
.sub2-1-synergy .txt-box h4{font-family: 'KoPub Batang'; font-size: 2.4170vw; margin: 3.0273vw 0;}
.sub2-1-synergy .txt-box p{color: #686868;}


.sub2-1_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 13.6719vw;}
.sub2-1_cont11_qna_wrap{position:relative;}
.sub2-1_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 6.1523vw;}
.sub2-1_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 2.4414vw;}
.sub2-1_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 2.5391vw; height: 0.2930vw; background-color: #e28181; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 2.4414vw;}
.sub2-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #e28181; margin-right: 2.4414vw;}
.sub2-1_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-1_cont11_que{position: relative; width: 82.2656vw; padding: 3.7109vw 4.3945vw; cursor: pointer; border-bottom: 0.0977vw solid #ccc; font-size: 2.2461vw; line-height: 4.3965vw; display:flex; justify-content:space-between; align-items:center;
}
.sub2-1_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.1953vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 3.9063vw 0; padding-left: 9.7656vw;}
.sub2-1_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 1.6611vw; line-height: 2.9297vw;}
.sub2-1_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-1_cont11_btn {
    position: relative; width: 1.3672vw; height: 1.3672vw;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-1_cont11_que.on > .sub2-1_cont11_btn{
    width: 1.3672vw; height: 0.1953vw;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}


.value{margin-top: 13.6719vw;}
.value .txt-box{text-align: center;}
.value .txt-box h3 {margin-bottom: 3.9063vw;}
.value .txt-box p {margin-bottom: 7.8125vw;}
.value .txt-box .img-box{margin-bottom: 1.9531vw;}

.value-hover{display: flex; justify-content: center; flex-wrap: wrap;}
.value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value-hover .img-boxs{position: relative; width: 42.5521vw; height: 59.0625vw;}
.value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
.value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 1.5928vw; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}
.value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.0488vw solid #fff;pointer-events: none; }
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 2.2891vw; font-weight: 500; margin:2.5vw 0}
.value-hover li .af-img {height: 0;}
.value-hover li:hover .img-boxs .bf-img{height: 0;}
.value-hover li:hover .img-boxs .af-img{height: 100%;}
.value-hover li:hover .img-boxs p{opacity: 1;}

.sub2-1-collagen-beauty {width: 100%; padding: 14.6484vw 0; margin-top: 13.6719vw;  background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
.sub2-1-collagen-beauty .txt-box{color: #fff; text-align: center;}
.sub2-1-collagen-beauty .txt-box h3 {margin-bottom: 5.8594vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 2.9297vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 1.8555vw; line-height: 3.2490vw; margin-bottom: 6.3477vw;}
.sub2-1-collagen-beauty .sub2-1-btn{color: #fff; width: 19.4336vw; height: 4.1016vw; border: solid 0.0977vw #fff; border-radius: 4.8828vw; display: flex; align-items: center; justify-content: center; margin: auto;}
}

@media (max-width: 768px){
.sub2-1-intro{width: 100%; height: 100vh; background: url(../sub/img/sub2-1head-back.png) no-repeat 50% 50% /cover; display: flex; align-items: center; justify-content: center;}
.sub2-1-intro .sub2-1-txtbox{color: #fff; text-align: center;}
.sub2-1-intro .sub2-1-txtbox h4{font-family: "Cormorant", serif; font-size: 2.6042vw; margin-bottom: 7.8125vw;}
.sub2-1-intro .sub2-1-txtbox h1{font-family: 'KoPub Batang'; font-size: 7.1615vw; margin-bottom: 3.9063vw;}
.sub2-1-intro .sub2-1-txtbox p{font-family:'Pretendard', sans-serif;  font-size: 2.3438vw; line-height: 3.9063vw; margin-bottom: 7.8125vw;}
.sub2-1-intro .sub2-1-txtbox ul{display: flex; justify-content: center; align-items: center; gap: 3.9063vw;}
.sub2-1-intro .sub2-1-txtbox ul li{position: relative;}
.sub2-1-intro .sub2-1-txtbox ul li a{width: 100%; display: inline-block;}
.sub2-1-intro li::before {position: absolute; content: '>'; width: 100%; height: 100%;left: 140%;}
.sub2-1-intro li:nth-child(1):before {left: 116%;}
.sub2-1-intro li:nth-child(2):before {left: 72%;}
.sub2-1-intro li:nth-child(3):before {display: none;}

/* 공통 */
.txt-box h3{font-family: 'KoPub Batang'; font-size: 4.17vw; font-weight: 300; line-height: 6.6406vw;}
.txt-box h3 span{font-weight: 500;}
.txt-box p{font-family:'Pretendard', sans-serif; font-size: 2.3438vw; line-height: 3.6458vw;}
.sub-mo-only2{display: none;}
.sub-mo-only{display: none;}
.sub-pc-only{display: block;}
.sub-side-padding{padding: 0 3.9063vw;}

.sub2-1-coll{margin-top: 18.2292vw;}
.sub2-1-coll .sub2-1-collagen {display: flex; justify-content: center; align-items: center; gap: 5.4167vw;flex-direction: column;}
.sub2-1-coll .sub2-1-collagen .txt-box h3 {margin-bottom: 5.2083vw;}
.sub2-1-coll .sub2-1-collagen .txt-box p:nth-of-type(1) {margin-bottom: 3.9063vw; color: #6c6c6c;}
.sub2-1-chartbox {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.sub2-1-chartbox .img-box{width: auto; margin-bottom: 2.6042vw; font-size: 2.2135vw;}
.sub2-1-chartbox .img-box img{width: 100%; height: auto;}
.sub2-1-chartbox p {font-size: 16px;}

.sub2-1-collagen-remodelings {margin-top: 18.2292vw; background: url(../sub/img/sub2-1-collagen-remodelingback.png) no-repeat 50% 50% /cover; padding: 16.2760vw 0;}
.sub2-1-collagen-remode {display: flex; justify-content: center; align-items: center; gap: 4.4167vw; flex-direction: column-reverse;}
.sub2-1-collagen-remode .img-box {width: auto;}
.sub2-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub2-1-collagen-remode .txt-box h4 {font-family: 'KoPub Batang'; font-size: 2.8646vw; line-height: 4.1667vw; margin-bottom: 1.5625vw ;}
.sub2-1-collagen-remode .txt-box h3 span{font-size: 5.1198vw; display: inline-block;  margin-bottom: 2.6042vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 3.6458vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(2) {}

.sub2-1-collagen-touch{margin-top: 18.2292vw; background: url(../sub/img/sub2-1-colltouchback.png) no-repeat 100% 6.5104vw /contain}
.sub2-1-collagen-touch .txt-box.subject{text-align: center; margin-bottom: 9.1146vw;}
.txt-box.subject p {font-size: 2.6042vw; margin-bottom: 2.6042vw;}
.txt-box.subject h3 {font-size: 5.2083vw;}
.sub2-1-collagen-box{display: flex; justify-content: center; align-items: center;}

.sub2-1-collagen-box .txt-box p{margin-bottom: 3.3854vw; line-height: 4.6458vw; text-align: center;}
.sub2-1-collagen-box .txt-box p:nth-of-type(1){color: #6c6c6c;}
.sub2-1-collagen-box .txt-box p:nth-of-type(2){}
.sub2-1-collagen-box .txt-box p:nth-of-type(3){color: #e28181; margin: 4.3854vw 0vw 4.3854vw;}
.sub2-1-collagen-box .txt-box p:nth-of-type(4){}
.sub2-1-collagen-box .txt-box p .sub-pc-only{display: none;}
.sub2-1-collagen-box .txt-box p .sub-mo-only{display: block;}
.sub2-1-collagentouchimg{width: auto;}
.sub2-1-collagentouchimg img{width: 100%; height: auto;}



.sub2-1-collagen-graph {margin-top: 18.2292vw;}
.sub2-1-collagen-graph .txt-box {text-align: center; margin-bottom: 9.3750vw;}
.sub2-1-collagen-table {margin: auto; text-align: center; border-collapse: separate; border-spacing: 0.7813vw 0; }
.sub2-1-collagen-table tr td{font-family:'Pretendard', sans-serif; font-size: 16.85; width: 27.4740vw; height: 10.0260vw; color: #888; vertical-align: middle; line-height: 3.3047vw;}
.sub2-1-collagen-table tr .sub2-1-cirback,
.sub2-1-collagen-table tr:nth-of-type(1) td:nth-of-type(4) {}
.sub2-1-collagen-table tr .sub2-1-cirback {color: #e28181; background: url(../sub/img/sub2-1-cirback.png) no-repeat 50% 50% /contain; background-size: 14.3229vw 8.3333vw; border-bottom: none;}

.sub2-1-collagen-table tr:nth-last-of-type(2) td,
.sub2-1-collagen-table tr:nth-last-of-type(3) td,
.sub2-1-collagen-table tr:nth-last-of-type(4) td {border-bottom: 0.1302vw dashed #888;} 
.sub2-1-collagen-table tr:nth-last-of-type(2) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(3) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(4) td:nth-child(4){border-bottom: none;}

.sub2-1-collagen-table tr:nth-last-child(1) td{height: 25.1302vw; border-bottom: 0.2604vw solid #000;}
.sub2-1-collagen-table tr:nth-last-child(1) td:nth-child(4){border-bottom: none;}


.sub2-1-collagen-table .sub2-1-coll-t-1 .coll-t-1-5 {background-color: #e28181; color: #fff;}

.sub2-1-collagen-volume {margin-top: 18.2292vw; padding: 15.3646vw 0; background: url(../sub/img/sub2-1-volumen-box.png) no-repeat 50% 50%/cover; }
.sub2-1-volume-box {position: relative; display: flex; justify-content: center; align-items: center; gap: 4.4167vw; flex-direction: column-reverse; }
.sub2-1-volume-box .sub2-1-volumeimg {width: auto;}
.sub2-1-volume-box .sub2-1-volumeimg img{width: 100%; height: auto;}
.sub2-1-volume-box .free-txt{position: relative; top: 0; left: 0; font-family: "Cormorant", serif; font-size: 6.5104vw; line-height: 7.3542vw; color: #da92a5;}
.sub2-1-volume-box .txt-box h4 {width: 14.0625vw;
    height: 5.2083vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 2.1445vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 2.7344vw;}
.sub2-1-volume-box .txt-box h4 span{font-size: 3.4766vw; padding-left: 0.2604vw; padding-bottom: 0.9115vw;}
.sub2-1-volume-box .txt-box p {}
.sub2-1-volume-box .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 3.9063vw;}
.sub2-1-volume-box .txt-box p:nth-of-type(2) {color: #828282;}

.sub2-1-collagen-up {margin-top: 18.2292vw; background: url(../sub/img/s2-2-up-back.png) no-repeat 50% 0% /cover;}
.sub2-1-collagen-up .txt-box h4 {width: 14.0625vw;
    height: 5.2083vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 2.1445vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 2.7344vw;}
.sub2-1-collagen-up .txt-box h4 span{font-size: 3.4766vw; padding-left: 0.2604vw; padding-bottom: 0.9115vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box{text-align: center;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box1{margin-bottom: 5.2083vw; }
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2{margin-top: 4.6875vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p {line-height: 4.6458vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(1) {font-size: 2.2135vw; color: #686868; margin-bottom: 6.2500vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(2) {font-size: 2.9948vw; color: #e28181; margin-bottom: 3.2552vw; line-height: 4.2969vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(3) .sub-mo-only {display: block;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(3) .sub-pc-only {display: none;}
.sub2-1-collagen-up .sub2-1-collagen-upimg-box {display: flex; justify-content: center; align-items: center; gap: 1.9063vw; flex-direction: column;}
.sub2-1-collagen-upimg-box {width: auto;}
.sub2-1-collagen-upimg-box img {width: 100%; height: auto;}

.sub2-1-collagen-stability {margin-top: 18.2292vw;}
.sub2-1-stabilityimg-box {display: flex; justify-content: center; gap: 3.9063vw; align-items: center; flex-direction: column;}
.sub2-1-stabilityimg-box .txt-box {margin-top: 4.5573vw;}
.sub2-1-collagen-stability .txt-box {text-align: center; margin-bottom: 5.7292vw; margin-top: 4.5573vw;}
.sub2-1-collagen-stability .txt-box h4 {width: 14.0625vw;
    height: 5.2083vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 2.1445vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 2.7344vw;}
.sub2-1-collagen-stability .txt-box h4 span{font-size: 3.4766vw; padding-left: 0.2604vw; padding-bottom: 0.9115vw;}

.sub2-1-stabilityimg-box .stability-imgbox {width: 80%;}
.sub2-1-stabilityimg-box .stability-imgbox img{width: 100%; height: auto;}
.sub2-1-collagen-stability .txt-box2

.sub2-1-collagen-stability .txt-box2 p {line-height: 3.6458vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(1) {font-size: 2.2135vw; color: #686868; margin-bottom: 6.2500vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(2) {font-size: 2.9948vw; color: #e28181; margin-bottom: 3.2552vw; line-height: 4.2969vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(2) .sub-pc-only{display: none;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(2) .sub-mo-only{display: block;}

.sub2-1-8sec {margin-top: 18.2292vw;}
.sub2-1-8sec .txt-box{text-align: center; margin-bottom: 9.7656vw;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper {display: flex; justify-content: center; align-items: center; gap: 11.7188vw; flex-direction: column;}
.sub2-1-suggestimg-box {width: 80%;}
.sub2-1-suggestimg{width: auto;}
.sub2-1-suggestimg img {width: 100%; height: auto;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p {font-size: 2.3438vw; line-height: 3.6458vw; margin-top: 3.6458vw; text-align: center; color: #7f7f7f;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p span{color: #e28181;}
.sub2-1-suggest-box .suggestul{margin-bottom: 9.1146vw;}
.sub2-1-suggest-box .suggestul li{list-style: disc; padding: 1vw 0; color: #686868; font-size: 2.3438vw; line-height: 3.6458vw;}
.sub2-1-suggest-box .suggestul li .sub-mo-only {display: block;}
.sub2-1-8sec .sub2-1-btn {margin: auto; width: 33.7240vw; height: 7.6823vw; text-align: center; background-color: #000; border-radius: 6.5104vw;}
.sub2-1-8sec .sub2-1-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.3438vw; }

.sub2-1-9sec{margin-top: 18.2292vw}
.sub2-1-collagen-procedure .txt-box {text-align: center;}
.sub2-1-collagen-procedure .txt-box p {font-family: "Cormorant", serif; color: #e28181; font-size: 2.6042vw; margin-bottom: 3.9063vw;}
.sub2-1-collagen-procedure .txt-box h3 {margin-bottom: 5.8073vw;}
.sub2-1-procedureimg{background: url(../sub/img/sub2-1-collagen-procedureback.png) no-repeat 50% 50%/contain; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-procedureimg .procedure-group1 {margin-bottom: 7.8125vw;}
.sub2-1-procedureimg .procedure-group1, .sub2-1-procedureimg .procedure-group2{ display: flex; justify-content: center; align-items: center; gap: 7.8125vw; flex-wrap: wrap;}
.sub2-1-procedureimg .procedure-group1 li, .sub2-1-procedureimg .procedure-group2 li {position: relative;}
.sub2-1-procedureimg .procedure-group1 li:after, .sub2-1-procedureimg .procedure-group2 li:after {position: absolute; top: 11.0677vw; left: 31.7344vw; content: ""; width: 1.9531vw; height: 3.9063vw; background: url(../sub/img/sub2-1-procedureimg-arrow.png) no-repeat 50% 50%/contain;}
.sub2-1-procedureimg .procedure-group1 li:nth-of-type(2):after, .sub2-1-procedureimg .procedure-group2 li:nth-of-type(2)::after{content: none;}
.sub2-1-procedureimg .procedure-group1 li:last-child:after, .sub2-1-procedureimg .procedure-group2 li:last-child::after{content: none;}
.sub2-1-procedureimg .procedure-group1 li div, .sub2-1-procedureimg .procedure-group2 li div{width: 28.457vw; height: 28.457vw; background: url(../sub/img/sub2-1-procedureimg-circle.png) no-repeat 50% 50% /contain; font-family:'Pretendard', sans-serif; text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-procedureimg li div p {font-size: 2.7852vw;}
.sub2-1-procedureimg li div span.step {font-family: 'KoPub Batang'; font-size: 2.4753vw; color: #e28181; display: inline-block;  border-bottom: 0.1302vw solid #e28181; padding-bottom: 0.2604vw; margin-bottom: 2.6042vw;}


.sub2-1-10sec {margin-top: 18.2292vw;}
.sub2-1-collagen-synergy .txt-box {text-align: center;}
.sub2-1-collagen-synergy .txt-box p {margin-bottom: 4.8229vw;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(1) {font-family: "Cormorant", serif; color: #e28181; font-size: 2.6042vw; margin-bottom: 3.9063vw;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(2){line-height: 4.3320vw; color: #686868;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(2) .sub-mo-only {display: block;} 
.sub2-1-collagen-synergy>.txt-box h3 {margin-bottom: 5.2083vw;}
.sub2-1-collagen-synergy>.txt-box {margin-bottom: 8.8542vw;}
.sub2-1-collagen-synergy .sub2-1-synergy {display: flex; align-items: center; justify-content: center; gap: 2vw;}
.sub2-1-collagen-synergy .sub2-1-synergy li {width: calc(50% - 4vw);}
.sub2-1-collagen-synergy .img-box{width: auto;}
.sub2-1-collagen-synergy .img-box img {width: 100%; height: auto;}
.sub2-1-synergy .img-box {width: auto;}
.sub2-1-synergy {width: 100%; height: auto;}
.sub2-1-synergy .txt-box {text-align: center;}
.sub2-1-synergy .txt-box h4{font-family: 'KoPub Batang'; font-size: 3.2227vw; margin: 4.0365vw 0 2.0365vw ;}
.sub2-1-synergy .txt-box p{color: #686868; font-size: 2.2135vw; line-height: 3.6458vw;}


.sub2-1_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 18.2292vw;}
.sub2-1_cont11_qna_wrap{position:relative;}
.sub2-1_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 5.2083vw;}
.sub2-1_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 3.2552vw;}
.sub2-1_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 3.3854vw; height: 0.3906vw; background-color: #e28181; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 3.2552vw;}
.sub2-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #e28181; margin-right: 3.2552vw;}
.sub2-1_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-1_cont11_que{position: relative; width: 87.0208vw; padding: 4.9479vw 4vw; cursor: pointer; border-bottom: 0.1302vw solid #ccc; font-size: 2.9948vw; line-height: 5.8620vw; display:flex; justify-content:space-between; align-items:center;
}
.sub2-1_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.2604vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 5.2083vw 0; padding-left: 11vw;}
.sub2-1_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 2.6042vw; line-height: 4.9063vw;}
.sub2-1_cont11_anw p .sub-pc-only {display: none;}
.sub2-1_cont11_anw p .sub-mo-only {display: block;}
.sub2-1_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-1_cont11_btn {
    position: relative; width: 1.8229vw; height: 1.8229vw;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-1_cont11_que.on > .sub2-1_cont11_btn{
    width: 1.8229vw; height: 0.2604vw;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}


.value{margin-top: 18.2292vw;}
.value .txt-box{text-align: center;}
.value .txt-box h3 {margin-bottom: 5.2083vw;}
.value .txt-box p {margin-bottom: 10.4167vw;}
.value .txt-box .img-box{margin-bottom: 2.6042vw;}

.value-hover{display: flex; justify-content: center; flex-wrap: wrap;}
.value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 50%;}
.value-hover .img-boxs {position: relative; width: 43.5521vw; height: 57.0625vw;}
.value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
.value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 2.1237vw; line-height: 1.5; text-align: center; opacity: 1; transition: all 1s ease-in-out;}
.value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.0651vw solid #fff;pointer-events: none; 
}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 3.0521vw; font-weight: 500; margin-top: 5.2083vw;}
.value-hover li .bf-img {display: none;}

.sub2-1-collagen-beauty {width: 100%; padding: 19.5313vw 0; margin-top: 18.2292vw;  background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
.sub2-1-collagen-beauty .txt-box{color: #fff; text-align: center;}
.sub2-1-collagen-beauty .txt-box h3 {margin-bottom: 7.8125vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 3.9063vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 2.4740vw; line-height: 4.3320vw; margin-bottom: 8.4635vw;}
.sub2-1-collagen-beauty .sub2-1-btn{color: #fff; width: 25.9115vw; height: 5.4688vw; border: solid 0.1302vw #fff; border-radius: 6.5104vw; display: flex; align-items: center; justify-content: center; margin: auto;}
}




@media (max-width: 425px) {
    
.sub2-1-intro{width: 100%; height: 100vh; background: url(../sub/img/sub2-1head-back.png) no-repeat 50% 50% /cover; display: flex; align-items: center; justify-content: center;}
.sub2-1-intro .sub2-1-txtbox{color: #fff; text-align: center;}
.sub2-1-intro .sub2-1-txtbox h4{font-family: "Cormorant", serif; font-size: 4.7059vw; margin-bottom: 14.1176vw;}
.sub2-1-intro .sub2-1-txtbox h1{font-family: 'KoPub Batang'; font-size: 9.9412vw; margin-bottom: 7.0588vw;}
.sub2-1-intro .sub2-1-txtbox p{font-family:'Pretendard', sans-serif;  font-size: 4.2353vw; line-height: 7.0588vw; margin-bottom: 14.1176vw;}
.sub2-1-intro .sub2-1-txtbox ul{display: flex; justify-content: center; align-items: center; gap: 7.0588vw;}
.sub2-1-intro .sub2-1-txtbox ul li{position: relative;}
.sub2-1-intro .sub2-1-txtbox ul li a{width: 100%; display: inline-block;}
.sub2-1-intro li::before {position: absolute; content: '>'; width: 100%; height: 100%;left: 140%;}
.sub2-1-intro li:nth-child(1):before {left: 120%;}
.sub2-1-intro li:nth-child(2):before {left: 70%;}
.sub2-1-intro li:nth-child(3):before {display: none;}

/* 공통 */
.txt-box h3 {font-family: 'KoPub Batang'; font-size: 6.4706vw; font-weight: 300; line-height: 10vw;}
.txt-box h3 span{font-weight: 500;}
.txt-box h3 .sub-mo-only {display: block;}
.txt-box h3 .sub-pc-only {display: none;}
.txt-box p{font-family:'Pretendard', sans-serif; font-size: 4.2353vw; line-height: 6.5882vw;}
.txt-box p .sub-mo-only {}
.txt-box p .sub-pc-only {}
.sub-mo-only{display: none;}
.sub-pc-only{display: block;}
.sub-side-padding{padding: 0 7.0588vw;}

.sub2-1-coll{margin-top: 15.9412vw;}
.sub2-1-coll .sub2-1-collagen {display: flex; justify-content: center; align-items: center; gap: 7.8235vw;}
.sub2-1-coll .sub2-1-collagen .txt-box h3 {margin-bottom: 9.4118vw;}
.sub2-1-coll .sub2-1-collagen .txt-box p:nth-of-type(1) {margin-bottom: 7.0588vw; color: #6c6c6c;}
.sub2-1-coll .sub2-1-collagen .txt-box p .sub-mo-only {display: block;}
.sub2-1-coll .sub2-1-collagen .txt-box p .sub-pc-only {display: none;}
.sub2-1-chartbox {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-chartbox .img-box{width: auto; margin-bottom: 4.7059vw; font-size: 4.0000vw;}
.sub2-1-chartbox .img-box img{width: 100%; height: auto;}
.sub2-1-chartbox p {font-size: 4.0000vw;}

.sub2-1-collagen-remodelings {margin-top: 15.9412vw; background: url(../sub/img/sub2-1-collagen-remodelingback.png) no-repeat 50% 50% /cover; padding: 15.4118vw 0;}
.sub2-1-collagen-remode {display: flex; justify-content: center; align-items: center; gap: 7.8235vw;}
.sub2-1-collagen-remode .img-box {width: auto;}
.sub2-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub2-1-collagen-remode .txt-box h4 {font-family: 'KoPub Batang'; font-size: 5.1765vw; line-height: 7.5294vw; margin-bottom: 2.8235vw ;}
.sub2-1-collagen-remode .txt-box h3 span{font-size: 9.0588vw; display: inline-block;  margin-bottom: 4.7059vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 3.5882vw;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(1) .sub-mo-only {display: block;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(2) .sub-mo-only{display: block;}
.sub2-1-collagen-remode .txt-box p:nth-of-type(2) .sub-pc-only{display: none;}
.sub2-1-collagen-touch{margin-top: 15.9412vw; background: url(../sub/img/sub2-1-colltouchback.png) no-repeat 100% 11.7647vw /contain}
.sub2-1-collagen-touch .txt-box.subject{text-align: center; margin-bottom: 8.4706vw;}
.txt-box.subject p {font-size: 4.7059vw; margin-bottom: 4.7059vw;}
.txt-box.subject h3 {font-size: 9.4118vw;}
.sub2-1-collagen-box{display: flex; justify-content: center; align-items: center;}

.sub2-1-collagen-box .txt-box p{margin-bottom: 6.1176vw; line-height: 6.5882vw;}
.sub2-1-collagen-box .txt-box p:nth-of-type(1){color: #6c6c6c;}
.sub2-1-collagen-box .txt-box p:nth-of-type(2){}
.sub2-1-collagen-box .txt-box p:nth-of-type(3){color: #e28181;}
.sub2-1-collagen-box .txt-box p:nth-of-type(4){}
.sub2-1-collagentouchimg{width: auto;}
.sub2-1-collagentouchimg img{width: 100%; height: auto;}



.sub2-1-collagen-graph {margin-top: 15.9412vw;}
.sub2-1-collagen-graph .txt-box {text-align: center; margin-bottom: 6.9412vw;}
.sub2-1-collagen-table {margin: auto; text-align: center; border-collapse: separate; border-spacing: 1.4118vw 0; }
.sub2-1-collagen-table tr td{font-family:'Pretendard', sans-serif; font-size: 16.85; width: 49.6471vw; height: 18.1176vw; color: #888; vertical-align: middle; line-height: 5.9718vw;}
.sub2-1-collagen-table tr .sub2-1-cirback,
.sub2-1-collagen-table tr:nth-of-type(1) td:nth-of-type(4) {}
.sub2-1-collagen-table tr .sub2-1-cirback {color: #e28181; background: url(../sub/img/sub2-1-cirback.png) no-repeat 50% 50% /contain; background-size: 25.8824vw 15.0588vw; border-bottom: none;}


.sub2-1-collagen-table tr:nth-last-of-type(2) td,
.sub2-1-collagen-table tr:nth-last-of-type(3) td,
.sub2-1-collagen-table tr:nth-last-of-type(4) td {border-bottom: 0.2353vw dashed #888;} 
.sub2-1-collagen-table tr:nth-last-of-type(2) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(3) td:nth-child(4),
.sub2-1-collagen-table tr:nth-last-of-type(4) td:nth-child(4){border-bottom: none;}

.sub2-1-collagen-table tr:nth-last-child(1) td{height: 45.4118vw; border-bottom: 0.4706vw solid #000;}
.sub2-1-collagen-table tr:nth-last-child(1) td:nth-child(4){border-bottom: none;}


.sub2-1-collagen-table .sub2-1-coll-t-1 .coll-t-1-5 {background-color: #e28181; color: #fff;}

.sub2-1-collagen-volume {margin-top: 15.9412vw; padding: 15.7647vw 0; background: url(../sub/img/sub2-1-volumen-box.png) no-repeat 50% 50%/cover; }
.sub2-1-volume-box {position: relative; display: flex; justify-content: center; align-items: center; gap: 7.8235vw;}
.sub2-1-volume-box .sub2-1-volumeimg {width: auto;}
.sub2-1-volume-box .sub2-1-volumeimg img{width: 100%; height: auto;}
.sub2-1-volume-box .free-txt{position: relative; top: 0; left: 0; font-family: "Cormorant", serif; font-size: 11.7647vw; line-height: 13.2894vw; color: #da92a5;}
.sub2-1-volume-box .txt-box h4 {width: 25.4118vw;
    height: 9.4118vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 3.8753vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 4.9412vw;}
.sub2-1-volume-box .txt-box h4 span{font-size: 6.2824vw; padding-left: 0.4706vw; padding-bottom: 1.6471vw;}
.sub2-1-volume-box .txt-box p {}
.sub2-1-volume-box .txt-box p:nth-of-type(1) {color: #e28181; margin-bottom: 7.0588vw; font-size: 4vw;}
.sub2-1-volume-box .txt-box p:nth-of-type(2) {color: #828282;}

.sub2-1-collagen-up {margin-top: 15.9412vw; background: url(../sub/img/s2-2-up-back.png) no-repeat 50% 0% /cover;}
.sub2-1-collagen-up .txt-box h4 {width: 25.4118vw;
    height: 9.4118vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 3.8753vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 4.9412vw;}
.sub2-1-collagen-up .txt-box h4 span{font-size: 6.2824vw; padding-left: 0.4706vw; padding-bottom: 1.6471vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box{text-align: center;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box1{margin-bottom: 9.4118vw; }
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2{margin-top: 8.4706vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p {line-height: 6.5882vw;}

.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(3) .sub-pc-only{display: none;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(3) .sub-mo-only{display: none;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(3) .sub-mo-only2 {display: block;}

.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(1) {font-size: 3.7vw; color: #686868; margin-bottom: 11.2941vw;}
.sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(2) {font-size: 4.4118vw; color: #e28181; margin-bottom: 5.8824vw; line-height: 6.7647vw;}
.sub2-1-collagen-up .sub2-1-collagen-upimg-box {display: flex; justify-content: center; align-items: center; gap: 7.0588vw;}
.sub2-1-collagen-upimg-box {width: auto;}
.sub2-1-collagen-upimg-box img {width: 100%; height: auto;}

.sub2-1-collagen-stability {margin-top: 32.9412vw;}
.sub2-1-stabilityimg-box {display: flex; justify-content: center; gap: 7.0588vw;}
.sub2-1-stabilityimg-box .txt-box {margin-top: 8.2353vw;}
.sub2-1-collagen-stability .txt-box {text-align: center; margin-bottom: 10.3529vw; margin-top: 4.2353vw;}
.sub2-1-collagen-stability .txt-box h4 {width: 25.4118vw;
    height: 9.4118vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../sub/img/s2-2-cirback.png) no-repeat 0 0 / contain;
    font-size: 3.8753vw;
    font-family: "Cormorant", serif;
    color: #e28181;
    margin-bottom: 4.9412vw;}
.sub2-1-collagen-stability .txt-box h4 span{font-size: 6.2824vw; padding-left: 0.4706vw; padding-bottom: 1.6471vw;}

.sub2-1-stabilityimg-box .stability-imgbox {width: auto;}
.sub2-1-stabilityimg-box .stability-imgbox img{width: 100%; height: auto;}
.sub2-1-collagen-stability .txt-box2

.sub2-1-collagen-stability .txt-box2 p {line-height: 6.5882vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(1) {font-size: 3.75vw; color: #686868; margin-bottom: 5.2941vw;}
.sub2-1-collagen-stability .txt-box2 p:nth-of-type(2) {font-size: 4.4118vw; color: #e28181; margin-bottom: 5.8824vw; line-height: 7.7647vw;}

.sub2-1-8sec {margin-top: 32.9412vw;}
.sub2-1-8sec .txt-box{text-align: center; margin-bottom: 8.6471vw;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper {display: flex; justify-content: center; align-items: center; gap: 7.1765vw;}
.sub2-1-suggestimg{width: auto;}
.sub2-1-suggestimg img {width: 100%; height: auto;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p {font-size: 4.2353vw; line-height: 6.5882vw; margin-top: 6.5882vw; text-align: center; color: #7f7f7f;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p .sub-mo-only {display: block;}
.sub2-1-suggest-box .sub2-1-suggestimg-wrapper p span{color: #e28181;}
.sub2-1-suggest-box .suggestul{margin-bottom: 8.4706vw;}
.sub2-1-suggest-box .suggestul li{list-style: disc; padding: 2.2941vw 0; color: #686868; font-size: 4.0000vw; line-height: 6vw;}
.sub2-1-8sec .sub2-1-btn {margin: auto; width: 60.9412vw; height: 13.8824vw; text-align: center; background-color: #000; border-radius: 11.7647vw;}
.sub2-1-8sec .sub2-1-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 4.2353vw;}

.sub2-1-9sec{margin-top: 15.9412vw}
.sub2-1-collagen-procedure .txt-box {text-align: center;}
.sub2-1-collagen-procedure .txt-box p {font-family: "Cormorant", serif; color: #e28181; font-size: 4.7059vw; margin-bottom: 7.0588vw;}
.sub2-1-collagen-procedure .txt-box h3 {margin-bottom: 19.5294vw;}
.sub2-1-procedureimg{background: url(../sub/img/sub2-1-collagen-procedureback.png) no-repeat 50% 50%/contain; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub2-1-procedureimg .procedure-group1 {}
.sub2-1-procedureimg .procedure-group1, .sub2-1-procedureimg .procedure-group2{display: flex; justify-content: center; align-items: center; gap: 10.1176vw;}
.sub2-1-procedureimg .procedure-group1 li, .sub2-1-procedureimg .procedure-group2 li {position: relative;}
.sub2-1-procedureimg .procedure-group1 li:after, .sub2-1-procedureimg .procedure-group2 li:after {        position: absolute;
    top: 16vw;
    left: 40.1176vw;
    content: "";
    width: 3.5294vw;
    height: 7.0588vw;
    background: url(../sub/img/sub2-1-procedureimg-arrow.png) no-repeat 50% 50%/contain}
.sub2-1-procedureimg .procedure-group1 li:nth-of-type(2):after, .sub2-1-procedureimg .procedure-group2 li:nth-of-type(2)::after{content: none;}
.sub2-1-procedureimg .procedure-group1 li:last-child:after, .sub2-1-procedureimg .procedure-group2 li:last-child::after{content: none;}
.sub2-1-procedureimg .procedure-group1 li div, .sub2-1-procedureimg .procedure-group2 li div{width: 36.4706vw; height: 36.4706vw; background: url(../sub/img/sub2-1-procedureimg-circle.png) no-repeat 50% 50% /contain; font-family:'Pretendard', sans-serif; text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub2-1-procedureimg li div p {font-size: 5.0329vw;}
.sub2-1-procedureimg li div span.step {font-family: 'KoPub Batang'; font-size: 4.4729vw; color: #e28181; display: inline-block;  border-bottom: 0.2353vw solid #e28181; padding-bottom: 0.4706vw; margin-bottom: 4.7059vw;}


.sub2-1-10sec {margin-top: 32.9412vw;}
.sub2-1-collagen-synergy .txt-box {text-align: center;}
.sub2-1-collagen-synergy .txt-box p {margin-bottom: 7.2941vw; font-size: 3.6vw; }
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(1) {font-family: "Cormorant", serif; color: #e28181; font-size: 4.7059vw; margin-bottom: 7.0588vw;}
.sub2-1-collagen-synergy>.txt-box p:nth-of-type(2){line-height: 7.8282vw; color: #686868;} 
.sub2-1-collagen-synergy>.txt-box h3 {margin-bottom: 4.4118vw;}
.sub2-1-collagen-synergy>.txt-box {margin-bottom: 16.0000vw;}
.sub2-1-collagen-synergy .sub2-1-synergy {display: flex; align-items: center; justify-content: center; gap: 1.5vw;}
.sub2-1-collagen-synergy .sub2-1-synergy li{width: calc(50% - 5vw);}
.sub2-1-collagen-synergy .sub2-1-synergy li .txt-box p .sub-mo-only{display: block;}
.sub2-1-collagen-synergy .sub2-1-synergy li .txt-box p .sub-pc-only{display: none;}

.sub2-1-collagen-synergy .img-box{width: auto;}
.sub2-1-collagen-synergy .img-box img {width: 100%; height: auto;}
.sub2-1-synergy .img-box {width: auto;}
.sub2-1-synergy {width: 100%; height: auto;}
.sub2-1-synergy .txt-box {text-align: center;}
.sub2-1-synergy .txt-box h4{font-family: 'KoPub Batang'; font-size: 5.8235vw; margin: 9.2941vw 0 2.2941vw;}
.sub2-1-synergy .txt-box p{color: #686868; line-height: 6.5882vw;}


.sub2-1_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 32.9412vw;}
.sub2-1_cont11_qna_wrap{position:relative;}
.sub2-1_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 14.8235vw;}
.sub2-1_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 2.8824vw;}
.sub2-1_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 6.1176vw; height: 0.7059vw; background-color: #e28181; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 2.8824vw;}
.sub2-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #e28181; margin-right: 1.8824vw;}
.sub2-1_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-1_cont11_que {
    position: relative;
    width: 90vw;
    padding: 6.9412vw 3.5882vw;
    cursor: pointer;
    border-bottom: 0.2353vw solid #ccc;
    font-size: 3.8vw;
    line-height: 6.5929vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub2-1_cont11_que .mo-425px{display: inline-block; padding-right: 7.8824vw;}
.sub2-1_cont11_que .sub-mo-only{display: block; width: 5vw;}

.sub2-1_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.4706vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 4.4118vw 0; padding-left: 9vw;}
.sub2-1_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 3.4vw;; line-height: 6.0588vw;}

/* .sub2-1_cont11_anw p .sub-mo-only2{display: block;} */
.sub2-1_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-1_cont11_btn {
    position: relative; width: 3.2941vw; height: 3.2941vw;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-1_cont11_que.on > .sub2-1_cont11_btn{
    width: 3.2941vw; height: 0.4706vw;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}


.value{margin-top: 15.9412vw;}
.value .txt-box{text-align: center;}
.value .txt-box h3 {margin-bottom: 4.4118vw;}
.value .txt-box p {margin-bottom: 9.8235vw;}
.value .txt-box p .mo-only{display: block;}
.value .txt-box .img-box{margin-bottom: 4.7059vw;}

.value-hover{display: flex; justify-content: center;}
.value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value-hover .img-boxs {position: relative; width: 45.5521vw; height: 58.0625vw;}
.value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
.value-hover-box .img-boxs p{position: absolute; top: 60%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 3.8376vw; line-height: 1.5; text-align: center; opacity: 1; transition: all 1s ease-in-out;}
.value-hover-box .img-boxs p .sub-pc-only {display: none;}
.value-hover-box .img-boxs p .sub-mo-only {display: block;}
.value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.1176vw solid #fff;pointer-events: none; 
}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 4.5153vw; font-weight: 500; margin: 2.4118vw 0 3vw;}

.value-hover li .bf-img {display: none;}


.sub2-1-collagen-beauty {width: 100%; padding: 15vw 0; margin-top: 15.9412vw;  background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
.sub2-1-collagen-beauty .txt-box{color: #fff; text-align: center; }
.sub2-1-collagen-beauty .txt-box h3 {margin-bottom: 14.1176vw;  font-size: 5.4706vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 7.0588vw;}
.sub2-1-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 4vw; line-height: 5.8282vw; margin-bottom: 15.2941vw;}
.sub2-1-collagen-beauty .sub2-1-btn{color: #fff; width: 46.8235vw; height: 9.8824vw; border: solid 0.2353vw #fff; border-radius: 11.7647vw; display: flex; align-items: center; justify-content: center; margin: auto;}
}

@media (max-width: 375px) {
    .sub2-1-volume-box .txt-box p:nth-of-type(1) {
        font-size: 4vw;
    }
    .sub2-1-collagen-up .sub2-1-collagen-up-box .txt-box2 p:nth-of-type(1) {
        font-size: 4.0000vw;
        color: #686868;
        margin-bottom: 11.2941vw;
    }
    .sub2-1-collagen-stability .txt-box2 p:nth-of-type(1) {
        font-size: 3.75vw;
    }
}


/*************************** 서브 2-2 페이지 ***************************/
.sub-2-2-padding{padding: 0 30px;}
.sub-2-2-margin{margin: 170px 0px;}
.sub2-2-intro {
    background: url(../sub/img/sub2-2head-back.png) no-repeat 50% 50% /cover;
}
.sub2-2-injection{display: flex; justify-content: center; gap: 176px; background: url(../sub/img/sub2-2-colltouchback.png) no-repeat 100% -120px /contain;}
.sub2-2-injection .txt-box h3{margin-bottom: 38px;}
.sub2-2-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 24px; margin-bottom: 24px;}
.sub2-2-injection .txt-box p{margin-bottom: 26px;}
.sub2-2-injection .txt-box p:nth-last-of-type(1) {color: #6c6c6c;}
.sub2-2-injection .txt-box p:nth-last-of-type(2) {color: #b49674;}
.sub2-2-injection .img-box{width: auto;}
.sub2-2-injection .img-box img{width: 100%; height: auto}

.sub2-2-collagen-sculptra{position: relative; background-color: #f6f6f6; padding: 130px 0;}
.sub2-2-collagen-sculptra .sub2-2-csculptra{display: flex; align-items: center; justify-content: center; gap: 65px;}
.sub2-2-csculptra .txt-box h3{margin-bottom: 36px;}
.sub2-2-csculptra .txt-box p{margin-bottom: 26px;}
.sub2-2-csculptra .txt-box p:nth-of-type(1){color: #6c6c6c;}
.sub2-2-csculptra .txt-box p:nth-of-type(1) span{font-weight: 500;}
.sub2-2-csculptra .txt-box p:nth-of-type(2) {color: #b49674;}
.sub2-2-img-box {position: relative;}
.sub2-2-csculptra .img-box{width: auto;}
.sub2-2-csculptra .img-box img{width: 100%; height: auto;}
.sub2-2-csculptra .img-box2 {position: absolute; top: 10%; left: 85%; width: 30px; height: 30px; position: absolute; top: 10%; left: 60%; animation: sub2-2move .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
@keyframes sub2-2move {
    0%{
        transform:translateY(-15px);
    }
    100%{
        transform:translateY(0);
    }
}

.sub2-2-csculptra-pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 544px; height: 443px; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99;}
.sub2-2-csculptra-pop h4 {font-family:'Pretendard', sans-serif; font-size: 22px; color: #4e978b; text-align: center; margin-bottom: 16px;}
.s2-2-close-btn {position: absolute; top: 5%; left: 90%; text-align: center; cursor: pointer;}
.s2-2-close-btn .img-box{width: auto;}
.s2-2-close-btn .img-box img{width: 100%; height: 100%; object-fit: contain; margin-bottom: 6px;}
.s2-2-close-btn p {font-family:'Pretendard', sans-serif; font-size: 14px;}

.csculptra-pop-box ul{display: flex; justify-content: center; align-items: center; gap: 4px; margin-bottom: 28px;}
.csculptra-pop-box li .pop-cell{width: 186px; height: 200px; background-color: #efefef;}
.csculptra-pop-box li .cell-txt{position: relative; width: 186px; height: 41px; display: flex; justify-content: center; align-items: center; color: #fff;}
.csculptra-pop-box li .cell-txt span{display: inline-block; width: 1px; height: 15px; background-color: #ffffff; margin: 0 7px;}
.csculptra-pop-box li:nth-of-type(1) .cell-txt{background-color: #000;}
.csculptra-pop-box li:nth-of-type(2) .cell-txt{background-color: #4e978b;}
.csculptra-pop-box p {font-family:'Pretendard', sans-serif; font-size: 0.875rem; color: #6c6c6c; text-align: center; font-size: 14px; line-height: 22px;}


.sub2-2-cdam-csculptra-wrap{background: url(../sub/img/sub2-2-cdam-csculptraback.png) no-repeat 50% 50% /cover;}
.sub2-2-cdam-csculptra{display: flex; align-items:flex-start; justify-content: center; gap: 85px;}
.sub2-2-cdam-csculptra .txt-box h5{font-family: "Cormorant", serif; color: #b49674;  font-weight: 500; font-size: 18px; margin-bottom: 32px;}
.sub2-2-cdam-csculptra .txt-box h3{margin-bottom: 40px;}
.sub2-2-cdam-csculptra .txt-box p {color: #686868; margin-bottom: 40px;}

.sub2-2-csculptra-txt .imgbox{width: auto;}
.sub2-2-csculptra-txt .imgbox img{width: 100%; height: auto;}
.sub2-2-cdam-leftrigtht{margin-top: 286px;}
.sub2-2-cdam-rigtht li .check-box{display: inline-block; width: 90px; height: 35px; background-color: #cebaa4; color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;}
.sub2-2-cdam-rigtht li h4{font-family: 'KoPub Batang'; font-weight: 300; font-size: 25px; margin-bottom: 25px;}
.sub2-2-cdam-rigtht li h4 span{font-weight: 500;}
.sub2-2-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 80px;}

.sub2-2-swiper-map {background: url(../sub/img/sub2-2-collagen-accelerant-back.png) no-repeat 50% 50% /cover; padding: 132px 0 152px}
.sub2-2-tabs {display: flex; justify-content: center; margin-bottom: 20px; gap: 37px;}
.sub2-2-tab {width: 141px; height: 53px; display: flex; justify-content: center; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 20.96px; color: #a3a3a3; cursor: pointer; border-bottom: 1px solid #a3a3a3;}
.sub2-2-tab.active { color: #b49674; border-bottom: 1px solid #b49674;}
.sub2-2-swiper-slide{display: flex; justify-content: center; align-items: center;}
.sub2-2-swiper-slide .slide-box{width: 1115px; height: 444px; border: solid 2px #d2c2af; border-radius: 10px; background: #fff; display: flex; justify-content: center; align-items: center; gap: 59px;}
.sub2-2-swiper-slide .slide-box .s2-2-simg{width: auto;}
.sub2-2-swiper-slide .slide-box .s2-2-simg img {width: 100%; height: auto;}
.sub2-2-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang'; font-size: 28px; margin-bottom: 34px;}

.sub2-2-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif; font-size: 19px; color: #b49674; margin-bottom: 33px;}
.sub2-2-swiper-slide .slide-box .slide-txt h4 span{position: relative; display: inline-block; border-left: 1px solid #fff; margin-left: 0.3646vw;}
.sub2-2-swiper-slide .slide-box .slide-txt h4 span::before{position: absolute; content: ""; width: 2px; height: 100%; background-color: #b49674; left: -7px; top: 0;}
.sub2-2-swiper-slide .slide-box .slide-txt p{ font-family:'Pretendard', sans-serif; line-height: 30px;}
.sub2-2-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {color: #888; margin-bottom: 36px;}
.sub2-2-swiper-container .swiper-button-next,
.sub2-2-swiper-container .swiper-button-prev{color: #919191; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.sub2-2-swiper-container .swiper-button-next {right: 14vw;}
.sub2-2-swiper-container .swiper-button-prev{left: 14vw;}
.sub2-2-swiper-container .swiper-button-prev:after,
.sub2-2-swiper-container .swiper-button-next:after {font-size: 25px !important; font-weight: 600 !important;}

.sub2-2-collagen-accelerant{background: url(../sub/img/s2-2-accelerant-back.png) no-repeat 50% 120px/ cover;}
.sub2-2-accelerant{}
.sub2-2-accelerant .txt-box {text-align: center;}
.sub2-2-accelerant .txt-box p:nth-of-type(1){margin-bottom: 23px;}
.sub2-2-accelerant .txt-box p:nth-of-type(2){margin-bottom: 52px;}
.sub2-2-accelerant .txt-box p:nth-of-type(2) span{font-weight: 500;}
.sub2-2-accelerant .txt-box h3 {margin-bottom: 55px;}
.sub2-2-accelerant .accelerant-ul{position: relative; display: flex; justify-content: center; align-items: center;  gap: 25px; padding-bottom: 140px;}
.sub2-2-accelerant .accelerant-ul li{width: 248px; height: 256px; padding: 51px 0 53px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 50px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #fff;}
.accelerant-ul li h4{font-family: 'KoPub Batang'; font-size: 25px; padding: 0 50px 14px; border-bottom: solid 1px #b49674; display: flex; align-items: center; justify-content: center; }
.accelerant-ul li p{font-family:'Pretendard', sans-serif;}
.accelerant-ul .s2-2-plus{margin-left: -24px; display: flex; align-items: center; gap: 8px; font-weight: 500;}
.s2-2-plus.s2-2-plus1 {}
.s2-2-plus.s2-2-plus2 {}
.accelerant-ul .plus-img{width: auto; animation: sub2-2move2 .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
.accelerant-ul .plus-img img{width: 100%; height: auto;}

.accelerant-ul .img-box{position: absolute; width: auto; top: 45%; opacity: 0; }
.accelerant-ul .img-box img{width: 100%; height: auto;}
@keyframes sub2-2move2 {
    0%{
        transform:translateY(-5px);
    }
    100%{
        transform:translateY(5px);
    }
}
/* 마우스 오버 시 */
.accelerant-ul .s2-2-plus1 .plus-img:hover ~ .img-box,
.accelerant-ul .s2-2-plus2 .plus-img:hover ~ .img-box {
    opacity: 1;
}

.sub2-2-collagen-division {}
.sub2-2-collagen-division .txt-box{text-align: center;}
.sub2-2-collagen-division .txt-box h3 {margin-bottom: 50px;}
.sub2-2-division {margin: auto; border-collapse: separate; border-spacing: 28px}
.sub2-2-division tr{font-family:'Pretendard', sans-serif; text-align: center;}
.sub2-2-division tr:nth-of-type(1) td{ font-size: 28px; color: #fff; background-color: #cebaa4; }
.sub2-2-division tr:nth-of-type(1) td{ padding: 25px 230px;}
.sub2-2-division tr:nth-of-type(2) td{padding: 35px 150px;}
.sub2-2-division tr td .img-box {width: auto;}
.sub2-2-division tr td .img-box img {width: 100%; height: auto;}
.sub2-2-division tr:nth-of-type(3) td{padding-bottom: 20px; font-size: 20px; font-weight: 500; color: #888;}
.sub2-2-division tr:nth-of-type(4) td{font-size: 18px; line-height: 35px; border-bottom: 2px solid #cebaa4; padding-bottom: 35px;}


.sub2-2-collagen-how {position: relative; background-color: #f6f6f6; padding: 150px 0px 135px 420px;}
.sub2-2-collagen-how .free-txt {font-family: "Cormorant", serif; font-size: 202.35px; color: #efeeea; position: absolute; left: 60%; top: 30%; z-index: -9; width: 800px; height: 180px; z-index: 1;}
.sub2-2-collagen-how .collagen-how-wrapper{}
.sub2-2-collagen-how .txt-box {position: relative; z-index: 9;}

.sub2-2-collagen-how .txt-box h3{text-decoration: underline; text-underline-offset: 15px; text-decoration-thickness:1px; font-family: 'KoPub Batang'; font-weight: 500; color: #b49674; font-size: 53px; margin-bottom: 35px; }
.sub2-2-collagen-how .txt-box h4{text-decoration: underline; text-underline-offset: 15px; text-decoration-thickness:1px; font-family: 'KoPub Batang'; color: #b49674; font-weight: 300; font-size: 43px; margin-bottom: 65px;}
.sub2-2-collagen-how .txt-box h4 span{font-family: 'KoPub Batang'; font-weight: 700;}
.sub2-2-collagen-how .txt-box p{font-family:'Pretendard', sans-serif; color: #676767; line-height: 30px;}
.sub2-2-collagen-how .txt-box p:nth-of-type(1){margin-bottom: 33px;}
.sub2-2-collagen-how .txt-box p:nth-of-type(2){margin-bottom: 64px;}
.swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,#a8a8a8);}
.swiper-container-horizontal>.swiper-scrollbar {height: 8px;}
.collagen-how-wrapper .sub2-2-btn{width: 259px; height: 59px; background-color: #000; border-radius: 50px;}
.collagen-how-wrapper .sub2-2-btn a{color: #fff; font-family:'Pretendard', sans-serif; font-size: 18px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.collagen-how {width:100%; margin: auto;}   
.collagen-how_warp{margin-top: 93px;}
.s2-2-slide .img-box{margin: auto;}
.s2-2-slide img{width: 100%; height: auto;}
.s2-2-swiper{padding-bottom: 3.3854vw;}
.s2-2-slide p {font-family:'Pretendard', sans-serif; text-align: center; font-size: 1.063rem; margin-top: 0.8333vw; line-height: 1.563rem;}
.sub2-2-collagen-suggest{background:transparent;}
.sub2-2-suggestimg-box p {color: #7f7f7f}
.sub2-2-suggestimg-box p span {color: #000}

.sub2-2-8sec {}
.sub2-2-8sec .txt-box{text-align: center; margin-bottom: 75px;}
.sub2-2-suggest-box .sub2-2-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 90px; margin-bottom: 65px;}
.sub2-2-suggestimg{width: auto;}
.sub2-2-suggestimg img {width: 100%; height: auto;}
.sub2-2-suggest-box .sub2-2-suggestimg-wrapper p {font-size: 18px; line-height: 28px; margin-top: 28px; text-align: center; color: #7f7f7f; font-weight: 500;}
.sub2-2-suggest-box .sub2-2-suggestimg-wrapper p span{color: #000;}
.sub2-2-suggest-box .suggestul{}
.sub2-2-suggest-box .suggestul li{list-style: disc; padding: 14px 0; color: #686868; font-size: 17px;}
.sub2-2-suggest-box .suggestul li:nth-of-type(1) {padding-top: 0;}
.sub2-2-8sec .sub2-2-btn {margin: auto; width: 259px; height: 59px; text-align: center; background-color: #b49674; border-radius: 50px;}
.sub2-2-8sec .sub2-2-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px;}

.sub2-2-premium{}
.sub2-2-premium .txt-box {text-align: center;}
.sub2-2-premium .txt-box h4{font-family: "Cormorant", serif; color: #b49674; font-size: 20px; margin-bottom: 35px;}
.sub2-2-premium .txt-box h3{margin-bottom: 38px;font-weight:300;}
.sub2-2-premium .txt-box p {color: #686868; margin-bottom: 65px;}

.sub2-2-premium-box .sub2-2-premium-wrapper{display: flex; justify-content: center; align-items: center; gap: 110px;}
.sub2-2-premium-wrapper li .img-box{width: auto;}
.sub2-2-premium-wrapper li .img-box img {width: 100%; height: auto;}
.sub2-2-premium-wrapper li .txt-box {}
.sub2-2-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang'; color: #000; font-size: 25.3px; margin-top: 32px;}
.sub2-2-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif; color: #686868; margin-top: 28px;}
.sub2-2-premium-wrapper li .txt-box p strong,.sub2-2-premium-wrapper li .txt-box p span{font-weight:500}

.sub2-2_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 140px;}
.sub2-2_cont11_qna_wrap{position:relative;}
.sub2-2_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 63px;}
.sub2-2_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 25px;}
.sub2-2_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 26px; height: 3px; background-color: #cebaa4; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-2_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 25px;}
.sub2-2_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-2_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #b49674; margin-right: 25px;}
.sub2-2_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-2_cont11_que{position: relative; width: 1252px; padding: 38px 45px; cursor: pointer; border-bottom: 1px solid #ccc; font-size: 23px; line-height: 45.02px; display:flex; justify-content:space-between; align-items:center;
}
.sub2-2_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 2px solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 40px 0; padding-left: 100px;}
.sub2-2_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 17.01px; line-height: 30px;}
.sub2-2_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-2_cont11_btn {
    position: relative; width: 14px; height: 14px;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-2_cont11_que.on > .sub2-2_cont11_btn{
    position: relative; width: 14px; height: 2px;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}
.value2-2 {}
.value2-2 .txt-box{text-align: center;}
.value2-2 .txt-box h3 {margin-bottom: 40px;}
.value2-2 .txt-box p {margin-bottom: 80px;}
.value2-2 .txt-box .img-box{margin-bottom: 20px;}

.value2-2 .value-hover{display: flex; justify-content: center;}
.value2-2 .value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value2-2 .value-hover .img-boxs{position: relative; width: 22.5521vw; height: 29.0625vw;}
.value2-2 .value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value2-2 .value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
.value2-2 .value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 16.31px; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}
.value2-2 .value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.5px solid #fff;pointer-events: none; }
.value2-2 .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 23.44px; font-weight: 500; margin-top: 40px;}
.value2-2 .value-hover li .af-img {height: 0;}
.value2-2 .value-hover li:hover .img-boxs .bf-img{height: 0;}
.value2-2 .value-hover li:hover .img-boxs .af-img{height: 100%;}
.value2-2 .value-hover li:hover .img-boxs p{opacity: 1;}

.sub2-2-collagen-beauty {width: 100%;padding: 150px 0;background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;margin-bottom: 190px;}
.sub2-2-collagen-beauty .txt-box{color: #fff; text-align: center;}
.sub2-2-collagen-beauty .txt-box h3 {margin-bottom: 60px;}
.sub2-2-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 30px;}
.sub2-2-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 19px; line-height: 33.27px; margin-bottom: 65px;}
.sub2-2-collagen-beauty .sub2-2-btn{color: #fff; width: 199px; height: 42px; border: solid 1px #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: auto;}
.sub2-2-collagen-beauty .sub2-2-btn a {margin-left: -18px; position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.sub2-2-collagen-beauty .sub2-2-btn a:after {position: absolute; content: ""; left: 74%; top: 50%; transform: translateY(-50%); width: 18px; height: 4px; background: url(../sub/img/sub-2-1btn-arrow.png) no-repeat 50% 50%/cover;}

@media (max-width: 1350px){
.sub-2-2-padding{padding: 0 2.2222vw;}
.sub-2-2-margin{margin: 12.5926vw 0.0000vw;}
.sub2-2-intro {
    background: url(../sub/img/sub2-2head-back.png) no-repeat 50% 50% /cover;
}
.sub2-2-injection{display: flex; justify-content: center; gap: 13.0370vw; background: url(../sub/img/sub2-2-colltouchback.png) no-repeat 100% -8.8889vw /contain;}
.sub2-2-injection .txt-box h3{margin-bottom: 2.8148vw;}
.sub2-2-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 1.7778vw; margin-bottom: 1.7778vw;}
.sub2-2-injection .txt-box p{margin-bottom: 1.9259vw;}
.sub2-2-injection .txt-box p:nth-last-of-type(1) {color: #6c6c6c;}
.sub2-2-injection .txt-box p:nth-last-of-type(2) {color: #b49674;}
.sub2-2-injection .img-box{width: auto;}
.sub2-2-injection .img-box img{width: 100%; height: auto}

.sub2-2-collagen-sculptra{position: relative; background-color: #f6f6f6; padding: 9.6296vw 0;}
.sub2-2-collagen-sculptra .sub2-2-csculptra{display: flex; align-items: center; justify-content: center; gap: 4.8148vw;}
.sub2-2-csculptra .txt-box h3{margin-bottom: 2.6667vw;}
.sub2-2-csculptra .txt-box p{margin-bottom: 1.9259vw;}
.sub2-2-csculptra .txt-box p:nth-of-type(1){color: #6c6c6c;}
.sub2-2-csculptra .txt-box p:nth-of-type(1) span{font-weight: 500;}
.sub2-2-csculptra .txt-box p:nth-of-type(2) {color: #b49674;}
.sub2-2-img-box {position: relative;}
.sub2-2-csculptra .img-box{width: auto;}
.sub2-2-csculptra .img-box img{width: 100%; height: auto;}
.sub2-2-csculptra .img-box2 {position: absolute; top: 10%; left: 85%; width: 2.2222vw; height: 2.2222vw; position: absolute; top: 10%; left: 60%; animation: sub2-2move .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
@keyframes sub2-2move {
    0%{
        transform:translateY(-1.1111vw);
    }
    100%{
        transform:translateY(0);
    }
}

.sub2-2-csculptra-pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40.2963vw; height: 32.8148vw; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99;}
.sub2-2-csculptra-pop h4 {font-family:'Pretendard', sans-serif; font-size: 1.6296vw; color: #4e978b; text-align: center; margin-bottom: 1.1852vw;}
.s2-2-close-btn {position: absolute; top: 5%; left: 90%; text-align: center; cursor: pointer;}
.s2-2-close-btn .img-box{width: auto;}
.s2-2-close-btn .img-box img{width: 100%; height: 100%; object-fit: contain; margin-bottom: 0.4444vw;}
.s2-2-close-btn p {font-family:'Pretendard', sans-serif; font-size: 1.0370vw;}

.csculptra-pop-box ul{display: flex; justify-content: center; align-items: center; gap: 0.2963vw; margin-bottom: 2.0741vw;}
.csculptra-pop-box li .pop-cell{width: 13.7778vw; height: 14.8148vw; background-color: #efefef;}
.csculptra-pop-box li .cell-txt{position: relative; width: 13.7778vw; height: 3.0370vw; display: flex; justify-content: center; align-items: center; color: #fff;}
.csculptra-pop-box li .cell-txt span{display: inline-block; width: 0.0741vw; height: 1.1111vw; background-color: #ffffff; margin: 0 0.5185vw;}
.csculptra-pop-box li:nth-of-type(1) .cell-txt{background-color: #000;}
.csculptra-pop-box li:nth-of-type(2) .cell-txt{background-color: #4e978b;}
.csculptra-pop-box p {font-family:'Pretendard', sans-serif; font-size: 0.875rem; color: #6c6c6c; text-align: center; font-size: 1.0370vw; line-height: 1.6296vw;}


.sub2-2-cdam-csculptra-wrap{background: url(../sub/img/sub2-2-cdam-csculptraback.png) no-repeat 50% 50% /cover;}
.sub2-2-cdam-csculptra{display: flex; align-items:flex-start; justify-content: center; gap: 6.2963vw;}
.sub2-2-cdam-csculptra .txt-box h5{font-family: "Cormorant", serif; color: #b49674;  font-weight: 500; font-size: 1.3333vw; margin-bottom: 2.3704vw;}
.sub2-2-cdam-csculptra .txt-box h3{margin-bottom: 2.9630vw;}
.sub2-2-cdam-csculptra .txt-box p {color: #686868; margin-bottom: 2.9630vw;}

.sub2-2-csculptra-txt .imgbox{width: auto;}
.sub2-2-csculptra-txt .imgbox img{width: 100%; height: auto;}
.sub2-2-cdam-leftrigtht{margin-top: 16.2963vw;}
.sub2-2-cdam-rigtht li .check-box{display: inline-block; width: 6.6667vw; height: 2.5926vw; background-color: #cebaa4; color: #fff; border-radius: 3.7037vw; display: flex; align-items: center; justify-content: center; margin-bottom: 1.8519vw;}
.sub2-2-cdam-rigtht li h4{font-family: 'KoPub Batang'; font-weight: 300; font-size: 1.8519vw; margin-bottom: 2.0741vw;}
.sub2-2-cdam-rigtht li h4 span{font-weight: 500;}
.sub2-2-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 1.3333vw; line-height: 2.2222vw; margin-bottom: 5.9259vw;}

.sub2-2-swiper-map {background: url(../sub/img/sub2-2-collagen-accelerant-back.png) no-repeat 50% 50% /cover; padding: 9.7778vw 0 11.2593vw}
.sub2-2-tabs {display: flex; justify-content: center; margin-bottom: 1.4815vw; gap: 2.7407vw;}
.sub2-2-tab {width: 10.4444vw; height: 3.9259vw; display: flex; justify-content: center; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 1.5526vw; color: #a3a3a3; cursor: pointer; border-bottom: 0.0741vw solid #a3a3a3;}
.sub2-2-tab.active { color: #b49674; border-bottom: 0.0741vw solid #b49674;}
.sub2-2-swiper-slide{display: flex; justify-content: center; align-items: center;}
.sub2-2-swiper-slide .slide-box{width: 76.5926vw; height: 32.8889vw; border: solid 0.1481vw #d2c2af; border-radius: 0.7407vw; background: #fff; display: flex; justify-content: center; align-items: center; gap: 4.3704vw;}
.sub2-2-swiper-slide .slide-box .s2-2-simg{}
.sub2-2-swiper-slide .slide-box .s2-2-simg img {max-width: 100%; width: 100%;}
.sub2-2-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang'; font-size: 2.0741vw; margin-bottom: 2.5185vw;}

.sub2-2-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif; font-size: 1.4074vw; color: #b49674; margin-bottom: 2.4444vw;}
.sub2-2-swiper-slide .slide-box .slide-txt h4 span{position: relative; display: inline-block; border-left: 0.0741vw solid #fff; margin-left: 0.3646vw;}
.sub2-2-swiper-slide .slide-box .slide-txt h4 span::before{position: absolute; content: ""; width: 0.1481vw; height: 100%; background-color: #b49674; left: -0.5185vw; top: 0;}
.sub2-2-swiper-slide .slide-box .slide-txt p{ font-family:'Pretendard', sans-serif; line-height: 2.2222vw;}
.sub2-2-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {color: #888; margin-bottom: 2.6667vw;}
.sub2-2-swiper-container .swiper-button-next,
.sub2-2-swiper-container .swiper-button-prev{color: #919191; width: 4.4444vw; height: 4.4444vw; border-radius: 50%; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.5926vw 1.7778vw;}
.sub2-2-swiper-container .swiper-button-next {right: 5vw;}
.sub2-2-swiper-container .swiper-button-prev{left: 5vw;}
.sub2-2-swiper-container .swiper-button-prev:after,
.sub2-2-swiper-container .swiper-button-next:after {font-size: 1.8519vw !important; font-weight: 600 !important;}

.sub2-2-collagen-accelerant{background: url(../sub/img/s2-2-accelerant-back.png) no-repeat 50% 8.8889vw/ cover;}
.sub2-2-accelerant{}
.sub2-2-accelerant .txt-box {text-align: center;}
.sub2-2-accelerant .txt-box p:nth-of-type(1){margin-bottom: 1.7037vw;}
.sub2-2-accelerant .txt-box p:nth-of-type(2){margin-bottom: 3.8519vw;}
.sub2-2-accelerant .txt-box p:nth-of-type(2) span{font-weight: 500;}
.sub2-2-accelerant .txt-box h3 {margin-bottom: 4.0741vw;}
.sub2-2-accelerant .accelerant-ul{position: relative; display: flex; justify-content: center; align-items: center;  gap: 1.8519vw; padding-bottom: 10.3704vw;}
.sub2-2-accelerant .accelerant-ul li{width: 18.3704vw; height: 18.9630vw; padding: 3.7778vw 0 3.9259vw; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.5926vw 1.7778vw; border-radius: 3.7037vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #fff;}
.accelerant-ul li h4{font-family: 'KoPub Batang'; font-size: 1.8519vw; padding: 0 3.7037vw 1.0370vw; border-bottom: solid 0.0741vw #b49674; display: flex; align-items: center; justify-content: center; }
.accelerant-ul li p{font-family:'Pretendard', sans-serif;}
.accelerant-ul .s2-2-plus{margin-left: -1.7778vw; display: flex; align-items: center; gap: 0.5926vw; font-weight: 500;}
.s2-2-plus.s2-2-plus1 {}
.s2-2-plus.s2-2-plus2 {}
.accelerant-ul .plus-img{width: auto; animation: sub2-2move2 .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
.accelerant-ul .plus-img img{width: 100%; height: auto;}

.accelerant-ul .img-box{position: absolute; width: auto; top: 69%; opacity: 0; }
.accelerant-ul .img-box img{width: 100%; height: auto;}
@keyframes sub2-2move2 {
    0%{
        transform:translateY(-0.3704vw);
    }
    100%{
        transform:translateY(0.3704vw);
    }
}
/* 마우스 오버 시 */
.accelerant-ul .s2-2-plus1 .plus-img:hover ~ .img-box,
.accelerant-ul .s2-2-plus2 .plus-img:hover ~ .img-box {
    opacity: 1;
}

.sub2-2-collagen-division {}
.sub2-2-collagen-division .txt-box{text-align: center;}
.sub2-2-collagen-division .txt-box h3 {margin-bottom: 3.7037vw;}
.sub2-2-division {margin: auto; border-collapse: separate; border-spacing: 2.0741vw}
.sub2-2-division tr{font-family:'Pretendard', sans-serif; text-align: center;}
.sub2-2-division tr:nth-of-type(1) td{ font-size: 2.0741vw; color: #fff; background-color: #cebaa4; }
.sub2-2-division tr:nth-of-type(1) td{ padding: 1.8519vw 17.0370vw;}
.sub2-2-division tr:nth-of-type(2) td{padding: 2.5926vw 11.1111vw;}
.sub2-2-division tr td .img-box {width: auto;}
.sub2-2-division tr td .img-box img {width: 100%; height: auto;}
.sub2-2-division tr:nth-of-type(3) td{padding-bottom: 1.4815vw; font-size: 1.4815vw; font-weight: 500; color: #888;}
.sub2-2-division tr:nth-of-type(4) td{font-size: 1.3333vw; line-height: 2.5926vw; border-bottom: 0.1481vw solid #cebaa4; padding-bottom: 2.5926vw;}


.sub2-2-collagen-how {position: relative; background-color: #f6f6f6; padding: 11.1111vw 0.0000vw 10.0000vw 10.1111vw;}
.sub2-2-collagen-how .free-txt {font-family: "Cormorant", serif; font-size: 9.9889vw; color: #efeeea; position: relative; left: 0; top: 0; z-index: -9; width: 40.2593vw; height: 13.3333vw; z-index: 1;}
.sub2-2-collagen-how .collagen-how-wrapper{}
.sub2-2-collagen-how .txt-box {position: relative; z-index: 9;}

.sub2-2-collagen-how .txt-box h3{text-decoration: underline; text-underline-offset: 1.1111vw; text-decoration-thickness:0.0741vw; font-family: 'KoPub Batang'; font-weight: 500; color: #b49674; font-size: 3.9259vw; margin-bottom: 2.5926vw; }
.sub2-2-collagen-how .txt-box h4{text-decoration: underline; text-underline-offset: 1.1111vw; text-decoration-thickness:0.0741vw; font-family: 'KoPub Batang'; color: #b49674; font-weight: 300; font-size: 3.1852vw; margin-bottom: 4.8148vw;}
.sub2-2-collagen-how .txt-box h4 span{font-family: 'KoPub Batang'; font-weight: 700;}
.sub2-2-collagen-how .txt-box p{font-family:'Pretendard', sans-serif; color: #676767; line-height: 2.2222vw;}
.sub2-2-collagen-how .txt-box p:nth-of-type(1){margin-bottom: 2.4444vw;}
.sub2-2-collagen-how .txt-box p:nth-of-type(2){margin-bottom: 4.7407vw;}
.swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,#a8a8a8);}
.swiper-container-horizontal>.swiper-scrollbar {height: 0.5926vw;}
.collagen-how-wrapper .sub2-2-btn{width: 19.1852vw; height: 4.3704vw; background-color: #000; border-radius: 3.7037vw;}
.collagen-how-wrapper .sub2-2-btn a{color: #fff; font-family:'Pretendard', sans-serif; font-size: 1.3333vw; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.collagen-how {width:100%; margin: auto;}   
.collagen-how_warp{margin-top: 6.8889vw;}
.s2-2-slide .img-box{margin: auto;}
.s2-2-slide img{width: 100%; height: auto;}
.s2-2-swiper{padding-bottom: 3.3854vw;}
.s2-2-slide p {font-family:'Pretendard', sans-serif; text-align: center; font-size: 1.063rem; margin-top: 0.8333vw; line-height: 1.563rem;}
.sub2-2-collagen-suggest{background:transparent;}
.sub2-2-suggestimg-box p {color: #7f7f7f}
.sub2-2-suggestimg-box p span {color: #000}

.sub2-2-8sec {}
.sub2-2-8sec .txt-box{text-align: center; margin-bottom: 5.5556vw;}
.sub2-2-suggest-box .sub2-2-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 6.6667vw; margin-bottom: 4.8148vw;}
.sub2-2-suggestimg{width: auto;}
.sub2-2-suggestimg img {width: 100%; height: auto;}
.sub2-2-suggest-box .sub2-2-suggestimg-wrapper p {font-size: 1.3333vw; line-height: 2.0741vw; margin-top: 2.0741vw; text-align: center; color: #7f7f7f;}
.sub2-2-suggest-box .sub2-2-suggestimg-wrapper p span{color: #000;}
.sub2-2-suggest-box .suggestul{}
.sub2-2-suggest-box .suggestul li{list-style: disc; padding: 1.0370vw 0; color: #686868; font-size: 1.2593vw;}
.sub2-2-suggest-box .suggestul li:nth-of-type(1) {padding-top: 0;}
.sub2-2-8sec .sub2-2-btn {margin: auto; width: 19.1852vw; height: 4.3704vw; text-align: center; background-color: #b49674; border-radius: 3.7037vw;}
.sub2-2-8sec .sub2-2-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.3333vw;}

.sub2-2-premium{}
.sub2-2-premium .txt-box {text-align: center;}
.sub2-2-premium .txt-box h4{font-family: "Cormorant", serif; color: #b49674; font-size: 1.4815vw; margin-bottom: 2.5926vw;}
.sub2-2-premium .txt-box h3{margin-bottom: 2.8148vw;}
.sub2-2-premium .txt-box p {color: #686868; margin-bottom: 4.8148vw;}

.sub2-2-premium-box .sub2-2-premium-wrapper{display: flex; justify-content: center; align-items: center; gap: 8.1481vw;}
.sub2-2-premium-wrapper li .img-box{width: auto;}
.sub2-2-premium-wrapper li .img-box img {width: 100%; height: auto;}
.sub2-2-premium-wrapper li .txt-box {}
.sub2-2-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang'; color: #000; font-size: 1.8741vw; margin-top: 2.3704vw;}
.sub2-2-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif; color: #686868; margin-top: 2.0741vw;}


.sub2-2_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 10.3704vw;}
.sub2-2_cont11_qna_wrap{position:relative;}
.sub2-2_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 4.6667vw;}
.sub2-2_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 1.8519vw;}
.sub2-2_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 1.9259vw; height: 0.2222vw; background-color: #cebaa4; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-2_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 1.8519vw;}
.sub2-2_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-2_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #b49674; margin-right: 1.8519vw;}
.sub2-2_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-2_cont11_que{position: relative; width: 92.7407vw; padding: 2.8148vw 3.3333vw; cursor: pointer; border-bottom: 0.0741vw solid #ccc; font-size: 1.7037vw; line-height: 3.3348vw; display:flex; justify-content:space-between; align-items:center;
}
.sub2-2_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.1481vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 2.9630vw 0; padding-left: 7.4074vw;}
.sub2-2_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 1.2600vw; line-height: 2.2222vw;}
.sub2-2_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-2_cont11_btn {
    position: relative; width: 1.0370vw; height: 1.0370vw;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-2_cont11_que.on > .sub2-2_cont11_btn{
    position: relative; width: 1.0370vw; height: 0.1481vw;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}
.value2-2 {}
.value2-2 .txt-box{text-align: center;}
.value2-2 .txt-box h3 {margin-bottom: 2.9630vw;}
.value2-2 .txt-box p {margin-bottom: 5.9259vw;}
.value2-2 .txt-box .img-box{margin-bottom: 1.4815vw;}

.value2-2 .value-hover{display: flex; justify-content: center;}
.value2-2 .value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value2-2 .value-hover .img-boxs{position: relative; width: 22.5521vw; height: 29.0625vw;}
.value2-2 .value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value2-2 .value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
.value2-2 .value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 1.2081vw; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}
.value2-2 .value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.0370vw solid #fff;pointer-events: none; }
.value2-2 .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 1.7363vw; font-weight: 500; margin-top: 2.9630vw;}
.value2-2 .value-hover li .af-img {height: 0;}
.value2-2 .value-hover li:hover .img-boxs .bf-img{height: 0;}
.value2-2 .value-hover li:hover .img-boxs .af-img{height: 100%;}
.value2-2 .value-hover li:hover .img-boxs p{opacity: 1;}

.sub2-2-collagen-beauty {width: 100%; padding: 11.1111vw 0; background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
.sub2-2-collagen-beauty .txt-box{color: #fff; text-align: center;}
.sub2-2-collagen-beauty .txt-box h3 {margin-bottom: 4.4444vw;}
.sub2-2-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 2.2222vw;}
.sub2-2-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 1.4074vw; line-height: 2.4644vw; margin-bottom: 4.8148vw;}
.sub2-2-collagen-beauty .sub2-2-btn{color: #fff; width: 14.7407vw; height: 3.1111vw; border: solid 0.0741vw #fff; border-radius: 3.7037vw; display: flex; align-items: center; justify-content: center; margin: auto;}
.sub2-2-collagen-beauty .sub2-2-btn a {margin-left: -1.3333vw; position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.sub2-2-collagen-beauty .sub2-2-btn a:after {position: absolute; content: ""; left: 74%; top: 50%; transform: translateY(-50%); width: 1.3333vw; height: 0.2963vw; background: url(../sub/img/sub-2-1btn-arrow.png) no-repeat 50% 50%/cover;}

}

@media(max-width : 1024px) {
    .sub-2-2-padding{padding: 0 2.9297vw;}
    .sub-2-2-margin{margin: 16.6016vw 0.0000vw;}
    .sub2-2-intro {background: url(../sub/img/sub2-2head-back.png) no-repeat 50% 50% /cover;}
    .sub2-2-injection{display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2vw; background: url(../sub/img/sub2-2-colltouchback.png) no-repeat 100% -11.7188vw /contain;}
    .sub2-2-injection .txt-box h3{margin-bottom: 3.7109vw;}
    .sub2-2-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 2.3438vw; margin-bottom: 2.3438vw;}
    .sub2-2-injection .txt-box p{margin-bottom: 2.5391vw;}
    .sub2-2-injection .txt-box p:nth-last-of-type(1) {color: #6c6c6c;}
    .sub2-2-injection .txt-box p:nth-last-of-type(2) {color: #b49674;}
    .sub2-2-injection .img-box{width: 50%;}
    .sub2-2-injection .img-box img{width: 100%; height: auto}
    
    .sub2-2-collagen-sculptra{position: relative; background-color: #f6f6f6; padding: 12.6953vw 0;}
    .sub2-2-collagen-sculptra .sub2-2-csculptra{display: flex; align-items: center; justify-content: center; gap: 2vw;}
    .sub2-2-csculptra .txt-box h3{margin-bottom: 3.5156vw;}
    .sub2-2-csculptra .txt-box p{margin-bottom: 2.5391vw;}
    .sub2-2-csculptra .txt-box p:nth-of-type(1){color: #6c6c6c;}
    .sub2-2-csculptra .txt-box p:nth-of-type(1) span{font-weight: 500;}
    .sub2-2-csculptra .txt-box p:nth-of-type(2) {color: #b49674;}
    .sub2-2-img-box {position: relative; width: 40%;}
    .sub2-2-csculptra .img-box{width: auto;}
    .sub2-2-csculptra .img-box img{width: 100%; height: auto;}
    .sub2-2-csculptra .img-box2 {position: absolute; top: 10%; left: 85%; width: 2.9297vw; height: 2.9297vw; position: absolute; top: 10%; left: 60%; animation: sub2-2move .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
    @keyframes sub2-2move {
        0%{
            transform:translateY(-1.4648vw);
        }
        100%{
            transform:translateY(0);
        }
    }
    
    .sub2-2-csculptra-pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 53.1250vw; height: 43.2617vw; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99;}
    .sub2-2-csculptra-pop h4 {font-family:'Pretendard', sans-serif; font-size: 2.1484vw; color: #4e978b; text-align: center; margin-bottom: 1.5625vw;}
    .s2-2-close-btn {position: absolute; top: 5%; left: 90%; text-align: center; cursor: pointer;}
    .s2-2-close-btn .img-box{width: auto;}
    .s2-2-close-btn .img-box img{width: 100%; height: 100%; object-fit: contain; margin-bottom: 0.5859vw;}
    .s2-2-close-btn p {font-family:'Pretendard', sans-serif; font-size: 1.3672vw;}
    
    .csculptra-pop-box ul{display: flex; justify-content: center; align-items: center; gap: 0.3906vw; margin-bottom: 2.7344vw;}
    .csculptra-pop-box li .pop-cell{width: 18.1641vw; height: 19.5313vw; background-color: #efefef;}
    .csculptra-pop-box li .cell-txt{position: relative; width: 18.1641vw; height: 4.0039vw; display: flex; justify-content: center; align-items: center; color: #fff;}
    .csculptra-pop-box li .cell-txt span{display: inline-block; width: 0.0977vw; height: 1.4648vw; background-color: #ffffff; margin: 0 0.6836vw;}
    .csculptra-pop-box li:nth-of-type(1) .cell-txt{background-color: #000;}
    .csculptra-pop-box li:nth-of-type(2) .cell-txt{background-color: #4e978b;}
    .csculptra-pop-box p {font-family:'Pretendard', sans-serif; font-size: 0.875rem; color: #6c6c6c; text-align: center; font-size: 1.3672vw; line-height: 2.1484vw;}
    
    
    .sub2-2-cdam-csculptra-wrap{background: url(../sub/img/sub2-2-cdam-csculptraback.png) no-repeat 50% 50% /cover;}
    .sub2-2-cdam-csculptra{display: flex; align-items:flex-start; justify-content: center; gap: 3.3008vw;}
    .sub2-2-csculptra-txt{width: 49%;}
    .sub2-2-cdam-csculptra .txt-box h5{font-family: "Cormorant", serif; color: #b49674;  font-weight: 500; font-size: 1.7578vw; margin-bottom: 3.1250vw;}
    .sub2-2-cdam-csculptra .txt-box h3{margin-bottom: 3.9063vw;}
    .sub2-2-cdam-csculptra .txt-box p {color: #686868; margin-bottom: 3.9063vw;}
    
    .sub2-2-csculptra-txt .imgbox{width: auto;}
    .sub2-2-csculptra-txt .imgbox img{width: 100%; height: auto;}
    .sub2-2-cdam-leftrigtht{margin-top: 21.4844vw; width: 51%;}
    .sub2-2-cdam-rigtht li .check-box{display: inline-block; width: 8.7891vw; height: 3.4180vw; background-color: #cebaa4; color: #fff; border-radius: 4.8828vw; display: flex; align-items: center; justify-content: center; margin-bottom: 2.4414vw;}
    .sub2-2-cdam-rigtht li h4{font-family: 'KoPub Batang'; font-weight: 300; font-size: 2.4414vw; margin-bottom: 2.7344vw;}
    .sub2-2-cdam-rigtht li h4 span{font-weight: 500;}
    .sub2-2-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 1.7578vw; line-height: 2.9297vw; margin-bottom: 7.8125vw;}
    
    .sub2-2-swiper-map {background: url(../sub/img/sub2-2-collagen-accelerant-back.png) no-repeat 50% 50% /cover; padding: 12.8906vw 0 14.8438vw}
    .sub2-2-tabs {display: flex; justify-content: center; margin-bottom: 1.9531vw; gap: 3.6133vw;}
    .sub2-2-tab {width: 13.7695vw; height: 5.1758vw; display: flex; justify-content: center; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 2.0469vw; color: #a3a3a3; cursor: pointer; border-bottom: 0.0977vw solid #a3a3a3;}
    .sub2-2-tab.active { color: #b49674; border-bottom: 0.0977vw solid #b49674;}
    .sub2-2-swiper-slide{display: flex; justify-content: center; align-items: center;}
    .sub2-2-swiper-slide .slide-box{width: 79.8867vw; height: 43.3594vw; border: solid 0.1953vw #d2c2af; border-radius: 0.9766vw; background: #fff; display: flex; justify-content: center; align-items: center; gap: 2vw;}
    .sub2-2-swiper-slide .slide-box .s2-2-simg{width: 40%;}
    .sub2-2-swiper-slide .slide-box .s2-2-simg img {width: 100%; height: auto;}
    .sub2-2-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang'; font-size: 2.7344vw; margin-bottom: 3.3203vw;}
    
    .sub2-2-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif; font-size: 1.8555vw; color: #b49674; margin-bottom: 3.2227vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt h4 span{position: relative; display: inline-block; border-left: 0.0977vw solid #fff; margin-left: 0.3646vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt h4 span::before{position: absolute; content: ""; width: 0.1953vw; height: 100%; background-color: #b49674; left: -0.6836vw; top: 0;}
    .sub2-2-swiper-slide .slide-box .slide-txt p{ font-family:'Pretendard', sans-serif; line-height: 2.9297vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {color: #888; margin-bottom: 3.5156vw;}
    .sub2-2-swiper-container .swiper-button-next,
    .sub2-2-swiper-container .swiper-button-prev{color: #919191; width: 5.8594vw; height: 5.8594vw; border-radius: 50%; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.7813vw 2.3438vw;}
    .sub2-2-swiper-container .swiper-button-next {right: 3vw;}
    .sub2-2-swiper-container .swiper-button-prev{left: 3vw;}
    .sub2-2-swiper-container .swiper-button-prev:after,
    .sub2-2-swiper-container .swiper-button-next:after {font-size: 2.4414vw !important; font-weight: 600 !important;}
    
    .sub2-2-collagen-accelerant{background: url(../sub/img/s2-2-accelerant-back.png) no-repeat 50% 11.7188vw/ cover;}
    .sub2-2-accelerant{}
    .sub2-2-accelerant .txt-box {text-align: center;}
    .sub2-2-accelerant .txt-box p:nth-of-type(1){margin-bottom: 2.2461vw;}
    .sub2-2-accelerant .txt-box p:nth-of-type(2){margin-bottom: 5.0781vw;}
    .sub2-2-accelerant .txt-box p:nth-of-type(2) span{font-weight: 500;}
    .sub2-2-accelerant .txt-box h3 {margin-bottom: 5.3711vw;}
    .sub2-2-accelerant .accelerant-ul{position: relative; display: flex; justify-content: center; align-items: center;  gap: 2.4414vw; padding-bottom: 13.6719vw;}
    .sub2-2-accelerant .accelerant-ul li{width: 24.2188vw; height: 25.0000vw; padding: 4.9805vw 0 5.1758vw; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.7813vw 2.3438vw; border-radius: 4.8828vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #fff;}
    .accelerant-ul li h4{font-family: 'KoPub Batang'; font-size: 2.4414vw; padding: 0 4.8828vw 1.3672vw; border-bottom: solid 0.0977vw #b49674; display: flex; align-items: center; justify-content: center; }
    .accelerant-ul li p{font-family:'Pretendard', sans-serif;}
    .accelerant-ul .s2-2-plus{margin-left: -2.3438vw; display: flex; align-items: center; gap: 0.7813vw; font-weight: 500;}
    .s2-2-plus.s2-2-plus1 {}
    .s2-2-plus.s2-2-plus2 {}
    .accelerant-ul .plus-img{width: auto; animation: sub2-2move2 .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
    .accelerant-ul .plus-img img{width: 100%; height: auto;}
    
    .accelerant-ul .img-box{position: absolute; width: auto; top: 44%; opacity: 0; }
    .accelerant-ul .img-box img{width: 100%; height: auto;}
    @keyframes sub2-2move2 {
        0%{
            transform:translateY(-0.4883vw);
        }
        100%{
            transform:translateY(0.4883vw);
        }
    }
    /* 마우스 오버 시 */
    .accelerant-ul .s2-2-plus1 .plus-img:hover ~ .img-box,
    .accelerant-ul .s2-2-plus2 .plus-img:hover ~ .img-box {
        opacity: 1;
    }
    
    .sub2-2-collagen-division {}
    .sub2-2-collagen-division .txt-box{text-align: center;}
    .sub2-2-collagen-division .txt-box h3 {margin-bottom: 4.8828vw;}
    .sub2-2-division {margin: auto; border-collapse: separate; border-spacing: 2.7344vw}
    .sub2-2-division tr{font-family:'Pretendard', sans-serif; text-align: center;}
    .sub2-2-division tr:nth-of-type(1) td{ font-size: 2.7344vw; color: #fff; background-color: #cebaa4; }
    .sub2-2-division tr:nth-of-type(1) td{padding: 2.4414vw 12.4609vw;}
    .sub2-2-division tr:nth-of-type(2) td{padding: 2.418vw 5.6484vw;}
    .sub2-2-division tr td .img-box {width: auto;}
    .sub2-2-division tr td .img-box img {width: 100%; height: auto;}
    .sub2-2-division tr:nth-of-type(3) td{padding-bottom: 1.9531vw; font-size: 1.9531vw; font-weight: 500; color: #888;}
    .sub2-2-division tr:nth-of-type(4) td{font-size: 1.7578vw; line-height: 3.4180vw; border-bottom: 0.1953vw solid #cebaa4; padding-bottom: 3.4180vw;}
    
    
    .sub2-2-collagen-how {position: relative; background-color: #f6f6f6; padding: 10.6484vw 0.0000vw 13.1836vw 21.0156vw;}
    .sub2-2-collagen-how .free-txt {font-family: "Cormorant", serif; font-size: 10.7607vw; color: #efeeea; position: relative; left: 0; top: 0; z-index: -9; width: 78.1250vw; height: 13.5781vw; z-index: 1;
    }
    .sub2-2-collagen-how .collagen-how-wrapper{}
    .sub2-2-collagen-how .txt-box {position: relative; z-index: 9;}
    
    .sub2-2-collagen-how .txt-box h3{text-decoration: underline; text-underline-offset: 1.4648vw; text-decoration-thickness:0.0977vw; font-family: 'KoPub Batang'; font-weight: 500; color: #b49674; font-size: 4.1758vw; margin-bottom: 2.4180vw; }
    .sub2-2-collagen-how .txt-box h4{text-decoration: underline; text-underline-offset: 1.4648vw; text-decoration-thickness:0.0977vw; font-family: 'KoPub Batang'; color: #b49674; font-weight: 300; font-size: 3.1992vw; margin-bottom: 6.3477vw;}
    .sub2-2-collagen-how .txt-box h4 span{font-family: 'KoPub Batang'; font-weight: 700;}
    .sub2-2-collagen-how .txt-box p{font-family:'Pretendard', sans-serif; color: #676767; line-height: 2.9297vw;}
    .sub2-2-collagen-how .txt-box p:nth-of-type(1){margin-bottom: 3.2227vw;}
    .sub2-2-collagen-how .txt-box p:nth-of-type(2){margin-bottom: 6.2500vw;}
    .swiper-scrollbar-drag {/* width: 50%!important;  */height: 100%;width: 100%;position: relative;background: var(--swiper-scrollbar-drag-bg-color,#a8a8a8);}
    .swiper-container-horizontal>.swiper-scrollbar {height: 0.7813vw;}
    .collagen-how-wrapper .sub2-2-btn{width: 25.2930vw; height: 5.7617vw; background-color: #000; border-radius: 4.8828vw;}
    .collagen-how-wrapper .sub2-2-btn a{color: #fff; font-family:'Pretendard', sans-serif; font-size: 1.7578vw; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
    
    .collagen-how {width:100%; margin: auto;}   
    .collagen-how_warp{margin-top: 9.0820vw;}
    .s2-2-slide .img-box{margin: auto;}
    .s2-2-slide img{width: 100%; height: auto;}
    .s2-2-swiper{padding-bottom: 3.3854vw;}
    .s2-2-slide p {font-family:'Pretendard', sans-serif; text-align: center; font-size: 1.063rem; margin-top: 0.8333vw; line-height: 1.563rem;}
    .sub2-2-collagen-suggest{background:transparent;}
    .sub2-2-suggestimg-box p {color: #7f7f7f}
    .sub2-2-suggestimg-box p span {color: #000}
    
    .sub2-2-8sec {}
    .sub2-2-8sec .txt-box{text-align: center; margin-bottom: 7.3242vw;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 4.7891vw; margin-bottom: 6.3477vw;}
    .sub2-2-suggestimg{width: auto;}
    .sub2-2-suggestimg img {width: 100%; height: auto;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper p {font-size: 1.7578vw; line-height: 2.7344vw; margin-top: 2.7344vw; text-align: center; color: #7f7f7f;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper p span{color: #000;}
    .sub2-2-suggest-box .suggestul{}
    .sub2-2-suggest-box .suggestul li{list-style: disc; padding: 1.3672vw 0; color: #686868; font-size: 1.6602vw;}
    .sub2-2-suggest-box .suggestul li:nth-of-type(1) {padding-top: 0;}
    .sub2-2-8sec .sub2-2-btn {margin: auto; width: 25.2930vw; height: 5.7617vw; text-align: center; background-color: #b49674; border-radius: 4.8828vw;}
    .sub2-2-8sec .sub2-2-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.7578vw;}
    
    .sub2-2-premium{}
    .sub2-2-premium .txt-box {text-align: center;}
    .sub2-2-premium .txt-box h4{font-family: "Cormorant", serif; color: #b49674; font-size: 1.9531vw; margin-bottom: 3.4180vw;}
    .sub2-2-premium .txt-box h3{margin-bottom: 3.7109vw;}
    .sub2-2-premium .txt-box p {color: #686868; margin-bottom: 6.3477vw;}
    
    .sub2-2-premium-box .sub2-2-premium-wrapper{display: flex; justify-content: center; align-items: center; gap: 5.7422vw;}
    .sub2-2-premium-wrapper li .img-box{width: auto;}
    .sub2-2-premium-wrapper li .img-box img {width: 100%; height: auto;}
    .sub2-2-premium-wrapper li .txt-box {}
    .sub2-2-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang'; color: #000; font-size: 2.4707vw; margin-top: 3.1250vw;}
    .sub2-2-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif; color: #686868; margin-top: 2.7344vw;}
    
    
    .sub2-2_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 13.6719vw;}
    .sub2-2_cont11_qna_wrap{position:relative;}
    .sub2-2_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 6.1523vw;}
    .sub2-2_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 2.4414vw;}
    .sub2-2_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 2.5391vw; height: 0.2930vw; background-color: #cebaa4; top: 100%; left: 50%; transform: translateX(-50%);}
    .sub2-2_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 2.4414vw;}
    .sub2-2_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
    .sub2-2_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #b49674; margin-right: 2.4414vw;}
    .sub2-2_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
    .sub2-2_cont11_que{position: relative; width: 82.2656vw; padding: 3.7109vw 4.3945vw; cursor: pointer; border-bottom: 0.0977vw solid #ccc; font-size: 2.2461vw; line-height: 4.3965vw; display:flex; justify-content:space-between; align-items:center;
    }
    .sub2-2_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.1953vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 3.9063vw 0; padding-left: 9.7656vw;}
    .sub2-2_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 1.6611vw; line-height: 2.9297vw;}
    .sub2-2_cont11_que.on{
        
        background-color: #f8f8f8;
    }
    .sub2-2_cont11_btn {
        position: relative; width: 1.3672vw; height: 1.3672vw;
        background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
        transition: 0.3s 0.1s ease; 
    }
    .sub2-2_cont11_que.on > .sub2-2_cont11_btn{
        position: relative; width: 1.3672vw; height: 0.1953vw;
        background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
    }
    .value2-2 {}
    .value2-2 .txt-box{text-align: center;}
    .value2-2 .txt-box h3 {margin-bottom: 3.9063vw;}
    .value2-2 .txt-box p {margin-bottom: 7.8125vw;}
    .value2-2 .txt-box .img-box{margin-bottom: 1.9531vw;}
    
    .value2-2 .value-hover{display: flex; justify-content: center; flex-wrap: wrap;}
    .value2-2 .value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
    .value2-2 .value-hover .img-boxs{position: relative; width: 42.5521vw; height: 59.0625vw;}
    .value2-2 .value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
    .value2-2 .value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
    .value2-2 .value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 1.5928vw; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}
    .value2-2 .value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.0488vw solid #fff;pointer-events: none; }
    .value2-2 .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 2.2891vw; font-weight: 500; margin-top: 3.9063vw;}
    .value2-2 .value-hover li .af-img {height: 0;}
    .value2-2 .value-hover li:hover .img-boxs .bf-img{height: 0;}
    .value2-2 .value-hover li:hover .img-boxs .af-img{height: 100%;}
    .value2-2 .value-hover li:hover .img-boxs p{opacity: 1;}
    
    .sub2-2-collagen-beauty {width: 100%; padding: 14.6484vw 0; background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
    .sub2-2-collagen-beauty .txt-box{color: #fff; text-align: center;}
    .sub2-2-collagen-beauty .txt-box h3 {margin-bottom: 5.8594vw;}
    .sub2-2-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 2.9297vw;}
    .sub2-2-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 1.8555vw; line-height: 3.2490vw; margin-bottom: 6.3477vw;}
    .sub2-2-collagen-beauty .sub2-2-btn{color: #fff; width: 19.4336vw; height: 4.1016vw; border: solid 0.0977vw #fff; border-radius: 4.8828vw; display: flex; align-items: center; justify-content: center; margin: auto;}
    .sub2-2-collagen-beauty .sub2-2-btn a {margin-left: -1.7578vw; position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
    .sub2-2-collagen-beauty .sub2-2-btn a:after {position: absolute; content: ""; left: 74%; top: 50%; transform: translateY(-50%); width: 1.7578vw; height: 0.3906vw; background: url(../sub/img/sub-2-1btn-arrow.png) no-repeat 50% 50%/cover;}
    
    .value-hover{display: flex; justify-content: center; flex-wrap: wrap;}
    .value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
    .value-hover .img-boxs{position: relative; width: 42.5521vw; height: 59.0625vw;}
    .value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
    .value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
    .value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 1.5928vw; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}
    .value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.0488vw solid #fff;pointer-events: none; }
    .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 2.2891vw; font-weight: 500; margin:2.5vw 0}
    .value-hover li .af-img {height: 0;}
    .value-hover li:hover .img-boxs .bf-img{height: 0;}
    .value-hover li:hover .img-boxs .af-img{height: 100%;}
    .value-hover li:hover .img-boxs p{opacity: 1;}
    }
    @media (max-width : 768px) {
    .sub-2-2-padding{padding: 0 3.9063vw;}
    .sub-2-2-margin{margin: 13.1354vw 0.0000vw;}
    .sub2-2-intro {background: url(../sub/img/sub2-2head-back.png) no-repeat 50% 50% /cover;}
    .sub2-2-injection{display: flex; justify-content: center; flex-direction: column; gap: 2vw; background: url(../sub/img/sub2-2-colltouchback.png) no-repeat 100% -15.6250vw /contain;}
    .sub2-2-injection .txt-box h3{margin-bottom: 4.9479vw;}
    .sub2-2-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 3.1250vw; margin-bottom: 3.1250vw;}
    .sub2-2-injection .txt-box p{margin-bottom: 3.3854vw;}
    .sub2-2-injection .txt-box p:nth-last-of-type(1) {color: #6c6c6c;}
    .sub2-2-injection .txt-box p:nth-last-of-type(2) {color: #b49674;}
    .sub2-2-injection .img-box{width: auto;}
    .sub2-2-injection .img-box img{width: 100%; height: auto}
    
    .sub2-2-collagen-sculptra{position: relative; background-color: #f6f6f6; padding: 8.9271vw 0;}
    .sub2-2-collagen-sculptra .sub2-2-csculptra{display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; gap: 2.4635vw;}
    .sub2-2-csculptra .txt-box h3{margin-bottom: 4.6875vw;}
    .sub2-2-csculptra .txt-box p{margin-bottom: 3.3854vw;}
    .sub2-2-csculptra .txt-box p:nth-of-type(1){color: #6c6c6c;}
    .sub2-2-csculptra .txt-box p:nth-of-type(1) span{font-weight: 500;}
    .sub2-2-csculptra .txt-box p:nth-of-type(2) {color: #b49674;}
    .sub2-2-img-box {position: relative;}
    .sub2-2-csculptra .img-box{width: auto;}
    .sub2-2-csculptra .img-box img{width: 100%; height: auto;}
    .sub2-2-csculptra .img-box2 {position: absolute; top: 10%; left: 85%; width: 3.9063vw; height: 3.9063vw; position: absolute; top: 10%; left: 60%; animation: sub2-2move .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
    @keyframes sub2-2move {
        0%{
            transform:translateY(-1.9531vw);
        }
        100%{
            transform:translateY(0);
        }
    }
    
    .sub2-2-csculptra-pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70.8333vw; height: 57.6823vw; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99;}
    .sub2-2-csculptra-pop h4 {font-family:'Pretendard', sans-serif; font-size: 2.8646vw; color: #4e978b; text-align: center; margin-bottom: 2.0833vw;}
    .s2-2-close-btn {position: absolute; top: 5%; left: 90%; text-align: center; cursor: pointer;}
    .s2-2-close-btn .img-box{width: auto;}
    .s2-2-close-btn .img-box img{width: 100%; height: 100%; object-fit: contain; margin-bottom: 0.7813vw;}
    .s2-2-close-btn p {font-family:'Pretendard', sans-serif; font-size: 1.8229vw;}
    
    .csculptra-pop-box ul{display: flex; justify-content: center; align-items: center; gap: 0.5208vw; margin-bottom: 3.6458vw;}
    .csculptra-pop-box li .pop-cell{width: 24.2188vw; height: 26.0417vw; background-color: #efefef;}
    .csculptra-pop-box li .cell-txt{position: relative; width: 24.2188vw; height: 5.3385vw; display: flex; justify-content: center; align-items: center; color: #fff;}
    .csculptra-pop-box li .cell-txt span{display: inline-block; width: 0.1302vw; height: 1.9531vw; background-color: #ffffff; margin: 0 0.9115vw;}
    .csculptra-pop-box li:nth-of-type(1) .cell-txt{background-color: #000;}
    .csculptra-pop-box li:nth-of-type(2) .cell-txt{background-color: #4e978b;}
    .csculptra-pop-box p {font-family:'Pretendard', sans-serif; font-size: 0.875rem; color: #6c6c6c; text-align: center; font-size: 1.8229vw; line-height: 2.8646vw;}
    
    
    .sub2-2-cdam-csculptra-wrap{background: url(../sub/img/sub2-2-cdam-csculptraback.png) no-repeat 50% 50% /cover;}
    .sub2-2-cdam-csculptra{display: flex; flex-direction: column; justify-content: center; align-items:flex-start; gap: 3.0677vw;}
    .sub2-2-cdam-csculptra .txt-box h5{font-family: "Cormorant", serif; color: #b49674;  font-weight: 500; font-size: 2.3438vw; margin-bottom: 4.1667vw;}
    .sub2-2-cdam-csculptra .txt-box h3{margin-bottom: 5.2083vw;}
    .sub2-2-cdam-csculptra .txt-box p {color: #686868; margin-bottom: 5.2083vw;}
    .sub2-2-csculptra-txt {width: 100%;}
    .sub2-2-csculptra-txt .imgbox{width: 100%;}
    .sub2-2-csculptra-txt .imgbox img{width: 100%; height: auto;}
    .sub2-2-cdam-leftrigtht{margin-top: 7.6458vw; width: 80%;}
    .sub2-2-cdam-rigtht li .check-box{display: inline-block; width: 11.7188vw; height: 4.5573vw; background-color: #cebaa4; color: #fff; border-radius: 6.5104vw; display: flex; align-items: center; justify-content: center; margin-bottom: 3.2552vw;}
    .sub2-2-cdam-rigtht li h4{font-family: 'KoPub Batang'; font-weight: 300; font-size: 3.2552vw; margin-bottom: 3.6458vw;}
    .sub2-2-cdam-rigtht li h4 span{font-weight: 500;}
    .sub2-2-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 2.3438vw; line-height: 3.9063vw; margin-bottom: 10.4167vw;}
    
    .sub2-2-swiper-map {background: url(../sub/img/sub2-2-collagen-accelerant-back.png) no-repeat 50% 50% /cover; padding: 17.1875vw 0 19.7917vw}
    .sub2-2-tabs {display: flex; justify-content: center; margin-bottom: 2.6042vw; gap: 4.8177vw;}
    .sub2-2-tab {width: 18.3594vw; height: 6.9010vw; display: flex; justify-content: center; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 2.7292vw; color: #a3a3a3; cursor: pointer; border-bottom: 0.1302vw solid #a3a3a3;}
    .sub2-2-tab.active { color: #b49674; border-bottom: 0.1302vw solid #b49674;}
    .sub2-2-swiper-slide{display: flex; justify-content: center; align-items: center; padding-bottom: 10vw;}
    .sub2-2-swiper-slide .slide-box {width: 76.1823vw; height: 75.8125vw; border: solid 0.2604vw #d2c2af; border-radius: 1.3021vw; background: #fff; display: flex; justify-content: center; align-items: center; gap: 2.6823vw; flex-direction: column-reverse;}
    .sub2-2-swiper-slide .slide-box .s2-2-simg{width: 60%;}
    .sub2-2-swiper-slide .slide-box .s2-2-simg img {width: 100%; height: auto;}
    .sub2-2-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang'; font-size: 3.6458vw; margin-bottom: 3.4271vw;}
    
    .sub2-2-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif; font-size: 2.4740vw; color: #b49674; margin-bottom: 2.2969vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt h4 span{position: relative; display: inline-block; border-left: 0.1302vw solid #fff; margin-left: 0.3646vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt h4 span::before{position: absolute; content: ""; width: 0.2604vw; height: 100%; background-color: #b49674; left: -0.9115vw; top: 0;}
    .sub2-2-swiper-slide .slide-box .slide-txt p{ font-family:'Pretendard', sans-serif; line-height: 3.9063vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {color: #888; margin-bottom: 0.6875vw;}
    .sub2-2-swiper-container .swiper-button-next,
    .sub2-2-swiper-container .swiper-button-prev{color: #919191; width: 7.8125vw; height: 7.8125vw; border-radius: 50%; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 1.0417vw 3.1250vw;}
    .sub2-2-swiper-container .swiper-button-next {right: 34vw; top: 93%;}
    .sub2-2-swiper-container .swiper-button-prev{left: 34vw; top: 93%;}
    .sub2-2-swiper-container .swiper-button-prev:after,
    .sub2-2-swiper-container .swiper-button-next:after {font-size: 3.2552vw !important; font-weight: 600 !important;}
    
    .sub2-2-collagen-accelerant{background: url(../sub/img/s2-2-accelerant-back.png) no-repeat 50% 15.6250vw/ cover;}
    .sub2-2-accelerant{}
    .sub2-2-accelerant .txt-box {text-align: center;}
    .sub2-2-accelerant .txt-box p:nth-of-type(1){margin-bottom: 2.9948vw;}
    .sub2-2-accelerant .txt-box p:nth-of-type(2){margin-bottom: 6.7708vw;}
    .sub2-2-accelerant .txt-box p:nth-of-type(2) span{font-weight: 500;}
    .sub2-2-accelerant .txt-box h3 {margin-bottom: 7.1615vw;}
    .sub2-2-accelerant .accelerant-ul{position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  gap: 3.2552vw; padding-bottom: 18.2292vw;}
    .sub2-2-accelerant .accelerant-ul li{width: 32.2917vw; height: 33.3333vw; padding: 6.6406vw 0 6.9010vw; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 1.0417vw 3.1250vw; border-radius: 6.5104vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #fff;}
    .accelerant-ul li h4{font-family: 'KoPub Batang'; font-size: 3.2552vw; padding: 0 6.5104vw 1.8229vw; border-bottom: solid 0.1302vw #b49674; display: flex; align-items: center; justify-content: center; }
    .accelerant-ul li p{font-family:'Pretendard', sans-serif;}
    .accelerant-ul .s2-2-plus{margin-left: -3.1250vw; display: flex; align-items: center; gap: 1.0417vw; font-weight: 500;}
    .s2-2-plus.s2-2-plus2 .img-box{top: 68%;}
    .accelerant-ul .plus-img{width: auto; animation: sub2-2move2 .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
    .accelerant-ul .plus-img img{width: 100%; height: auto;}
    
    .accelerant-ul .img-box{position: absolute; width: auto;  opacity: 0; }
    .accelerant-ul .img-box img{width: 100%; height: auto;}
    @keyframes sub2-2move2 {
        0%{
            transform:translateY(-0.6510vw);
        }
        100%{
            transform:translateY(0.6510vw);
        }
    }
    /* 마우스 오버 시 */
    .accelerant-ul .s2-2-plus1 .plus-img:hover ~ .img-box,
    .accelerant-ul .s2-2-plus2 .plus-img:hover ~ .img-box {
        opacity: 1;
    }
    
    .sub2-2-collagen-division {}
    .sub2-2-collagen-division .txt-box{text-align: center;}
    .sub2-2-collagen-division .txt-box h3 {margin-bottom: 6.5104vw;}
    .sub2-2-division {margin: auto; border-collapse: separate; border-spacing: 3.6458vw}
    .sub2-2-division tr{font-family:'Pretendard', sans-serif; text-align: center;}
    .sub2-2-division tr:nth-of-type(1) td{ font-size: 3.6458vw; color: #fff; background-color: #cebaa4; }
    .sub2-2-division tr:nth-of-type(1) td{ padding: 2.2552vw 15.9479vw;}
    .sub2-2-division tr:nth-of-type(2) td{padding: 2.5573vw 2.5313vw;}
    .sub2-2-division tr td .img-box {width: auto;}
    .sub2-2-division tr td .img-box img {width: 100%; height: auto;}
    .sub2-2-division tr:nth-of-type(3) td{padding-bottom: 2.6042vw; font-size: 2.6042vw; font-weight: 500; color: #888;}
    .sub2-2-division tr:nth-of-type(4) td{font-size: 2.3438vw; line-height: 4.5573vw; border-bottom: 0.2604vw solid #cebaa4; padding-bottom: 4.5573vw;}
    .sub2-2-division tr td .sub-mo-only {display: block;}
    
    .sub2-2-collagen-how {position: relative; background-color: #f6f6f6; padding: 7.9vw 3.9063vw;}
    .sub2-2-collagen-how .free-txt {font-family: "Cormorant", serif; font-size: 14.3477vw; color: #efeeea; position: relative; left: 0; top: 0; z-index: -9; width: 56.1667vw; height: 16.4375vw; z-index: 1;}
    .sub2-2-collagen-how .collagen-how-wrapper{}
    .sub2-2-collagen-how .txt-box {position: relative; z-index: 9;}
    
    .sub2-2-collagen-how .txt-box h3{text-decoration: underline; text-underline-offset: 1.9531vw; text-decoration-thickness:0.1302vw; font-family: 'KoPub Batang'; font-weight: 500; color: #b49674; font-size: 3.9010vw; margin-bottom: 2.5573vw; }
    .sub2-2-collagen-how .txt-box h4{text-decoration: underline; text-underline-offset: 1.9531vw; text-decoration-thickness:0.1302vw; font-family: 'KoPub Batang'; color: #b49674; font-weight: 300; font-size: 3.5990vw; margin-bottom: 5.4635vw;}
    .sub2-2-collagen-how .txt-box h4 span{font-family: 'KoPub Batang'; font-weight: 700;}
    .sub2-2-collagen-how .txt-box p{font-family:'Pretendard', sans-serif; color: #676767; line-height: 3.9063vw;}
    .sub2-2-collagen-how .txt-box p:nth-of-type(1){margin-bottom: 1.2969vw;}
    .sub2-2-collagen-how .txt-box p:nth-of-type(2){margin-bottom: 4.3333vw;}
    .swiper-scrollbar-drag {height: 100%;/* width: 50%!important; */width: 50%;position: relative;background: var(--swiper-scrollbar-drag-bg-color,#a8a8a8);}
    .swiper-container-horizontal>.swiper-scrollbar {height: 1.0417vw;}
    .collagen-how-wrapper .sub2-2-btn{width: 33.7240vw; height: 7.6823vw; background-color: #000; border-radius: 6.5104vw;}
    .collagen-how-wrapper .sub2-2-btn a{color: #fff; font-family:'Pretendard', sans-serif; font-size: 2.3438vw; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
    
    .collagen-how {width:100%; margin: auto;}   
    .collagen-how_warp{margin-top: 12.1094vw;}
    .s2-2-slide .img-box{margin: auto;}
    .s2-2-slide img{width: 100%; height: auto;}
    .s2-2-swiper{padding-bottom: 3.3854vw;}
    .s2-2-slide p {font-family:'Pretendard', sans-serif; text-align: center; font-size: 1.063rem; margin-top: 0.8333vw; line-height: 1.563rem;}
    .sub2-2-collagen-suggest{background:transparent;}
    .sub2-2-suggestimg-box p {color: #7f7f7f}
    .sub2-2-suggestimg-box p span {color: #000}
    
    .sub2-2-8sec {}
    .sub2-2-8sec .txt-box{text-align: center; margin-bottom: 9.7656vw;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper {display: flex; justify-content: center; align-items: center; gap: 11.7188vw; margin-bottom: 4.4635vw; flex-direction: column;}
    .sub2-2-suggestimg{width: auto;}
    .sub2-2-suggestimg img {width: 100%; height: auto;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper p {font-size: 2.3438vw; line-height: 3.6458vw; margin-top: 3.6458vw; text-align: center; color: #7f7f7f;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper p span{color: #000;}
    .sub2-2-suggest-box .suggestul{}
    .sub2-2-suggest-box .suggestul li{list-style: disc; padding: 1.8229vw 0; color: #686868; font-size: 2.2135vw;}
    .sub2-2-suggest-box .suggestul li:nth-of-type(1) {padding-top: 0;}
    .sub2-2-8sec .sub2-2-btn {margin: auto; width: 33.7240vw; height: 7.6823vw; text-align: center; background-color: #b49674; border-radius: 6.5104vw;}
    .sub2-2-8sec .sub2-2-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.3438vw;}
    
    
    .sub2-2-premium{}
    .sub2-2-premium .txt-box {text-align: center;}
    .sub2-2-premium .txt-box h4{font-family: "Cormorant", serif; color: #b49674; font-size: 2.6042vw; margin-bottom: 4.5573vw;}
    .sub2-2-premium .txt-box h3{margin-bottom: 4.9479vw;}
    .sub2-2-premium .txt-box p {color: #686868; margin-bottom: 8.4635vw;}
    
    .sub2-2-premium-box .sub2-2-premium-wrapper{display: flex; justify-content: center; align-items: center; gap: 2.3229vw;}
    .sub2-2-premium-wrapper li .img-box{width: auto;}
    .sub2-2-premium-wrapper li .img-box img {width: 100%; height: auto;}
    .sub2-2-premium-wrapper li .txt-box {}
    .sub2-2-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang'; color: #000; font-size: 3.2943vw; margin-top: 4.1667vw;}
    .sub2-2-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif; color: #686868; margin-top: 3.6458vw;}
    
    
    .sub2-2_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 18.2292vw;}
    .sub2-2_cont11_qna_wrap{position:relative;}
    .sub2-2_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 8.2031vw;}
    .sub2-2_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 3.2552vw;}
    .sub2-2_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 3.3854vw; height: 0.3906vw; background-color: #cebaa4; top: 100%; left: 50%; transform: translateX(-50%);}
    .sub2-2_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 3.2552vw;}
    .sub2-2_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
    .sub2-2_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #b49674; margin-right: 3.2552vw;}
    .sub2-2_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
    .sub2-2_cont11_que{position: relative; width: 93.0208vw; padding: 4.9479vw 5.8594vw; cursor: pointer; border-bottom: 0.1302vw solid #ccc; font-size: 2.9948vw; line-height: 5.8620vw; display:flex; justify-content:space-between; align-items:center;
    }
    .sub2-2_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.2604vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 5.2083vw 0; padding-left: 13.0208vw;}
    .sub2-2_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 2.6042vw; line-height: 4.9063vw;}
    .sub2-2_cont11_anw p .sub-mo-only{display: block;}
    .sub2-2_cont11_anw p .sub-pc-only{display: none;}
    .sub2-2_cont11_que.on{
        
        background-color: #f8f8f8;
    }
    .sub2-2_cont11_btn {
        position: relative; width: 1.8229vw; height: 1.8229vw;
        background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
        transition: 0.3s 0.1s ease; 
    }
    .sub2-2_cont11_que.on > .sub2-2_cont11_btn{
        position: relative; width: 1.8229vw; height: 0.2604vw;
        background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
    }
    .value2-2 {}
    .value2-2 .txt-box{text-align: center;}
    .value2-2 .txt-box h3 {margin-bottom: 5.2083vw;}
    .value2-2 .txt-box p {margin-bottom: 10.4167vw;}
    .value2-2 .txt-box .img-box{margin-bottom: 2.6042vw;}
    
    .value2-2 .value-hover{display: flex; justify-content: center; flex-wrap: wrap;}
    .value2-2 .value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 50%;}
    .value2-2 .value-hover .img-boxs {position: relative; width: 43.5521vw; height: 57.0625vw;}
    .value2-2 .value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
    .value2-2 .value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
    .value2-2 .value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 2.1237vw; line-height: 1.5; text-align: center; opacity: 1; transition: all 1s ease-in-out;}
    .value2-2 .value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.0651vw solid #fff;pointer-events: none; }
    .value2-2 .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 3.0521vw; font-weight: 500; margin-top: 5.2083vw;}
    .value2-2 .value-hover li .bf-img {display: none;}
    .value2-2 .value-hover li .af-img {height: 100%;}
    
    
    .sub2-2-collagen-beauty {width: 100%; padding: 19.5313vw 0; background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
    .sub2-2-collagen-beauty .txt-box{color: #fff; text-align: center;}
    .sub2-2-collagen-beauty .txt-box h3 {margin-bottom: 7.8125vw;}
    .sub2-2-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 3.9063vw;}
    .sub2-2-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 2.4740vw; line-height: 4.3320vw; margin-bottom: 8.4635vw;}
    .sub2-2-collagen-beauty .sub2-2-btn{color: #fff; width: 25.9115vw; height: 5.4688vw; border: solid 0.1302vw #fff; border-radius: 6.5104vw; display: flex; align-items: center; justify-content: center; margin: auto;}
    .sub2-2-collagen-beauty .sub2-2-btn a {margin-left: -2.3438vw; position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
    .sub2-2-collagen-beauty .sub2-2-btn a:after {position: absolute; content: ""; left: 74%; top: 50%; transform: translateY(-50%); width: 2.3438vw; height: 0.5208vw; background: url(../sub/img/sub-2-1btn-arrow.png) no-repeat 50% 50%/cover;}
    }
    @media (max-width: 425px){
    .sub-2-2-padding{padding: 0 7.0588vw;}
    .sub-2-2-margin{margin: 15.9412vw 0.0000vw;}
    .sub2-2-intro {background: url(../sub/img/sub2-2head-back.png) no-repeat 50% 50% /cover;}
    .sub2-2-injection { display: flex; justify-content: center; gap: 7.4118vw; background: url(../sub/img/sub2-2-colltouchback.png) no-repeat 100% 111.2353vw / contain; flex-direction: column;}
    .sub2-2-injection .txt-box h3{margin-bottom: 8.9412vw;}
    .sub2-2-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 4.6471vw; margin-bottom: 5.6471vw;}
    .sub2-2-injection .txt-box p{margin-bottom: 6.1176vw;}
    .sub2-2-injection .txt-box p .sub-mo-only{display: block;} 
    .sub2-2-injection .txt-box p .sub-pc-only{display: none;} 
    .sub2-2-injection .txt-box p:nth-last-of-type(1) {color: #6c6c6c;}
    .sub2-2-injection .txt-box p:nth-last-of-type(2) {color: #b49674;}
    .sub2-2-injection .img-box{width: auto;}
    .sub2-2-injection .img-box img{width: 100%; height: auto}

    .sub2-2-collagen-sculptra{position: relative; background-color: #f6f6f6; padding: 1vw 0;}
    .sub2-2-collagen-sculptra .sub2-2-csculptra { display: flex; justify-content: center; gap: 4.2941vw; flex-direction: column-reverse; align-items: center;}
    .sub2-2-csculptra .txt-box h3{margin-bottom: 8.4706vw;}
    .sub2-2-csculptra .txt-box h3 .sub-pc-only {display: none;}
    .sub2-2-csculptra .txt-box h3 .sub-mo-only {display: block;}
    .sub2-2-csculptra .txt-box p{margin-bottom: 6.1176vw;}
    .sub2-2-csculptra .txt-box p .sub-mo-only{display: block;}
    .sub2-2-csculptra .txt-box p .sub-pc-only{display: none;}
    .sub2-2-csculptra .txt-box p:nth-of-type(1){color: #6c6c6c;}
    .sub2-2-csculptra .txt-box p:nth-of-type(1) span{font-weight: 500;}
    .sub2-2-csculptra .txt-box p:nth-of-type(2) {color: #b49674;}
    .sub2-2-img-box {position: relative; width: 100%;}
    .sub2-2-csculptra .img-box{width: auto;}
    .sub2-2-csculptra .img-box img{width: 100%; height: auto;}
    .sub2-2-csculptra .img-box2 {position: absolute; top: 10%; left: 85%; width: 7.0588vw; height: 7.0588vw; position: absolute; top: 10%; left: 60%; animation: sub2-2move .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
    @keyframes sub2-2move {
        0%{
            transform:translateY(-3.5294vw);
        }
        100%{
            transform:translateY(0);
        }
    }

    .sub2-2-csculptra-pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 86vw; height: 118.2353vw; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99;}
    .sub2-2-csculptra-pop h4 {font-family:'Pretendard', sans-serif; font-size: 5.1765vw; color: #4e978b; text-align: center; margin-bottom: 3.7647vw;}
    .s2-2-close-btn {position: absolute; top: 5%; left: 90%; text-align: center; cursor: pointer;}
    .s2-2-close-btn .img-box{width: auto;}
    .s2-2-close-btn .img-box img{width: 100%; height: 100%; object-fit: contain; margin-bottom: 1.4118vw;}
    .s2-2-close-btn p {font-family:'Pretendard', sans-serif; font-size: 3.2941vw;}

    .csculptra-pop-box ul{display: flex; justify-content: center; align-items: center; gap: 0.9412vw; margin-bottom: 6.5882vw;}
    .csculptra-pop-box li .pop-cell{width: 37.7647vw; height: 47.0588vw; background-color: #efefef;}
    .csculptra-pop-box li .cell-txt{position: relative; width: 37.7647vw; height: 9.6471vw; display: flex; justify-content: center; align-items: center; color: #fff;}
    .csculptra-pop-box li .cell-txt span{display: inline-block; width: 0.2353vw; height: 3.5294vw; background-color: #ffffff; margin: 0 1.6471vw;}
    .csculptra-pop-box li:nth-of-type(1) .cell-txt{background-color: #000;}
    .csculptra-pop-box li:nth-of-type(2) .cell-txt{background-color: #4e978b;}
    .csculptra-pop-box p {font-family:'Pretendard', sans-serif; font-size: 0.875rem; color: #6c6c6c; text-align: center; font-size: 3.2941vw; line-height: 5.1765vw;}
    .csculptra-pop-box p .sub-mo-only{display: block;}
    .csculptra-pop-box p .sub-pc-only{display: none;}

    .sub2-2-cdam-csculptra-wrap{background: url(../sub/img/sub2-2-cdam-csculptraback.png) no-repeat 50% 50% /cover;}
    .sub2-2-cdam-csculptra {display: flex; gap: 4vw; flex-direction: column; align-content: flex-start; align-items: flex-start; justify-content: center;}
    .sub2-2-cdam-csculptra .txt-box h5{font-family: "Cormorant", serif; color: #b49674;  font-weight: 500; font-size: 4.2353vw; margin-bottom: 7.5294vw;}
    .sub2-2-cdam-csculptra .txt-box h3{margin-bottom: 9.4118vw;}
    .sub2-2-cdam-csculptra .txt-box p {color: #686868; margin-bottom: 9.4118vw;}

    .sub2-2-csculptra-txt .imgbox{width: auto;}
    .sub2-2-csculptra-txt .imgbox img{width: 100%; height: auto;}
    .sub2-2-cdam-leftrigtht{margin-top: 11.7647vw; width: 100%;}
    .sub2-2-cdam-rigtht li .check-box{        font-size: 3.7500vw;
        gap: 1.0417vw;display: inline-block; width: 21.1765vw; height: 8.2353vw; background-color: #cebaa4; color: #fff; border-radius: 11.7647vw; display: flex; align-items: center; justify-content: center; margin-bottom: 5.8824vw;}
    .sub2-2-cdam-rigtht li h4{font-family: 'KoPub Batang'; font-weight: 300; font-size: 5.2083vw; margin-bottom: 5.2083vw;}
    .sub2-2-cdam-rigtht li h4 span{font-weight: 500;}
    .sub2-2-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 3.5500vw; line-height: 6.85vw; margin-bottom: 16.6667vw;}
    .sub2-2-cdam-rigtht li p .sub-pc-only{display: none;}
    .sub2-2-cdam-rigtht li p .sub-mo-only{display: block;}

    .sub2-2-swiper-map {background: url(../sub/img/sub2-2-collagen-accelerant-back.png) no-repeat 50% 50% /cover; padding: 15.0588vw 0 15.7647vw}
    .sub2-2-tabs {display: flex; justify-content: center; margin-bottom: 4.7059vw; gap: 1.7059vw;}
    .sub2-2-tab {width: 24.1765vw; height: 12.4706vw; display: flex; justify-content: center; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 4.9318vw; color: #a3a3a3; cursor: pointer; border-bottom: 0.2353vw solid #a3a3a3;}
    .sub2-2-tab.active { color: #b49674; border-bottom: 0.2353vw solid #b49674;}
    .sub2-2-swiper-slide{display: flex; justify-content: center; align-items: center; padding-bottom: 17vw;}
    .sub2-2-swiper-slide .slide-box {width: 84.3529vw; height: 134.4706vw; border: solid 0.4706vw #d2c2af; border-radius: 2.3529vw; background: #fff; display: flex; justify-content: center; align-items: center; gap: 3.8824vw; flex-direction: column-reverse;}
    .sub2-2-swiper-slide .slide-box .s2-2-simg{width: 70%;}
    .sub2-2-swiper-slide .slide-box .s2-2-simg img {width: 100%; height: auto;}
    .sub2-2-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang'; font-size: 6.5882vw; margin-bottom: 5.0000vw;}

    .sub2-2-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif; font-size: 4vw; color: #b49674; margin-bottom: 5.7647vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt h4 span{position: relative; display: inline-block; border-left: 0.2353vw solid #fff; margin-left: 0.3646vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt h4 span::before{position: absolute; content: ""; width: 0.4706vw; height: 100%; background-color: #b49674; left: -0.6471vw; top: 0;}

    .sub2-2-swiper-slide .slide-box .slide-txt p{ font-family:'Pretendard', sans-serif; line-height: 7.0588vw; font-size: 3.8vw;}
    .sub2-2-swiper-slide .slide-box .slide-txt p .sub-mo-only {display: block;}
    .sub2-2-swiper-slide .slide-box .slide-txt p .sub-pc-only {display: none;}
    .sub2-2-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {color: #888; margin-bottom: 2.4706vw;}
    .sub2-2-swiper-container .swiper-button-next,
    .sub2-2-swiper-container .swiper-button-prev{color: #919191; width: 14.1176vw; height: 14.1176vw; border-radius: 50%; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 1.8824vw 5.6471vw; top: 94%;}
    .sub2-2-swiper-container .swiper-button-next {right: 14vw;}
    .sub2-2-swiper-container .swiper-button-prev{left: 14vw;}
    .sub2-2-swiper-container .swiper-button-prev:after,
    .sub2-2-swiper-container .swiper-button-next:after {font-size: 5.8824vw !important; font-weight: 600 !important;}

    .sub2-2-collagen-accelerant{background: url(../sub/img/s2-2-accelerant-back.png) no-repeat 50% 28.2353vw/ cover;}
    .sub2-2-accelerant{}
    .sub2-2-accelerant .txt-box {text-align: center;}
    .sub2-2-accelerant .txt-box p .sub-pc-only {display: none;}
    .sub2-2-accelerant .txt-box p .sub-mo-only {display: block;}
    .sub2-2-accelerant .txt-box p:nth-of-type(1){margin-bottom: 5.4118vw;}
    .sub2-2-accelerant .txt-box p:nth-of-type(2){margin-bottom: 12.2353vw;}
    .sub2-2-accelerant .txt-box p:nth-of-type(2) span{font-weight: 500;}
    .sub2-2-accelerant .txt-box h3 {margin-bottom: 9.9412vw;}
    .sub2-2-accelerant .accelerant-ul{position: relative; display: flex; justify-content: center; align-items: center;  gap: 2.8824vw; padding-bottom: 32.9412vw;}
    .sub2-2-accelerant .accelerant-ul li{width: 41.3529vw; height: 42.2353vw; padding: 6.0000vw 0 6.4706vw; box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 1.8824vw 5.6471vw; border-radius: 11.7647vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #fff;}
    .accelerant-ul li h4{font-family: 'KoPub Batang'; font-size: 4.8824vw; padding: 0 6.7647vw 3.2941vw; border-bottom: solid 0.2353vw #b49674; display: flex; align-items: center; justify-content: center; }
    .accelerant-ul li p{font-family:'Pretendard', sans-serif; font-size: 4vw;}
    .accelerant-ul .s2-2-plus{margin-left: -5.6471vw; display: flex; align-items: center; gap: 1.8824vw; font-weight: 500;}
    .s2-2-plus.s2-2-plus1 {}
    .s2-2-plus.s2-2-plus2 {}
    .s2-2-plus.s2-2-plus2 .img-box {top: 63%; left: 50%;
    }
    .accelerant-ul .plus-img{width: auto; animation: sub2-2move2 .7s infinite alternate; transition: 0.4s ease; cursor: pointer;}
    .accelerant-ul .plus-img img{width: 100%; height: auto;}

    .accelerant-ul .img-box{position: absolute; width: auto; top: 45%; opacity: 0; }
    .accelerant-ul .img-box img{width: 100%; height: auto;}
    @keyframes sub2-2move2 {
        0%{
            transform:translateY(-1.1765vw);
        }
        100%{
            transform:translateY(1.1765vw);
        }
    }
    /* 마우스 오버 시 */
    .accelerant-ul .s2-2-plus1 .plus-img:hover ~ .img-box,
    .accelerant-ul .s2-2-plus2 .plus-img:hover ~ .img-box {
        opacity: 1;
    }

    .sub2-2-collagen-division {}
    .sub2-2-collagen-division .txt-box{text-align: center;}
    .sub2-2-collagen-division .txt-box h3 {margin-bottom: 11.7647vw;}
    .sub2-2-collagen-division .txt-box h3 .sub-mo-only{display: block;}
    .sub2-2-division {margin: auto; border-collapse: separate; border-spacing: 0}
    .sub2-2-division tr{font-family:'Pretendard', sans-serif; text-align: center;}
    .sub2-2-division tr:nth-of-type(1) td{ font-size: 6.5882vw; color: #fff; background-color: #cebaa4; }
    .sub2-2-division tr:nth-of-type(1) td{ padding: 3.8824vw 12.1176vw;}
    .sub2-2-division tr:nth-of-type(2) td{padding: 4.2353vw 2.2941vw;}
    .sub2-2-division tr td .img-box {width: auto;}
    .sub2-2-division tr td .img-box img {width: 100%; height: auto;}
    .sub2-2-division tr:nth-of-type(3) td{padding-bottom: 4.7059vw; font-size: 4.7059vw; font-weight: 500; color: #888;}
    .sub2-2-division tr:nth-of-type(4) td{font-size: 3.8vw; line-height: 6.2353vw; border-bottom: 0.4706vw solid #cebaa4; padding-bottom: 3.2353vw;}
    .sub2-2-division tr td .sub-mo-only{display: block;}
    .sub2-2-division tr td .sub-pc-only{display: none;}

    .sub2-2-collagen-how {position: relative; background-color: #f6f6f6; padding: 15.9412vw 7.0588vw;}
    .sub2-2-collagen-how .free-txt {font-family: "Cormorant", serif; font-size: 15.6118vw; color: #efeeea; position: relative; left: 0; top: 0; z-index: -9; width: 61.2353vw; height: 18.3529vw; z-index: 1;}
    .sub2-2-collagen-how .collagen-how-wrapper{}
    .sub2-2-collagen-how .txt-box {position: relative; z-index: 9;}

    .sub2-2-collagen-how .txt-box h3{text-decoration: underline; text-underline-offset: 3.5294vw; text-decoration-thickness:0.2353vw; font-family: 'KoPub Batang'; font-weight: 500; color: #b49674; font-size: 7.4706vw; margin-bottom: 4.2353vw; }
    .sub2-2-collagen-how .txt-box h4{text-decoration: underline; text-underline-offset: 3.5294vw; text-decoration-thickness:0.2353vw; font-family: 'KoPub Batang'; color: #b49674; font-weight: 300; font-size: 6.1176vw; margin-bottom: 10.2941vw; line-height: 11.5vw;}
    .sub2-2-collagen-how .txt-box h4 span{font-family: 'KoPub Batang'; font-weight: 700;}
    .sub2-2-collagen-how .txt-box p{font-family:'Pretendard', sans-serif; color: #676767; line-height: 7.0588vw; font-size: 4vw;}
    .sub2-2-collagen-how .txt-box p:nth-of-type(1){margin-bottom: 7.7647vw;}
    .sub2-2-collagen-how .txt-box p:nth-of-type(2){margin-bottom: 15.0588vw;}
    .sub2-2-collagen-how .txt-box .sub-mo-only{display: block;}
    .sub2-2-collagen-how .txt-box .sub-pc-only{display: none;}

    .swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,#a8a8a8);}
    .swiper-container-horizontal>.swiper-scrollbar {height: 1.8824vw;}
    .collagen-how-wrapper .sub2-2-btn{width: 60.9412vw; height: 13.8824vw; background-color: #000; border-radius: 11.7647vw;}
    .collagen-how-wrapper .sub2-2-btn a{color: #fff; font-family:'Pretendard', sans-serif; font-size: 4.2353vw; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

    .collagen-how {width:100%; margin: auto;}   
    .collagen-how_warp{margin-top: 21.8824vw;}
    .s2-2-slide .img-box{margin: auto;}
    .s2-2-slide img{width: 100%; height: auto;}
    .s2-2-swiper{padding-bottom: 5.3854vw;}
    .s2-2-slide p {font-family:'Pretendard', sans-serif; text-align: center; font-size: 3.55vw; margin-top: 0.8333vw; line-height: 1.563rem;}
    .s2-2-slide p .sub-mo-only{display: block;}
    
    .sub2-2-collagen-suggest{background:transparent;}
    .sub2-2-suggestimg-box p {color: #7f7f7f}
    .sub2-2-suggestimg-box p span {color: #000}



    .sub2-2-8sec {}
    .sub2-2-8sec .txt-box{text-align: center; margin-bottom: 8.6471vw;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 9.1765vw; margin-bottom: 15.2941vw;}
    .sub2-2-suggestimg{width: auto;}
    .sub2-2-suggestimg img {width: 100%; height: auto;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper p {font-size: 4.2353vw; line-height: 6.5882vw; margin-top: 4.5882vw; text-align: center; color: #7f7f7f;}
    .sub2-2-suggest-box .sub2-2-suggestimg-wrapper p span{color: #000;}
    .sub2-2-suggest-box .suggestul{padding-left: 7.0588vw;}
    .sub2-2-suggest-box .suggestul li{list-style: disc; padding: 3.2941vw 0; color: #686868; font-size: 4.0000vw; line-height: 6vw;}
    .sub2-2-suggest-box .suggestul li:nth-of-type(1) {padding-top: 0;}
    .sub2-2-suggest-box .suggestul li .sub-mo-only{display: block;}

    .sub2-2-8sec .sub2-2-btn {margin: auto; width: 60.9412vw; height: 13.8824vw; text-align: center; background-color: #b49674; border-radius: 11.7647vw;}
    .sub2-2-8sec .sub2-2-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 4.2353vw;}

    .sub2-2-premium{}
    .sub2-2-premium .txt-box {text-align: center;}
    .sub2-2-premium .txt-box h4{font-family: "Cormorant", serif; color: #b49674; font-size: 4.7059vw; margin-bottom: 4.2353vw;}
    .sub2-2-premium .txt-box h3{margin-bottom: 8.9412vw;line-height: 7.9167vw;}
    .sub2-2-premium .txt-box h3 .sub-mo-only{display: block;}
    .sub2-2-premium .txt-box p {color: #686868; margin-bottom: 15.2941vw;}
    .sub2-2-premium .txt-box p .sub-mo-only{display: block;}

    .sub2-2-premium-box .sub2-2-premium-wrapper{display: flex; justify-content: center; align-items: center; gap: 2.8824vw; /* flex-direction: column; */}
    .sub2-2-premium-wrapper li .img-box{width: auto;}
    .sub2-2-premium-wrapper li .img-box img {width: 100%; height: auto;}
    .sub2-2-premium-wrapper li .txt-box {}
    .sub2-2-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang'; color: #000; font-size: 5.9529vw; margin-top: 7.5294vw;}
    .sub2-2-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif; color: #686868; margin-top: 3.5882vw;}


    
.sub2-2_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 32.9412vw;}
.sub2-2_cont11_qna_wrap{position:relative;}
.sub2-2_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 14.8235vw;}
.sub2-2_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 2.8824vw;}
.sub2-2_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 6.1176vw; height: 0.7059vw; background-color: #e28181; top: 100%; left: 50%; transform: translateX(-50%);}
.sub2-2_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 2.8824vw;}
.sub2-2_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub2-2_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #e28181; margin-right: 1.8824vw;}
.sub2-2_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; }
.sub2-2_cont11_que {
    position: relative;
    width: 90vw;
    padding: 6.9412vw 3.5882vw;
    cursor: pointer;
    border-bottom: 0.2353vw solid #ccc;
    font-size: 3.8vw;
    line-height: 6.5929vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub2-2_cont11_que .mo-425px{padding-right: 7.8824vw;}
.sub2-2_cont11_que .sub-mo-only{display: block;}

.sub2-2_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; border-bottom: 0.4706vw solid #000; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 4.4118vw 0; padding-left: 9vw;}
.sub2-2_cont11_anw p {font-family:'Pretendard', sans-serif; font-size: 3.4000vw;; line-height: 6.0588vw;}

/* .sub2-1_cont11_anw p .sub-mo-only2{display: block;} */
.sub2-2_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub2-2_cont11_btn {
    position: relative; width: 3.2941vw; height: 3.2941vw;
    background:url("../sub/img/sub2-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub2-2_cont11_que.on > .sub2-1_cont11_btn{
    width: 3.2941vw; height: 0.4706vw;
    background:url("../sub/img/sub2-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}

    .value2-2 .value .txt-box{text-align: center;}
    .value2-2 .value .txt-box h3 {margin-bottom: 4.4118vw;}
    .value2-2 .value .txt-box p {margin-bottom: 9.8235vw;}
    .value2-2 .value .txt-box p .mo-only{display: block;}
    .value2-2 .value .txt-box .img-box{margin-bottom: 4.7059vw;}
    
    .value2-2 .value-hover{display: flex; justify-content: center;}
    .value2-2 .value-hover li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
    .value2-2 .value-hover .img-boxs {position: relative; width: 45.5521vw; height: 58.0625vw;}
    .value2-2 .value-hover .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
    .value2-2 .value-hover .img-boxs .img-box img{width: 100%; height: 100%; transition: all 1s ease-in-out; object-fit: cover; object-position: center top; }
    .value2-2 .value-hover-box .img-boxs p{position: absolute; top: 60%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 3.8376vw; line-height: 1.5; text-align: center; opacity: 1; transition: all 1s ease-in-out;}
    .value2-2 .value-hover-box .img-boxs p .sub-pc-only {display: none;}
    .value2-2 .value-hover-box .img-boxs p .sub-mo-only {display: block;}
    .value2-2 .value-hover-box .img-boxs .img-box:nth-of-type(1) {box-sizing: border-box; border: 0.1176vw solid #fff;pointer-events: none; }
    .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 4.5153vw; font-weight: 500; margin: 2.4118vw 0 3vw;}
    .value-hover li .bf-img {display: none;}


    .sub2-2-collagen-beauty {width: 100%; padding: 15vw 0; margin-top: 15.9412vw;  background: url(../sub/img/sub2-1-collagen-beauty-back.png) no-repeat 50% 50%/cover;}
    .sub2-2-collagen-beauty .txt-box{color: #fff; text-align: center; }
    .sub2-2-collagen-beauty .txt-box h3 {margin-bottom: 14.1176vw;  font-size: 5.4706vw;}
    .sub2-2-collagen-beauty .txt-box p:nth-of-type(1){margin-bottom: 7.0588vw;}
    .sub2-2-collagen-beauty .txt-box p:nth-of-type(2){font-family: 'KoPub Batang'; font-size: 4vw; line-height: 5.8282vw; margin-bottom: 15.2941vw;}
    .sub2-2-collagen-beauty .txt-box p .sub-mo-only{display: block;}
    
    .sub2-2-collagen-beauty .sub2-2-btn{color: #fff; width: 46.8235vw; height: 9.8824vw; border: solid 0.2353vw #fff; border-radius: 11.7647vw; display: flex; align-items: center; justify-content: center; margin: auto;}
    .sub2-2-collagen-beauty .sub2-2-btn a {margin-left: -4.2353vw; position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
    .sub2-2-collagen-beauty .sub2-2-btn a:after {position: absolute; content: ""; left: 74%; top: 50%; transform: translateY(-50%); width: 4.2353vw; height: 0.9412vw; background: url(../sub/img/sub-2-1btn-arrow.png) no-repeat 50% 50%/cover;}

}
/********************************************************** 
* sub3-1_page
***********************************************************/
.sub2-1-intro {background: url(../sub/img/sub3-1head-back.png) no-repeat 50% 50% /cover;}
.sub-3-1-padding{padding: 0px 30px;}
.sub-3-1-margin{margin: 170px 0px;}

.sub3-1-injection{padding: 170px 30px;display: flex;justify-content: center;gap: 20px;background: url(../sub/img/sub3-1-colltouchback.png) no-repeat 50% 50% /cover;}
.sub3-1-injection .txt-box h3{margin-bottom: 42px;}
.sub3-1-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 24px; margin-bottom: 24px;}
.sub3-1-injection .txt-box p {
    width: 100%;
    margin-bottom: 26px;
    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}
.sub3-1-injection .txt-box p:nth-of-type(1) {color: #6c6c6c; font-weight: 300;}
.sub3-1-injection .txt-box p:nth-of-type(2) {color: #6c6c6c; font-weight: 300;}
.sub3-1-injection .img-box{width: auto;}
.sub3-1-injection .img-box img{width: 100%; height: auto}

.sub3-1-swiper-map {margin-top: 0; background-color: #fafafa; padding: 165px 0;}
.sub3-1-swiper-map .txt-box{text-align: center}
.sub3-1-swiper-map .txt-box h3{margin-bottom: 40px;}
.sub3-1-swiper-map .txt-box p{margin-bottom: 64px; font-weight: 400;}
.sub3-1-tabs {display: flex; justify-content: center; margin-bottom: 55px; gap: 37px;}
.sub3-1-tab {width: 141px !important; height: 53px; display: flex; justify-content: center; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 20.96px; color: #a3a3a3; cursor: pointer; font-weight: 500; border-bottom: 1px solid #a3a3a3;}
.sub3-1-tab.active { color: #bdaad5; border-bottom: 3px solid #bdaad5;}

.sub3-1-swiper-container{max-width: 1300px; width: 100%;}
.sub3-1-swiper-slide{display: flex;justify-content: center;align-items: center;padding: 24px;}
.sub3-1-swiper-slide .slide-box{position: relative;width: 1115px;height: 503px;border-radius: 10px;background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 24px;;display: flex;justify-content: center;align-items: center;gap: 59px;}
.sub3-1-swiper-slide .slide-box .s3-1-simg{width: auto; position: relative;}
.sub3-1-swiper-slide .slide-box .s3-1-simg img {width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus{position: absolute;top: 170px; left: 403px; cursor: pointer;}
.sub3-1-swiper-slide .slide-box .s3-1-plus2{position: absolute; top: 210px; left: 417px;}
.sub3-1-swiper-slide .slide-box .s3-1-plus .img-box{width: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus .img-box img{width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover{position: absolute; top: 170px; opacity: 0; }
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover2 {top: 200px;left: 452px;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box{width: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box img{width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus:hover ~ .s3-1-plus-hover{opacity: 1;}

.sub3-1-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang';font-size: 28px;margin-bottom: 30px;font-weight: 500;letter-spacing: -0.16px;}

.sub3-1-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif;font-size: 19px;color: #bdaad5;margin-bottom: 30px;line-height: 29px;font-weight: 600;letter-spacing: -0.16px;}
.sub3-1-swiper-slide .slide-box .slide-txt h4 span{position: relative; display: inline-block; border-left: 1px solid #fff; margin-left: 0.3646vw;}
.sub3-1-swiper-slide .slide-box .slide-txt h4 span::before{position: absolute; content: ""; width: 2px; height: 100%; background-color: #b49674; left: -7px; top: 0;}
.sub3-1-swiper-slide .slide-box .slide-txt p{font-family:'Pretendard', sans-serif;font-size: 17px;line-height: 30px;letter-spacing: -0.16px;}
.sub3-1-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {color: #888;margin-bottom: 30px;/* letter-spacing: 0.16px; */}
.sub3-1-swiper-container .swiper-button-next,
.sub3-1-swiper-container .swiper-button-prev{color: #919191; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.sub3-1-swiper-container .swiper-button-prev:after,
.sub3-1-swiper-container .swiper-button-next:after {font-size: 25px !important; font-weight: 600 !important;}

.sub3-1-collagen-remodelings {}
.sub3-1-collagen-remodelings .txt-box h3{margin-bottom: 30px;}
.sub3-1-collagen-remodelings>.txt-box{text-align: center;} 
.sub3-1-collagen-remodelings .txt-box .txt-gnb{display: flex; gap: 23px; justify-content: center; align-items: center; color: #b9a4d3; background-color: #edeeee; width: 989px; height: 60px; margin: auto; margin-bottom: 100px;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li{position: relative; font-family:'Pretendard', sans-serif; font-weight: 600; font-size: 20px; line-height: 28px;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li::after{position: absolute; width: 2px; height: 18px; content: ""; background-color: #b9a4d3; top: 50%; transform: translate(-50%,-50%);}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(1)::after{left: 107%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(2)::after{left: 107%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(3)::after{left: 105%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(4)::after{content: none;}
.sub3-1-collagen-remode .point-box{font-family: "Cormorant", serif; font-weight: 500; font-size: 17.39px; display: inline-block; color: #b9a4d3; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 26px;  width: 96px; height: 36px; border: 2px solid #c2b1d8;}
.sub3-1-collagen-remode .point-box span{font-size: 24.34px; margin-left: 3px;}

.sub3-1-collagen-remode-box{background: url(../sub/img/sub3-1-collagen-remode-2-back.png) no-repeat 50% 50% /cover;}
.sub3-1-collagen-remode {display: flex; align-items: center; justify-content: center; gap: 78px; }
.sub3-1-collagen-remode .img-box {width: auto;}
.sub3-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub3-1-collagen-remode .txt-box h3 { margin-bottom: 25px; font-size: 30px;}
.sub3-1-collagen-remodelings .sub3-1-collagen-remode-1{margin-bottom: 120px;}
.sub3-1-collagen-remode .txt-box p:nth-of-type(1) {margin-bottom: 28px; color: #6c6c6c; font-weight: 400;}
.sub3-1-collagen-remode .txt-box p span{font-weight: 600;}
.sub3-1-collagen-remode .txt-box p:nth-of-type(2) {font-weight: 400;}
.sub3-1-collagen-remode-2{padding-bottom: 213px; gap: 110px;}

.sub3-1-collagen-graph { margin: auto; text-align: center;}
.sub3-1-collagen-graph .txt-box {text-align: center; margin-bottom: 50px;}
.sub3-1-collagen-graph .txt-box h4{margin-bottom: 15px;}
.sub3-1-collagen-table {margin: auto; text-align: center; border-collapse: separate; border-spacing: 6px 0; margin-bottom: 20px;}
.sub3-1-collagen-table tbody{margin-left: -150px;}
.sub3-1-collagen-table tr td{font-family:'Pretendard', sans-serif; width: 211px; height: 94px; vertical-align: middle; line-height: 25.38px;}
.sub3-1-coll-t-1 td {background-color: #4d4d4d; color: #fff; font-size: 17px; font-weight: 400;}
.sub3-1-coll-t-1 td:nth-child(1){background-color: #b8b8b8;}
.sub3-1-coll-t-1 td:nth-child(2){background-color: #9d9d9d;}
.sub3-1-coll-t-1 td:nth-child(3){background-color: #828282;}
.sub3-1-coll-t-1 td:nth-child(4){background-color: #686868;}
.sub3-1-coll-t-1 td:nth-child(5){background-color: #4d4d4d;}



.sub3-1-coll-t-1 td span {font-weight: 600; font-size: 23px; margin-bottom: 10px; display: inline-block;}
.sub3-1-collagen-table tr:nth-of-type(2){position: relative;}
.sub3-1-collagen-table tr:nth-of-type(3){position: relative;}
.sub3-1-collagen-table tr:nth-of-type(2):after{position: absolute; content: "모양"; width: 92px; height: 57px; top: 50%; left: -120px; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain; background-size: 90px 55px; border: none; padding: 0; font-family:'Pretendard', sans-serif; font-size: 14px; color: #50998d; line-height: 57px;}
.sub3-1-collagen-table tr:nth-of-type(3):after{position: absolute; content: "특징"; width: 92px; height: 57px; top: 50%; left: -120px; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain; background-size: 90px 55px; border: none; padding: 0; font-family:'Pretendard', sans-serif; font-size: 14px; color: #50998d; line-height: 57px;}
.sub3-1-collagen-table tr:nth-of-type(2) td{border-bottom: 1px dashed #888;}
.sub3-1-collagen-table tr:nth-of-type(2) td {padding: 25px 27px;}
.sub3-1-collagen-table tr:nth-of-type(2) td .img-box {width: auto; }
.sub3-1-collagen-table tr:nth-of-type(2) td .img-box img{width: 100%; height: auto;}
.sub3-1-collagen-table tr:nth-of-type(3) td{color: #888;}
.sub3-1-collagen-table tr:nth-last-child(1) td{height: 172px; border-bottom: 2px solid #000; font-size: 15.92px; vertical-align: top; padding-top: 37px; font-weight: 400; letter-spacing:-0.16px; line-height: 25.28px;}
.sub3-1-collagen-table .sub3-1-coll-t-1 .coll-t-1-5 {background-color: #e28181; color: #fff;}
.sub3-1-collagen-graph .img-box.gauge{max-width: 1080px; height: 44px; margin: auto;}
.sub3-1-collagen-graph .img-box.gauge img{width: 100%; height: auto; object-fit: contain;}


.sub3-1-collagen-table-mo {margin: auto; text-align: center; border-collapse: separate; border-spacing: 3px 0px; margin-bottom: 20px; display: none;}
.sub3-1-collagen-table-mo tr th{width: 92px; height: 57px; top: 50%; left: -120px; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% / contain; background-size: 90px 55px; font-family: 'Pretendard', sans-serif; font-size: 14px; color: #50998d; line-height: 57px;}
.sub3-1-collagen-table-mo tr th:last-child{background: none;}
.sub3-1-collagen-table-mo tr td:nth-of-type(1){font-family:'Pretendard', sans-serif; width: 211px; height: 160px; vertical-align: middle; line-height: 25.38px; background-color: #4d4d4d; color: #fff; font-size: 17px;}
.sub3-1-collagen-table-mo tr td:nth-of-type(1) span{display: inline-block; font-weight: 500; font-size: 23px; margin-bottom: 17px;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2) {width: 211px; height: 160px;  display: flex; align-items: center; justify-content: center; }
.sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box {width: auto;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box img{width: 100%; height: auto;}
.sub3-1-collagen-table-mo tr td:nth-of-type(3){font-family: 'Pretendard', sans-serif; width: 251px; height: 160px; vertical-align: middle; line-height: 25.38px; font-size: 15.92px; color: #888; border-right: 2px solid #000;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2),.sub3-1-collagen-table-mo tr td:nth-of-type(3) { border-bottom: 1px dashed #888;}
.sub3-1-collagen-table-mo tr:last-child td{ border-bottom: none;}
.sub3-1-collagen-table-mo tr:nth-of-type(2) td{border-top: solid 1px #000;}
.sub3-1-collagen-table-mo tr:last-child td{border-bottom: solid 1px #000;}



.sub3-1-collagen-effect>.txt-box {text-align: center;}
.sub3-1-collagen-effect .txt-gnb{display: flex; gap: 23px; justify-content: center; align-items: center; color: #b9a4d3; background-color: #edeeee; width: 989px; height: 60px; margin: auto; margin-bottom: 50px;}
.sub3-1-collagen-effect .txt-gnb li{font-weight: 600;position: relative;font-family:'Pretendard', sans-serif;font-size: 20px;}
.sub3-1-collagen-effect .txt-gnb li::after{position: absolute;width: 2px;height: 18px;content: "";background-color: #b9a4d3;top: 50%;transform: translate(-50%, -50%);}
.sub3-1-collagen-effect .txt-gnb li:nth-child(1)::after{left: 107%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(2)::after{left: 111%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(3)::after{left: 105%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(4)::after{content: none;}


.sub3-1-collagen-effective-box{display: flex;justify-content: center;align-items: center;gap: 70px;}
.sub3-1-collagen-effective-box .img-box {width: auto;}
.sub3-1-collagen-effective-box .img-box img {width: 100%; height: auto;}
.sub3-1-collagen-effective .txt-box h3 {margin-bottom: 20px;font-weight: 500;}
.sub3-1-collagen-effective .txt-box p:nth-of-type(1) {color: #6c6c6c;margin-bottom: 27px;font-weight: 400;}
.sub3-1-collagen-effective .txt-box p:nth-of-type(2) {}

.sub3-1-effect-step{display: flex; justify-content: center; align-items: center; gap: 64px; margin: 65px 0 63px;}
.sub3-1-effect-step li{position: relative;}
.sub3-1-effect-step li .img-box{width: 100%;}
.sub3-1-effect-step li .img-box img{width: auto; height: 100%;}
.sub3-1-effect-step li:after {position: absolute; content: url(../sub/img/sub3-1-collagen-effectimg_step_arrow.png); left: 108%; top: 50%; width: 15px; height: 30px; transform: translateY(-50%);}
.sub3-1-effect-step li:last-child:after{content: none;}
.sub3-1-efftct.txt-box{text-align: center; font-family: 'Pretendard', sans-serif; font-weight: 400;}
.sub3-1-efftct.txt-box p:nth-of-type(1){color: #6c6c6c; margin-bottom: 27px;}


.sub3-1-collagen-volume {background: url(../sub/img/sub3-1-volumen-box.png) no-repeat 50% 50%/cover; padding: 140px 0 150px;}
/* .sub3-1-volume-box {padding-left: 421px;} */
.sub3-1-volume-box {padding-left: 22%;}
.sub3-1-volume-box .free-txt{text-align: right; position: absolute; top: -10px; left: 160px; opacity: 0.4; font-family: "Cormorant", serif; font-size: 50px; line-height: 56.48px; color: #da92a5;}
.sub3-1-volume-box .txt-box h3{margin-bottom: 50px}
.sub3-1-volume-box .txt-box p {}
.sub3-1-volume-box .txt-box p:nth-of-type(1) {color: #6c6c6c; margin-bottom: 25px; font-weight: 400;}
.sub3-1-volume-box .txt-box p:nth-of-type(2) {font-weight: 400;}


.sub3-1-cdam-leftrigtht{margin-top: 286px;}
.sub3-1-cdam-rigtht li h4{font-family: 'KoPub Batang'; font-weight: 300; font-size: 25px; margin-bottom: 25px;}
.sub3-1-cdam-rigtht li h4 span{font-weight: 600;}

.sub3-1-cdam-rigtht li .check-box{width: 123px; height: 36px; background-color: #bdaad5;}
.sub3-1-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 80px; font-weight:400}

.sub3-1-cdam-csculptra .txt-box h5 {font-family: "Cormorant", serif; color: #bdaad5; margin-bottom: 25px;}
.sub3-1-cdam-csculptra .txt-box h3{font-size: 28px; line-height: 50px; font-weight: 300;}
.sub3-1-cdam-csculptra .txt-box h3 span{font-size: 36px; font-family: 'KoPub Batang';}
.sub3-1-cdam-csculptra .txt-box p{line-height: 30px;}

.sub3-1-8sec {background: url(../sub/img/sub3-1-8sec-back.png) no-repeat 50% 50%/cover; padding: 160px 0;}
.sub3-1-8sec .txt-box{text-align: center; margin-bottom: 75px;}
.sub1-0-btn.sub3-1-btn-1 {
    width: 259px;
    height: 59px;
    border: #bdaad5 1px solid;
    border-radius: 50px;
    overflow: hidden;
    margin: auto;
}
.s1-btn.s3-1-btn-1{
    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    color: #fff;
    background-color: #bdaad5;
    font-weight: 600;
}
.s1-btn.s3-1-btn-1 .t {
    height: 59px;
    text-align: center;
}
.s1-btn.s3-1-btn-1:after {
    background-color: #bdaad5;
    border-radius: 100%;
    content: "";
    height: 100%;
    position: absolute;
    transform: translateY(110%);
    z-index: 2;
}



.sub3-1-suggest-box .sub3-1-suggestimg-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 90px; margin-bottom: 65px;}
.sub3-1-suggestimg{width: auto;}
.sub3-1-suggestimg img {width: 100%; height: auto;}
.sub3-1-suggest-box .sub3-1-suggestimg-wrapper p {font-weight: 600; font-family: 'Pretendard', sans-serif; font-size: 18px; line-height: 28px; margin-top: 28px; text-align: center; color: #7f7f7f;}
.sub3-1-suggest-box .sub3-1-suggestimg-wrapper p span{color: #000; }
.sub3-1-suggest-box .suggestul{}
.sub3-1-suggest-box .suggestul li{font-family: 'Pretendard', sans-serif; list-style: disc; color: #686868; font-size: 18px; line-height: 44px;}

.sub3-1-8sec .sub3-1-btn {margin: auto; width: 259px; height: 59px; text-align: center; background-color: #bdaad5; border-radius: 50px;}
.sub3-1-8sec .sub3-1-btn a{display: inline-block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px;}

.sub3-1-premium{}
.sub3-1-premium .txt-box {text-align: center;}
.sub3-1-premium .txt-box h3{margin-bottom: 45px;}
.sub3-1-premium .txt-box p {color: #686868;margin-bottom: 56px;font-weight: 400;}

.sub3-1-premium-box .sub3-1-premium-wrapper{display: flex; justify-content: center; align-items: center; gap: 86px;}
.sub3-1-premium-wrapper li {width: 248px;}
.sub3-1-premium-wrapper li .img-box{width: 248px; height: 267px;}
.sub3-1-premium-wrapper li .img-box img {width: 100%; height: auto;}
.sub3-1-premium-wrapper li .txt-box {}
.sub3-1-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang'; color: #000; font-weight: 500; font-size: 23.61px; margin-top: 30px;}
.sub3-1-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif;color: #686868;font-size: 16.43px;margin-top: 26px;line-height: 26.69px;font-weight: 400;}
.sub3-1-premium-wrapper li .txt-box p span{font-weight: 600;}

.sub3-1_cont11_info_wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: 140px;}
.sub3-1_cont11_qna_wrap{position:relative;}
.sub3-1_cont11_info_wrap .txt-box{text-align: center; margin-bottom: 63px;}
.sub3-1_cont11_info_wrap .txt-box p{position: relative; font-family: "Sorts Mill Goudy", serif; padding-bottom: 25px; font-size: 22px; font-weight: 400;}
.sub3-1_cont11_info_wrap .txt-box p:after{position: absolute; content: ""; width: 26px; height: 3px; background-color: #bdaad5; top: 100%; left: 50%; transform: translateX(-50%);}
.sub3-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 25px;}
.sub3-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub3-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif; color: #bdaad5; margin-right: 25px;}
.sub3-1_cont11_accordion_wrap{position:relative; font-family:'Pretendard', sans-serif; border-top: solid 2px #686868; border-bottom: solid 2px #686868;}
.sub3-1_cont11_que{position: relative;width: 1342px;padding: 38px 45px;cursor: pointer;border-bottom: 1px solid #ccc;font-size: 23px;line-height: 45.02px;display:flex;justify-content:space-between;align-items:center;font-weight: 500;}
.sub3-1_cont11_anw {display: none; overflow-x: hidden; overflow-y: auto; text-align: left; height: 100%;  color: #474747; background-color: #f8f8f8; padding: 40px 0; padding-left: 100px;}
.sub3-1_cont11_anw p {font-family:'Noto Sans CJK KR', sans-serif; font-size: 17.01px; font-weight: 350; line-height: 30px;}
.sub3-1_cont11_que.on{
    
    background-color: #f8f8f8;
}
.sub3-1_cont11_btn {
    position: relative; width: 14px; height: 14px;
    background:url("../sub/img/sub3-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub3-1_cont11_que.on > .sub3-1_cont11_btn{
    position: relative; width: 14px; height: 2px;
    background:url("../sub/img/sub3-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}
.value3-1 {}
.value3-1 .txt-box{text-align: center;}
.value3-1 .txt-box h3 {margin-bottom: 3.9583vw;}
.value3-1 .txt-box .img-box{margin-bottom: 1.0417vw;}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 1.2208vw; font-weight: 500; margin-top: 2.0833vw;}
.value-hover2 li:hover .img-boxs img{filter: brightness(0.6);}
.value-hover2 li:hover .img-boxs p{opacity: 1;}
.value3-1 .value-hover2{display: flex;justify-content: center;flex-wrap: wrap;}
.value3-1 .value-hover2 li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value3-1 .value-hover2 .img-boxs{position: relative; width: 22.5521vw; height: 29.0625vw;}
.value3-1 .value-hover2 .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value3-1 .value-hover2 .img-boxs .img-box img{width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.value3-1 .value-hover-box2 .img-boxs p{position: absolute; top: 80%; left: 50%;transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 0.8495vw; line-height: 1.5; text-align: center; opacity: 0; font-weight: 400; letter-spacing: 0.0167vw;}
.value3-1 .value-hover-box2 h4{font-family: 'KoPub Batang'; font-size: 1.2208vw; font-weight: 500; margin-top: 2.0833vw;}
.value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%;  width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 0.8495vw; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;}


/* .value3-1 {}
.value3-1 .txt-box{text-align: center;}
.value3-1 .txt-box h3 {margin-bottom: 76px;}
.value3-1 .txt-box .img-box{margin-bottom: 20px;}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 23.44px; font-weight: 500; margin-top: 40px;}
.value-hover2 li:hover .img-boxs img{filter: brightness(0.6);}
.value-hover2 li:hover .img-boxs p{opacity: 1;}
.value3-1 .value-hover2{display: flex; justify-content: center;}
.value3-1 .value-hover2 li{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.value3-1 .value-hover2 .img-boxs{position: relative; width: 433px; height: 558px;}
.value3-1 .value-hover2 .img-boxs .img-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.value3-1 .value-hover2 .img-boxs .img-box img{width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.value3-1 .value-hover-box2 .img-boxs p{position: absolute; top: 80%; left: 50%;transform: translateX(-50%); width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 16.31px; line-height: 1.5; text-align: center; opacity: 0; font-weight: 400; letter-spacing: 0.32px;}
.value3-1 .value-hover-box2 h4{font-family: 'KoPub Batang'; font-size: 23.44px; font-weight: 500; margin-top: 40px;}
.value-hover-box .img-boxs p{position: absolute; top: 80%; left: 50%;  width: 100%; color: #fff; font-family:'Pretendard', sans-serif; font-size: 16.31px; line-height: 1.5; text-align: center; opacity: 0; transition: all 1s ease-in-out;} */



@media(max-width:1350px){
.sub2-1-intro {background: url(../sub/img/sub3-1head-back.png) no-repeat 50% 50% /cover;}
.sub-3-1-padding{padding: 0.0000vw 2.2222vw;}
.sub-3-1-margin{margin: 12.5926vw 0.0000vw;}

.sub3-1-injection{padding: 12.5926vw 2.2222vw;gap: 1.4815vw;background: url(../sub/img/sub3-1-colltouchback.png) no-repeat 50% 50% /cover;}
.sub3-1-injection .txt-box h3{margin-bottom: 3.1111vw;}
.sub3-1-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 1.7778vw; margin-bottom: 1.7778vw;}
.sub3-1-injection .txt-box p {
    width: 100%;
    margin-bottom: 1.9259vw;
    font-family: 'Pretendard', sans-serif;
    font-size: 1.3333vw;
    line-height: 2.0741vw;
    
}
.sub3-1-injection .txt-box p:nth-of-type(1) { }
.sub3-1-injection .txt-box p:nth-of-type(2) { }
.sub3-1-injection .img-box{width: auto;}
.sub3-1-injection .img-box img{width: 100%; height: auto}

.sub3-1-swiper-map {margin-top: 0;  padding: 12.2222vw 0;}
.sub3-1-swiper-map .txt-box{text-align: center}
.sub3-1-swiper-map .txt-box h3{margin-bottom: 2.9630vw;}
.sub3-1-swiper-map .txt-box p{margin-bottom: 4.7407vw; }
.sub3-1-tabs {  margin-bottom: 4.0741vw; gap: 2.7407vw;}
.sub3-1-tab {width: 10.4444vw; height: 3.9259vw; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 1.5526vw;  cursor: pointer;  border-bottom: 0.0741vw solid #a3a3a3;}
.sub3-1-tab.active {  border-bottom: 0.2222vw solid #bdaad5;}

.sub3-1-swiper-container{max-width: 96.2963vw; width: 100%;}
.sub3-1-swiper-slide{align-items: center;padding: 1.7778vw;}
.sub3-1-swiper-slide .slide-box{width: 82.5926vw;height: 37.2593vw;border-radius: 0.7407vw;background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.2963vw 1.7778vw; align-items: center;gap: 4.3704vw;}
.sub3-1-swiper-slide .slide-box .s3-1-simg{width: 40%;}
.sub3-1-swiper-slide .slide-box .s3-1-simg img {width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus{top: 12.5926vw; left: 29.8519vw; cursor: pointer;}
.sub3-1-swiper-slide .slide-box .s3-1-plus2{ top: 15.5556vw; left: 30.8889vw;}
.sub3-1-swiper-slide .slide-box .s3-1-plus .img-box{width: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus .img-box img{width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover{ top: 12.5926vw; opacity: 0; }
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover2 {top: 14.8148vw;left: 33.4815vw;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box{width: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box img{width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus:hover ~ .s3-1-plus-hover{opacity: 1;}

.sub3-1-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang';font-size: 2.0741vw;margin-bottom: 2.2222vw;letter-spacing: -0.0119vw;}

.sub3-1-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif;font-size: 1.4074vw;margin-bottom: 2.2222vw;line-height: 2.1481vw;letter-spacing: -0.0119vw;}
.sub3-1-swiper-slide .slide-box .slide-txt h4 span{  border-left: 0.0741vw solid #fff; margin-left: 0.3646vw;}
.sub3-1-swiper-slide .slide-box .slide-txt h4 span::before{  width: 0.1481vw; height: 100%;  left: -0.5185vw; top: 0;}
.sub3-1-swiper-slide .slide-box .slide-txt p{font-family:'Pretendard', sans-serif;font-size: 1.2593vw;line-height: 2.2222vw;letter-spacing: -0.0119vw;}
.sub3-1-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {margin-bottom: 2.2222vw;/* letter-spacing: 0.0119vw; */}
.sub3-1-swiper-container .swiper-button-next,
.sub3-1-swiper-container .swiper-button-prev{ width: 4.4444vw; height: 4.4444vw; border-radius: 50%;  box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.5926vw 1.7778vw;}
.sub3-1-swiper-container .swiper-button-prev:after,
.sub3-1-swiper-container .swiper-button-next:after {font-size: 1.8519vw !important; }

.sub3-1-collagen-remodelings {}
.sub3-1-collagen-remodelings .txt-box h3{margin-bottom: 2.2222vw;}
.sub3-1-collagen-remodelings>.txt-box{} 
.sub3-1-collagen-remodelings .txt-box .txt-gnb{ gap: 1.7037vw; align-items: center;   width: 73.2593vw; height: 4.4444vw; margin: auto; margin-bottom: 7.4074vw;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li{ font-family:'Pretendard', sans-serif;  font-size: 1.4815vw; line-height: 2.0741vw;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li::after{ width: 0.1481vw; height: 1.3333vw;   top: 50%; transform: translate(-50%,-50%);}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(1)::after{left: 107%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(2)::after{left: 107%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(3)::after{left: 105%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(4)::after{}
.sub3-1-collagen-remode .point-box{font-family: "Cormorant", serif;  font-size: 1.2881vw;   border-radius: 3.7037vw;  align-items: center;  margin-bottom: 1.9259vw;  width: 7.1111vw; height: 2.6667vw; border: 0.1481vw solid #c2b1d8;}
.sub3-1-collagen-remode .point-box span{font-size: 1.8030vw; margin-left: 0.2222vw;}

.sub3-1-collagen-remode-box{background: url(../sub/img/sub3-1-collagen-remode-2-back.png) no-repeat 50% 50% /cover;}
.sub3-1-collagen-remode { align-items: center;  gap: 5.7778vw; }
.sub3-1-collagen-remode .img-box {width: auto;}
.sub3-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub3-1-collagen-remode .txt-box h3 { margin-bottom: 1.8519vw; font-size: 2.2222vw;}
.sub3-1-collagen-remodelings .sub3-1-collagen-remode-1{margin-bottom: 8.8889vw;}
.sub3-1-collagen-remode .txt-box p:nth-of-type(1) {margin-bottom: 2.0741vw;  }
.sub3-1-collagen-remode .txt-box p span{}
.sub3-1-collagen-remode .txt-box p:nth-of-type(2) {}
.sub3-1-collagen-remode-2{padding-bottom: 15.7778vw; gap: 8.1481vw;}

.sub3-1-collagen-graph { margin: auto; }
.sub3-1-collagen-graph .txt-box { margin-bottom: 3.7037vw;}
.sub3-1-collagen-graph .txt-box h4{margin-bottom: 1.1111vw;}
.sub3-1-collagen-table {margin: auto;   border-spacing: 0.4444vw 0; margin-bottom: 1.4815vw;}
.sub3-1-collagen-table tbody{margin-left: -11.1111vw;}
.sub3-1-collagen-table tr td{font-family:'Pretendard', sans-serif; width: 15.6296vw; height: 6.9630vw;  line-height: 1.8800vw;}
.sub3-1-coll-t-1 td {  font-size: 1.2593vw; }
.sub3-1-coll-t-1 td:nth-child(1){}
.sub3-1-coll-t-1 td:nth-child(2){}
.sub3-1-coll-t-1 td:nth-child(3){}
.sub3-1-coll-t-1 td:nth-child(4){}
.sub3-1-coll-t-1 td:nth-child(5){}



.sub3-1-coll-t-1 td span { font-size: 1.7037vw; margin-bottom: 0.7407vw; }
.sub3-1-collagen-table tr:nth-of-type(2){}
.sub3-1-collagen-table tr:nth-of-type(3){}
.sub3-1-collagen-table tr:nth-of-type(2):after{ content: "모양"; width: 6.8148vw; height: 4.2222vw; top: 50%; left: -8.8889vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain; background-size: 6.6667vw 4.0741vw; border: none; padding: 0; font-family:'Pretendard', sans-serif; font-size: 1.0370vw;  line-height: 4.2222vw;}
.sub3-1-collagen-table tr:nth-of-type(3):after{ content: "특징"; width: 6.8148vw; height: 4.2222vw; top: 50%; left: -8.8889vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain; background-size: 6.6667vw 4.0741vw; border: none; padding: 0; font-family:'Pretendard', sans-serif; font-size: 1.0370vw;  line-height: 4.2222vw;}
.sub3-1-collagen-table tr:nth-of-type(2) td{border-bottom: 0.0741vw dashed #888;}
.sub3-1-collagen-table tr:nth-of-type(2) td {padding: 1.8519vw 2.0000vw;}
.sub3-1-collagen-table tr:nth-of-type(2) td .img-box {width: auto; }
.sub3-1-collagen-table tr:nth-of-type(2) td .img-box img{width: 100%; height: auto;}
.sub3-1-collagen-table tr:nth-of-type(3) td{}
.sub3-1-collagen-table tr:nth-last-child(1) td{height: 12.7407vw; border-bottom: 0.1481vw solid #000; font-size: 1.1793vw;  padding-top: 2.7407vw;  letter-spacing:-0.0119vw; line-height: 1.8726vw;}
.sub3-1-collagen-table .sub3-1-coll-t-1 .coll-t-1-5 { }
.sub3-1-collagen-graph .img-box.gauge{max-width: 80.0000vw; height: 3.2593vw; margin: auto;}
.sub3-1-collagen-graph .img-box.gauge img{width: 100%; height: auto; object-fit: contain;}


.sub3-1-collagen-table-mo {margin: auto;   border-spacing: 0.2222vw 0.0000vw; margin-bottom: 1.4815vw; }
.sub3-1-collagen-table-mo tr th{width: 6.8148vw; height: 4.2222vw; top: 50%; left: -8.8889vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% / contain; background-size: 6.6667vw 4.0741vw; font-family: 'Pretendard', sans-serif; font-size: 1.0370vw;  line-height: 4.2222vw;}
.sub3-1-collagen-table-mo tr th:last-child{background: none;}
.sub3-1-collagen-table-mo tr td:nth-of-type(1){font-family:'Pretendard', sans-serif; width: 15.6296vw; height: 11.8519vw;  line-height: 1.8800vw;   font-size: 1.2593vw;}
.sub3-1-collagen-table-mo tr td:nth-of-type(1) span{  font-size: 1.7037vw; margin-bottom: 1.2593vw;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2) {width: 15.6296vw; height: 11.8519vw;   align-items: center; }
.sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box {width: auto;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box img{width: 100%; height: auto;}
.sub3-1-collagen-table-mo tr td:nth-of-type(3){font-family: 'Pretendard', sans-serif; width: 18.5926vw; height: 11.8519vw;  line-height: 1.8800vw; font-size: 1.1793vw;  border-right: 0.1481vw solid #000;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2),.sub3-1-collagen-table-mo tr td:nth-of-type(3) { border-bottom: 0.0741vw dashed #888;}
.sub3-1-collagen-table-mo tr:last-child td{ border-bottom: none;}
.sub3-1-collagen-table-mo tr:nth-of-type(2) td{border-top: solid 0.0741vw #000;}
.sub3-1-collagen-table-mo tr:last-child td{border-bottom: solid 0.0741vw #000;}



.sub3-1-collagen-effect>.txt-box {}
.sub3-1-collagen-effect .txt-gnb{ gap: 1.7037vw; align-items: center;   width: 73.2593vw; height: 4.4444vw; margin: auto; margin-bottom: 3.7037vw;}
.sub3-1-collagen-effect .txt-gnb li{font-family:'Pretendard', sans-serif;font-size: 1.4815vw;}
.sub3-1-collagen-effect .txt-gnb li::after{width: 0.1481vw;height: 1.3333vw;top: 50%;transform: translate(-50%, -50%);}
.sub3-1-collagen-effect .txt-gnb li:nth-child(1)::after{left: 107%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(2)::after{left: 111%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(3)::after{left: 105%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(4)::after{}


.sub3-1-collagen-effective-box{align-items: center;gap: 5.1852vw;}
.sub3-1-collagen-effective-box .img-box {width: auto;}
.sub3-1-collagen-effective-box .img-box img {width: 100%; height: auto;}
.sub3-1-collagen-effective .txt-box h3 {margin-bottom: 1.4815vw;}
.sub3-1-collagen-effective .txt-box p:nth-of-type(1) {margin-bottom: 2.0000vw;}
.sub3-1-collagen-effective .txt-box p:nth-of-type(2) {}

.sub3-1-effect-step{ align-items: center; gap: 4.7407vw; margin: 4.8148vw 0 4.6667vw;}
.sub3-1-effect-step li{}
.sub3-1-effect-step li .img-box{width: 100%;}
.sub3-1-effect-step li .img-box img{width: auto; height: 100%;}
.sub3-1-effect-step li:after { content: url(../sub/img/sub3-1-collagen-effectimg_step_arrow.png); left: 108%; top: 50%; width: 1.1111vw; height: 2.2222vw; transform: translateY(-50%);}
.sub3-1-effect-step li:last-child:after{}
.sub3-1-efftct.txt-box{ font-family: 'Pretendard', sans-serif; }
.sub3-1-efftct.txt-box p:nth-of-type(1){ margin-bottom: 2.0000vw;}


.sub3-1-collagen-volume {background: url(../sub/img/sub3-1-volumen-box.png) no-repeat 50% 50%/cover; padding: 10.3704vw 0 11.1111vw;}
.sub3-1-volume-box {padding-left: 12%;}

.sub3-1-volume-box .free-txt{  top: -0.7407vw; left: 11.8519vw; opacity: 0.4; font-family: "Cormorant", serif; font-size: 3.7037vw; line-height: 4.1837vw; }
.sub3-1-volume-box .txt-box h3{margin-bottom: 3.7037vw}
.sub3-1-volume-box .txt-box p {}
.sub3-1-volume-box .txt-box p:nth-of-type(1) { margin-bottom: 1.8519vw; }
.sub3-1-volume-box .txt-box p:nth-of-type(2) {}

.sub3-1-cdam-leftrigtht{margin-top: 21.1852vw;}
.sub3-1-cdam-rigtht li h4{font-family: 'KoPub Batang';  font-size: 1.8519vw; margin-bottom: 1.8519vw;}
.sub3-1-cdam-rigtht li h4 span{}
.sub3-1-cdam-rigtht li .check-box{width: 9.1111vw; height: 2.6667vw; }
.sub3-1-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 1.3333vw;  line-height: 2.2222vw; margin-bottom: 5.9259vw;}
.sub3-1-cdam-csculptra .txt-box h5 {font-family: "Cormorant", serif;  margin-bottom: 1.8519vw;}
.sub3-1-cdam-csculptra .txt-box h3{font-size: 2.0741vw; line-height: 3.7037vw; }
.sub3-1-cdam-csculptra .txt-box h3 span{font-size: 2.6667vw; }
.sub3-1-cdam-csculptra .txt-box p{line-height: 2.2222vw;}
.sub3-1-8sec {background: url(../sub/img/sub3-1-8sec-back.png) no-repeat 50% 50%/cover; padding: 11.8519vw 0;}
.sub3-1-8sec .txt-box{ margin-bottom: 5.5556vw;}
.sub1-0-btn.sub3-1-btn-1 {
    width: 19.1852vw;
    height: 4.3704vw;
    border: #bdaad5 0.0741vw solid;
    border-radius: 3.7037vw;
    
    margin: auto;
}
.s1-btn.s3-1-btn-1{
    font-family: 'Pretendard', sans-serif;
    font-size: 1.3333vw;
    
    
    
}
.s1-btn.s3-1-btn-1 .t {
    height: 4.3704vw;
    
}
.s1-btn.s3-1-btn-1:after {
    
    border-radius: 100%;
    
    height: 100%;
    
    transform: translateY(110%);
    
}



.sub3-1-suggest-box .sub3-1-suggestimg-wrapper {align-items: flex-start; gap: 6.6667vw; margin-bottom: 4.8148vw;}
.sub3-1-suggestimg{width: auto;}
.sub3-1-suggestimg img {width: 100%; height: auto;}
.sub3-1-suggest-box .sub3-1-suggestimg-wrapper p { font-family: 'Pretendard', sans-serif; font-size: 1.3333vw; line-height: 2.0741vw; margin-top: 2.0741vw;  }
.sub3-1-suggest-box .sub3-1-suggestimg-wrapper p span{ }
.sub3-1-suggest-box .suggestul{}
.sub3-1-suggest-box .suggestul li{font-family: 'Pretendard', sans-serif; list-style: disc;  font-size: 1.3333vw; line-height: 3.2593vw;}

.sub3-1-8sec .sub3-1-btn {margin: auto; width: 19.1852vw; height: 4.3704vw;   border-radius: 3.7037vw;}
.sub3-1-8sec .sub3-1-btn a{  width: 100%; height: 100%;  align-items: center; font-size: 1.3333vw;}

.sub3-1-premium{}
.sub3-1-premium .txt-box {}
.sub3-1-premium .txt-box h3{margin-bottom: 3.3333vw;}
.sub3-1-premium .txt-box h3 span{}
.sub3-1-premium .txt-box p {margin-bottom: 4.1481vw;}

.sub3-1-premium-box .sub3-1-premium-wrapper{ align-items: center; gap: 6.3704vw;}
.sub3-1-premium-wrapper li {width: 18.3704vw;}
.sub3-1-premium-wrapper li .img-box{width: 18.3704vw; height: 19.7778vw;}
.sub3-1-premium-wrapper li .img-box img {width: 100%; height: auto;}
.sub3-1-premium-wrapper li .txt-box {}
.sub3-1-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang';   font-size: 1.7489vw; margin-top: 2.2222vw;}
.sub3-1-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif;font-size: 1.2170vw;margin-top: 1.9259vw;line-height: 1.9770vw;}
.sub3-1-premium-wrapper li .txt-box p span{}

.sub3-1_cont11_info_wrap{  flex-direction:column; align-items:center; margin-top: 10.3704vw;}
.sub3-1_cont11_qna_wrap{}
.sub3-1_cont11_info_wrap .txt-box{ margin-bottom: 4.6667vw;}
.sub3-1_cont11_info_wrap .txt-box p{ font-family: "Sorts Mill Goudy", serif; padding-bottom: 1.8519vw; font-size: 1.6296vw; }
.sub3-1_cont11_info_wrap .txt-box p:after{  width: 1.9259vw; height: 0.2222vw;  top: 100%; left: 50%; transform: translateX(-50%);}
.sub3-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 1.8519vw;}
.sub3-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub3-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif;  margin-right: 1.8519vw;}
.sub3-1_cont11_accordion_wrap{ font-family:'Pretendard', sans-serif; border-top: solid 0.1481vw #686868; border-bottom: solid 0.1481vw #686868;}
.sub3-1_cont11_que{width: 89.4074vw;padding: 2.8148vw 2.3333vw;cursor: pointer;border-bottom: 0.0741vw solid #ccc;font-size: 1.7037vw;line-height: 3.3348vw;align-items:center;}
.sub3-1_cont11_anw {overflow-x: hidden;overflow-y: auto;height: 100%;padding: 2.9630vw 0;padding-left: 6.4074vw;}
.sub3-1_cont11_anw p {font-family:'Noto Sans CJK KR', sans-serif;font-size: 1.1600vw;line-height: 2.2222vw;}
.sub3-1_cont11_que.on{
    
    
}
.sub3-1_cont11_btn {
     width: 1.0370vw; height: 1.0370vw;
    background:url("../sub/img/sub3-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub3-1_cont11_que.on > .sub3-1_cont11_btn{
     width: 1.0370vw; height: 0.1481vw;
    background:url("../sub/img/sub3-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}
.value3-1 .txt-box{}
.value3-1 .txt-box h3 {margin-bottom: 5.6296vw;}
.value3-1 .txt-box .img-box{margin-bottom: 1.4815vw;}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 1.7363vw;  margin-top: 2.9630vw;}
.value-hover2 li:hover .img-boxs img{filter: brightness(0.6);}
.value-hover2 li:hover .img-boxs p{opacity: 1;}
.value3-1 .value-hover2{ }
.value3-1 .value-hover2 li{ flex-direction: column; align-items: center;}
.value3-1 .value-hover2 .img-boxs{width: 22.0741vw;height: 31.3333vw;}
.value3-1 .value-hover2 .img-boxs .img-box{ width: 100%; height: 100%; top: 0; left: 0;}
.value3-1 .value-hover2 .img-boxs .img-box img{width: 100%; height: 100%; object-fit: cover; }
.value3-1 .value-hover-box2 .img-boxs p{ top: 80%; left: 50%;transform: translateX(-50%); width: 100%;  font-family:'Pretendard', sans-serif; font-size: 1.2081vw; line-height: 1.5;  opacity: 0;  letter-spacing: 0.0237vw;}
.value3-1 .value-hover-box2 h4{font-family: 'KoPub Batang'; font-size: 1.7363vw;  margin-top: 2.9630vw;}
.value-hover-box .img-boxs p{ top: 80%; left: 50%;  width: 100%;  font-family:'Pretendard', sans-serif; font-size: 1.2081vw; line-height: 1.5;  opacity: 0; transition: all 1s ease-in-out;}
}
@media (max-width:1024px){
    .sub2-1-intro {background: url(../sub/img/sub3-1head-back.png) no-repeat 50% 50% /cover;}
    .sub-3-1-padding{padding: 0.0000vw 2.9297vw;}
    .sub-3-1-margin{margin: 16.6016vw 0.0000vw;}
    
    .sub3-1-injection{padding: 16.6016vw 2.9297vw;gap: 1.0531vw;background: url(../sub/img/sub3-1-colltouchback.png) no-repeat 50% 50% /cover;}
    .sub3-1-injection .txt-box h3{margin-bottom: 4.1016vw;}
    .sub3-1-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 2.3438vw; margin-bottom: 2.3438vw;}
    .sub3-1-injection .txt-box p {
        width: 100%;
        margin-bottom: 2.5391vw;
        font-family: 'Pretendard', sans-serif;
        font-size: 1.7578vw;
        line-height: 2.7344vw;
        
    }
    .sub3-1-injection .txt-box p:nth-of-type(1) { }
    .sub3-1-injection .txt-box p:nth-of-type(2) { }
    .sub3-1-injection .img-box{width: 50%;}
    .sub3-1-injection .img-box img{width: 100%; height: auto}
    
    .sub3-1-swiper-map {margin-top: 0;  padding: 16.1133vw 0;}
    .sub3-1-swiper-map .txt-box{text-align: center}
    .sub3-1-swiper-map .txt-box h3{margin-bottom: 3.9063vw;}
    .sub3-1-swiper-map .txt-box p{margin-bottom: 6.2500vw; }
    .sub3-1-tabs {margin-bottom: 5.3711vw;gap: 0.6133vw;}
    .sub3-1-tab {width: 11.7695vw;height: 4.1758vw;align-items: center;font-family:'Pretendard', sans-serif;font-size: 1.8469vw;cursor: pointer;border-bottom: 0.0977vw solid #a3a3a3;}
    .sub3-1-tab.active {  border-bottom: 0.2930vw solid #bdaad5;}
    
    .sub3-1-swiper-container{max-width: 126.9531vw; width: 100%;}
    .sub3-1-swiper-slide{align-items: center;padding: 2.3438vw;}
    .sub3-1-swiper-slide .slide-box{width: 82.8867vw;height: 41.1211vw;border-radius: 0.9766vw;background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.3906vw 2.3438vw;align-items: center;gap: 1.7617vw;}
    .sub3-1-swiper-slide .slide-box .s3-1-simg{width: 39%;}
    .sub3-1-swiper-slide .slide-box .s3-1-simg img {width: 100%; height: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus{top: 19.6016vw;left: 27.3555vw;cursor: pointer;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus2{top: 21.5078vw;left: 26.7227vw;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus .img-box{width: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus .img-box img{width: 100%; height: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover{ top: 16.6016vw; opacity: 0; }
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover2 {top: 19.5313vw;left: 44.1406vw;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box{width: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box img{width: 100%; height: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus:hover ~ .s3-1-plus-hover{opacity: 1;}
    
    .sub3-1-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang';font-size: 2.7344vw;margin-bottom: 2.9297vw;letter-spacing: -0.0156vw;}
    
    .sub3-1-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif;font-size: 1.6555vw;margin-bottom: 1.9297vw;line-height: 2.8320vw;letter-spacing: -0.0156vw;}
    .sub3-1-swiper-slide .slide-box .slide-txt h4 span{  border-left: 0.0977vw solid #fff; margin-left: 0.3646vw;}
    .sub3-1-swiper-slide .slide-box .slide-txt h4 span::before{  width: 0.1953vw; height: 100%;  left: -0.6836vw; top: 0;}
    .sub3-1-swiper-slide .slide-box .slide-txt p{font-family:'Pretendard', sans-serif;font-size: 1.5602vw;line-height: 2.5297vw;letter-spacing: -0.0156vw;}
    .sub3-1-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {margin-bottom: 1.9297vw;/* letter-spacing: 0.0156vw; */}
    .sub3-1-swiper-container .swiper-button-next,
    .sub3-1-swiper-container .swiper-button-prev{ width: 5.8594vw; height: 5.8594vw; border-radius: 50%;  box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.7813vw 2.3438vw;}
    .sub3-1-swiper-container .swiper-button-prev:after,
    .sub3-1-swiper-container .swiper-button-next:after {font-size: 2.4414vw !important; }
    
    .sub3-1-collagen-remodelings {}
    .sub3-1-collagen-remodelings .txt-box h3{margin-bottom: 2.9297vw;}
    .sub3-1-collagen-remodelings>.txt-box{} 
    .sub3-1-collagen-remodelings .txt-box .txt-gnb{gap: 2.2461vw;align-items: center;width: 91.582vw;height: 5.8594vw;margin: auto;margin-bottom: 9.7656vw;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li{ font-family:'Pretendard', sans-serif;  font-size: 1.9531vw; line-height: 2.7344vw;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li::after{ width: 0.1953vw; height: 1.7578vw;   top: 50%; transform: translate(-50%,-50%);}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(1)::after{left: 107%;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(2)::after{left: 107%;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(3)::after{left: 105%;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(4)::after{}
    .sub3-1-collagen-remode .point-box{font-family: "Cormorant", serif;  font-size: 1.6982vw;   border-radius: 4.8828vw;  align-items: center; margin-bottom: 2.5391vw;  width: 9.3750vw; height: 3.5156vw; border: 0.1953vw solid #c2b1d8;}
    .sub3-1-collagen-remode .point-box span{font-size: 2.3770vw; margin-left: 0.2930vw;}
    
    .sub3-1-collagen-remode-box{background: url(../sub/img/sub3-1-collagen-remode-2-back.png) no-repeat 50% 50% /cover;}
    .sub3-1-collagen-remode {align-items: center;gap: 1.6172vw;}
    .sub3-1-collagen-remode .img-box {width: 45%;}
    .sub3-1-collagen-remode .img-box img {width: 100%; height: auto;}
    .sub3-1-collagen-remode .txt-box h3 { margin-bottom: 2.4414vw; font-size: 2.9297vw;}
    .sub3-1-collagen-remodelings .sub3-1-collagen-remode-1{margin-bottom: 11.7188vw;}
    .sub3-1-collagen-remode .txt-box p:nth-of-type(1) {margin-bottom: 2.7344vw;  }
    .sub3-1-collagen-remode .txt-box p span{}
    .sub3-1-collagen-remode .txt-box p:nth-of-type(2) {}
    .sub3-1-collagen-remode-2{padding-bottom: 20.8008vw;gap: 3.7422vw;}
    
    .sub3-1-collagen-graph { margin: auto; }
    .sub3-1-collagen-graph .txt-box { margin-bottom: 4.8828vw;}
    .sub3-1-collagen-graph .txt-box h4{margin-bottom: 1.4648vw;}
    .sub3-1-collagen-table {margin: auto;   border-spacing: 0.5859vw 0; margin-bottom: 1.9531vw;}
    .sub3-1-collagen-table tbody{margin-left: -14.6484vw;}
    .sub3-1-collagen-table tr td{font-family:'Pretendard', sans-serif;width: 14.0055vw;height: 8.1797vw;line-height: 2.4785vw;}
    .sub3-1-coll-t-1 td {font-size: 1.2602vw;}
    .sub3-1-coll-t-1 td:nth-child(1){}
    .sub3-1-coll-t-1 td:nth-child(2){}
    .sub3-1-coll-t-1 td:nth-child(3){}
    .sub3-1-coll-t-1 td:nth-child(4){}
    .sub3-1-coll-t-1 td:nth-child(5){}
    
    
    
    .sub3-1-coll-t-1 td span {font-size: 1.8461vw;margin-bottom: 0.9766vw;}
    .sub3-1-collagen-table tr:nth-of-type(2){}
    .sub3-1-collagen-table tr:nth-of-type(3){}
    .sub3-1-collagen-table tr:nth-of-type(2):after{content: "모양";width: 8.9844vw;height: 5.5664vw;top: 50%;left: -9.4188vw;transform: translateY(-50%);background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain;background-size: 8.7891vw 5.3711vw;border: none;padding: 0;font-family:'Pretendard', sans-serif;font-size: 1.3672vw;line-height: 5.5664vw;}
    .sub3-1-collagen-table tr:nth-of-type(3):after{content: "특징";width: 8.9844vw;height: 5.5664vw;top: 50%;left: -9.4188vw;transform: translateY(-50%);background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain;background-size: 8.7891vw 5.3711vw;border: none;padding: 0;font-family:'Pretendard', sans-serif;font-size: 1.3672vw;line-height: 5.5664vw;}
    .sub3-1-collagen-table tr:nth-of-type(2) td{border-bottom: 0.0977vw dashed #888;}
    .sub3-1-collagen-table tr:nth-of-type(2) td {padding: 2.4414vw 2.6367vw;}
    .sub3-1-collagen-table tr:nth-of-type(2) td .img-box {width: auto; }
    .sub3-1-collagen-table tr:nth-of-type(2) td .img-box img{width: 100%; height: auto;}
    .sub3-1-collagen-table tr:nth-of-type(3) td{}
    .sub3-1-collagen-table tr:nth-last-child(1) td{height: 16.7969vw;border-bottom: 0.1953vw solid #000;font-size: 1.2947vw;padding-top: 3.6133vw;letter-spacing:-0.0156vw;line-height: 2.4688vw;}
    .sub3-1-collagen-table .sub3-1-coll-t-1 .coll-t-1-5 { }
    .sub3-1-collagen-graph .img-box.gauge{max-width: 73.4688vw;height: 4.2969vw;margin: auto;}
    .sub3-1-collagen-graph .img-box.gauge img{width: 100%; height: auto; object-fit: contain;}
    
    
    .sub3-1-collagen-table-mo {margin: auto;   border-spacing: 0.2930vw 0.0000vw; margin-bottom: 1.9531vw; }
    .sub3-1-collagen-table-mo tr th{width: 8.9844vw; height: 5.5664vw; top: 50%; left: -11.7188vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% / contain; background-size: 8.7891vw 5.3711vw; font-family: 'Pretendard', sans-serif; font-size: 1.3672vw;  line-height: 5.5664vw;}
    .sub3-1-collagen-table-mo tr th:last-child{background: none;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(1){font-family:'Pretendard', sans-serif; width: 20.6055vw; height: 15.6250vw;  line-height: 2.4785vw;   font-size: 1.6602vw;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(1) span{  font-size: 2.2461vw; margin-bottom: 1.6602vw;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(2) {width: 20.6055vw; height: 15.6250vw;   align-items: center; }
    .sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box {width: auto;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box img{width: 100%; height: auto;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(3){font-family: 'Pretendard', sans-serif; width: 24.5117vw; height: 15.6250vw;  line-height: 2.4785vw; font-size: 1.5547vw;  border-right: 0.1953vw solid #000;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(2),.sub3-1-collagen-table-mo tr td:nth-of-type(3) { border-bottom: 0.0977vw dashed #888;}
    .sub3-1-collagen-table-mo tr:last-child td{ border-bottom: none;}
    .sub3-1-collagen-table-mo tr:nth-of-type(2) td{border-top: solid 0.0977vw #000;}
    .sub3-1-collagen-table-mo tr:last-child td{border-bottom: solid 0.0977vw #000;}
    
    
    
    .sub3-1-collagen-effect>.txt-box {}
    .sub3-1-collagen-effect .txt-gnb{gap: 2.2461vw;align-items: center;width: 86.582vw;height: 5.8594vw;margin: auto;margin-bottom: 4.8828vw;}
    .sub3-1-collagen-effect .txt-gnb li{font-family:'Pretendard', sans-serif;font-size: 1.9531vw;}
    .sub3-1-collagen-effect .txt-gnb li::after{width: 0.1953vw;height: 1.7578vw;top: 50%;transform: translate(-50%, -50%);}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(1)::after{left: 107%;}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(2)::after{left: 111%;}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(3)::after{left: 105%;}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(4)::after{}
    
    
    .sub3-1-collagen-effective-box{align-items: center;gap: 2.8359vw;}
    .sub3-1-collagen-effective-box .img-box {width: 40%;}
    .sub3-1-collagen-effective-box .img-box img {width: 100%; height: auto;}
    .sub3-1-collagen-effective .txt-box h3 {margin-bottom: 1.9531vw;}
    .sub3-1-collagen-effective .txt-box p:nth-of-type(1) {margin-bottom: 2.6367vw;}
    .sub3-1-collagen-effective .txt-box p:nth-of-type(2) {}
    
    .sub3-1-effect-step{align-items: center;gap: 6.25vw;margin: 6.3477vw 0 6.1523vw;}
    .sub3-1-effect-step li{}
    .sub3-1-effect-step li .img-box{width: 100%;}
    .sub3-1-effect-step li .img-box img{width: auto; height: 100%;}
    .sub3-1-effect-step li:after { content: url(../sub/img/sub3-1-collagen-effectimg_step_arrow.png); left: 108%; top: 50%; width: 1.4648vw; height: 2.9297vw; transform: translateY(-50%);}
    .sub3-1-effect-step li:last-child:after{}
    .sub3-1-efftct.txt-box{ font-family: 'Pretendard', sans-serif; }
    .sub3-1-efftct.txt-box p:nth-of-type(1){ margin-bottom: 2.6367vw;}
    
    
    .sub3-1-collagen-volume {background: url(../sub/img/sub3-1-volumen-box.png) no-repeat 50% 50%/cover; padding: 13.6719vw 0 14.6484vw;}
    .sub3-1-volume-box {padding-left: 4%;}
    
    .sub3-1-volume-box .free-txt{  top: -0.9766vw; left: 15.6250vw; opacity: 0.4; font-family: "Cormorant", serif; font-size: 4.8828vw; line-height: 5.5156vw; }
    .sub3-1-volume-box .txt-box h3{margin-bottom: 4.8828vw}
    .sub3-1-volume-box .txt-box p {}
    .sub3-1-volume-box .txt-box p:nth-of-type(1) { margin-bottom: 2.4414vw; }
    .sub3-1-volume-box .txt-box p:nth-of-type(2) {}

    .sub3-1-cdam-leftrigtht{margin-top: 27.9297vw;}
    .sub3-1-cdam-rigtht li h4{font-family: 'KoPub Batang';  font-size: 2.4414vw; margin-bottom: 2.4414vw;}
    .sub3-1-cdam-rigtht li h4 span{}
    .sub3-1-cdam-rigtht li .check-box{width: 12.0117vw; height: 3.5156vw; }
    .sub3-1-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 1.7578vw;  line-height: 2.9297vw; margin-bottom: 7.8125vw;}

    .sub3-1-cdam-csculptra .txt-box h5 {font-family: "Cormorant", serif;  margin-bottom: 2.4414vw;}
    .sub3-1-cdam-csculptra .txt-box h3{font-size: 2.5344vw;line-height: 4.8828vw;}
    .sub3-1-cdam-csculptra .txt-box h3 span{font-size: 3.5156vw; }
    .sub3-1-cdam-csculptra .txt-box p{line-height: 2.9297vw;}
    .sub3-1-8sec {background: url(../sub/img/sub3-1-8sec-back.png) no-repeat 50% 50%/cover; padding: 15.6250vw 0;}
    .sub3-1-8sec .txt-box{ margin-bottom: 7.3242vw;}
    .sub1-0-btn.sub3-1-btn-1 {
        width: 25.2930vw;
        height: 5.7617vw;
        border: #bdaad5 0.0977vw solid;
        border-radius: 4.8828vw;
        
        margin: auto;
    }
    .s1-btn.s3-1-btn-1{
        font-family: 'Pretendard', sans-serif;
        font-size: 1.7578vw;
        
        
        
    }
    .s1-btn.s3-1-btn-1 .t {
        height: 5.7617vw;
        
    }
    .s1-btn.s3-1-btn-1:after {
        
        border-radius: 100%;
        
        height: 100%;
        
        transform: translateY(110%);
        
    }
    
    
    
    .sub3-1-suggest-box .sub3-1-suggestimg-wrapper {align-items: flex-start; gap: 4.7891vw; margin-bottom: 6.3477vw;}
    .sub3-1-suggestimg{width: auto;}
    .sub3-1-suggestimg img {width: 100%; height: auto;}
    .sub3-1-suggest-box .sub3-1-suggestimg-wrapper p { font-family: 'Pretendard', sans-serif; font-size: 1.7578vw; line-height: 2.7344vw; margin-top: 2.7344vw;  }
    .sub3-1-suggest-box .sub3-1-suggestimg-wrapper p span{ }
    .sub3-1-suggest-box .suggestul{}
    .sub3-1-suggest-box .suggestul li{font-family: 'Pretendard', sans-serif; list-style: disc;  font-size: 1.7578vw; line-height: 4.2969vw;}
    
    .sub3-1-8sec .sub3-1-btn {margin: auto; width: 25.2930vw; height: 5.7617vw;   border-radius: 4.8828vw;}
    .sub3-1-8sec .sub3-1-btn a{  width: 100%; height: 100%;  align-items: center; font-size: 1.7578vw;}
    
    .sub3-1-premium{}
    .sub3-1-premium .txt-box {}
    .sub3-1-premium .txt-box h3{margin-bottom: 4.3945vw;}
    .sub3-1-premium .txt-box h3 span{}
    .sub3-1-premium .txt-box p {margin-bottom: 5.4688vw;}
    
    .sub3-1-premium-box .sub3-1-premium-wrapper{align-items: center;gap: 1.3984vw;}
    .sub3-1-premium-wrapper li {width: 24.2188vw;}
    .sub3-1-premium-wrapper li .img-box{width: 22.2188vw;height: 24.0742vw;}
    .sub3-1-premium-wrapper li .img-box img {width: 100%; height: auto;}
    .sub3-1-premium-wrapper li .txt-box {}
    .sub3-1-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang';font-size: 2.3057vw;margin-top: 2.7297vw;}
    .sub3-1-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif;font-size: 1.4045vw;margin-top: 2.5391vw;line-height: 2.3064vw;}
    .sub3-1-premium-wrapper li .txt-box p span{}
    
    .sub3-1_cont11_info_wrap{  flex-direction:column; align-items:center; margin-top: 13.6719vw;}
    .sub3-1_cont11_qna_wrap{}
    .sub3-1_cont11_info_wrap .txt-box{ margin-bottom: 6.1523vw;}
    .sub3-1_cont11_info_wrap .txt-box p{ font-family: "Sorts Mill Goudy", serif; padding-bottom: 2.4414vw; font-size: 2.1484vw; }
    .sub3-1_cont11_info_wrap .txt-box p:after{  width: 2.5391vw; height: 0.2930vw;  top: 100%; left: 50%; transform: translateX(-50%);}
    .sub3-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 2.4414vw;}
    .sub3-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
    .sub3-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif;margin-right: 1.4414vw;}
    .sub3-1_cont11_accordion_wrap{ font-family:'Pretendard', sans-serif; border-top: solid 0.1953vw #686868; border-bottom: solid 0.1953vw #686868;}
    .sub3-1_cont11_que{width: 94.0547vw;padding: 3.7109vw 2.3945vw;cursor: pointer;border-bottom: 0.0977vw solid #ccc;font-size: 2.2461vw;line-height: 4.3965vw;align-items:center;}
    .sub3-1_cont11_anw {overflow-x: hidden;overflow-y: auto;height: 100%;padding: 3.9063vw 0;padding-left: 2.7656vw;}
    .sub3-1_cont11_anw p {font-family:'Noto Sans CJK KR', sans-serif;font-size: 1.2611vw;line-height: 2.9297vw;}
    .sub3-1_cont11_que.on{
        
        
    }
    .sub3-1_cont11_btn {
         width: 1.3672vw; height: 1.3672vw;
        background:url("../sub/img/sub3-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
        transition: 0.3s 0.1s ease; 
    }
    .sub3-1_cont11_que.on > .sub3-1_cont11_btn{
         width: 1.3672vw; height: 0.1953vw;
        background:url("../sub/img/sub3-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
    }
    .value3-1 .txt-box{}
    .value3-1 .txt-box h3 {margin-bottom: 7.4219vw;}
    .value3-1 .txt-box .img-box{margin-bottom: 1.9531vw;}
    .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 2.2891vw;  margin-top: 3.9063vw;}
    .value-hover2 li:hover .img-boxs img{filter: brightness(0.6);}
    .value-hover2 li:hover .img-boxs p{opacity: 1;}
    .value3-1 .value-hover2{}
    .value3-1 .value-hover2 li{ flex-direction: column; align-items: center;}
    .value3-1 .value-hover2 .img-boxs{width: 23.2852vw;height: 34.4922vw;}
    .value3-1 .value-hover2 .img-boxs .img-box{ width: 100%; height: 100%; top: 0; left: 0;}
    .value3-1 .value-hover2 .img-boxs .img-box img{width: 100%; height: 100%; object-fit: cover; }
    .value3-1 .value-hover-box2 .img-boxs p{ top: 80%; left: 50%;transform: translateX(-50%); width: 100%;  font-family:'Pretendard', sans-serif; font-size: 1.5928vw; line-height: 1.5;  opacity: 0;  letter-spacing: 0.0313vw;}
    .value3-1 .value-hover-box2 h4{font-family: 'KoPub Batang';font-size: 2.2891vw;margin-top: 2.9063vw;}
    .value-hover-box .img-boxs p{ top: 80%; left: 50%;  width: 100%;  font-family:'Pretendard', sans-serif; font-size: 1.5928vw; line-height: 1.5;  opacity: 0; transition: all 1s ease-in-out;}
    
}

@media(max-width:768px){
    .sub2-1-intro {background: url(../sub/img/sub3-1head-back.png) no-repeat 50% 50% /cover;}
    .sub-3-1-padding{padding: 0.0000vw 3.9063vw;}
    .sub-3-1-margin{margin: 12.1354vw 0.0000vw;}
    
    .sub3-1-injection{display: flex;padding: 12.1354vw 3.9063vw;gap: 2.6042vw;background: url(../sub/img/sub3-1-colltouchback.png) no-repeat 50% 50% /cover;flex-direction: column;align-items: flex-start;}
    .sub3-1-injection .txt-box h3{margin-bottom: 5.4688vw;}
    .sub3-1-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 3.1250vw; margin-bottom: 3.1250vw;}
    .sub3-1-injection .txt-box p {
        width: 100%;
        margin-bottom: 3.3854vw;
        font-family: 'Pretendard', sans-serif;
        font-size: 2.3438vw;
        line-height: 3.6458vw;
        
    }
    .sub3-1-injection .txt-box p:nth-of-type(1) { }
    .sub3-1-injection .txt-box p:nth-of-type(2) { }
    .sub3-1-injection .img-box{width: auto;}
    .sub3-1-injection .img-box img{width: 100%; height: auto}
    
    .sub3-1-swiper-map {margin-top: 0;padding: 11.4844vw 0;}
    .sub3-1-swiper-map .txt-box{text-align: center}
    .sub3-1-swiper-map .txt-box h3{margin-bottom: 5.2083vw;}
    .sub3-1-swiper-map .txt-box p{margin-bottom: 8.3333vw; }
    .sub3-1-tabs {display: flex;margin-bottom: 4.1615vw;gap: 2.8177vw 4.8177vw;flex-wrap: wrap;}
    .sub3-1-tab {width: 22%;height: 4.901vw;align-items: center;font-family:'Pretendard', sans-serif;font-size: 2.7292vw;cursor: pointer;border-bottom: 0.1302vw solid #a3a3a3;}
    .sub3-1-tab.active {  border-bottom: 0.3906vw solid #bdaad5;}
    
    .sub3-1-swiper-container{max-width: 100vw;width: 100%;}
    .sub3-1-swiper-slide{align-items: center;padding: 3.1250vw;}
    .sub3-1-swiper-slide .slide-box{display: flex;width: 69.1823vw;height: 95.4948vw;border-radius: 1.3021vw;background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.5208vw 3.1250vw;align-items: center;gap: 4.6823vw;flex-direction: column;}
    .sub3-1-swiper-slide .slide-box .s3-1-simg{width: 70%;}
    .sub3-1-swiper-slide .slide-box .s3-1-simg img {width: 100%; height: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus{top: 22.1354vw; left: 52.4740vw; cursor: pointer;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus2{top: 21.3438vw;left: 48.2969vw;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus .img-box{width: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus .img-box img{width: 100%; height: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover{ top: 22.1354vw; opacity: 0; }
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover2 {top: 26.0417vw;left: 35.8542vw;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box{width: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box img{width: 100%; height: auto;}
    .sub3-1-swiper-slide .slide-box .s3-1-plus:hover ~ .s3-1-plus-hover{opacity: 1;}
    .sub3-1-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang';font-size: 3.6458vw;margin-bottom: 3.9063vw;letter-spacing: -0.0208vw;}
    
    .sub3-1-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif;font-size: 2.4740vw;margin-bottom: 1.9063vw;line-height: 3.7760vw;letter-spacing: -0.0208vw;}
    .sub3-1-swiper-slide .slide-box .slide-txt h4 span{  border-left: 0.1302vw solid #fff; margin-left: 0.3646vw;}
    .sub3-1-swiper-slide .slide-box .slide-txt h4 span::before{  width: 0.2604vw; height: 100%;  left: -0.9115vw; top: 0;}
    .sub3-1-swiper-slide .slide-box .slide-txt p{font-family:'Pretendard', sans-serif;font-size: 2.2135vw;line-height: 3.9063vw;letter-spacing: -0.0208vw;}
    .sub3-1-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {margin-bottom: 1.9063vw;/* letter-spacing: 0.0208vw; */}
    .sub3-1-swiper-container .swiper-button-next,
    .sub3-1-swiper-container .swiper-button-prev{ width: 7.8125vw; height: 7.8125vw; border-radius: 50%;  box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 1.0417vw 3.1250vw;}
    .sub3-1-swiper-container .swiper-button-prev:after,
    .sub3-1-swiper-container .swiper-button-next:after {font-size: 3.2552vw !important; }
    
    .sub3-1-swiper-container .swiper-button-next{
        left: 87%;
    }
    .sub3-1-swiper-container .swiper-button-prev {
        left: 6%;
    }


    .sub3-1-collagen-remodelings {}
    .sub3-1-collagen-remodelings .txt-box h3{margin-bottom: 3.9063vw;}
    .sub3-1-collagen-remodelings>.txt-box{} 
    .sub3-1-collagen-remodelings .txt-box .txt-gnb{gap: 4.9948vw;align-items: center;width: 80vw;height: 10.8125vw;margin: auto;margin-bottom: 13.0208vw;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li{ font-family:'Pretendard', sans-serif;  font-size: 2.6042vw; line-height: 3.6458vw;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li::after{ width: 0.2604vw; height: 2.3438vw;   top: 50%; transform: translate(-50%,-50%);}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(1)::after{left: 116%;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(2)::after{left: 116%;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(3)::after{left: 116%;}
    .sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(4)::after{}
    .sub3-1-collagen-remodelings .txt-box .sub-mo-only{display: block;}


    .sub3-1-collagen-remode .point-box{font-family: "Cormorant", serif;  font-size: 2.2643vw;   border-radius: 6.5104vw;  align-items: center; margin-bottom: 3.3854vw;  width: 12.5000vw; height: 4.6875vw; border: 0.2604vw solid #c2b1d8;}
    .sub3-1-collagen-remode .point-box span{font-size: 3.1693vw; margin-left: 0.3906vw;}
    
    .sub3-1-collagen-remode-box{background: url(../sub/img/sub3-1-collagen-remode-2-back.png) no-repeat 50% 50% /cover;}
    .sub3-1-collagen-remode {display: flex;align-items: flex-start;gap: 10.1563vw;flex-direction: column;}
    .sub3-1-collagen-remode .img-box {width: auto;}
    .sub3-1-collagen-remode .img-box img {width: 100%; height: auto;}
    .sub3-1-collagen-remode .txt-box h3 { margin-bottom: 3.2552vw; font-size: 3.9063vw;}
    .sub3-1-collagen-remodelings .sub3-1-collagen-remode-1{margin-bottom: 15.6250vw;}
    .sub3-1-collagen-remode .txt-box p:nth-of-type(1) {margin-bottom: 3.6458vw;  }
    .sub3-1-collagen-remode .txt-box p span{}
    .sub3-1-collagen-remode .txt-box p:nth-of-type(2) {}
    .sub3-1-collagen-remode-2{display: flex;padding-bottom: 17.7344vw;gap: 14.3229vw;flex-direction: column-reverse;}
    .sub3-1-collagen-remode .txt-box .sub-pc-only {display: none;}
    .sub3-1-collagen-remode .txt-box .sub-mo-only {display: block;}


    .sub3-1-collagen-graph { margin: auto; }
    .sub3-1-collagen-graph .txt-box { margin-bottom: 6.5104vw;}
    .sub3-1-collagen-graph .txt-box h4{margin-bottom: 1.9531vw;}
    .sub3-1-collagen-table {margin: auto;   border-spacing: 0.7813vw 0; margin-bottom: 2.6042vw;}
    .sub3-1-collagen-table tbody{margin-left: -19.5313vw;}
    .sub3-1-collagen-table tr td{font-family:'Pretendard', sans-serif; width: 27.4740vw; height: 12.2396vw;  line-height: 3.3047vw;}
    .sub3-1-coll-t-1 td {  font-size: 2.2135vw; }
    .sub3-1-coll-t-1 td:nth-child(1){}
    .sub3-1-coll-t-1 td:nth-child(2){}
    .sub3-1-coll-t-1 td:nth-child(3){}
    .sub3-1-coll-t-1 td:nth-child(4){}
    .sub3-1-coll-t-1 td:nth-child(5){}
    
    
    
    .sub3-1-coll-t-1 td span { font-size: 2.9948vw; margin-bottom: 1.3021vw; }
    .sub3-1-collagen-table{display: none;}

    
    
    .sub3-1-collagen-table-mo {display: block; margin: auto;   border-spacing: 0.3906vw 0.0000vw; margin-bottom: 2.6042vw; }
    .sub3-1-collagen-table-mo tr th{width: 11.9792vw; height: 7.4219vw; top: 50%; left: -15.6250vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% / contain; background-size: 11.7188vw 7.1615vw; font-family: 'Pretendard', sans-serif; font-size: 1.8229vw;  line-height: 7.4219vw;}
    .sub3-1-collagen-table-mo tr th:last-child{background: none;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(1){font-family:'Pretendard', sans-serif; width: 27.4740vw; height: 20.8333vw;  line-height: 3.3047vw;   font-size: 2.2135vw;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(1) span{  font-size: 2.9948vw; margin-bottom: 2.2135vw;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(2) {width: 27.4740vw; height: 20.8333vw;   align-items: center;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box {width: auto;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box img{width: 100%; height: auto;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(3){font-family: 'Pretendard', sans-serif; width: 32.6823vw; height: 20.8333vw;  line-height: 3.3047vw; font-size: 2.0729vw;  border-right: 0.2604vw solid #000;}
    .sub3-1-collagen-table-mo tr td:nth-of-type(2),.sub3-1-collagen-table-mo tr td:nth-of-type(3) { border-bottom: 0.1302vw dashed #888;}
    .sub3-1-collagen-table-mo tr:last-child td{ border-bottom: none;}
    .sub3-1-collagen-table-mo tr:nth-of-type(2) td{border-top: solid 0.1302vw #000;}
    .sub3-1-collagen-table-mo tr:last-child td{border-bottom: solid 0.1302vw #000;}
 
    
    .sub3-1-collagen-effect>.txt-box {}
    .sub3-1-collagen-effect .txt-gnb{gap: 0.9948vw;display: flex;align-items: center;width: 80vw;height: 9.8125vw;margin: auto;margin-bottom: 6.5104vw;flex-wrap: wrap;}
    .sub3-1-collagen-effect .txt-gnb li{font-family:'Pretendard', sans-serif;font-size: 2.6042vw;width: 43%;}
    .sub3-1-collagen-effect .txt-gnb li::after{width: 0.2604vw;height: 2.3438vw;top: 50%;transform: translate(-50%, -50%);}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(1)::after{left: 105%;}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(2)::after{content: none;}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(3)::after{left: 105%;}
    .sub3-1-collagen-effect .txt-gnb li:nth-child(4)::after{}
    
    
    .sub3-1-collagen-effective-box{align-items: center;gap: 9.1146vw;display: flex;flex-direction: column-reverse;}
    .sub3-1-collagen-effective-box .img-box {width: auto;}
    .sub3-1-collagen-effective-box .img-box img {width: 100%; height: auto;}
    .sub3-1-collagen-effective .txt-box h3 {margin-bottom: 2.6042vw;}
    .sub3-1-collagen-effective .txt-box p:nth-of-type(1) {margin-bottom: 3.5156vw;}
    .sub3-1-collagen-effective .txt-box p:nth-of-type(2) {}
    
    .sub3-1-effect-step{align-items: center;gap: 6.3333vw;margin: 8.4635vw 0 8.2031vw;}
    .sub3-1-effect-step li{}
    .sub3-1-effect-step li .img-box{width: 100%;}
    .sub3-1-effect-step li .img-box img{width: auto; height: 100%;}
    .sub3-1-effect-step li:after {content: url(../sub/img/sub3-1-collagen-effectimg_step_arrow.png);left: 109%;top: 50%;width: 1.9531vw;height: 3.9063vw;transform: translateY(-50%);}
    .sub3-1-effect-step li:last-child:after{}
    .sub3-1-efftct.txt-box{ font-family: 'Pretendard', sans-serif; }
    .sub3-1-efftct.txt-box p:nth-of-type(1){ margin-bottom: 3.5156vw;}
    .sub3-1-efftct.txt-box p .sub-mo-only{display: block;}
    
    .sub3-1-collagen-volume {background: url(../sub/img/sub3-1-volumen-box.png) no-repeat 50% 50%/cover; padding: 18.2292vw 0 19.5313vw;}
    /* .sub3-1-volume-box {padding-left: 54.8177vw;} */
    .sub3-1-volume-box {padding-left: 4%;}
    .sub3-1-volume-box .free-txt{  top: -1.3021vw; left: 20.8333vw; opacity: 0.4; font-family: "Cormorant", serif; font-size: 6.5104vw; line-height: 7.3542vw; }
    .sub3-1-volume-box .txt-box h3{margin-bottom: 6.5104vw}
    .sub3-1-volume-box .txt-box p {}
    .sub3-1-volume-box .txt-box p:nth-of-type(1) { margin-bottom: 3.2552vw; }
    .sub3-1-volume-box .txt-box p:nth-of-type(2) {}
    
    .sub3-1-cdam-leftrigtht{margin-top: 7.2396vw;}
    .sub3-1-cdam-rigtht li h4{font-family: 'KoPub Batang';  font-size: 3.2552vw; margin-bottom: 3.2552vw;}
    .sub3-1-cdam-rigtht li h4 span{}
    .sub3-1-cdam-rigtht li .check-box{width: 16.0156vw; height: 4.6875vw; }
    .sub3-1-cdam-rigtht li p{font-family:'Pretendard', sans-serif; font-size: 2.2901vw;  line-height: 3.8168vw; margin-bottom: 10.1781vw; font-weight:400}

    .sub3-1-cdam-csculptra .txt-box h5 {font-family: "Cormorant", serif;  margin-bottom: 3.2552vw;}
    .sub3-1-cdam-csculptra .txt-box h3{font-size: 3.6458vw; line-height: 6.5104vw; }
    .sub3-1-cdam-csculptra .txt-box h3 span{font-size: 4.6875vw; }
    .sub3-1-cdam-csculptra .txt-box p{line-height: 3.9063vw;}
    .sub3-1-8sec {background: url(../sub/img/sub3-1-8sec-back.png) no-repeat 50% 50%/cover;padding: 12.8333vw 0;}
    .sub3-1-8sec .txt-box{ margin-bottom: 9.7656vw;}
    .sub1-0-btn.sub3-1-btn-1 {
        width: 33.7240vw;
        height: 7.6823vw;
        border: #bdaad5 0.1302vw solid;
        border-radius: 6.5104vw;
        
        margin: auto;
    }
    .s1-btn.s3-1-btn-1{
        font-family: 'Pretendard', sans-serif;
        font-size: 2.3438vw;
        
        
        
    }
    .s1-btn.s3-1-btn-1 .t {
        height: 7.6823vw;
        
    }
    .s1-btn.s3-1-btn-1:after {
        
        border-radius: 100%;
        
        height: 100%;
        
        transform: translateY(110%);
        
    }
    
    
    
    .sub3-1-suggest-box .sub3-1-suggestimg-wrapper {display: flex;align-items: center;gap: 11.7188vw;margin-bottom: 8.4635vw;flex-direction: column;}
    .sub3-1-suggestimg{width: auto;}
    .sub3-1-suggestimg img {width: 100%; height: auto;}
    .sub3-1-suggest-box .sub3-1-suggestimg-wrapper p { font-family: 'Pretendard', sans-serif; font-size: 2.3438vw; line-height: 3.6458vw; margin-top: 3.6458vw;  }
    .sub3-1-suggest-box .sub3-1-suggestimg-wrapper p span{ }
    .sub3-1-suggest-box .suggestul{}
    .sub3-1-suggest-box .suggestul li{font-family: 'Pretendard', sans-serif;list-style: disc;font-size: 2.3438vw;line-height: 5.7292vw;/* margin-left: 3vw; */}
    
    .sub3-1-8sec .sub3-1-btn {margin: auto; width: 33.7240vw; height: 7.6823vw;   border-radius: 6.5104vw;}
    .sub3-1-8sec .sub3-1-btn a{  width: 100%; height: 100%;  align-items: center; font-size: 2.3438vw;}
    
    .sub3-1-premium{}
    .sub3-1-premium .txt-box {}
    .sub3-1-premium .txt-box h3{margin-bottom: 5.8594vw;}
    .sub3-1-premium .txt-box h3 span{}
    .sub3-1-premium .txt-box p {margin-bottom: 7.2917vw;}
    
    .sub3-1-premium-box .sub3-1-premium-wrapper{display: flex;align-items: center;gap: 4.1979vw;flex-wrap: wrap;}
    .sub3-1-premium-wrapper li {width: 32.2917vw;}
    .sub3-1-premium-wrapper li .img-box{width: 32.2917vw; height: 34.7656vw;}
    .sub3-1-premium-wrapper li .img-box img {width: 100%; height: auto;}
    .sub3-1-premium-wrapper li .txt-box {}
    .sub3-1-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang';   font-size: 3.0742vw; margin-top: 3.9063vw;}
    .sub3-1-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif;font-size: 2.1393vw;margin-top: 3.3854vw;line-height: 3.4753vw;}
    .sub3-1-premium-wrapper li .txt-box p span{}
    
    .sub3-1_cont11_info_wrap{flex-direction:column;align-items:center;margin-top: 13.2292vw;}
    .sub3-1_cont11_qna_wrap{}
    .sub3-1_cont11_info_wrap .txt-box{ margin-bottom: 8.2031vw;}
    .sub3-1_cont11_info_wrap .txt-box p{ font-family: "Sorts Mill Goudy", serif; padding-bottom: 3.2552vw; font-size: 2.8646vw; }
    .sub3-1_cont11_info_wrap .txt-box p:after{  width: 3.3854vw; height: 0.3906vw;  top: 100%; left: 50%; transform: translateX(-50%);}
    .sub3-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 3.2552vw;}
    .sub3-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
    .sub3-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif;  margin-right: 3.2552vw;}
    .sub3-1_cont11_accordion_wrap{ font-family:'Pretendard', sans-serif; border-top: solid 0.2604vw #686868; border-bottom: solid 0.2604vw #686868;}
    .sub3-1_cont11_que{width: 80vw;padding: 4.9479vw 5.8594vw;cursor: pointer;border-bottom: 0.1302vw solid #ccc;font-size: 2.9948vw;line-height: 5.8620vw;align-items:center;}
    .sub3-1_cont11_anw { overflow-x: hidden; overflow-y: auto;  height: 100%;    padding: 5.2083vw 0; padding-left: 13.0208vw;}
    .sub3-1_cont11_anw p {font-family:'Noto Sans CJK KR', sans-serif; font-size: 2.2148vw;  line-height: 3.9063vw;}
    .sub3-1_cont11_anw .sub-mo-only{display: block;}
    .sub3-1_cont11_anw .sub-pc-only{display: none;}
    .sub3-1_cont11_que.on{
        
        
    }
    .sub3-1_cont11_btn {
         width: 1.8229vw; height: 1.8229vw;
        background:url("../sub/img/sub3-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
        transition: 0.3s 0.1s ease; 
    }
    .sub3-1_cont11_que.on > .sub3-1_cont11_btn{
         width: 1.8229vw; height: 0.2604vw;
        background:url("../sub/img/sub3-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
    }
    .value3-1 .txt-box{}
    .value3-1 .txt-box h3 {margin-bottom: 9.8958vw;}
    .value3-1 .txt-box .img-box{margin-bottom: 2.6042vw;}
    .value-hover-box h4{font-family: 'KoPub Batang'; font-size: 3.0521vw;  margin-top: 5.2083vw;}
    .value-hover2 li:hover .img-boxs img{filter: brightness(0.6);}
    .value-hover2 li:hover .img-boxs p{opacity: 1;}
    .value3-1 .value-hover2{ }
    .value3-1 .value-hover2 li{ flex-direction: column; align-items: center;}
    .value3-1 .value-hover2 .img-boxs{width: 36.3802vw;height: 52.6563vw; }
    .value3-1 .value-hover2 .img-boxs .img-box{ width: 100%; height: 100%; top: 0; left: 0;}
    .value3-1 .value-hover2 .img-boxs .img-box img{width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6);}
    .value3-1 .value-hover-box2 .img-boxs p{ top: 80%; left: 50%;transform: translateX(-50%); width: 100%;  font-family:'Pretendard', sans-serif; font-size: 2.1237vw; line-height: 1.5;  opacity: 1;  letter-spacing: 0.0417vw; }
    .value3-1 .value-hover-box2 h4{font-family: 'KoPub Batang';font-size: 3.0521vw;margin-top: 2.2083vw;margin-bottom: 3.2083vw;}
    .value-hover-box .img-boxs p{ top: 80%; left: 50%;  width: 100%;  font-family:'Pretendard', sans-serif; font-size: 2.1237vw; line-height: 1.5;  opacity: 0; transition: all 1s ease-in-out;} 
    .sub2-2-collagen-beauty {margin-bottom: 14.7396vw;}

}
@media(max-width: 480px){


/* 공통 */
.txt-box h3{font-family: 'KoPub Batang';font-size: 5.5vw;line-height: 7.625vw;margin-bottom: 6.2500vw;letter-spacing:-0.0667vw;}
.txt-box h3 span{}
.txt-box p{font-family:'Pretendard', sans-serif;font-size: 3.55vw !important;line-height: 5.8333vw;}
.sub-side-padding{padding: 0 6.2500vw;}

.sub2-1-intro {background: url(../sub/img/sub3-1head-back.png) no-repeat 50% 50% /cover;}
.sub-3-1-padding{padding: 0.0000vw 6.2500vw;}
.sub-3-1-margin{margin: 20.4167vw 0.0000vw;}

.sub3-1-injection{padding: 8.4167vw 6.2500vw;gap: 4.1667vw;background: url(../sub/img/sub3-1-colltouchback.png) no-repeat 50% 50% /cover;}
.sub3-1-injection .txt-box h3{margin-bottom: 8.7500vw;}
.sub3-1-injection .txt-box h4 {font-family: 'KoPub Batang'; font-size: 5.0000vw; margin-bottom: 5.0000vw;}
.sub3-1-injection .txt-box p {
    width: 100%;
    margin-bottom: 5.4167vw;
    font-family: 'Pretendard', sans-serif;
    font-size: 3.1500vw;
    line-height: 5.1333vw;
}
.sub3-1-injection .txt-box p:nth-of-type(1) { }
.sub3-1-injection .txt-box p:nth-of-type(2) { }
.sub3-1-injection .img-box{width: auto;}
.sub3-1-injection .img-box img{width: 100%; height: auto}

.sub3-1-swiper-map {margin-top: 0;  padding: 34.3750vw 0;}
.sub3-1-swiper-map .txt-box{text-align: center}
.sub3-1-swiper-map .txt-box h3{margin-bottom: 8.3333vw;}
.sub3-1-swiper-map .txt-box p{margin-bottom: 13.3333vw; }
.sub3-1-swiper-map .txt-box p .sub-mo-only{display: block;}
.sub3-1-tabs {margin-bottom: 11.4583vw;gap: 1.7083vw;}
.sub3-1-tab {width: 29.3750vw; height: 11.0417vw; align-items: center ; font-family:'Pretendard', sans-serif; font-size: 3.7667vw;  cursor: pointer;  border-bottom: 0.2083vw solid #a3a3a3;}
.sub3-1-tab.active {  border-bottom: 0.6250vw solid #bdaad5;}

.sub3-1-swiper-container{max-width: 270.8333vw; width: 100%;}
.sub3-1-swiper-slide{align-items: center;padding: 5.0000vw;}
.sub3-1-swiper-slide .slide-box{display: flex;width: 80vw;height: 100vw;border-radius: 2.0833vw;background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 0.8333vw 5.0000vw;align-items: center;gap: 12.2917vw;overflow-y: scroll;flex-direction: column;justify-content: flex-start;}
.sub3-1-swiper-slide .slide-box .s3-1-simg{padding-top: 13vw;width: 89%;}
.sub3-1-swiper-slide .slide-box .s3-1-simg img {width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus{top: 35.4167vw; left: 83.9583vw; cursor: pointer;}
.sub3-1-swiper-slide .slide-box .s3-1-plus2{ top: 43.7500vw; left: 86.8750vw;}
.sub3-1-swiper-slide .slide-box .s3-1-plus .img-box{width: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus .img-box img{width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover{ top: 35.4167vw; opacity: 0; }
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover2 {top: 41.6667vw;left: 94.1667vw;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box{width: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus-hover .img-box img{width: 100%; height: auto;}
.sub3-1-swiper-slide .slide-box .s3-1-plus:hover ~ .s3-1-plus-hover{opacity: 1;}

.sub3-1-swiper-slide .slide-box .slide-txt h3{font-family: 'KoPub Batang';font-size: 4.8333vw;margin-bottom: 6.2500vw;letter-spacing: -0.0333vw;}

.sub3-1-swiper-slide .slide-box .slide-txt h4{font-family:'Pretendard', sans-serif;font-size: 3.4583vw;margin-bottom: 6.2500vw;line-height: 6.0417vw;letter-spacing: -0.0333vw;}
.sub3-1-swiper-slide .slide-box .slide-txt h4 span{  border-left: 0.2083vw solid #fff; margin-left: 0.3646vw;}
.sub3-1-swiper-slide .slide-box .slide-txt h4 span::before{  width: 0.4167vw; height: 100%;  left: -1.4583vw; top: 0;}
.sub3-1-swiper-slide .slide-box .slide-txt p{font-family:'Pretendard', sans-serif;font-size: 3.1417vw;line-height: 6.2500vw;letter-spacing: -0.0333vw;}
.sub3-1-swiper-slide .slide-box .slide-txt p:nth-of-type(1) {margin-bottom: 6.2500vw;/* letter-spacing: 0.0333vw; */}
.sub3-1-swiper-container .swiper-button-next,
.sub3-1-swiper-container .swiper-button-prev{ display:none;width: 12.5000vw; height: 12.5000vw; border-radius: 50%;  box-shadow: rgba(149, 157, 165, 0.2) 0.0000vw 1.6667vw 5.0000vw;}
.sub3-1-swiper-container .swiper-button-prev:after,
.sub3-1-swiper-container .swiper-button-next:after {font-size: 5.2083vw !important; }
.sub3-1-swiper-slide .slide-txt .sub-mo-only {display: block;}
.sub3-1-swiper-slide .slide-txt .sub-pc-only {display: none;}


.sub3-1-collagen-remodelings {}
.sub3-1-collagen-remodelings .txt-box h3{margin-bottom: 6.2500vw;}
.sub3-1-collagen-remodelings>.txt-box{} 
.sub3-1-collagen-remodelings .txt-box .txt-gnb{gap: 4.7917vw;align-items: center;width: 87vw;height: 12.5000vw;margin: auto;margin-bottom: 20.8333vw;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li{font-family:'Pretendard', sans-serif;font-size: 3.1667vw;line-height: 3.8333vw;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li::after{ width: 0.4167vw; height: 3.7500vw;   top: 50%; transform: translate(-50%,-50%);}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(1)::after{left: 114%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(2)::after{left: 114%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(3)::after{left: 114%;}
.sub3-1-collagen-remodelings .txt-box .txt-gnb li:nth-child(4)::after{}
.sub3-1-collagen-remode .point-box{font-family: "Cormorant", serif;  font-size: 3.6229vw;   border-radius: 10.4167vw;  align-items: center;  margin-bottom: 5.4167vw;  width: 20.0000vw; height: 7.5000vw; border: 0.4167vw solid #c2b1d8;}
.sub3-1-collagen-remode .point-box span{font-size: 5.0708vw; margin-left: 0.6250vw;}

.sub3-1-collagen-remode-box{background: url(../sub/img/sub3-1-collagen-remode-2-back.png) no-repeat 50% 50% /cover;}
.sub3-1-collagen-remode {align-items: center;gap: 6.25vw;}
.sub3-1-collagen-remode .img-box {width: auto;}
.sub3-1-collagen-remode .img-box img {width: 100%; height: auto;}
.sub3-1-collagen-remode .txt-box h3 { margin-bottom: 5.2083vw; font-size: 6.2500vw;}
.sub3-1-collagen-remodelings .sub3-1-collagen-remode-1{margin-bottom: 25.0000vw;}
.sub3-1-collagen-remode .txt-box p:nth-of-type(1) {margin-bottom: 5.8333vw;  }
.sub3-1-collagen-remode .txt-box p span{}
.sub3-1-collagen-remode .txt-box p:nth-of-type(2) {}
.sub3-1-collagen-remode-2{padding-bottom: 44.3750vw;gap: 6.25vw;}

.sub3-1-collagen-graph { margin: auto; }
.sub3-1-collagen-graph .txt-box { margin-bottom: 10.4167vw;}
.sub3-1-collagen-graph .txt-box h4{margin-bottom: 3.1250vw;}
.sub3-1-collagen-table {margin: auto;   border-spacing: 1.2500vw 0; margin-bottom: 4.1667vw;}
.sub3-1-collagen-table tbody{margin-left: -31.2500vw;}
.sub3-1-collagen-table tr td{font-family:'Pretendard', sans-serif; width: 43.9583vw; height: 19.5833vw;  line-height: 5.2875vw;}
.sub3-1-coll-t-1 td {  font-size: 3.5417vw; }
.sub3-1-coll-t-1 td:nth-child(1){}
.sub3-1-coll-t-1 td:nth-child(2){}
.sub3-1-coll-t-1 td:nth-child(3){}
.sub3-1-coll-t-1 td:nth-child(4){}
.sub3-1-coll-t-1 td:nth-child(5){}



.sub3-1-coll-t-1 td span { font-size: 4.7917vw; margin-bottom: 2.0833vw; }
.sub3-1-collagen-table tr:nth-of-type(2){}
.sub3-1-collagen-table tr:nth-of-type(3){}
.sub3-1-collagen-table tr:nth-of-type(2):after{ content: "모양"; width: 19.1667vw; height: 11.8750vw; top: 50%; left: -25.0000vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain; background-size: 18.7500vw 11.4583vw; border: none; padding: 0; font-family:'Pretendard', sans-serif; font-size: 2.9167vw;  line-height: 11.8750vw;}
.sub3-1-collagen-table tr:nth-of-type(3):after{ content: "특징"; width: 19.1667vw; height: 11.8750vw; top: 50%; left: -25.0000vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% /contain; background-size: 18.7500vw 11.4583vw; border: none; padding: 0; font-family:'Pretendard', sans-serif; font-size: 2.9167vw;  line-height: 11.8750vw;}
.sub3-1-collagen-table tr:nth-of-type(2) td{border-bottom: 0.2083vw dashed #888;}
.sub3-1-collagen-table tr:nth-of-type(2) td {padding: 5.2083vw 5.6250vw;}
.sub3-1-collagen-table tr:nth-of-type(2) td .img-box {width: auto; }
.sub3-1-collagen-table tr:nth-of-type(2) td .img-box img{width: 100%; height: auto;}
.sub3-1-collagen-table tr:nth-of-type(3) td{}
.sub3-1-collagen-table tr:nth-last-child(1) td{height: 35.8333vw; border-bottom: 0.4167vw solid #000; font-size: 3.3167vw;  padding-top: 7.7083vw;  letter-spacing:-0.0333vw; line-height: 5.2667vw;}
.sub3-1-collagen-table .sub3-1-coll-t-1 .coll-t-1-5 { }
.sub3-1-collagen-graph .img-box.gauge{max-width: 225.0000vw; height: 9.1667vw; margin: auto;}
.sub3-1-collagen-graph .img-box.gauge img{width: 100%; height: auto; object-fit: contain;}


.sub3-1-collagen-table-mo {margin: auto;   border-spacing: 0.6250vw 0.0000vw; margin-bottom: 4.1667vw; }
.sub3-1-collagen-table-mo tr th{width: 19.1667vw; height: 11.8750vw; top: 50%; left: -25.0000vw; transform: translateY(-50%); background: url(../sub/img/sub3-1-cirback.png) no-repeat 50% 50% / contain; background-size: 18.7500vw 11.4583vw; font-family: 'Pretendard', sans-serif; font-size: 2.9167vw;  line-height: 11.8750vw;}
.sub3-1-collagen-table-mo tr th:last-child{background: none;}
.sub3-1-collagen-table-mo tr td:nth-of-type(1){font-family:'Pretendard', sans-serif;width: 68.9583vw;height: 33.3333vw;line-height: 5.2875vw;font-size: 3.1417vw;}
.sub3-1-collagen-table-mo tr td:nth-of-type(1) span{  font-size: 4.7917vw; margin-bottom: 3.5417vw;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2) {width: 24.9583vw;height: 33.3333vw;align-items: center;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box {width: 90%;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2) .img-box img{width: 100%; height: auto;}
.sub3-1-collagen-table-mo tr td:nth-of-type(3){font-family: 'Pretendard', sans-serif;width: 122.2917vw;height: 33.3333vw;line-height: 4.2875vw;font-size: 2.9167vw;border-right: 0.4167vw solid #000;}
.sub3-1-collagen-table-mo tr td:nth-of-type(2),.sub3-1-collagen-table-mo tr td:nth-of-type(3) { border-bottom: 0.2083vw dashed #888;}
.sub3-1-collagen-table-mo tr:last-child td{ border-bottom: none;}
.sub3-1-collagen-table-mo tr:nth-of-type(2) td{border-top: solid 0.2083vw #000;}
.sub3-1-collagen-table-mo tr:last-child td{border-bottom: solid 0.2083vw #000;}



.sub3-1-collagen-effect>.txt-box {}
.sub3-1-collagen-effect .txt-gnb{gap: 0.7917vw 2.7917vw;align-items: center;width: 88vw;height: 22.5vw;margin: auto;margin-bottom: 10.4167vw;}
.sub3-1-collagen-effect .txt-gnb li{font-family:'Pretendard', sans-serif;font-size: 3.1667vw;}
.sub3-1-collagen-effect .txt-gnb li::after{width: 0.4167vw;height: 3.7500vw;top: 50%;transform: translate(-50%, -50%);}
.sub3-1-collagen-effect .txt-gnb li:nth-child(1)::after{left: 104%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(2)::after{left: 111%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(3)::after{left: 104%;}
.sub3-1-collagen-effect .txt-gnb li:nth-child(4)::after{}


.sub3-1-collagen-effective-box{align-items: center;gap: 14.5833vw;}
.sub3-1-collagen-effective-box .img-box {width: auto;}
.sub3-1-collagen-effective-box .img-box img {width: 100%; height: auto;}
.sub3-1-collagen-effective .txt-box h3 {margin-bottom: 4.1667vw;}
.sub3-1-collagen-effective .txt-box p:nth-of-type(1) {margin-bottom: 5.6250vw;}
.sub3-1-collagen-effective .txt-box p:nth-of-type(2) {}
.sub3-1-collagen-effective .txt-box .sub-mo-only{display: block;}
.sub3-1-effect-step{align-items: center;gap: 5.3333vw;margin: 13.5417vw 0 13.1250vw;}
.sub3-1-effect-step li{}
.sub3-1-effect-step li .img-box{width: 100%;}
.sub3-1-effect-step li .img-box img{width: auto; height: 100%;}
.sub3-1-effect-step li:after {content: url(../sub/img/sub3-1-collagen-effectimg_step_arrow.png);left: 105%;top: 50%;width: 3.125vw;height: 6.25vw;transform: translateY(-50%);}
.sub3-1-effect-step li:last-child:after{}
.sub3-1-efftct.txt-box{ font-family: 'Pretendard', sans-serif; }
.sub3-1-efftct.txt-box p:nth-of-type(1){ margin-bottom: 5.6250vw;}


.sub3-1-collagen-volume {background: url(../sub/img/sub3-1-volumen-box.png) no-repeat 50% 50%/cover; padding: 29.1667vw 0 31.2500vw;}
/* .sub3-1-volume-box {padding-left: 87.7083vw;} */
.sub3-1-volume-box {padding-left: 4%;}
.sub3-1-volume-box .free-txt{  top: -2.0833vw; left: 33.3333vw; opacity: 0.4; font-family: "Cormorant", serif; font-size: 10.4167vw; line-height: 11.7667vw; }
.sub3-1-volume-box .txt-box h3{margin-bottom: 10.4167vw}
.sub3-1-volume-box .txt-box p {}
.sub3-1-volume-box .txt-box p:nth-of-type(1) { margin-bottom: 5.2083vw; }
.sub3-1-volume-box .txt-box p:nth-of-type(2) {}

.sub3-1-cdam-leftrigtht{margin-top: 19.5833vw;width: 100%;}
.sub3-1-cdam-rigtht li h4{font-family: 'KoPub Batang';  font-size: 5.2083vw; margin-bottom: 5.2083vw;}
.sub3-1-cdam-rigtht li h4 span{}
.sub3-1-cdam-rigtht li .check-box{width: 25.6250vw; height: 7.5000vw; }
.sub3-1-cdam-rigtht li p{font-family:'Pretendard', sans-serif;font-size: 3.5500vw;line-height: 6.85vw;margin-bottom: 16.6667vw;font-weight:400}

.sub3-1-cdam-csculptra .txt-box h5 {font-family: "Cormorant", serif;  margin-bottom: 5.2083vw;}
.sub3-1-cdam-csculptra .txt-box h3{font-size: 5.8333vw; line-height: 10.4167vw; }
.sub3-1-cdam-csculptra .txt-box h3 span{font-size: 6.5vw; }
.sub3-1-cdam-csculptra .txt-box p{line-height: 6.2500vw;}

.sub3-1-8sec {background: url(../sub/img/sub3-1-8sec-back.png) no-repeat 50% 50%/cover; padding: 20.3333vw 0;}
.sub3-1-8sec .txt-box{ margin-bottom: 15.6250vw;}
.sub1-0-btn.sub3-1-btn-1 {
    width: 53.9583vw;
    height: 12.2917vw;
    border: #bdaad5 0.2083vw solid;
    border-radius: 10.4167vw;
    
    margin: auto;
}
.s1-btn.s3-1-btn-1{
    font-family: 'Pretendard', sans-serif;
    font-size: 3.7500vw;
    
    
    
}
.s1-btn.s3-1-btn-1 .t {
    height: 12.2917vw;
    
}
.s1-btn.s3-1-btn-1:after {
    
    border-radius: 100%;
    
    height: 100%;
    
    transform: translateY(110%);
    
}



.sub3-1-suggest-box .sub3-1-suggestimg-wrapper { align-items: flex-start; gap: 8.7500vw; margin-bottom: 13.5417vw;}
.sub3-1-suggestimg{width: auto;}
.sub3-1-suggestimg img {width: 100%; height: auto;}
.sub3-1-suggest-box .sub3-1-suggestimg-wrapper p { font-family: 'Pretendard', sans-serif; font-size: 3.7500vw; line-height: 5.8333vw; margin-top: 5.8333vw;  }
.sub3-1-suggest-box .sub3-1-suggestimg-wrapper p span{ }
.sub3-1-suggest-box .suggestul{}
.sub3-1-suggest-box .suggestul li{font-family: 'Pretendard', sans-serif;list-style: disc;font-size: 3.7500vw;line-height: 9.1667vw;margin-left: 6.2500vw;}

.sub3-1-8sec .sub3-1-btn {margin: auto; width: 53.9583vw; height: 12.2917vw;   border-radius: 10.4167vw;}
.sub3-1-8sec .sub3-1-btn a{  width: 100%; height: 100%;  align-items: center; font-size: 3.7500vw;}

.sub3-1-premium{}
.sub3-1-premium .txt-box {}
.sub3-1-premium .txt-box h3{margin-bottom: 9.3750vw;}
.sub3-1-premium .txt-box h3 span{}
.sub3-1-premium .txt-box p {margin-bottom: 11.6667vw;}

.sub3-1-premium-box .sub3-1-premium-wrapper{ align-items: flex-start;gap: 4.1979vw;flex-wrap: wrap;}
.sub3-1-premium-wrapper li {width: 40.6667vw;}
.sub3-1-premium-wrapper li .img-box{width: 100%; height:100%;}
.sub3-1-premium-wrapper li .img-box img {width: 100%; height: auto;}
.sub3-1-premium-wrapper li .txt-box {}
.sub3-1-premium-wrapper li .txt-box h4 {font-family: 'KoPub Batang';   font-size: 4.9188vw; margin-top: 6.2500vw;}
.sub3-1-premium-wrapper li .txt-box p {font-family:'Pretendard', sans-serif;font-size: 3.4229vw;margin-top: 5.4167vw;line-height: 5.5604vw;}
.sub3-1-premium-wrapper li .txt-box p span{}

.sub3-1_cont11_info_wrap{  flex-direction:column; align-items:center; margin-top: 29.1667vw;}
.sub3-1_cont11_qna_wrap{}
.sub3-1_cont11_info_wrap .txt-box{ margin-bottom: 13.1250vw;}
.sub3-1_cont11_info_wrap .txt-box p{ font-family: "Sorts Mill Goudy", serif; padding-bottom: 5.2083vw; font-size: 4.5833vw; }
.sub3-1_cont11_info_wrap .txt-box p:after{  width: 5.4167vw; height: 0.6250vw;  top: 100%; left: 50%; transform: translateX(-50%);}
.sub3-1_cont11_info_wrap .txt-box h3{font-family: 'KoPub Batang'; padding-top: 5.2083vw;}
.sub3-1_cont11_container.bg_line_1::before{transition: width 1.5s ease-in-out;}
.sub3-1_cont11_que p span{font-family: "Sorts Mill Goudy", serif;  margin-right: 2.2vw;}
.sub3-1_cont11_accordion_wrap{ font-family:'Pretendard', sans-serif; border-top: solid 0.4167vw #686868; border-bottom: solid 0.4167vw #686868;}
.sub3-1_cont11_que{width: 88.5833vw;
        padding: 5.9167vw 5.375vw;
        cursor: pointer;
        border-bottom: 0.2083vw solid #ccc;
        font-size: 4.1917vw;
        line-height: 6.3792vw;
        align-items: center;}
.sub3-1_cont11_anw { overflow-x: hidden; overflow-y: auto;  height: 100%;    padding:8.3vw;}
.sub3-1_cont11_anw p {font-family:'Noto Sans CJK KR', sans-serif; font-size: 3.5438vw;  line-height: 6.2500vw;}
.sub3-1_cont11_que.on{
    
    
}
.sub3-1_cont11_btn {
     width: 2.9167vw; height: 2.9167vw;
    background:url("../sub/img/sub3-1_cont11_btn_plus.png") 50% 50%/cover no-repeat;
    transition: 0.3s 0.1s ease; 
}
.sub3-1_cont11_que.on > .sub3-1_cont11_btn{
     width: 2.9167vw; height: 0.4167vw;
    background:url("../sub/img/sub3-1_cont11_btn_close.png") 50% 50%/cover no-repeat;
}
.value3-1 .txt-box{}
.value3-1 .txt-box h3 {margin-bottom: 15.8333vw;}
.value3-1 .txt-box .img-box{margin-bottom: 4.1667vw;}
.value-hover-box h4{font-family: 'KoPub Batang'; font-size: 4.8833vw;  margin-top: 8.3333vw;}
.value-hover2 li:hover .img-boxs img{filter: brightness(0.6);}
.value-hover2 li:hover .img-boxs p{opacity: 1;}
.value3-1 .value-hover2{}
.value3-1 .value-hover2 li{ flex-direction: column; align-items: center;}
.value3-1 .value-hover2 .img-boxs{ width: 90.2083vw; height: 116.2500vw;}
.value3-1 .value-hover2 .img-boxs .img-box{ width: 100%; height: 100%; top: 0; left: 0;}
.value3-1 .value-hover2 .img-boxs .img-box img{width: 100%; height: 100%; object-fit: cover;}
.value3-1 .value-hover-box2 .img-boxs p{ top: 74%; left: 50%;transform: translateX(-50%); width: 100%;  font-family:'Pretendard', sans-serif; font-size: 2.9979vw; line-height: 1.5;  letter-spacing: 0.0667vw;}
.value3-1 .value-hover-box2 h4{font-family: 'KoPub Batang'; font-size: 3.8833vw;  margin-top: 5.3333vw;}
.value-hover-box .img-boxs p{ top: 80%; left: 50%;  width: 100%;  font-family:'Pretendard', sans-serif; font-size: 3.3979vw; line-height: 1.5;  opacity: 0; transition: all 1s ease-in-out;}

.sub2-1-intro .sub2-1-txtbox h1{font-size: 8.9412vw;
        margin-bottom: 7.0588vw;}
.sub2-1-intro .sub2-1-txtbox p{font-size: 4.2353vw;
        line-height: 7.0588vw;
        margin-bottom: 14.1176vw;}
.txt-box h3{line-height: 8.625vw;font-size: 6.1667vw !important;}

}