@charset "UTF-8";

.sub-jy-page .sec-sub-visual{position: relative; z-index: 10; display: block; width: 100%; aspect-ratio: 1920 / 719; overflow: hidden;}
.sub-jy-page .sec-sub-visual .visual-slide-item{position: relative; display: flex !important; justify-content: center; align-items: center; width: 100%; height: 100%; outline: none;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-bg-wrap{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-bg-wrap .visual-bg-img{width: 100%; height: 100%; transform: scale(1); transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1); object-fit: cover;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner{position: relative; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 1200px; box-sizing: border-box; margin: 0 auto; text-align: center; padding: 0;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content{display: flex; flex-direction: column; align-items: center; gap: 40px; text-align: center; padding-top: 86px;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-title-box{display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-en-lead{font-family: var(--ff-playfair); font-size: 20px; font-weight: 600; line-height: normal; letter-spacing: -0.2px; color: #FFFFFF; text-align: center;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-ko-main{word-break: keep-all; font-family: var(--ff-noto-serif); font-size: 44px; font-weight: 700; line-height: 62px; letter-spacing: -0.44px; text-transform: uppercase; color: #FFFFFF; text-align: center;}
.sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-ko-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.18px; color: #FFFFFF; text-align: center;}

#sub_page .bg-wrap{position: relative; z-index: 1; width: 100%; margin-top: calc(-90 / 1920 * 100%); background: url(../sub/img/sub_bgwrap_bg.webp) center/cover no-repeat;}

.jy-section-header{display: flex; flex-direction: column; align-items: center; gap: 16px; margin-bottom: 80px; text-align: center;}
.jy-section-header .jy-en-tag{display: block; font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775;}
.jy-section-header .jy-main-title{font-family: var(--ff-pretendard); font-size: 40px; font-weight: 700; line-height: 56px; color: #382F2B; letter-spacing: -0.4px;}
.jy-section-header .jy-desc-text{margin-top: 24px; word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #444444;}

.sec-jy-faq{display: flex; justify-content: center; width: 100%; padding: 120px 0 140px; background-color: #FFFFFF;}
.sec-jy-faq .faq-inner{width: 100%; max-width: 1440px;  margin: 0 auto; box-sizing: border-box;}
.sec-jy-faq .faq-inner .jy-section-header{gap: 8px; margin-bottom: 60px;}
.sec-jy-faq .faq-inner .jy-faq-list{display: flex; flex-direction: column; width: 100%;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item{display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid #C9C9C9; transition: border-color 0.35s ease;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item:has(+ .jy-faq-item.is-active), .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item.is-prev-active{border-bottom-color: transparent;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; min-height: 79px; padding: 23px 80px; box-sizing: border-box; border: none; background: transparent; cursor: pointer; transition: background-color 0.35s ease, border-radius 0.35s ease; text-align: center;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item.is-active .faq-q-btn{border-radius: 50px 50px 0 0; background-color: #F8F5F1;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .q-title-wrap{display: flex; justify-content: center; align-items: center; gap: 8px; text-align: center;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .q-title-wrap .q-mark{transition: color 0.35s ease; font-family: var(--ff-pretendard); font-size: 20px; font-weight: 600; line-height: 32px; color: #433F3B;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item.is-active .faq-q-btn .q-title-wrap .q-mark{color: #76614A;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .q-title-wrap .q-title{transition: color 0.35s ease; font-family: var(--ff-pretendard); font-size: 20px; font-weight: 600; line-height: 32px; color: #433F3B;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item.is-active .faq-q-btn .q-title-wrap .q-title{color: #76614A;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .faq-arrow-icon{position: absolute; top: calc(50% - 6px); right: 79px; display: inline-block; width: 30px; height: 12px; transition: transform 0.35s ease;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .faq-arrow-icon::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../sub/img/faq_arrow.svg) no-repeat center / contain; content: '';}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item.is-active .faq-q-btn .faq-arrow-icon{transform: rotate(180deg);}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item.is-active .faq-q-btn .faq-arrow-icon::before{background: url(../sub/img/faq_arrow_on.svg) no-repeat center / contain;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-a-box{display: none; width: 100%; padding: 40px 46px; box-sizing: border-box; background-color: #FFFFFF; text-align: center;}
.sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-a-box .a-text{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #444444; text-align: center;}

.sec-jy-precautions{display: flex; justify-content: center; width: 100%; padding: 120px 0 228px; background: url(../sub/img/precautions_bg.webp) no-repeat center / cover;}
.sec-jy-precautions.sec-precautions05{background: url(../sub/img/precautions_bg05.webp) no-repeat center / cover;}
.sec-jy-precautions .precautions-inner{width: 100%; max-width: 1440px;  margin: 0 auto; box-sizing: border-box;}
.sec-jy-precautions .precautions-inner .jy-section-header{gap: 8px; margin-bottom: 60px;}
.sec-jy-precautions .precautions-inner .jy-section-header .jy-main-title{letter-spacing: -0.8px;}
.sec-jy-precautions .precautions-inner .jy-precaution-list{display: flex; flex-direction: column; gap: 16px; width: 100%; list-style: none; padding: 0; margin: 0;}
.sec-jy-precautions .precautions-inner .jy-precaution-list .jy-precaution-item{display: flex; align-items: center; width: 100%; padding: 24px 40px; box-sizing: border-box; border-radius: 999px; background-color: #FFFFFF;}
.sec-jy-precautions .precautions-inner .jy-precaution-list .jy-precaution-item .precaution-text{width: 100%; font-family: var(--ff-pretendard); font-size: 20px; font-weight: 500; line-height: 36px; color: #444444; text-align: center; word-break: keep-all;}



#sub_pigmentation{display: flex; flex-direction: column; width: 100%; background-color: #FFFFFF;}

.sec-jy-intro{display: flex; justify-content: center; width: 100%; padding: calc(140px + (70 / 1920 * 100%)) 0 140px;}
.sec-jy-intro .intro-inner{display: flex; justify-content: space-between; align-items: center; gap: 80px; width: 100%; max-width: 1600px; box-sizing: border-box; margin: 0 auto;}
.sec-jy-intro .intro-inner .intro-text-col{display: flex; flex-direction: column; gap: 40px; flex: 1;}
.sec-jy-intro .intro-inner .intro-text-col .intro-title-wrap{display: flex; flex-direction: column; gap: 8px;}
.sec-jy-intro .intro-inner .intro-text-col .intro-title-wrap .jy-en-tag{display: block; font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775;}
.sec-jy-intro .intro-inner .intro-text-col .intro-title-wrap .intro-main-title{font-family: var(--ff-pretendard); font-size: 40px; font-weight: 700; line-height: 56px; letter-spacing: -0.8px; color: #382F2B;}
.sec-jy-intro .intro-inner .intro-text-col .intro-body-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.18px; color: #333333;}
.sec-jy-intro .intro-inner .intro-text-col .intro-highlight-box{display: flex; align-items: center; width: fit-content; padding: 16px 34px; border-radius: 12px; background-color: #F8F1E7;}
.sec-jy-intro .intro-inner .intro-text-col .intro-highlight-box .highlight-text{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.18px; color: #444444;}
.sec-jy-intro .intro-inner .intro-img-col{display: block; flex-shrink: 0; width: 100%; max-width: 775px;}
.sec-jy-intro .intro-inner .intro-img-col .img-box{width: 100%; border-radius: 20px; overflow: hidden;}
.sec-jy-intro .intro-inner .intro-img-col .img-box img{display: block; width: 100%; height: auto; object-fit: cover;}
#sub_botox .sec-jy-intro .intro-inner .intro-text-col .intro-highlight-box{margin-top: 40px;}

#sub_pigmentation .sec-pigment-analysis{display: flex; justify-content: center; width: 100%; padding: 120px 0 140px; background-color: #FFFFFF;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner{width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row{display: flex; justify-content: space-between; align-items: flex-start; gap: 80px; width: 100%;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-img-col{flex-shrink: 0; width: 100%; max-width: 700px;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-img-col .img-box{width: 100%; border-radius: 20px; overflow: hidden;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-img-col .img-box img{display: block; width: 100%; height: auto; transition: opacity 0.3s ease; object-fit: cover;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col{display: flex; flex-direction: column; width: 100%; max-width: 780px;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item{display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid #F6F2E9;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-head{display: flex; align-items: center; gap: 18px; width: 100%; height: 84px; padding: 0 38px; box-sizing: border-box; background-color: rgba(246, 242, 233, 0.2); cursor: pointer; transition: background-color 0.3s ease;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item.is-active .tab-head{background-color: #F6F2E9;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-head .tab-num{font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #444444; padding-bottom: 8px;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-head .tab-title{font-family: var(--ff-pretendard); font-size: 28px; font-weight: 700; line-height: 36px; color: #444444;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-body{display: none; width: 100%; height: 210px; padding: 30px 38px; box-sizing: border-box; background-color: #FDFDFD;}
#sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-body .tab-desc{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #444444; word-break: keep-all;}

#sub_pigmentation .sec-pigment-criteria{display: flex; justify-content: center; width: 100%; padding: 140px 0; background-color: #FFFFFF;}
#sub_pigmentation .sec-pigment-criteria .criteria-inner{width: 100%; max-width: 1600px;  margin: 0 auto; box-sizing: border-box;}
#sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list{display: flex; justify-content: space-between; align-items: center; gap: 24px; width: 100%;}
#sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; width: 300px; height: 300px; box-sizing: border-box; border-radius: 999px; transition: transform 0.3s ease; text-align: center;}
#sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item:hover{transform: translateY(-8px);}
#sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item.tone-light{background-color: #CFC4AA;}
#sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item.tone-deep{background-color: #AF9775;}
#sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item .bubble-en{font-family: var(--ff-playfair); font-size: 28px; font-weight: 500; color: #FFFFFF;}
#sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item .bubble-ko{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 500; line-height: 32px; color: #FFFFFF; word-break: keep-all;}

.sec-jy-devices{display: flex; justify-content: center; width: 100%; padding: 140px 0; background-color: #FFFFFF;}
.sec-jy-devices .devices-inner{width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
.sec-jy-devices .devices-inner .devices-slider-wrap{position: relative; width: 100%; overflow: hidden;}
.sec-jy-devices .devices-inner .devices-slider-wrap .swiper-wrapper{align-items: stretch;}
.sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item{display: flex; flex-direction: column; align-items: center; gap: 40px; height: auto; box-sizing: border-box; overflow: hidden;}
.sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-img-box{display: flex; justify-content: center; align-items: center; width: 100%; height: 260px; box-sizing: border-box; border-radius: 20px; background-color: #EDEDED; overflow: hidden;}
.sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-img-box img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item:hover .card-img-box img{transform: scale(1.05);}
.sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-text-box{display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center;}
.sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-text-box .device-name{font-family: var(--ff-playfair); font-size: 24px; font-weight: 500; line-height: 32px; color: #5B4531;}
.sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-text-box .device-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #444444;}
.sec-jy-devices .devices-inner .devices-slider-wrap .devices-pagination{position: relative; bottom: auto; left: auto; z-index: 10; display: flex; justify-content: center; align-items: center; gap: 15px; width: 100%; margin-top: 60px;}
.sec-jy-devices .devices-inner .devices-slider-wrap .devices-pagination .swiper-pagination-bullet{width: 13px; height: 13px; margin: 0; border: none; border-radius: 50%; background-color: #554843; opacity: 1; outline: none; transition: width 0.3s ease, border-radius 0.3s ease, background-color 0.3s ease; cursor: pointer;}
.sec-jy-devices .devices-inner .devices-slider-wrap .devices-pagination .swiper-pagination-bullet-active{width: 33px; height: 13px; border-radius: 6.5px; background-color: #CAA878;}

.sec-jy-private{display: flex; justify-content: center; width: 100%; padding: 140px 0; background: url(../sub/img/sub_pigment_private_bg.webp) center/cover no-repeat, #171414;}
.sec-jy-private .private-inner{display: flex; justify-content: space-between; align-items: flex-start; gap: 0; width: 100%; max-width: 1440px; margin: 0 auto; box-sizing: border-box;}
.sec-jy-private .private-inner .private-header-col{display: flex; flex-direction: column; width: 460px; flex-shrink: 0;}
.sec-jy-private .private-inner .private-header-col .private-title-wrap{display: flex; flex-direction: column; gap: 8px; padding-top: 0px;}
.sec-jy-private .private-inner .private-header-col .private-title-wrap .jy-en-tag{font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775;}
.sec-jy-private .private-inner .private-header-col .private-title-wrap .private-main-title{font-family: var(--ff-pretendard); font-size: 40px; font-weight: 700; line-height: 56px; color: #FFFFFF; letter-spacing: -0.8px;}
.sec-jy-private .private-inner .private-content-col{display: flex; align-items: flex-end; gap: 80px; flex: 1;}
.sec-jy-private .private-inner .private-content-col .private-img-wrap{flex-shrink: 0; width: 500px;}
.sec-jy-private .private-inner .private-content-col .private-img-wrap .img-box{width: 100%; height: 680px; border-radius: 20px; background-color: #24201F; overflow: hidden;}
.sec-jy-private .private-inner .private-content-col .private-img-wrap .img-box img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sec-jy-private .private-inner .private-content-col .private-desc-wrap{display: flex; flex-direction: column; gap: 40px; padding-bottom: 15px;}
.sec-jy-private .private-inner .private-content-col .private-desc-wrap .private-sub-title{font-family: var(--ff-pretendard); font-size: 20px; font-weight: 700; line-height: 32px; color: #FFFFFF; word-break: keep-all; letter-spacing: -0.2px;}
.sec-jy-private .private-inner .private-content-col .private-desc-wrap .private-desc-text{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #D4C9B8; word-break: keep-all; letter-spacing: -0.18px;}

#sub_redness{display: flex; flex-direction: column; width: 100%; background-color: #FFFFFF;}
#sub_redness .sec-redness-treatment{display: flex; justify-content: center; width: 100%; padding: 120px 0 140px; background-color: #FFFFFF;}
#sub_redness .sec-redness-treatment .treatment-inner{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
#sub_redness .sec-redness-treatment .treatment-inner .jy-section-header{margin-bottom: 60px;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-tab-nav{display: flex; justify-content: center; align-items: center; gap: 22px; margin-bottom: 80px;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-tab-nav .tab-btn{padding: 0; border: none; background: transparent; cursor: pointer; transition: color 0.3s ease; font-family: var(--ff-pretendard); font-size: 24px; font-weight: 400; line-height: 32px; color: #444444;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-tab-nav .tab-btn.is-active{font-weight: 700; color: #AF9775;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-tab-nav .tab-divider{width: 1px; height: 18px; background-color: #444444;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap{width: 100%;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel{display: none; width: 100%;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel.is-active{display: block;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box{display: flex; flex-direction: column; align-items: center; gap: 140px; width: 100%; padding: 100px 80px; box-sizing: border-box; border: 1px solid #AF9775; border-radius: 20px;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; max-width: 1440px;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .box-top-area{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; text-align: center;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .box-top-area .box-en-title{font-family: var(--ff-playfair); font-size: 40px; font-weight: 500; line-height: 56px; color: #382F2B; text-align: center;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .box-top-area .box-desc{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #333333; text-align: center; word-break: keep-all;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid{display: flex; justify-content: center; align-items: flex-start; gap: 40px; width: 100%; max-width: 1440px;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid .bubble-col{display: flex; flex-direction: column; align-items: center; gap: 40px; flex: 1 1 0; box-sizing: border-box;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid .bubble-col .bubble-img-wrap{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 333px; height: auto; border-radius: 999px; background-color: #EDEDED; aspect-ratio: 1 / 1; overflow: hidden;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid .bubble-col .bubble-img-wrap img{display: block; width: 100%; height: 100%; object-fit: cover;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid .bubble-col .bubble-name{font-family: var(--ff-pretendard); font-size: 24px; font-weight: 700; line-height: 32px; color: #5B4531; text-align: center;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area{display: flex; flex-direction: column; align-items: center; gap: 60px; width: 100%; max-width: 1440px;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-main-title{font-family: var(--ff-pretendard); font-size: 32px; font-weight: 700; line-height: 44px; color: #382F2B; text-align: center;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid{display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; width: 100%;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item{display: flex; flex-direction: column; align-items: center; gap: 40px; flex: 1 1 0; box-sizing: border-box;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-img-box{display: flex; justify-content: center; align-items: center; width: 100%; height: 260px; border-radius: 20px; background-color: #EDEDED; overflow: hidden;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-img-box img{display: block; width: 100%; height: 100%; object-fit: cover;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-text-box{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; text-align: center;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-text-box .guide-item-title{font-family: var(--ff-pretendard); font-size: 24px; font-weight: 700; line-height: 32px; color: #5B4531; text-align: center;}
#sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-text-box .guide-item-desc{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #444444; text-align: center; word-break: keep-all;}

#sub_botox{display: flex; flex-direction: column; width: 100%; background-color: #FFFFFF;}

#sub_botox .sec-botox-dual{display: flex; flex-direction: column; align-items: center; width: 100%; padding-top: 140px; background-color: #FFFFFF;}
#sub_botox .sec-botox-dual .jy-section-header{margin-bottom: 80px;}
#sub_botox .sec-botox-dual .dual-row-botox{display: flex; justify-content: center; width: 100%; padding: 140px 0; background: url(../sub/img/sub_botox_dual_bg.webp) center/cover no-repeat, #F8F5F1;}
#sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner{display: flex; justify-content: flex-start; align-items: center; gap: 140px; width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
#sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-img-box{width: 100%; max-width: 775px; height: 463px; flex-shrink: 0; border-radius: 20px; background-color: #C4C4C4; overflow: hidden;}
#sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-img-box img{display: block; width: 100%; height: 100%; object-fit: cover;}
#sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-text-box{display: flex; flex-direction: column; gap: 40px; flex: 1;}
#sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-text-box .dual-title{font-family: var(--ff-playfair); font-size: 40px; font-weight: 500; line-height: 56px; color: #382F2B;}
#sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-text-box .dual-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #333333;}
#sub_botox .sec-botox-dual .dual-row-filler{display: flex; flex-direction: column; align-items: center; gap: 100px; width: 100%; padding: 140px 0; background-color: #FFFFFF;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-top-row{display: flex; justify-content: space-between; align-items: center; gap: 80px; width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box; padding-left: 60px;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-text-box{display: flex; flex-direction: column; gap: 40px; flex: 1;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-text-box .dual-title{font-family: var(--ff-playfair); font-size: 40px; font-weight: 500; line-height: 56px; color: #382F2B; letter-spacing: -0.8px;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-text-box .dual-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #333333; letter-spacing: -0.18px;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-img-box{width: 100%; max-width: 775px; height: 463px; flex-shrink: 0; border-radius: 20px; background-color: #D8D8D8; overflow: hidden;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-img-box img{display: block; width: 100%; height: 100%; object-fit: cover;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1600px; padding-top: 80px; margin: 0 auto; border-top: 1px solid #D9D9D9; box-sizing: border-box;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-sub-title{font-family: var(--ff-playfair); font-size: 40px; font-weight: 500; line-height: 56px; color: #382F2B; text-align: center;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row{display: flex; justify-content: space-between; align-items: stretch; gap: 40px; width: 100%;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item{display: flex; flex-direction: column; align-items: center; gap: 40px; flex: 1; box-sizing: border-box; overflow: hidden;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-img-wrap{display: flex; justify-content: center; align-items: center; width: 100%; height: 260px; box-sizing: border-box; border-radius: 20px; background-color: #EDEDED; overflow: hidden;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-img-wrap img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item:hover .lineup-img-wrap img{transform: scale(1.05);}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-text-wrap{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; text-align: center;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-text-wrap .brand-name{font-family: var(--ff-playfair); font-size: 24px; font-weight: 500; line-height: 32px; color: #5B4531; text-align: center;}
#sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-text-wrap .brand-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #444444; text-align: center;}

#sub_botox .sec-botox-analysis{display: flex; justify-content: center; width: 100%; padding: 140px 0; background-color: #FFFFFF;}
#sub_botox .sec-botox-analysis .jy-section-header .jy-main-title{letter-spacing: -0.7px;}
#sub_botox .sec-botox-analysis .analysis-inner{width: 100%; max-width: 1600px; box-sizing: border-box; margin: 0 auto;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row{display: flex; width: 100%; height: 660px; border-radius: 20px; overflow: hidden;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card{position: relative; display: flex; justify-content: center; align-items: center; flex: 1 1 0; height: 100%; overflow: hidden; cursor: pointer;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card.card-map{border-left: 1px solid #FFFFFF;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-bg-wrap{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-bg-wrap::after{position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; background-color: rgba(56, 47, 43, 0.55); opacity: 0; transition: opacity 0.4s ease; content: '';}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card:hover .card-bg-wrap::after{opacity: 1;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-bg-wrap img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card:hover .card-bg-wrap img{transform: scale(1.05);}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text{position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0; width: 100%; padding: 0 40px; box-sizing: border-box; transition: gap 0.4s ease; text-align: center;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card:hover .card-overlay-text{gap: 40px;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text .card-lead-text{display: flex; justify-content: center; align-items: center; gap: 6px; font-family: var(--ff-playfair); font-size: 40px; font-weight: 500; line-height: 36px; color: #FFFFFF; text-align: center;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text .card-lead-text span{font-family: var(--ff-noto-serif); font-size: 40px; font-weight: 500; line-height: 36px; color: #FFFFFF;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text .card-hover-desc{display: block; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(12px); transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.4s ease; word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 500; line-height: 32px; color: #FFFFFF; text-align: center;}
#sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card:hover .card-overlay-text .card-hover-desc{max-height: 200px; opacity: 1; transform: translateY(0);}

#sub_botox .sec-botox-standard{display: flex; justify-content: center; width: 100%; padding: 140px 0; background: url(../sub/img/sub_botox_standard_bg.webp) center/cover no-repeat, #171414;}
#sub_botox .sec-botox-standard .standard-inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1920px; box-sizing: border-box; margin: 0 auto;}
#sub_botox .sec-botox-standard .standard-inner .standard-header{display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; max-width: 1600px; padding: 0 20px; box-sizing: border-box; text-align: center;}
#sub_botox .sec-botox-standard .standard-inner .standard-header .jy-en-tag{display: block; font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775; text-align: center;}
#sub_botox .sec-botox-standard .standard-inner .standard-header .standard-title{font-family: var(--ff-pretendard); font-size: 40px; font-weight: 700; line-height: 56px; letter-spacing: -0.7px; color: #FFFFFF; text-align: center;}
#sub_botox .sec-botox-standard .standard-inner .standard-points-grid{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 300px;}
#sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; flex: 1 1 0; height: 100%; padding: 0 20px; box-sizing: border-box; text-align: center;}
#sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item:not(:last-child)::after{position: absolute; top: calc(50% - 125px); right: 0; display: block; width: 1px; height: 250px; background-color: #2F2926; content: '';}
#sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item .point-num{font-family: var(--ff-playfair); font-size: 24px; font-weight: 600; line-height: 32px; color: #FFFFFF; text-align: center;}
#sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item .point-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #FFFFFF; text-align: center;}

#sub_pore .sec-features.sec-pore-types{display: flex; justify-content: center; width: 100%; padding: 120px 0 140px; background-color: #FFFFFF;}
#sub_pore .sec-features.sec-pore-types .jy-section-header{margin-bottom: 0; gap: 8px;}
#sub_pore .sec-features.sec-pore-types .features-inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
#sub_pore .sec-features.sec-pore-types .features-card-list{display: flex; justify-content: flex-start; align-items: stretch; gap: 20px; width: 100%; max-width: 1600px; box-sizing: border-box;}
#sub_pore .sec-features.sec-pore-types .feature-card-item{position: relative; flex: 0 0 220px; width: 220px; height: 560px; border-radius: 20px; background-color: #F8F7F5; overflow: hidden; transition: width 0.65s cubic-bezier(0.25, 1, 0.35, 1), flex 0.65s cubic-bezier(0.25, 1, 0.35, 1); cursor: pointer;}
#sub_pore .sec-features.sec-pore-types .feature-card-item.is-active{flex: 1 1 0; width: 400px;}
#sub_pore .sec-features.sec-pore-types .feature-card-item:not(.is-active){flex: 0 0 220px; width: 220px;}
#sub_pore .sec-features.sec-pore-types .feature-card-item .card-bg-box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#sub_pore .sec-features.sec-pore-types .feature-card-item .card-bg-img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;}
#sub_pore .sec-features.sec-pore-types .feature-card-item:hover .card-bg-img{transform: scale(1.05);}
#sub_pore .sec-features.sec-pore-types .feature-card-item .card-content-wrap{position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 0; width: 100%; padding: 32px; box-sizing: border-box; transition: gap 0.4s ease;}
#sub_pore .sec-features.sec-pore-types .feature-card-item.is-active .card-content-wrap{gap: 40px;}
#sub_pore .sec-features.sec-pore-types .feature-card-item .card-content-wrap .card-title-group{display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
#sub_pore .sec-features.sec-pore-types .feature-card-item .card-content-wrap .card-title-group .card-num{font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #FFFFFF;}
#sub_pore .sec-features.sec-pore-types .feature-card-item .card-content-wrap .card-title-group .card-title{white-space: nowrap; font-family: var(--ff-pretendard); font-size: 28px; font-weight: 700; line-height: 36px; color: #FFFFFF;}
#sub_pore .sec-features.sec-pore-types .feature-card-item .card-desc{display: block; max-height: 0; margin: 0; opacity: 0; overflow: hidden; transform: translateY(12px); transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease; word-break: keep-all; pointer-events: none; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #FFFFFF;}
#sub_pore .sec-features.sec-pore-types .feature-card-item.is-active .card-desc{max-height: 160px; opacity: 1; transform: translateY(0); transition: max-height 0.5s ease 0.2s, opacity 0.4s ease 0.25s, transform 0.4s ease 0.25s; pointer-events: auto;}
#sub_pore .sec-features.sec-pore-types .feature-card-item:not(.is-active) .card-desc{max-height: 0; opacity: 0; overflow: hidden; transform: translateY(12px); pointer-events: none;}

#sub_pore .sec-pore-guide{display: flex; justify-content: center; width: 100%; padding: 140px 0; background-color: #FFFFFF;}
#sub_pore .sec-pore-guide .guide-inner{width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row{display: flex; width: 100%; height: 660px; border-radius: 20px; overflow: hidden;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card{position: relative; display: flex; justify-content: center; align-items: center; flex: 1 1 0; height: 100%; overflow: hidden; cursor: pointer;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card.card-injectable{border-left: 1px solid #FFFFFF;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-bg-wrap{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-bg-wrap img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card:hover .card-bg-wrap img{transform: scale(1.05);}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text{position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; width: 100%; padding: 0 60px; box-sizing: border-box; text-align: center;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text .card-lead-text{display: flex; justify-content: center; align-items: center; gap: 6px; font-family: var(--ff-playfair); font-size: 40px; font-weight: 500; line-height: 36px; color: #FFFFFF; text-align: center;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text .card-lead-text span{font-family: var(--ff-noto-serif); font-size: 40px; font-weight: 500; line-height: 36px; color: #FFFFFF;}
#sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text .card-hover-desc{word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #FFFFFF; text-align: center;}

#sub_pore .sec-pore-treatment{display: flex; justify-content: center; width: 100%; padding: 140px 0 160px; background-color: #FFFFFF;}
#sub_pore .sec-pore-treatment .acne-treatment-inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1600px; padding: 0; margin: 0 auto; box-sizing: border-box;}
#sub_pore .sec-pore-treatment .acne-treatment-inner .jy-section-header{margin-bottom: 0;}
#sub_pore .sec-pore-treatment .treatment-group-block{display: flex; flex-direction: column; align-items: center; gap: 60px; width: 100%; box-sizing: border-box;}
#sub_pore .sec-pore-treatment .treatment-card-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 40px; width: 100%; box-sizing: border-box;}
#sub_pore .sec-pore-treatment .treatment-card-item{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; box-sizing: border-box;}
#sub_pore .sec-pore-treatment .treatment-card-item .treatment-thumb-box{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 260px; box-sizing: border-box; border-radius: 20px; background-color: #EDEDED; overflow: hidden;}
#sub_pore .sec-pore-treatment .treatment-card-item .treatment-thumb-box img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
#sub_pore .sec-pore-treatment .treatment-card-item:hover .treatment-thumb-box img{transform: scale(1.05);}
#sub_pore .sec-pore-treatment .treatment-card-item .treatment-info-box{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; text-align: center;}
#sub_pore .sec-pore-treatment .treatment-card-item .treatment-info-box .treatment-en-title{margin: 0; font-family: var(--ff-playfair); font-size: 24px; font-weight: 500; line-height: 32px; color: #5B4531; text-align: center;}
#sub_pore .sec-pore-treatment .treatment-card-item .treatment-info-box .treatment-desc{margin: 0; word-break: keep-all; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 32px; color: #444444; text-align: center;}

@media(max-width: 1024px){
    .sub-jy-page .sec-sub-visual{aspect-ratio: auto; min-height: 696px;}
    .sub-jy-page .sec-sub-visual .visual-slide-item{padding: 120px 20px 80px; min-height: 696px;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-bg-wrap .visual-bg-img.pc{display: none;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-bg-wrap .visual-bg-img.mo{display: block; object-position: center bottom;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner{padding: 0;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content{gap: 40px; padding-top: 0;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-title-box{gap: 20px;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-en-lead{font-size: 16px; line-height: normal;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-ko-main{font-size: 36px; line-height: 42px;}
    .sub-jy-page .sec-sub-visual .visual-slide-item .visual-inner .visual-content .visual-ko-desc{font-size: 16px; line-height: 26px;}
    #sub_page .bg-wrap{margin-top: calc(-60 / 375 * 100%);}

    .jy-section-header{gap: 12px; margin-bottom: 40px;}
    .jy-section-header .jy-en-tag{font-size: 16px;}
    .jy-section-header .jy-main-title{font-size: 28px; line-height: 38px;}
    .jy-section-header .jy-desc-text{margin-top: 0; font-size: 16px; line-height: 26px;}

    .sec-jy-faq{padding: 80px 0;}
    .sec-jy-faq .faq-inner{padding: 0 20px;}
    .sec-jy-faq .faq-inner .jy-section-header{gap: 8px; margin-bottom: 30px;}
    .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn{padding: 18px 20px;}
    .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .q-title-wrap{ align-items: flex-start; gap: 6px;}
    .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .q-title-wrap .q-mark{font-size: 17px; line-height: 26px;}
    .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .q-title-wrap .q-title{font-size: 17px; line-height: 26px; word-break: keep-all;}
    .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-q-btn .faq-arrow-icon{top: calc(50% - 5px); right: 20px; width: 22px; height: 10px; display: none;}
    .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-a-box{padding: 24px 20px;}
    .sec-jy-faq .faq-inner .jy-faq-list .jy-faq-item .faq-a-box .a-text{font-size: 16px; line-height: 26px; text-align: center;}

    .sec-jy-precautions{padding: 80px 0 !important;}
    .sec-jy-precautions .precautions-inner{padding: 0 20px;}
    .sec-jy-precautions .precautions-inner .jy-section-header{gap: 8px; margin-bottom: 30px;}
    .sec-jy-precautions .precautions-inner .jy-precaution-list .jy-precaution-item{padding: 18px 24px; border-radius: 20px;}
    .sec-jy-precautions .precautions-inner .jy-precaution-list .jy-precaution-item .precaution-text{font-size: 16px; line-height: 26px;}

    .sec-jy-intro{padding: calc(80px + (60 / 375 * 100%)) 0 80px;}
    .sec-jy-intro .intro-inner{flex-direction: column; gap: 40px; padding: 0 20px;}
    .sec-jy-intro .intro-inner .intro-text-col{gap: 24px; width: 100%;align-items: center;text-align: center;}
    .sec-jy-intro .intro-inner .intro-text-col .intro-title-wrap .jy-en-tag{font-size: 16px;}
    .sec-jy-intro .intro-inner .intro-text-col .intro-title-wrap .intro-main-title{font-size: 28px; line-height: 38px;}
    .sec-jy-intro .intro-inner .intro-text-col .intro-body-desc{font-size: 16px; line-height: 26px;}
    .sec-jy-intro .intro-inner .intro-text-col .intro-highlight-box{padding: 16px 20px;}
    .sec-jy-intro .intro-inner .intro-text-col .intro-highlight-box .highlight-text{font-size: 16px; line-height: 26px;}
    .sec-jy-intro .intro-inner .intro-img-col{max-width: 100%;}
    .sec-jy-intro .intro-inner .intro-img-col .img-box{border-radius: 16px;}
    #sub_botox .sec-jy-intro .intro-inner .intro-text-col .intro-highlight-box{margin-top: 0;}
    #sub_pigmentation .sec-pigment-analysis{padding: 80px 0;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner{padding: 0 20px;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row{flex-direction: column; gap: 40px;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-img-col{max-width: 100%;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-img-col .img-box{border-radius: 16px;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col{max-width: 100%;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-head{height: 64px; padding: 0 20px;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-head .tab-num{font-size: 16px; padding-bottom: 0;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-head .tab-title{font-size: 20px; line-height: 28px;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-body{padding: 20px;}
    #sub_pigmentation .sec-pigment-analysis .analysis-inner .analysis-content-row .analysis-tab-col .analysis-tab-item .tab-body .tab-desc{font-size: 16px; line-height: 26px;}

    #sub_pigmentation .sec-pigment-criteria{padding: 60px 0;}
    #sub_pigmentation .sec-pigment-criteria .criteria-inner{padding: 0 20px;}
    #sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list{flex-wrap: wrap; justify-content: center; gap: 16px; width: 100%;}
    #sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item{gap: 10px; width: calc((100% - 16px) / 2); max-width: 200px; height: auto; aspect-ratio: 1 / 1; padding: 15px;}
    #sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item .bubble-en{font-size: 18px; line-height: 24px;}
    #sub_pigmentation .sec-pigment-criteria .criteria-inner .criteria-bubble-list .bubble-item .bubble-ko{font-size: 14px; line-height: 20px;}

    .sec-jy-devices{padding: 80px 0;}
    .sec-jy-devices .devices-inner{padding: 0 20px;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item{gap: 20px;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-img-box{height: auto;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-text-box{gap: 10px;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-text-box .device-name{font-size: 20px; line-height: 28px;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .device-card-item .card-text-box .device-desc{font-size: 16px; line-height: 24px;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .devices-pagination{gap: 10px; margin-top: 40px;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .devices-pagination .swiper-pagination-bullet{width: 10px; height: 10px;}
    .sec-jy-devices .devices-inner .devices-slider-wrap .devices-pagination .swiper-pagination-bullet-active{width: 24px; height: 10px; border-radius: 5px;}
    .sec-jy-precautions .jy-section-header .jy-main-title{font-size: 28px;}

    .sec-jy-private{padding: 80px 0;}
    .sec-jy-private .private-inner{flex-direction: column; gap: 40px; padding: 0 20px;}
    .sec-jy-private .private-inner .private-header-col{width: 100%;}
    .sec-jy-private .private-inner .private-header-col .private-title-wrap .jy-en-tag{font-size: 16px;}
    .sec-jy-private .private-inner .private-header-col .private-title-wrap .private-main-title{font-size: 28px; line-height: 38px;}
    .sec-jy-private .private-inner .private-content-col{flex-direction: column; align-items: center; gap: 32px; width: 100%;}
    .sec-jy-private .private-inner .private-content-col .private-img-wrap{width: 100%;}
    .sec-jy-private .private-inner .private-content-col .private-img-wrap .img-box{height: 360px; border-radius: 16px;}
    .sec-jy-private .private-inner .private-content-col .private-desc-wrap{width: 100%; padding-bottom: 0; gap: 16px;}
    .sec-jy-private .private-inner .private-content-col .private-desc-wrap .private-sub-title{font-size: 18px; line-height: 28px;}
    .sec-jy-private .private-inner .private-content-col .private-desc-wrap .private-desc-text{font-family: var(--ff-pretendard); font-size: 16px; font-weight: 400; line-height: 26px; color: #D4C9B8; word-break: keep-all; letter-spacing: -0.18px;}

    #sub_redness .sec-redness-treatment{padding: 80px 0;}
    #sub_redness .sec-redness-treatment .treatment-inner{padding: 0 20px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-tab-nav{gap: 16px; margin-bottom: 40px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-tab-nav .tab-btn{font-size: 20px; line-height: 28px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-tab-nav .tab-divider{height: 14px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box{gap: 60px; padding: 40px 20px; border-radius: 16px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area{display: flex; flex-direction: column; align-items: center; gap: 28px; width: 100%;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .box-top-area{gap: 20px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .box-top-area .box-en-title{font-size: 28px; line-height: 38px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .box-top-area .box-desc{font-size: 16px; line-height: 26px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid{flex-wrap: wrap; justify-content: center; gap: 24px 16px; width: 100%;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid .bubble-col{flex: none; gap: 14px; width: calc((100% - 16px) / 2); max-width: 200px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid .bubble-col .bubble-img-wrap{width: 100%; max-width: 200px; height: auto; aspect-ratio: 1 / 1;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-overview-area .treatment-bubble-grid .bubble-col .bubble-name{font-size: 16px; line-height: 24px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area{gap: 40px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-main-title{font-size: 22px; line-height: 32px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid{flex-direction: column; gap: 40px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item{gap: 24px; width: 100%;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-img-box{height: auto; border-radius: 16px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-text-box{gap: 12px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-text-box .guide-item-title{font-size: 20px; line-height: 28px;}
    #sub_redness .sec-redness-treatment .treatment-inner .treatment-panels-wrap .treatment-panel .treatment-box .treatment-guide-area .guide-card-grid .guide-card-item .guide-text-box .guide-item-desc{font-size: 16px; line-height: 26px;}
    #sub_botox .sec-botox-dual{padding-top: 80px;}
    #sub_botox .sec-botox-dual .jy-section-header{margin-bottom: 40px;}
    #sub_botox .sec-botox-dual .dual-row-botox{padding: 0;}
    #sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner{flex-direction: column; gap: 40px; padding: 0 20px;}
    #sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-img-box{max-width: 100%; height: auto; aspect-ratio: 775 / 463; border-radius: 16px;}
    #sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-text-box{gap: 20px; width: 100%;align-items: center;text-align: center;}
    #sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-text-box .dual-title{font-size: 28px; line-height: 38px;}
    #sub_botox .sec-botox-dual .dual-row-botox .dual-row-inner .dual-text-box .dual-desc{font-size: 16px; line-height: 26px;}
    #sub_botox .sec-botox-dual .dual-row-filler{gap: 60px; padding: 80px 0;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-top-row{flex-direction: column-reverse; gap: 40px; padding: 0 20px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-text-box{gap: 20px; width: 100%;align-items: center;text-align: center;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-text-box .dual-title{font-size: 28px; line-height: 38px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-text-box .dual-desc{font-size: 16px; line-height: 26px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-top-row .dual-img-box{max-width: 100%; height: auto; aspect-ratio: 775 / 463; border-radius: 16px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap{gap: 40px; padding: 60px 20px 0;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-sub-title{font-size: 28px; line-height: 38px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row{flex-direction: column; gap: 60px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item{gap: 20px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-img-wrap{height: auto;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-text-wrap{gap: 12px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-text-wrap .brand-name{font-size: 20px; line-height: 28px;}
    #sub_botox .sec-botox-dual .dual-row-filler .filler-lineup-wrap .lineup-cards-row .lineup-card-item .lineup-text-wrap .brand-desc{font-size: 16px; line-height: 24px;}
    #sub_botox .sec-botox-analysis{padding: 80px 0;}
    #sub_botox .sec-botox-analysis .analysis-inner{padding: 0 20px;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row{flex-direction: column; width: 100%; height: auto; border-radius: 16px;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card{width: 100%; height: auto; min-height: 280px; padding: 40px 20px; box-sizing: border-box;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card.card-map{border-left: none; border-top: 1px solid #FFFFFF;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-bg-wrap::after{opacity: 1;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text{gap: 20px; padding: 0;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text .card-lead-text{flex-wrap: wrap; gap: 4px; font-size: 22px; line-height: 30px;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text .card-lead-text span{font-size: 22px; line-height: 30px;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card .card-overlay-text .card-hover-desc{max-height: none; opacity: 1; transform: none; font-size: 14px; line-height: 24px;}
    #sub_botox .sec-botox-analysis .analysis-inner .analysis-cards-row .analysis-visual-card:hover .card-overlay-text{gap: 20px;}
    #sub_botox .sec-botox-standard{padding: 80px 0;}
    #sub_botox .sec-botox-standard .standard-inner{gap: 40px; padding: 0 20px;}
    #sub_botox .sec-botox-standard .standard-inner .standard-header{gap: 8px; padding: 0; margin-bottom: 0;}
    #sub_botox .sec-botox-standard .standard-inner .standard-header .jy-en-tag{font-size: 16px;}
    #sub_botox .sec-botox-standard .standard-inner .standard-header .standard-title{font-size: 28px; line-height: 38px;}
    #sub_botox .sec-botox-standard .standard-inner .standard-points-grid{flex-direction: column; width: 100%; height: auto;}
    #sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item{gap: 14px; width: 100%; height: auto; padding: 24px 0;}
    #sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item:not(:last-child)::after{top: auto; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; margin: 0 auto;}
    #sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item .point-num{font-size: 20px; line-height: 28px;}
    #sub_botox .sec-botox-standard .standard-inner .standard-points-grid .point-item .point-desc{font-size: 16px; line-height: 26px;}

    #sub_pore .sec-features.sec-pore-types{padding: 80px 0;}
    #sub_pore .sec-features.sec-pore-types .features-inner{gap: 40px; padding: 0 20px;}
    #sub_pore .sec-features.sec-pore-types .features-card-list{flex-direction: column; align-items: center; gap: 20px; width: 100%;}
    #sub_pore .sec-features.sec-pore-types .feature-card-item{flex: none; width: 100%; max-width: 680px; height: 380px; border-radius: 16px;}
    #sub_pore .sec-features.sec-pore-types .feature-card-item.is-active,
    #sub_pore .sec-features.sec-pore-types .features-card-list .feature-card-item:hover,
    #sub_pore .sec-features.sec-pore-types .features-card-list:hover .feature-card-item:not(:hover){flex: none; width: 100%;}
    #sub_pore .sec-features.sec-pore-types .feature-card-item .card-content-wrap{padding: 24px 20px; gap: 12px;}
    #sub_pore .sec-features.sec-pore-types .feature-card-item .card-content-wrap .card-title-group .card-num{font-size: 16px;}
    #sub_pore .sec-features.sec-pore-types .feature-card-item .card-content-wrap .card-title-group .card-title{font-size: 22px; line-height: 30px;}
    #sub_pore .sec-features.sec-pore-types .feature-card-item .card-desc{display: block !important; max-height: none !important; opacity: 1 !important; transform: none; transition: none; font-size: 16px; line-height: 24px;}

    #sub_pore .sec-pore-guide{padding: 80px 0;}
    #sub_pore .sec-pore-guide .guide-inner{padding: 0 20px;}
    #sub_pore .sec-pore-guide .guide-inner .guide-cards-row{flex-direction: column; width: 100%; height: auto; border-radius: 16px;}
    #sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card{width: 100%; height: auto; min-height: 280px; padding: 40px 20px; box-sizing: border-box;}
    #sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card.card-injectable{border-left: none; border-top: 1px solid #FFFFFF;}
    #sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text{gap: 20px; padding: 0;}
    #sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text .card-lead-text{flex-wrap: wrap; gap: 4px; font-size: 22px; line-height: 30px;}
    #sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text .card-lead-text span{font-size: 22px; line-height: 30px;}
    #sub_pore .sec-pore-guide .guide-inner .guide-cards-row .guide-visual-card .card-overlay-text .card-hover-desc{font-size: 14px; line-height: 24px;}

    #sub_pore .sec-pore-treatment{padding: 60px 0 80px;}
    #sub_pore .sec-pore-treatment .acne-treatment-inner{gap: 40px; padding: 0 20px;}
    #sub_pore .sec-pore-treatment .treatment-card-grid{grid-template-columns: 1fr !important; gap: 40px; width: 100%;}
    #sub_pore .sec-pore-treatment .treatment-card-item{gap: 24px; width: 100%; max-width: 440px; margin: 0 auto;}
    #sub_pore .sec-pore-treatment .treatment-card-item .treatment-thumb-box{height: auto; aspect-ratio: 507 / 260; border-radius: 16px;}
    #sub_pore .sec-pore-treatment .treatment-card-item .treatment-info-box{gap: 12px;}
    #sub_pore .sec-pore-treatment .treatment-card-item .treatment-info-box .treatment-en-title{font-size: 20px; line-height: 28px;}
    #sub_pore .sec-pore-treatment .treatment-card-item .treatment-info-box .treatment-desc{font-size: 15px; line-height: 26px;}
}