.sub_wrap.rh-collagen .pro_visual #main_01 .slide_img { background-image: url(../img/geneselabs/sub/rh_collagen_bg.png); border-radius: 150px 30px 30px 30px; }
/* proluma-rh-collagen */

.rh-collagen .pro_visual .contents{top: 208px; left: 256px;}

.sub_wrap.rh-collagen .sub_sec01 { position: relative; }
.sub_wrap.rh-collagen .sub_sec01 .inner { width: 1600px; margin: 0 auto; padding: 136px 0; box-sizing: border-box; }
.sub_wrap.rh-collagen .sub_sec01 .inner .tit { width: 100%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .tit span { display: block; font-size: 24px; font-weight: 300; text-align: center; line-height: 32px; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap {position: relative;  margin: 116px auto 0; width: 1246px; display: flex; align-items: center;}
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .bg_wrap{position: absolute; width: 240px; padding-left: 30px;}
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .bg_wrap img { width: 100%; animation: floatUpDown2 4s ease-in-out infinite; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap { position: relative; padding-left: 170px; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip { position: absolute; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot { position: relative; width: 10px; height: 10px; background-color: #fff; outline: 10px solid #E31D37; border-radius: 500px; cursor: pointer; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot:hover .text_wrap p { display: block; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap { position: absolute; width: max-content; border-radius: 40px; transform: translate(116px, -8px); }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap.right { text-align: right; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap.left { text-align: left; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap span { font-size: 20px; font-weight: 500; line-height: 28px; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap p { display: none; margin-top: 10px; font-size: 16px; font-weight: 300; line-height: 28px; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.one { top: 8%; left: 63%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.two { top: 20%; right: 15%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.three { top: 32%; right: 4.5%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.four { top: 44%; right: -0.5%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.five { bottom: 44%; right: -0.5%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.six { bottom: 32%; right: 4.5%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.seven { bottom: 20%; right: 15%; }
.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.eight { bottom: 8%; left: 63%; }

.sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot > span { position: absolute; left: -100%; top: -100%; opacity: 0; margin: 0; width: 300%; height: 300%; border: 1px solid rgba(227, 29, 55, 0.5); border-radius: 50%; animation: active-circle 1.5s cubic-bezier(1, 2, 0.66, 3) infinite; }
@keyframes active-circle {
0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; }
50% { opacity: 1.0; }
100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}




.sub_wrap.rh-collagen .sub_sec02 { position: relative; background-image: url(../img/geneselabs/sub/rh_collagen_sec02_bg.png); background-size: cover; background-repeat: no-repeat; padding: 96px 0 ; box-sizing: border-box;}
.sub_wrap.rh-collagen .sub_sec02 .inner { width: 1400px; margin: 0 auto;}
.sub_wrap.rh-collagen .sub_sec02 .inner .tit { width: 100%; }
.sub_wrap.rh-collagen .sub_sec02 .inner .tit span { display: block; font-size: 32px; font-weight: bold; text-align: center; color: #DB0816; text-transform: uppercase;}
.sub_wrap.rh-collagen .sub_sec02 .inner .tit p{margin-top: 24px; font-size: 16px; line-height: 24px; font-weight: 400; text-align: center;}
.sub_wrap.rh-collagen .sub_sec02 .inner .tit p+p{margin-top: 18px;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont{margin-top: 120px;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont>span{display: block; margin: 0 auto; font-size: 24px; font-weight: bold; color: #434345; line-height: 28px; text-transform: uppercase; text-align: center;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul{display: flex; flex-wrap: wrap; width: 100%; gap: 16px; margin-top: 56px;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li{position: relative; display: flex; flex-direction: column; padding: 36px 42px; width: calc(((100% - 32px)/3)); height: 400px; border-radius: 50px; background-color: #fff; text-align: center; overflow: hidden;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .step{display: block; width: fit-content; font-size: 22px; font-weight: bold; color: #DB0816;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info img{width: fit-content; margin-top: 42px;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info span{display: block; margin-top: 32px; font-size: 22px; line-height: 28px; font-weight: 500;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info p{margin-top: 6px; font-size: 16px; line-height: 24px; font-weight: 400; color: #5e5e5e;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li:last-child{padding: 0;}
.sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li>img{width: 100%; height: 100%;}

.sub_wrap.rh-collagen .sub_sec03 { position: relative; background-image: url(../img/geneselabs/sub/rh_collagen_sec03_bg.png); background-size: cover; background-repeat: no-repeat; padding: 96px 0; box-sizing: border-box;}
.sub_wrap.rh-collagen .sub_sec03 .inner { width: 1600px; margin: 0 auto;}
.sub_wrap.rh-collagen .sub_sec03 .inner .tit { width: 100%; }
.sub_wrap.rh-collagen .sub_sec03 .inner .tit span { display: block; font-size: 32px; font-weight: bold; text-align: center; color: #DB0816; text-transform: uppercase;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap{width: 860px; margin: 52px auto 0; padding: 42px 0; box-sizing: border-box;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .inner_box{position: relative; display: flex; justify-content: space-between; width: 100%; height: 672px; border-radius: 50px; padding-top: 24px; background-color: #fff; border: 1px solid #E5E5E5; box-sizing: border-box;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap ul.compare_labels{display: flex; flex-direction: column; width: 240px;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap ul.compare_labels li{display: flex; align-items: center; width: 100%; padding-left: 32px; height: 72px; font-size: 18px; font-weight: 600; color: #DB0816; border-bottom: 1px solid #E5E5E5;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap ul.compare_labels li:last-child{border-bottom: 0;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card{width: 280px;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card.center{position: absolute; display: flex; align-items: center; top: -42px; left: 240px; width: 340px; padding: 42px 0; border-radius: 50px; background: linear-gradient(180deg, #E31D37 0%, #470E14 100%);}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card ul{display: flex; flex-direction: column; width: 100%;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card.center ul{margin-top: 24px;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card li{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 72px; font-size: 15px; line-height: 120%; font-weight: 400; color: #8e8e8e; border-bottom: 1px solid #E5E5E5; text-align: center;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card.center li{font-size: 18px; color: #fff; font-weight: 400; border-bottom: 1px solid #D85E68;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card li:first-child{font-weight: bold; letter-spacing: -5%; font-size: 18px;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card li:first-child small{font-weight: 400;}
.sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap .compare_card li:last-child{border-bottom: 0;}
.sub_wrap.rh-collagen .sub_sec03 .inner .mobile_text{display: none;}
.sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare{display: none;}




.sub_wrap.rh-collagen .sub_sec04 {position: relative; padding: 136px 0; box-sizing: border-box; border-bottom: 1px solid #f5f5f5;}
.sub_wrap.rh-collagen .sub_sec04 .inner {width: 1600px; margin: 0 auto; }
.sub_wrap.rh-collagen .sub_sec04 .inner .tit {width: 100%; }
.sub_wrap.rh-collagen .sub_sec04 .inner .tit span {display: block; font-size: 32px; font-weight: bold; text-align: center; color: #DB0816; text-transform: uppercase;}
.sub_wrap.rh-collagen .sub_sec04 .inner .tit p{margin-top: 24px; font-size: 16px; line-height: 24px; font-weight: 400; text-align: center;}
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1000px; margin: 96px auto 0;  z-index: 30; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .img_wrap{position: relative; width: fit-content;}
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .img_wrap img{animation: floatUpDown2 4s ease-in-out infinite;}
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1100px; height: 100%; z-index: 30; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type { position: absolute; z-index: 30; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.right { text-align: right; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .tip_head { display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.right .tip_head { justify-content: flex-end; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .label { font-size: 18px; line-height: 1.3; font-weight: bold; color: #DB0816; white-space: nowrap; flex-shrink: 0; width: 100%; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .line { display: block; flex: 1; min-width: 40px; height: 1px; background-color: #DB0816; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .dot { position: relative; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #DB0816; flex: 0 0 12px; cursor: pointer; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .dot::before {content:""; position:absolute; left:0; top:0; opacity:0; margin:0; width:12px; height:12px; border:1px solid rgba(227, 29, 55, 0.5); border-radius:50%; animation:active-circle 1.5s cubic-bezier(1, 2, 0.66, 3) infinite;}
.sub_wrap.rh-collagen .sub_sec04 .inner .type_txt{display: none;}
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type ul { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; font-size: 16px;}
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type ul li {font-size: 16px; line-height: 20px; color: #5e5e5e; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.one { left: 0; top: 6%; width: 50%; }
.sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.two { right: 0; top: 62%; width: 49%; }


.sub_wrap.rh-collagen .sub_sec05 {position: relative; padding: 136px 0 96px; box-sizing: border-box;}
.sub_wrap.rh-collagen .sub_sec05 .inner {width: 1600px; margin: 0 auto; }
.sub_wrap.rh-collagen .sub_sec05 .inner .tit {width: 100%; }
.sub_wrap.rh-collagen .sub_sec05 .inner .tit span {display: block; font-size: 32px; font-weight: bold; text-align: center; color: #DB0816; text-transform: uppercase;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin-top: 42px;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .img_wrap{position: absolute; right: 3%; top: 9.5%;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .img_wrap img{width: 100%;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top{display: flex; flex-direction: column; align-items: center; width: 1000px;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top span{display: block; width: fit-content; font-size: 24px; font-weight: bold; color: #434343; text-transform: uppercase;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top .box{display: flex; flex-direction: column; gap: 20px; margin-top: 24px; width: 100%; border: 1px solid #f0f0f0; border-radius: 30px; background-color: rgb(248,248,248,0.3); padding: 36px 42px; box-sizing: border-box; backdrop-filter: blur(2px); box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.04);}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top .box p{font-size: 16px; line-height: 24px; text-align: center;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .bot{display: flex; flex-direction: column; align-items: center; margin-top: 72px; width: 100%;}
.sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .bot span{display: block; width: fit-content; font-size: 24px; font-weight: bold; color: #434343; text-transform: uppercase;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap { width: 100%; margin-top: 32px; }
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box { position: relative; width: 100%; }
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item { position: relative; perspective: 300px; display: flex; justify-content: center; align-items: center; width: 100%; }
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list .pin-spacer { margin-bottom: 24px !important; padding-bottom: 0px !important; height: 398px !important; }
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container { overflow: hidden; position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 398px; min-height: 300px; border-radius: 30px; filter: brightness(1); background-color: #FFFDFD;  backdrop-filter: blur(2px); border: 1px solid rgba(219,8,22,0.1); transition: background-color 0.3s ease;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item.active .gsap_container {background-color: #FFFDFD;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container>span{font-size: 22px; font-weight: bold; line-height: 28px; color: #DB0816;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text{margin-top: 16px;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text p{font-size: 22px; line-height: 28px; font-weight: 400; text-align: center;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text ul{display: flex; flex-direction: column; align-items: center; margin-top: 10px;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text ul li{font-size: 16px; line-height: 24px; color: #5e5e5e; text-align: center;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text ul li:last-child{font-weight: 500; color: #111;}
.sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text ul li b{color: #DB0816;}




.sub_wrap.rh-collagen .sub_sec06 { width: 100%; background-image: url(../img/geneselabs/sub/rh_collagen_sec02_bg.png); background-size: cover; background-repeat: no-repeat; box-sizing: border-box; overflow: hidden; }
.sub_wrap.rh-collagen .sub_sec06 > .inner { max-width: 1600px; width: calc(100% - 40px); margin: 0 auto; padding: 136px 0 0; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .tit { width: fit-content; margin: 0 auto; text-align: center; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .tit span { font-size: 32px; line-height: 38px; font-weight: bold; color: #DB0816; }
.sub_wrap.rh-collagen .sub_sec06 .inner .treament_wrap { position: relative; max-width: 1246px; width: 100%; margin: 86px auto 0; display: flex; justify-content: center; align-items: center; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap { position: relative; width: fit-content; z-index: 10; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot { display: none; position: absolute; width: 18px; height: 18px; border: 0; border-radius: 50%; background-color: #DB0816; transform: translate(-50%, -50%); z-index: 20; padding: 0; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.on { box-shadow: 0 0 0 6px rgba(219,8,22,0.15); }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .m_txt { display: none; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap > img { display: block; max-width: 100%; height: auto; position: relative; z-index: 10; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1100px; height: 100%; z-index: 30; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip { position: absolute; z-index: 30; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.right { text-align: right; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .tip_head { display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.right .tip_head { justify-content: flex-end; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .label { font-size: 18px; line-height: 1.3; font-weight: bold; color: #585754; white-space: nowrap; flex-shrink: 0; width: 100%; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .line { display: block; flex: 1; min-width: 40px; height: 1px; background-color: #DB0816; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .dot { display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #DB0816; flex: 0 0 12px; cursor: pointer; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip p { display: none; margin-top: 4px; font-size: 16px; line-height: 20px; color: #5e5e5e; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip:hover p { display: block; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.one { left: 0; top: 34%; width: 38%; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.two { left: 0; top: 45%; width: 42%; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.three { left: 0; top: 54%; width: 41.5%; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.four { right: 0; top: 25.5%; width: 51%; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.five { right: 0; top: 38.5%; width: 42%; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.six { right: 0; top: 51.5%; width: 45%; }
.sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.seven { right: 0; top: 71.5%; width: 53%; }







.sub_wrap.rh-collagen .sub_sec07 { width: 100%; }
.sub_wrap.rh-collagen .sub_sec07 .inner { width: 864px; margin: 0 auto; padding: 96px 0 0; box-sizing: border-box; }
.sub_wrap.rh-collagen .sub_sec07 .inner .tit { width: 100%; text-align: center; }
.sub_wrap.rh-collagen .sub_sec07 .inner .tit span { display: flex; justify-content: center; font-size: 32px; font-weight: 400; }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans { margin-top: 52px; width: 100%; }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .swiper-wrapper { height: fit-content; padding: 60px 0; }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .swiper-slide { display: flex; gap: 56px; height: fit-content; cursor: pointer; }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box { position: relative; width: calc((100% - 56px)/2); }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.before::before { content: "BEFORE"; position: absolute; left: 50%; top: -60px; font-size: 96px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%); }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.after::before { content: "AFTER"; position: absolute; left: 50%; bottom: -60px; font-size: 96px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%); }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box img { width: 100%; border-radius: 30px; border: 1px solid #f5f5f5; box-sizing: border-box; }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box .subject { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100px; height: 30px; font-size: 16px; font-weight: 400; color: #fff; }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.before .subject { position: absolute; left: 0; bottom: 1px; background-color: #000; border-radius: 0 10px 0 10px; }
.sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.after .subject { position: absolute; right: 0; bottom: 1px; background-color: #DB0816; border-radius: 10px 0 10px 0; }



.sub_wrap.rh-collagen .contact { width: 100%; }
.sub_wrap.rh-collagen .contact .inner { width: 1600px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box; }
.sub_wrap.rh-collagen .contact .inner .cont_box { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; aspect-ratio: 16/5; padding: 0 136px; box-sizing: border-box; border-radius: 20px; background-image: url(../img/geneselabs/sub/rh_collagen_contact.png); background-size: cover; background-repeat: no-repeat; }
.sub_wrap.rh-collagen .contact .inner .cont_box .radius { display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 66px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff; }
.sub_wrap.rh-collagen .contact .inner .cont_box .radius:before { content: ''; position: absolute; right: 66px; bottom: 0; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; }
.sub_wrap.rh-collagen .contact .inner .cont_box .radius:after { content: ''; position: absolute; right: 0; bottom: 66px; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; }
.sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap { width: fit-content; }
.sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap > span { font-size: 42px; font-weight: 500; color: #fff; line-height: 1.2; }
.sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap p { margin-top: 12px; font-size: 16px; font-weight: 400; color: #fff; }
.sub_wrap.rh-collagen .contact .inner .cont_box button{outline:1px solid #000;cursor:pointer;border:none;width:212px;height:56px;margin-top:42px;padding:0;font-family:inherit;font-size:17px;position:relative;display:flex;justify-content:center;align-items:center;letter-spacing:.05rem;font-weight:500;border-radius:500px;overflow:hidden;color:#fff;box-shadow:0 0 0 2px #000 inset;}
.sub_wrap.rh-collagen .contact .inner .cont_box button:hover{background-color:#fff;}
.sub_wrap.rh-collagen .contact .inner .cont_box button span{position:relative;z-index:10;transition:color .4s;}
.sub_wrap.rh-collagen .contact .inner .cont_box button img{position:relative;z-index:10;transition:color .4s;}
.sub_wrap.rh-collagen .contact .inner .cont_box button:hover img{mix-blend-mode:difference;}
.sub_wrap.rh-collagen .contact .inner .cont_box button:hover span{color:#000;}
.sub_wrap.rh-collagen .contact .inner .cont_box button::before,.sub_wrap.rh-collagen .contact .inner .cont_box button::after{position:absolute;top:-5%;left:0;width:100%;height:110%;z-index:0;}
.sub_wrap.rh-collagen .contact .inner .cont_box button::before{content:"";background:#000;width:120%;left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1);}
.sub_wrap.rh-collagen .contact .inner .cont_box button:hover::before{transform:translate3d(100%,0,0);}



@media screen and (max-width:1660px) {
    
    
    
    .sub_wrap.rh-collagen .sub_sec01 .inner{width: 92%; padding: 48px 0;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap{width: 92%;}
    .sub_wrap.rh-collagen .sub_sec02 .inner{width: 92%;}
    .sub_wrap.rh-collagen .sub_sec03 .inner{width: 92%;}
    .sub_wrap.rh-collagen .sub_sec04 .inner{width: 92%;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner { width: 92%; }
    .sub_wrap.rh-collagen .inner #dual_wrap .dual_box .pin-spacer { width: 100%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner{width: 92%;}
    .sub_wrap.rh-collagen .contact .inner { width: 92%; }

        .rh-collagen .pro_visual .contents {
        left: 10%;
    }
    .sub_wrap.rh-collagen .contents .main_text img{height: 326px;}

    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 22px; line-height: 32px;}

    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top{width: 92%;}
}

@media screen and (max-width:1440px) {

    .sub_wrap.rh-collagen .sub_sec06 > .inner { width: calc(100% - 32px); padding: 110px 0 0; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::before { width: 420px; height: 330px; top: -70px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::after { width: 170px; height: 200px; left: 80px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner { max-width: 1000px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip { width: 40%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .label { font-size: 17px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip p { font-size: 15px; }

}

@media screen and (max-width:1400px) {
    .sub_wrap.rh-collagen .pro_visual #main_01 .slide_img { background-image: url(../img/geneselabs/sub/rh_collagen_bg.png); background-size: cover; background-position: right; border-radius: 60px 20px 20px 20px; }


    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 16px; line-height: 26px;}

    /* .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap { width: 36%; } */
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot { width: 6px; height: 6px; outline: 6px solid #E31D37; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap { width: 330px; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap span { font-size: 14px; line-height: 18px; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap p { font-size: 13px; line-height: 17px; }


    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span br{display: none;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap{position: relative;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .bg_wrap{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 36%; padding-left: 20%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap { width:50%; padding-left: 20%; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap img {width: 100%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span br { display: none; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{transform: translate(56px,-8px);}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.one{left: 74%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.two{right: 11%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.three{right: 4.5%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.four{right: 0%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.five{right: 0%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.six{right: 4.5%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.seven{right: 11%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.eight{left: 74%;}


    .sub_wrap.rh-collagen .sub_sec02{padding: 48px 0;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .tit span{font-size: 28px; line-height: 20px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .tit p{font-size: 15px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont{margin-top: 64px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont>span{font-size: 16px; line-height: 26px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .step{font-size: 16px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info span{font-size: 16px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info p{font-size: 14px; line-height: 22px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info img{width: 100%;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li>img{width: auto; height: 100%; object-fit: cover;}

    .sub_wrap.rh-collagen .sub_sec03{padding: 48px 0;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .tit span{font-size: 28px; line-height: 20px;}


    .sub_wrap.rh-collagen .sub_sec04{padding: 48px 0;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .tit span{font-size: 28px; line-height: 20px;}

    .sub_wrap.rh-collagen .sub_sec05{padding: 56px 0 48px;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .tit span{font-size: 28px; line-height: 20px;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top span{font-size: 16px;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top .box p{font-size: 15px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .bot span{font-size: 16px;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container>span{font-size: 16px;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text p{font-size: 16px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text ul li{font-size: 14px; line-height: 20px;}


    .sub_wrap.rh-collagen .sub_sec06 > .inner { padding: 48px 0 48px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .tit span { font-size: 28px; line-height: 1.3; }
    .sub_wrap.rh-collagen .sub_sec06 .inner .treament_wrap { margin: 50px auto 0; display: block; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::before, .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::after { display: none; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner { display: block; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap { width: 100%; max-width: 950px; margin: 0 auto; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap > img { display: block; width: 100%; height: auto; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .m_txt { display: none; margin: 24px auto 0; padding: 20px 18px; border-radius: 16px; background-color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.06); text-align: center; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .m_txt .m_label { display: block; font-size: 18px; line-height: 1.4; font-weight: 700; color: #DB0816; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .m_txt p { margin-top: 8px; font-size: 14px; line-height: 1.6; color: #5e5e5e; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot { display: none; width: 10px; height: 10px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.one { top: 28%; left: 40%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.two { top: 48%; left: 38%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.three { top: 58%; left: 36%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.four { top: 43%; left: 62%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.five { top: 54%; left: 56%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.six { top: 74%; left: 48%; }
    
    .sub_wrap.rh-collagen .sub_sec07 > .inner { padding: 48px 0 0; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans { margin-top: 0; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .swiper-slide { gap: 16px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box { width: calc((100% - 16px)/2); }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box img { border-radius: 10px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.before::before { font-size: 42px; line-height: 48px; top: -32px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.after::before { font-size: 42px; line-height: 48px; bottom: -32px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.before .subject { font-size: 12px; width: 72px; height: 28px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.after .subject { font-size: 12px; width: 72px; height: 28px; }

    .sub_wrap.rh-collagen .contact .inner { padding: 0 0 96px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box { padding: 0 64px; justify-content: center; border-radius: 10px; height: fit-content; background-position-x: 88%; aspect-ratio: 16/6; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap { text-align: justify; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap > span { font-size: 24px; line-height: 32px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap p { font-size: 16px; line-height: 28px; margin-top: 8px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box button { font-size: 15px; width: 156px; height: 42px; margin-top: 24px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box button img { width: 16px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .radius { width: 48px; height: 48px; border-radius: 48px 0 0 48px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .radius:before { width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .radius:after { width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff; }

}

@media screen and (max-width:1280px) {
    .sub_wrap.rh-collagen .sub_sec06 .inner .treament_wrap { margin-top: 70px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner { max-width: 920px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip { width: 39%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .label { font-size: 16px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip p { font-size: 14px; line-height: 1.45; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::before { width: 340px; height: 270px; top: -50px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::after { width: 140px; height: 170px; left: 55px; bottom: 10px; }
}

@media screen and (max-width:1024px) {


    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap{margin-top: 96px;}
        .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span br{display: none;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap{position: relative; margin-top: 32px; justify-content: center;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span br { display: none; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .bg_wrap{width: 50%; padding-left: 36%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{display: none;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.one{left: 68%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.two{right: 13%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.three{right: 4%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.four{right: 0%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.five{right: 0%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.six{right: 4%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.seven{right: 13%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.eight{left: 68%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .mo_text{margin-top: 32px; display: flex; flex-direction: column; gap: 8px; border: 1px solid #DB0816;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .mo_text strong{font-size: 16px;}

    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul{gap: 8px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li{width: calc((100% - 8px)/2);}
    


    .sub_wrap.rh-collagen .sub_sec03{ padding: 48px 0;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap{display: none;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_text{display: block; margin-top: 24px; font-size: 16px; line-height: 24px; font-weight: bold; text-align: center; color: #434345;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .inner_box {display: flex; align-items: flex-start;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .compare_cards_scroll {flex: 1; overflow: visible;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .compare_card {flex: 1; min-width: 0;}

    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare {display: block; overflow: hidden; border-radius: 10px; background-color: #fff; margin-top: 48px;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .inner_box {display: flex; align-items: stretch; overflow: hidden;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_labels {width: 136px; position: relative; z-index: 2; border-right: 1px solid #D85E68;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_cards_scroll {width: calc(100% - 136px); overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_cards_inner {display: flex; width: 100%; min-width: 100%;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_labels li, .mobile_compare .compare_card .compare_body li {min-height: 72px; padding: 0px 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; word-break: keep-all; font-size: 13px; line-height: 1.4; text-align: center; border-bottom: 1px solid #E5E5E5;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_labels li:first-child, .mobile_compare .compare_card .compare_body li:first-child{min-height: 64px;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li:first-child, .mobile_compare .compare_labels li:first-child {min-height: 64px; flex-direction: column;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li{color: #747272;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li:first-child{font-weight: bold; color: #747272;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li:first-child small{font-weight: 300;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li small {display: block; margin-top: 4px; font-size: 11px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card.center {background: linear-gradient(180deg, #E31D37 0%, #470E14 100%);}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card.center .compare_body li{color: #fff;}

    .sub_wrap.rh-collagen .sub_sec04 .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec04 .inner .tit p{font-size: 14px; line-height: 22px;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .tit p br{display: none;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .label{font-size: 17px;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type ul li{font-size: 14px;}

    .sub_wrap.rh-collagen .sub_sec07 > .inner{width: 92%;}

    

}

@media screen and (max-width:768px) {
    .mo_text{display: block;}
    .sub_wrap.rh-collagen .pro_visual #main_01 .slide_img { background-image: url(../img/geneselabs/sub/rh_collagen_bg_768.png); background-size: cover; background-position: center; border-radius: 60px 20px 20px 20px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box { background-image: url(../img/geneselabs/sub/rh_collagen_contact_768.png); }

    
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span br{display: none;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap{position: relative; margin-top: 32px; justify-content: center;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .bg_wrap{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30%; padding-left: 0;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap { width: 50%; padding-left: 0; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap img {width: 100%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .tit span br { display: none; }
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{display: none;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.one{left: 48%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.two{right: 21%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.three{right: 6%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.four{right: -1%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.five{right: -1%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.six{right: 6%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.seven{right: 21%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.eight{left: 48%;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .mo_text{margin-top: 32px; display: flex; flex-direction: column; gap: 8px;}
    .sub_wrap.rh-collagen .sub_sec01 .inner .mo_text strong{font-size: 16px;}

    .sub_wrap.rh-collagen .sub_sec02 { padding: 48px 0; }
    .sub_wrap.rh-collagen .sub_sec02 .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec02 .inner .tit p { margin-top: 10px; font-size: 14px; line-height: 1.3; }
    .sub_wrap.rh-collagen .sub_sec02 .inner .tit p br {display: none;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont{margin-top: 48px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont>span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul{margin-top: 32px; gap: 8px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li{width: calc((100% - 8px)/2); height: 330px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .step{font-size: 16px; line-height: 1.3; margin: 0 auto;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info span{margin-top: 24px; font-size: 15px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info img{width: 100%; margin-top: 16px;}
    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li .info p{font-size: 14px; line-height: 1.3;}


    .sub_wrap.rh-collagen .sub_sec03{ padding: 48px 0;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec03 .inner .compare_wrap{display: none;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_text{margin-top: 24px; font-size: 16px; line-height: 24px; font-weight: bold; text-align: center; color: #434345;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .inner_box {display: flex; align-items: flex-start;}
/*     .sub_wrap.rh-collagen .sub_sec03 .inner .compare_cards_scroll {flex: 1; overflow: visible;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .compare_card {flex: 1; min-width: 0;} */

    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare {overflow: hidden; border-radius: 10px; background-color: #fff; margin-top: 16px;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .inner_box {display: flex; align-items: stretch; overflow: hidden;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_labels {width: 136px; position: relative; z-index: 2; border-right: 1px solid #D85E68;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_cards_scroll {width: calc(100% - 136px); overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
    /* .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_cards_scroll::-webkit-scrollbar {display: none;} */
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_cards_inner {display: flex; width: 200%; min-width: 100%;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_labels li, .mobile_compare .compare_card .compare_body li {min-height: 72px; padding: 0px 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; word-break: keep-all; font-size: 13px; line-height: 1.4; text-align: center; border-bottom: 1px solid #E5E5E5;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_labels li:first-child, .mobile_compare .compare_card .compare_body li:first-child{min-height: 64px;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li:first-child, .mobile_compare .compare_labels li:first-child {min-height: 64px; flex-direction: column;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li{color: #747272;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li:first-child{font-weight: bold; color: #747272;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li:first-child small{font-weight: 300;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card .compare_body li small {display: block; margin-top: 4px; font-size: 11px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card.center {background: linear-gradient(180deg, #E31D37 0%, #470E14 100%);}
    .sub_wrap.rh-collagen .sub_sec03 .inner .mobile_compare .compare_card.center .compare_body li{color: #fff;}




    .sub_wrap.rh-collagen .sub_sec04{ padding: 96px 0;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap{margin-top: 96px;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .label{font-size: 15px; width: fit-content;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type ul li{font-size: 14px;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .img_wrap{width: 100%;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .img_wrap img{width: 100%;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type .line{display: none;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.one .tip_head{flex-wrap: nowrap; justify-content: space-between;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.two .tip_head{flex-wrap: nowrap; justify-content: space-between;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.two .tip_head .label{order: 2;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type ul{display: none;}
    .sub_wrap.rh-collagen .sub_sec04 .inner .tit p{font-size: 14px; line-height: 22px; margin-top: 10px;}
    .sub_wrap.rh-collagen .sub_sec04 .type_txt { display: none; }
    .sub_wrap.rh-collagen .sub_sec04 .type_txt.on { display: flex; flex-direction: column; gap: 8px; margin: 48px auto 0; padding: 20px 18px; border-radius: 16px; background-color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); text-align: center; }
    .sub_wrap.rh-collagen .sub_sec04 .type_txt .m_label { display: block; font-size: 15px; line-height: 1.4; font-weight: 700; color: #DB0816; }
    .sub_wrap.rh-collagen .sub_sec04 .type_txt ul li { font-size: 14px; line-height: 1.3; }
    .sub_wrap.rh-collagen .sub_sec04 .type .dot { cursor: pointer; }
    /* .sub_wrap.rh-collagen .sub_sec04 .inner .type_wrap .sub_inner .type.one{top: 8%; width: 48%;} */



    .sub_wrap.rh-collagen .sub_sec05{ padding: 56px 0; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner .tit p { margin-top: 10px; font-size: 14px; line-height: 1.3; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner .tit p br {display: none;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box{margin-top: 24px;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .img_wrap{width: 50%;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top{width: 100%;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top .box{padding: 24px 24px; border-radius: 10px; gap: 16px; margin-top: 16px;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .top .box p{font-size: 14px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec05 .inner .sec05_box .bot span{font-size: 16px; line-height: 24px;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap { display: block; width: 100%; margin-top: 16px; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list .pin-spacer{height: 360px !important;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container{height: 360px; padding: 48px 16px; box-sizing: border-box;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container>span{font-size: 16px; line-height: 24px; text-align: center;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text p{font-size: 15px; line-height: 1.3;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text p br{display: none;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text ul{width: 100%; margin: 10px auto; gap: 4px;}
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .sub_text ul li{font-size: 14px; line-height: 22px; }

    
    /* .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .main_img span { font-size: 16px; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .main_img p { font-size: 15px; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .key_box > span { font-size: 15px; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .key_action li span { font-size: 12px; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_mo_item.synergy .text_box span { font-size: 14px; }
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_mo_item.synergy .text_box p { font-size: 13px; } */
    .sub_wrap.rh-collagen .sub_sec05 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container>span br.mo{display: block;}

    .sub_wrap.rh-collagen .sub_sec06 > .inner { padding: 48px 0 48px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .tit span { font-size: 20px; line-height: 1.3; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot { width: 10px; height: 10px; }
    .sub_wrap.rh-collagen .sub_sec06 .inner .treament_wrap { margin: 32px auto 0; display: block; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::before, .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap::after { display: none; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner { display: none; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap { width: 100%; max-width: 420px; margin: 0 auto; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap > img { display: block; width: 100%; height: auto; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot { display: block; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .m_txt { display: block; margin: 24px auto 0; padding: 20px 18px; border-radius: 16px; background-color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.06); text-align: center; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .m_txt .m_label { display: block; font-size: 18px; line-height: 1.4; font-weight: 700; color: #DB0816; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .m_txt p { margin-top: 8px; font-size: 14px; line-height: 1.6; color: #5e5e5e; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.one { top: 42%;  left: 37%;}
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.two { top: 53%; left: 41%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.three { top: 62%; left: 41%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.four { top: 36%; left: 50%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.five { top: 46%; left: 59%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.six { top: 56%; left: 58%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap .mo_dot.seven { top: 77%; left: 48%; }


   /*  .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.one { left: 0; top: 34%; width: 38%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.two { left: 0; top: 45%; width: 42%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.three { left: 0; top: 54%; width: 41.5%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.four { right: 0; top: 25.5%; width: 51%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.five { right: 0; top: 38.5%; width: 42%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.six { right: 0; top: 51.5%; width: 45%; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip.seven { right: 0; top: 71.5%; width: 53%; } */

    
    .sub_wrap.rh-collagen .sub_sec07 > .inner { padding: 48px 0 0; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .tit span { font-size: 20px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans { margin-top: 0; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .swiper-slide { gap: 16px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box { width: calc((100% - 16px)/2); }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box img { border-radius: 10px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.before::before { font-size: 42px; line-height: 48px; top: -32px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.after::before { font-size: 42px; line-height: 48px; bottom: -32px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.before .subject { font-size: 12px; width: 72px; height: 28px; }
    .sub_wrap.rh-collagen .sub_sec07 .inner .trans .trans_box.after .subject { font-size: 12px; width: 72px; height: 28px; }

    .sub_wrap.rh-collagen .contact .inner { padding: 0 0 96px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box { padding: 36px 24px; justify-content: flex-start; border-radius: 10px; height: fit-content; aspect-ratio: 9/10; background-size: cover; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap { text-align: justify; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap > span { font-size: 16px; line-height: 24px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .text_wrap p { font-size: 14px; line-height: 20px; margin-top: 8px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box button { font-size: 12px; width: 124px; height: 42px; margin-top: 24px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box button img { width: 16px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .radius { width: 48px; height: 48px; border-radius: 48px 0 0 48px; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .radius:before { width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff; }
    .sub_wrap.rh-collagen .contact .inner .cont_box .radius:after { width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff; }

}

@media screen and (max-width:480px) {

    .sub_wrap.rh-collagen .sub_sec02 .inner .sec02_cont ul li{width: 100%;}


    .sub_wrap.rh-collagen .sub_sec06 > .inner { padding: 48px 0 48px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .tit span { font-size: 20px; line-height: 1.3; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .img_wrap { width: 100%; padding: 24px 32px 0; border: 2px solid #fff; border-radius: 10px; overflow: hidden;}
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner { margin-top: 28px; gap: 16px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .label { font-size: 14px; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip p { font-size: 13px; line-height: 1.45; }
    .sub_wrap.rh-collagen .sub_sec06 > .inner .treament_wrap .sub_inner .benefits_tip .dot { width: 9px; height: 9px; flex: 0 0 9px; }
}