.sub-about-visual{ display: flex; flex-direction: column; justify-content: end;}
.sub-about-sect01{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 100px; padding: 100px 0 0;}
.sub-about-sect01 .inner{ padding: 100px 0 ;max-width: 1678px; width: 100%; display: flex; justify-content: space-between; align-items: start; position: relative; z-index: 2;}
.sub-about-sect01 .left-text .top-title{ font-family:var(--ff-tiem); font-size: var(--fz-20); margin-bottom: 12px; color: #26211F; font-style: normal; font-weight: 400; line-height: normal;}
.sub-about-sect01 .left-text .main-title{ font-family:var(--ff-tiem); font-size: var(--fz-60); margin-bottom: 28px; color: #26211F; font-style: normal; font-weight: 400; line-height: normal;}
.sub-about-sect01 .left-text .sub-text-top{ font-family:var(--ff-notoserif); font-size: var(--fz-24); margin-bottom: 40px; color: #333; font-style: normal; font-weight: 500; line-height: 36px;  letter-spacing: -0.24px;}
.sub-about-sect01 .left-text .sub-text-middle{ font-family:var(--ff-pretendard); font-size: var(--fz-18); margin-bottom: 100px; color: #333; font-style: normal; font-weight: 400; line-height: 34px;  letter-spacing: -0.18px;}
.sub-about-sect01 .left-text .sub-text-bottom{ font-family:var(--ff-pretendard); font-size: var(--fz-18); color: #333; font-style: normal; font-weight: 400; line-height: 34px;  letter-spacing: -0.18px;}
.sub-about-sect01 .right img{border-radius: 0 0 20px 20px;}

.about-sect02-bg {width: 100% ; background: url(../img/sub_sect01_bg01.webp) center center / cover no-repeat;}
.sub-about-sect02 { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; padding: 120px 0 140px 0;}
.sub-about-sect02 .inner {padding-block: 84px 104px; padding-right: 165px; top: 0; left: 50%; z-index: 2; display: flex; align-items: end; justify-content: end;}
.sub-about-sect02 .bg-inner img{ display:block; width:100%; height:auto;}
.sub-about-sect02 .right-text {color: #fff;}
.sub-about-sect02 .right-text .top-title{ font-family:var(--ff-tiem); font-size:var(--fz-20); font-style:normal; font-weight:400; line-height:normal; margin-bottom:12px; }
.sub-about-sect02 .right-text .main-title{ font-family:var(--ff-tiem); font-size:var(--fz-60); font-style:normal; font-weight:400; line-height:normal; margin-bottom:40px;}
.sub-about-sect02 .right-text .sect02-text{ display:flex; flex-direction:column; gap:40px; font-family:var(--ff-pretendard); font-size:var(--fz-18); font-style: normal; font-weight: 400; line-height: 34px;  letter-spacing: -0.18px;}

.sub-about-sect03 { position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
.sub-about-sect03::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #EDEDEE;}
.sub-about-sect03 .inner{ max-width: 1678px; width: 100%; margin-inline: auto; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2;}
.sub-about-sect03 .left {padding-block: 140px; padding-right: 100px; border-right: 1px solid #ededee;}
.sub-about-sect03 .right-text{ padding-left:100px ;}
.sub-about-sect03 .right-text .top-title{ color: #26211F; font-family: var(--ff-tiem); font-size: var(--fz-20); font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 12px;}
.sub-about-sect03 .right-text .main-title{ color: #26211F; font-family: var(--ff-tiem); font-size: var(--fz-60); font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 28px;}
.sub-about-sect03 .right-text .sub-text{ color: #26211F; font-family: var(--ff-notoserif); font-size: var(--fz-24); font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 40px;}
.sub-about-sect03 .right-text .hisroty-list {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px;}
.sub-about-sect03 .right-text .hisroty-list .top-text{ color: #333; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 500; line-height: 34px; letter-spacing: -0.18px; }
.sub-about-sect03 .right-text .hisroty-list .middle-text li{display: flex; flex-direction: row; align-items: center ;justify-content: flex-start;}
.sub-about-sect03 .right-text .hisroty-list .middle-text li .year{ color: #26211F; font-family: var(--ff-notoserif); font-size: var(--fz-18); font-style: normal; font-weight: 700; line-height: 34px;  letter-spacing: -0.18px;margin-right: 12px;}
.sub-about-sect03 .right-text .hisroty-list .middle-text{ color: #333; font-family: Pretendard; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 34px;  letter-spacing: -0.18px;}
.sub-about-sect03 .right-text .hisroty-list .bottom-text .bottom-title{ color: #333; font-family: var(--ff-pretendard); font-size: var(--fz-20); font-style: normal; font-weight: 600; line-height: 34px;  letter-spacing: -0.2px; margin-bottom: 14px;}
.sub-about-sect03 .right-text .hisroty-list .bottom-text li {display: flex; flex-direction: row; align-items: center ;justify-content: flex-start;}
.sub-about-sect03 .right-text .hisroty-list .bottom-text li p{ color: #333; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.18px;}
.sub-about-sect03 .right-text .hisroty-list .bottom-text li .year{ color: #26211F; font-family: var(--ff-notoserif); font-size: var(--fz-18); font-style: normal; font-weight: 700; line-height: 34px;  letter-spacing: -0.18px;margin-right: 12px;}

.sub-about-sect04 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; max-width: 1920px; margin: 0 auto; padding: 140px 160px;; gap: 36px;}
.sub-about-sect04 .inner{ max-width: 1678px; width: 100%; display: flex; justify-content: space-between; align-items: start; position: relative; z-index: 2;}
.sub-about-sect04 .left-text .main-title{ color: #26211F; font-family: var(--ff-tiem);font-size: var(--fz-60); font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 28px;}
.sub-about-sect04 .left-text .sub-title { color: #333; font-family: var(--ff-notoserif); font-size: var(--fz-24);  font-style: normal; font-weight: 500; line-height: 36px;  letter-spacing: -0.24px; margin-bottom: 40px;}
.sub-about-sect04 .left-text .sub-text { color: #333;color: #333; font-family: Pretendard var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 34px;  letter-spacing: -0.18px; margin-bottom: 233px;}

#sub_history .sub-history{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 80px 60px; margin: 110px auto 0; max-width: 1920px;}
#sub_history .sub-history .inner .brand-story h2{padding-bottom: 20px; color: #26211f; font-family: var(--ff-tiem); font-size: 60px; font-weight: 400; line-height: normal; letter-spacing: -0.6px;}
#sub_history .sub-history .inner .brand-story p{color: #524242; font-family: "Noto Serif KR", serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 32px; letter-spacing: -0.18px;}
#sub_history .history-timeline{display: flex; flex-direction: row; justify-content: center; align-items: flex-start;}
#sub_history .history-timeline .timeline-group{display: flex; justify-content: center; align-items: flex-start; gap: 60px; width: 92%; max-width: 1600px; padding: 100px 0 160px; margin-inline: auto;}
#sub_history .history-timeline .timeline-group .timeline-left{position: relative; width: 637px; align-self: stretch;}
#sub_history .history-timeline .timeline-group .timeline-left .timeline-info-wrap{position: sticky; top: 180px; width: 100%; height: 350px;}
#sub_history .history-timeline .timeline-group .timeline-left .timeline-info{position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none;}
#sub_history .history-timeline .timeline-group .timeline-left .timeline-info.active{position: relative; opacity: 1; pointer-events: auto; z-index: 2;}
#sub_history .history-timeline .timeline-group .timeline-left .timeline-info .timeline-text{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px;}
#sub_history .history-timeline .timeline-group .timeline-left .timeline-info .timeline-title{margin-bottom: 12px; font-family: var(--ff-tiem); font-size: 44px; font-weight: 400; color: #433939;}
#sub_history .history-timeline .timeline-group .timeline-left .timeline-info .timeline-desc{font-family: "Noto Serif KR", serif; font-size: 16px; font-weight: 500; line-height: 24px; color: #52453e;}
#sub_history .history-timeline .timeline-group .history-line{position: relative; display: block; width: 4px; align-self: stretch; min-height: 100%; background-color: #382A2A; border-radius: 4px; overflow: hidden;}
#sub_history .history-timeline .timeline-group .history-line .history-line-fill{position: absolute; top: 0; left: 0; width: 100%; height: 0px; background: linear-gradient(180deg, #D69478 0%, #C2876D 50%, #704D3F 100%); border-radius: 4px; transition: height 0.1s linear;}
#sub_history .history-timeline .timeline-group .timeline-right{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 140px; flex: 1;}
#sub_history .history-timeline .timeline-group .timeline-right .year95-09, #sub_history .history-timeline .timeline-group .timeline-right .year10-16, #sub_history .history-timeline .timeline-group .timeline-right .year17-26{display: flex; flex-direction: column; align-items: flex-start; gap: 35px; width: 100%;}
#sub_history .history-timeline .timeline-group .timeline-right .history-item{position: relative; width: 100%;}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .timeline-marker{position: absolute; top: 8px; left: -62px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background-color: #382A2A; transition: all 0.3s ease;}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .timeline-marker.active{top: 5px; left: -62px; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(180deg, #D69478 0%, #704D3F 100%); box-shadow: 0 1px 7px 0 rgba(139, 115, 99, 0.5);}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .timeline-marker.active::after{display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #ffffff; content: "";}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .history-year{margin-bottom: 10px; font-family: var(--ff-tiem); font-size: 32px; font-weight: 400; color: #433939;}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .history-events{font-family: var(--ff-pretendard); font-size: 16px; font-weight: 400; line-height: 26px; color: #565656;}
#sub_history .history-timeline .timeline-group .timeline-right:after{position: absolute; bottom: 0; left: -62px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background-color: #382A2A; content: '';}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .history-events li{position: relative; padding-left: 12px;}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .history-events li::before{position: absolute; top: 0; left: 0; content: "·"; font-weight: bold;}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .history-events li strong{font-weight: 600;}
#sub_history .history-timeline .timeline-group .timeline-right .history-item .history-events li span{display: block; padding-left: 12px;}

.common-title{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; width: 100%; max-width: 1920px; margin-inline: auto; padding: 80px 60px 60px;}
.common-title .sub-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
.common-title .sub-title .ko{font-family: var(--ff-notoserif); font-size: var(--fz-40); font-weight: 600; letter-spacing: -0.01em;}
.common-title .sub-menu{display: flex; justify-content: flex-start; align-items: center; gap: 12px;}
.common-title .sub-menu li{font-family: var(--ff-notoserif); font-size: var(--fz-18); font-weight: 500; line-height: 32px; color: #524242;}
#sub_contact{display: flex; flex-direction: column; width: 100%; margin: 110px auto 0;}
#sub_contact .visual-img{display: block; width: 100%; aspect-ratio: 1920 / 575; object-fit: cover;}
#sub_contact .sec-sub-info{display: flex; justify-content: space-between; align-items: center; gap: 99px; padding: 160px 0 120px 4.16vw; margin-left: 8.3vw; border-left: 1px solid #EDEDEE;}
#sub_contact .sec-sub-info .text-cont{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 50px; width: 50%; max-width: 590px;}
#sub_contact .sec-sub-info .text-cont .info-title{font-family: var(--ff-notoserif); font-size: var(--fz-36); font-weight: 600; line-height: 52px; color: #26211f;}
#sub_contact .sec-sub-info .text-cont .info-list{display: flex; flex-direction: column; gap: 48px; width: 100%;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item{display: flex; align-items: center; gap: 60px;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .label{min-width: 140px; font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 600; color: #26211f;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .phone-num{font-family: var(--ff-tiem); font-size: var(--fz-36); font-weight: 400; line-height: 40px; letter-spacing: 1.8px; color: #4c3d37;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .kakao-btn{display: flex; justify-content: center; align-items: center; gap: 12px; width: 180px; height: 60px; padding: 0 20px; border-radius: 8px; background-color: #382a2a; font-family: var(--ff-pretendard); font-size: var(--fz-16); font-weight: 500; color: #ffffff;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap{display: flex; flex-direction: column; gap: 12px;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .time-row{display: flex; align-items: center; gap: 20px;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .time-row .day{min-width: 71px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; line-height: 40px; color: #444444; text-align: justify; text-align-last: justify;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .time-row .hour{font-family: var(--ff-pretendard); font-size: var(--fz-20); font-weight: 400; line-height: 40px; letter-spacing: 0.2px; color: #444444;}
#sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .holiday{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 40px; color: #878787;}
#sub_contact .sec-sub-info .img-cont{width: 50%; max-width: 991px;}
#sub_contact .sec-sub-info .img-cont img{display: block; width: 100%; aspect-ratio: 991 / 600; border-radius: 0 0 10px 10px; object-fit: cover;}
#sub_contact .sec-sub-map{display: flex; flex-direction: column; gap: 50px; width: 100%; max-width: 1920px; margin: 0 auto;}
#sub_contact .sec-sub-map .map-box{position: relative; display: block; width: 100%; aspect-ratio: 1920 / 714; border-radius: 10px; overflow: hidden;}
#sub_contact .sec-sub-map .map-box .map-img{width: 100% !important; height: 100% !important;}
#sub_contact .sec-sub-map .map-box .map-img .wrap_map, #sub_contact .sec-sub-map .map-box .map-img .wrap_map .map{width: 100% !important; height: 100% !important;}
#sub_contact .sec-sub-map .map-box .map-overlay{position: absolute; top: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); opacity: 0; transition: 0.3s; cursor: pointer;}
#sub_contact .sec-sub-map .map-box .map-overlay:hover{opacity: 1;}
#sub_contact .sec-sub-map .map-box .map-overlay.active{opacity: 0; pointer-events: none;}
#sub_contact .sec-sub-map .map-box .map-overlay .overlay-text{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 600; color: #26211f;}
#sub_contact .sec-sub-map .btm-cont{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 0 160px;}
#sub_contact .sec-sub-map .btm-cont .text-cont{display: flex; flex-direction: column; gap: 16px;}
#sub_contact .sec-sub-map .btm-cont .text-cont .address-title{font-family: var(--ff-notoserif); font-size: var(--fz-32); font-weight: 700; line-height: 44px; color: #26211f;}
#sub_contact .sec-sub-map .btm-cont .text-cont .address-desc{font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; line-height: 44px; color: #222222;}
#sub_contact .sec-sub-map .btm-cont .btn-cont{display: flex; flex-direction: column; align-items: flex-end; gap: 20px;}
#sub_contact .sec-sub-map .btm-cont .btn-cont .map-btns{display: flex; align-items: center; gap: 12px;}
#sub_contact .sec-sub-map .btm-cont .btn-cont .map-btns .map-btn{display: flex; justify-content: center; align-items: center; gap: 12px; width: 180px; height: 60px; padding: 0 20px; border-radius: 10px; background-color: #382a2a; border: 1px solid #382a2a; font-family: var(--ff-pretendard); font-size: var(--fz-16); font-weight: 500; color: #ffffff; transition: 0.5s;}
#sub_contact .sec-sub-map .btm-cont .btn-cont .map-btns .map-btn:hover{background-color: #fff; color: #382a2a;}
#sub_contact .sec-sub-map .btm-cont .btn-cont .parking-info{display: flex; align-items: center; gap: 106px; height: 73.5px; padding: 15px 40px; border: 1.5px solid #e9e9e9; border-radius: 10px;}
#sub_contact .sec-sub-map .btm-cont .btn-cont .parking-info .parking-label{font-family: var(--ff-pretendard); font-size: var(--fz-20); font-weight: 600; color: #222222;}
#sub_contact .sec-sub-map .btm-cont .btn-cont .parking-info .parking-desc{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 40px; color: #666666;}
#sub_contact .sec-sub-detail{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 140px 0; margin-top: 150px; background: url(../sub/img/sub13_detail_bg.webp) center/cover no-repeat;}
#sub_contact .sec-sub-detail .inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1600px; padding: 0 160px;}
#sub_contact .sec-sub-detail .inner .title-cont{display: flex; flex-direction: column; align-items: center; gap: 30px; text-align: center;}
#sub_contact .sec-sub-detail .inner .title-cont .eng-title{font-family: var(--ff-tiem); font-size: var(--fz-48); font-weight: 400; color: #ffffff;}
#sub_contact .sec-sub-detail .inner .title-cont .kor-sub-title{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 600; line-height: 36px; color: #ffffff;}
#sub_contact .sec-sub-detail .inner .title-cont .kor-desc{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 400; line-height: 34px; color: #ffffff;}
#sub_contact .sec-sub-detail .inner .detail-img{display: block; width: 100%; aspect-ratio: 1600 / 694; border-radius: 20px; object-fit: cover;}

#sub_skin_dermatology{display: flex; flex-direction: column; width: 100%; margin: 110px auto 0;}
#sub_skin_dermatology .sec-sub-visual{width: 100%; padding: 170px 0; background: url(../sub/img/sub41_visual_bg.webp) center center / cover no-repeat;}
#sub_skin_dermatology .sec-sub-visual .inner{display: flex; justify-content: flex-end; align-items: center; width: 100%; max-width: 1600px; margin: 0 auto;}
#sub_skin_dermatology .sec-sub-visual .inner .text-cont{display: flex; flex-direction: column; gap: 40px;}
#sub_skin_dermatology .sec-sub-visual .inner .text-cont .visual-title{font-family: var(--ff-tiem); font-size: var(--fz-48); font-style: normal; font-weight: 400; line-height: normal; color: #26211f;}
#sub_skin_dermatology .sec-sub-visual .inner .text-cont .visual-desc{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.88; letter-spacing: -0.18px; color: #666666;}
#sub_skin_dermatology .sec-sub-intro{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 140px 160px; background: url(../sub/img/sub41_intro_bg.webp) center/cover no-repeat;}
#sub_skin_dermatology .sec-sub-intro .left{display: flex; flex-direction: column; gap: 80px; width: 437px;}
#sub_skin_dermatology .sec-sub-intro .left img{display: block; width: 100%; aspect-ratio: 437 / 512; border-radius: 10px; object-fit: cover;}
#sub_skin_dermatology .sec-sub-intro .left .check-list{display: flex; flex-direction: column; gap: 32px;}
#sub_skin_dermatology .sec-sub-intro .left .check-list li{position: relative; display: flex; align-items: center; gap: 16px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; line-height: 44px; color: #878787;}
#sub_skin_dermatology .sec-sub-intro .center{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 504px; padding-top: 120px; text-align: center;}
#sub_skin_dermatology .sec-sub-intro .center .intro-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_skin_dermatology .sec-sub-intro .center .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_skin_dermatology .sec-sub-intro .center .detail{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_skin_dermatology .sec-sub-intro .right{width: 437px; padding-top: 200px;}
#sub_skin_dermatology .sec-sub-intro .right img{display: block; width: 100%; aspect-ratio: 437 / 512; border-radius: 10px; object-fit: cover;}
#sub_skin_dermatology .sec-sub-grasp{border-bottom: 1px solid #ededee;}
#sub_skin_dermatology .sec-sub-grasp .inner{display: flex; justify-content: center; align-items: center; gap: 100px; width: 92%; max-width: 1600px; margin-inline: auto;}
#sub_skin_dermatology .sec-sub-grasp .left-art{width: 100%; max-width: 698px; padding-right: 100px; border-right: 1px solid #ededee; padding-block: 140px;}
#sub_skin_dermatology .sec-sub-grasp .left-art img{display: block; width: 100%; aspect-ratio: 500 / 600; object-fit: cover;}
#sub_skin_dermatology .sec-sub-grasp .right-art{display: flex; flex-direction: column; gap: 28px;}
#sub_skin_dermatology .sec-sub-grasp .right-art .grasp-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_skin_dermatology .sec-sub-grasp .right-art .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_skin_dermatology .sec-sub-grasp .right-art .detail{margin-top: 32px; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_skin_dermatology .sec-sub-trouble{display: flex; justify-content: space-between; align-items: flex-start; gap: 80px; width: 92%; max-width: 1600px; padding-top: 140px; margin-inline: auto; background: url(../sub/img/sub41_trouble_bg.webp) center/cover no-repeat;}
#sub_skin_dermatology .sec-sub-trouble .left{display: flex; flex-direction: column; gap: 80px; width: 531px;}
#sub_skin_dermatology .sec-sub-trouble .left img{display: block; width: 100%; aspect-ratio: 531 / 635; border-radius: 10px; object-fit: cover;}
#sub_skin_dermatology .sec-sub-trouble .left .pdt-info{display: flex; flex-direction: column; gap: 16px;}
#sub_skin_dermatology .sec-sub-trouble .left .pdt-info h4{display: flex; align-items: center; gap: 16px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #878787;}
#sub_skin_dermatology .sec-sub-trouble .left .pdt-info p{padding-left: 48px; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #878787;}
#sub_skin_dermatology .sec-sub-trouble .right{display: flex; flex-direction: column; gap: 28px;}
#sub_skin_dermatology .sec-sub-trouble .right .trouble-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_skin_dermatology .sec-sub-trouble .right .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_skin_dermatology .sec-sub-trouble .right .detail{margin-top: 32px; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_skin_dermatology .sec-sub-trouble .right .trouble-sub-img{display: block; margin-top: 68px; width: 100%; max-width: 832px; aspect-ratio: 832 / 495; border-radius: 10px 10px 0 0; object-fit: cover;}

#sub_skin_ngar{display: flex; flex-direction: column; width: 100%; margin: 110px auto 0;}
#sub_skin_ngar .sec-sub-visual{width: 100%; padding: 170px 0; background: url(../sub/img/sub42_visual_bg.webp) center center / cover no-repeat;}
#sub_skin_ngar .sec-sub-visual .inner{display: flex; justify-content: flex-end; align-items: center; width: 100%; max-width: 1600px; margin: 0 auto;}
#sub_skin_ngar .sec-sub-visual .inner .text-cont{display: flex; flex-direction: column; gap: 40px;}
#sub_skin_ngar .sec-sub-visual .inner .text-cont .visual-title{font-family: var(--ff-tiem); font-size: var(--fz-48); font-style: normal; font-weight: 400; line-height: normal; color: #26211f;}
#sub_skin_ngar .sec-sub-visual .inner .text-cont .visual-desc{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.88; letter-spacing: -0.18px; color: #666666;}
#sub_skin_ngar .sec-sub-intro{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 140px 160px; background: url(../sub/img/sub41_intro_bg.webp) center/cover no-repeat;}
#sub_skin_ngar .sec-sub-intro .left{display: flex; flex-direction: column; gap: 80px; width: 437px;}
#sub_skin_ngar .sec-sub-intro .left img{display: block; width: 100%; aspect-ratio: 437 / 512; border-radius: 10px; object-fit: cover;}
#sub_skin_ngar .sec-sub-intro .left .check-list{display: flex; flex-direction: column; gap: 32px;}
#sub_skin_ngar .sec-sub-intro .left .check-list li{position: relative; display: flex; align-items: center; gap: 16px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; line-height: 44px; color: #878787;}
#sub_skin_ngar .sec-sub-intro .center{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 504px; padding-top: 120px; text-align: center;}
#sub_skin_ngar .sec-sub-intro .center .intro-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_skin_ngar .sec-sub-intro .center .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_skin_ngar .sec-sub-intro .center .detail{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_skin_ngar .sec-sub-intro .right{width: 437px; padding-top: 200px; align-self: end;}
#sub_skin_ngar .sec-sub-intro .right img{display: block; width: 100%; aspect-ratio: 437 / 512; border-radius: 10px; object-fit: cover;}
#sub_skin_ngar .sec-sub-skincare{border-bottom: 1px solid #ededee;}
#sub_skin_ngar .sec-sub-skincare .inner{display: flex; justify-content: center; align-items: center; gap: 100px; width: 92%; max-width: 1600px; margin-inline: auto;}
#sub_skin_ngar .sec-sub-skincare .left-art{padding-right: 100px; border-right: 1px solid #ededee; padding-block: 140px;}
#sub_skin_ngar .sec-sub-skincare .left-art img{display: block; width: 100%; max-width: 698px; aspect-ratio: 698 / 941; object-fit: contain;}
#sub_skin_ngar .sec-sub-skincare .right-art{display: flex; flex-direction: column; gap: 28px;}
#sub_skin_ngar .sec-sub-skincare .right-art .grasp-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_skin_ngar .sec-sub-skincare .right-art .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_skin_ngar .sec-sub-skincare .right-art .detail{margin-top: 32px; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_skin_ngar .sec-sub-skincare .right-art .check-list{display: flex; flex-direction: column; gap: 28px;}
#sub_skin_ngar .sec-sub-skincare .right-art .check-list li{display: flex; align-items: center; gap: 16px; color: #878787; font-family: "Noto Serif KR"; font-size: 20px; font-style: normal; font-weight: 600; line-height: 2.2; letter-spacing: -0.2px;}
#sub_skin_ngar .sec-sub-hair{display: flex; justify-content: space-between; align-items: flex-start; gap: 80px; width: 92%; max-width: 1600px; padding-top: 140px; margin-inline: auto; background: url(../sub/img/sub41_trouble_bg.webp) center/cover no-repeat;}
#sub_skin_ngar .sec-sub-hair .left{display: flex; flex-direction: column; gap: 28px; padding-top: 40px;}
#sub_skin_ngar .sec-sub-hair .left .trouble-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_skin_ngar .sec-sub-hair .left .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_skin_ngar .sec-sub-hair .left .detail{margin-top: 32px; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_skin_ngar .sec-sub-hair .left .trouble-sub-img{display: block; margin-top: 68px; width: 100%; max-width: 909px; aspect-ratio: 909 / 409; border-radius: 10px 10px 0 0; object-fit: cover;}
#sub_skin_ngar .sec-sub-hair .right{display: flex; flex-direction: column; gap: 80px; width: 531px;}
#sub_skin_ngar .sec-sub-hair .right img{display: block; width: 100%; aspect-ratio: 612 / 458; border-radius: 10px; object-fit: cover;}
#sub_skin_ngar .sec-sub-hair .right .pdt-info{display: flex; flex-direction: column; gap: 16px;}
#sub_skin_ngar .sec-sub-hair .right .pdt-info h4{display: flex; align-items: center; gap: 16px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #878787;}
#sub_skin_ngar .sec-sub-hair .right .pdt-info p{padding-left: 48px; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #878787;}
#sub_skin_ngar .sec-sub-guide{background: #fafafa; padding-block: 140px;}
#sub_skin_ngar .sec-sub-guide .title-cont{padding-bottom: 80px;}
#sub_skin_ngar .sec-sub-guide .title-cont h3{color: #26211F; text-align: center; font-family: var(--ff-tiem); font-size: var(--fz-60); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.01em;}
#sub_skin_ngar .sec-sub-guide .title-cont .title-desc{margin-top: 28px; color: #333; text-align: center; font-family: "Noto Serif KR"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 1.5; letter-spacing: -0.01em;}
#sub_skin_ngar .sec-sub-guide article{display: flex; justify-content: space-between; padding-top: 80px; width: 92%; max-width: 1440px; align-items: center; margin-inline: auto;}
#sub_skin_ngar .sec-sub-guide article h4{color: #26211F; font-family: "Noto Serif KR"; font-size: 26px; font-style: normal; font-weight: 700; line-height: 1.538; letter-spacing: -0.26px;}
#sub_skin_ngar .sec-sub-guide article .desc{color: #222; font-family: "Noto Serif KR"; font-size: 20px; font-style: normal; font-weight: 600; line-height: 2.2; letter-spacing: -0.2px;}
#sub_skin_ngar .sec-sub-guide article .detail{margin-top: 32px; color: #666; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.88; letter-spacing: -0.18px;}

.sub-comm-slider{display: flex; flex-direction: column; gap: 80px; width: 100%; padding: 140px 0; background-color: #fafafa; overflow: hidden;}
.sub-comm-slider .inner-top{padding-bottom: 40px; border-bottom: 1px solid #ededee;}
.sub-comm-slider .inner-btm{width: 92%; max-width: 1600px; margin-inline: auto;}
.sub-comm-slider .title-cont{display: flex; justify-content: space-between; align-items: flex-end; width: 92%; max-width: 1600px; margin-inline: auto;}
.sub-comm-slider .title-cont .title-wrap{display: flex; flex-direction: column; gap: 28px;}
.sub-comm-slider .title-cont .title-wrap .pore-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
.sub-comm-slider .title-cont .title-wrap .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
.sub-comm-slider .step-slider{width: 100%; overflow: visible;}
.sub-comm-slider .step-slider .slick-list{margin: 0 -20px; overflow: visible;}
.sub-comm-slider .step-slider .slick-slide{padding: 0 20px; box-sizing: border-box;}
.sub-comm-slider .step-slider .item{display: flex !important; align-items: start; gap: 56px; width: fit-content; padding: 48px 70px;}
.sub-comm-slider .step-slider .item .text-cont{display: flex; flex-direction: column; gap: 12px;}
.sub-comm-slider .step-slider .item .text-cont .num{margin-bottom: 84px; font-family: var(--ff-tiem); font-size: var(--fz-24); color: #26211f;}
.sub-comm-slider .step-slider .item .text-cont h4{font-family: var(--ff-notoserif); font-size: var(--fz-26); font-weight: 700; color: #26211f;}
.sub-comm-slider .step-slider .item .text-cont .sub{font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #222222;}
.sub-comm-slider .step-slider .item .text-cont .info{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 400; line-height: 34px; color: #666666;}
.sub-comm-slider .step-slider .item img{display: block; width: 282px; aspect-ratio: 282 / 386; border-radius: 10px; object-fit: cover;}
.btn-wrap a{display: flex; align-items: center; gap: 15px; color: #403833; font-family: var(--ff-tiem); font-size: var(--fz-24); font-style: normal; font-weight: 400; line-height: 1.5; letter-spacing: -0.24px;}
.btn-wrap a .btn-arrow{position: relative;}
.btn-wrap a .btn-arrow::after{display: inline-block; transition: .5s; transform: scale(.1); width: 37px; height: 37px; border-radius: 50%; content: ""; background: #E9E6E5; position: absolute; top: 0; right: -10.5px; z-index: -1;}
.btn-wrap a:hover .btn-arrow::after {transform: scale(1);}
.btn-wrap a img{display: inline-block; padding-bottom: 8px; transform: translateX(-10px); transition: .5s;}
.btn-wrap a:hover img {transform: translateX(0);}

.sec-sub-faq{display: flex; flex-direction: column; align-items: center; gap: 60px; width: 100%; padding: 140px 0; background-color: #ffffff;}
.sec-sub-faq .title-cont{display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center;}
.sec-sub-faq .title-cont h3{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
.sec-sub-faq .title-cont .faq-desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; color: #333333;}
.sec-sub-faq .faq-list{width: 100%; max-width: 1600px; padding: 0 20px;}
.sec-sub-faq .faq-list .faq-item{display: flex; flex-direction: column; gap: 5px; overflow: hidden;}
.sec-sub-faq .faq-list .faq-item .q-tit{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; padding: 10px 46px; border-bottom: 1px solid #ededee; background-color: transparent; cursor: pointer; transition: background-color 0.3s;}
.sec-sub-faq .faq-list .faq-item .q-tit span{font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #141414; transition: color 0.3s; word-break: keep-all;}
.sec-sub-faq .faq-list .faq-item .q-tit .arrow-icon{position: absolute; top: calc(50% - 10px); right: 46px; flex-shrink: 0; color: #2c2626; transition: 0.3s;}
.sec-sub-faq .faq-list .faq-item.active .q-tit{height: auto; padding: 32px 46px; background-color: #231815; border-radius: 10px; border-bottom: none;}
.sec-sub-faq .faq-list .faq-item.active .q-tit span{font-weight: 700; color: #ffffff;}
.sec-sub-faq .faq-list .faq-item.active .q-tit .arrow-icon{rotate: 180deg; color: #ffffff;}
.sec-sub-faq .faq-list .faq-item .a-cont{max-height: 0; overflow: hidden; background-color: #f8f8f8; border-radius: 10px; transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);}
.sec-sub-faq .faq-list .faq-item .a-cont p{padding: 40px 46px; text-align: center; font-family: var(--ff-pretendard); font-size: var(--fz-20); font-weight: 500; line-height: 36px; color: #444444; word-break: keep-all;}
.sec-sub-faq .faq-list .faq-item:has(+ .faq-item.active) .q-tit{border-bottom: none;}
.sec-sub-faq .faq-list .faq-item:first-child:not(.active) .q-tit{border-top: 1px solid #ededee;}

.sec-sub-why{position: relative; display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; padding: 80px 0 0; background-color: #ffffff;}
.sec-sub-why:after{position: absolute; top: 0; left: 0; transform: translateY(-50%); width: 100%; height: 4px; background-color: #fff; z-index: 3; content:'';}
.sec-sub-why .title-cont{display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center;}
.sec-sub-why .title-cont h3{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
.sec-sub-why .title-cont .why-desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; color: #333333;}
.sec-sub-why .why-article{position: relative; width: 100%; height: 640px; overflow: hidden;}
.sec-sub-why .why-article .bg-list{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.sec-sub-why .why-article .bg-list li{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-position: center; background-size: cover; background-repeat: no-repeat; transition: opacity 0.5s;}
.sec-sub-why .why-article .bg-list li.active{opacity: 1;}
.sec-sub-why .why-article:has(.text-list li:nth-child(1):hover) .bg-list li:nth-child(1){opacity: 1;}
.sec-sub-why .why-article:has(.text-list li:nth-child(1):hover) .bg-list li:not(:nth-child(1)){opacity: 0;}
.sec-sub-why .why-article:has(.text-list li:nth-child(2):hover) .bg-list li:nth-child(2){opacity: 1;}
.sec-sub-why .why-article:has(.text-list li:nth-child(2):hover) .bg-list li:not(:nth-child(2)){opacity: 0;}
.sec-sub-why .why-article:has(.text-list li:nth-child(3):hover) .bg-list li:nth-child(3){opacity: 1;}
.sec-sub-why .why-article:has(.text-list li:nth-child(3):hover) .bg-list li:not(:nth-child(3)){opacity: 0;}
.sec-sub-why .why-article:has(.text-list li:nth-child(4):hover) .bg-list li:nth-child(4){opacity: 1;}
.sec-sub-why .why-article:has(.text-list li:nth-child(4):hover) .bg-list li:not(:nth-child(4)){opacity: 0;}
.sec-sub-why .why-article .text-list{position: relative; z-index: 2; display: flex; width: 100%; height: 100%;}
.sec-sub-why .why-article .text-list li{display: flex; flex-direction: column; justify-content: flex-end; flex: 1; padding: 56px; border-right: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; transition: background-color 0.3s;}
.sec-sub-why .why-article .text-list li:last-child{border-right: 0;}
.sec-sub-why .why-article .text-list li h4{font-family: var(--ff-tiem); font-size: var(--fz-28); font-weight: 400; color: #ffffff; transition: transform 0.4s;}
.sec-sub-why .why-article .text-list li .info{max-height: 0; opacity: 0; transform: translateY(20px); font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 400; line-height: 34px; color: #ffffff; overflow: hidden; transition: max-height 0.4s, opacity 0.4s, transform 0.4s, margin-top 0.4s;}
.sec-sub-why .why-article .text-list li:hover h4{transform: translateY(-10px);}
.sec-sub-why .why-article .text-list li:hover .info{max-height: 200px; margin-top: 20px; opacity: 1; transform: translateY(0);}

#sub_laser_lifting{display: flex; flex-direction: column; width: 100%; margin: 110px auto 0;}
#sub_laser_lifting .sec-sub-visual{width: 100%; padding: 170px 0; background: url(../sub/img/sub31_visual_bg.webp) center center / cover no-repeat;}
#sub_laser_lifting .sec-sub-visual .inner{display: flex; justify-content: flex-end; align-items: center; width: 100%; max-width: 1600px; margin: 0 auto;}
#sub_laser_lifting .sec-sub-visual .inner .text-cont{display: flex; flex-direction: column; gap: 40px;}
#sub_laser_lifting .sec-sub-visual .inner .text-cont .visual-title{font-family: var(--ff-tiem); font-size: var(--fz-48); font-style: normal; font-weight: 400; line-height: normal; color: #26211f;}
#sub_laser_lifting .sec-sub-visual .inner .text-cont .visual-desc{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.88; letter-spacing: -0.18px; color: #666666;}
#sub_laser_lifting .sec-sub-intro{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 140px 160px; background: url(../sub/img/sub41_intro_bg.webp) center/cover no-repeat;}
#sub_laser_lifting .sec-sub-intro .left{display: flex; flex-direction: column; gap: 80px; width: 437px;}
#sub_laser_lifting .sec-sub-intro .left img{display: block; width: 100%; aspect-ratio: 437 / 512; border-radius: 10px; object-fit: cover;}
#sub_laser_lifting .sec-sub-intro .left .check-list{display: flex; flex-direction: column; gap: 32px;}
#sub_laser_lifting .sec-sub-intro .left .check-list li{position: relative; display: flex; align-items: center; gap: 16px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; line-height: 44px; color: #878787;}
#sub_laser_lifting .sec-sub-intro .center{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 504px; padding-top: 120px; text-align: center;}
#sub_laser_lifting .sec-sub-intro .center .intro-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_laser_lifting .sec-sub-intro .center .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_laser_lifting .sec-sub-intro .center .detail{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_laser_lifting .sec-sub-intro .center .btn-more{display: flex; align-items: center; gap: 15px; color: #403833; font-family: var(--ff-tiem); font-size: var(--fz-24); font-weight: 400;}
#sub_laser_lifting .sec-sub-intro .center .btn-more .btn-arrow{position: relative;}
#sub_laser_lifting .sec-sub-intro .right{width: 437px; padding-top: 200px; align-self: end;}
#sub_laser_lifting .sec-sub-intro .right img{display: block; width: 100%; aspect-ratio: 437 / 512; border-radius: 10px; object-fit: cover;}
#sub_laser_lifting .sec-sub-energy{border-bottom: 1px solid #ededee; border-top: 1px solid #ededee;}
#sub_laser_lifting .sec-sub-energy .inner{display: flex; justify-content: center; align-items: center; gap: 100px; width: 92%; max-width: 1600px; margin-inline: auto;}
#sub_laser_lifting .sec-sub-energy .left-art{padding-right: 100px; border-right: 1px solid #ededee; padding-block: 140px;}
#sub_laser_lifting .sec-sub-energy .left-art .img-box{position: relative; width: 698px; aspect-ratio: 698 / 841;}
#sub_laser_lifting .sec-sub-energy .left-art .img-box .img-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; opacity: 0; transition: opacity 0.4s ease; pointer-events: none;}
#sub_laser_lifting .sec-sub-energy .left-art .img-box .img-item.active{opacity: 1; pointer-events: auto; z-index: 2;}
#sub_laser_lifting .sec-sub-energy .right-art{display: flex; flex-direction: column; gap: 28px; flex: 1;}
#sub_laser_lifting .sec-sub-energy .right-art .energy-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_laser_lifting .sec-sub-energy .right-art .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; line-height: 36px; color: #333333;}
#sub_laser_lifting .sec-sub-energy .right-art .detail{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box{display: flex; align-items: flex-end; gap: 56px; margin-top: 40px;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list{display: flex; flex-direction: column; flex: 1;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list .layer-item{display: flex; justify-content: center; align-items: center; width: 248px; padding: 10px 40px; font-family: var(--ff-notoserif); font-size: var(--fz-18); font-weight: 600; color: #524242; cursor: pointer; transition: 0.5s;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list .layer-item:nth-child(1){background: #ACA09A;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list .layer-item:nth-child(2){background: #DAD4D2;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list .layer-item:nth-child(3){background: #F1EFEE;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list .layer-item.active{background: #231815; color: #fff;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info{position: relative; display: flex; flex-direction: column; width: 100%; min-height: 120px;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info .info-item{position: absolute; top: 0; left: 0; display: flex; flex-direction: column; gap: 4px; width: 100%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info .info-item.active{position: relative; opacity: 1; pointer-events: auto; z-index: 2;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info .info-item h4{font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #26211f;}
#sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info .info-item p{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #666666;}
#sub_laser_lifting .sec-sub-thermage{background: url(../sub/img/sub31_thermage_bg.webp) center/cover no-repeat;}
#sub_laser_lifting .sec-sub-thermage .inner{display: flex; justify-content: space-between; align-items: flex-start; gap: 80px; width: 92%; max-width: 1600px; padding-top: 140px; margin-inline: auto;}
#sub_laser_lifting .sec-sub-thermage .left{display: flex; flex-direction: column; gap: 80px; width: 531px;}
#sub_laser_lifting .sec-sub-thermage .left .img-box{position: relative; width: 100%; aspect-ratio: 531 / 635; border-radius: 10px; overflow: hidden;}
#sub_laser_lifting .sec-sub-thermage .left .img-box .bg-img{width: 100%; height: 100%; object-fit: cover;}
#sub_laser_lifting .sec-sub-thermage .left .img-box .main-img{position: absolute; top: 79px; left: 146px; width: 239px; height: 477px;}
#sub_laser_lifting .sec-sub-thermage .left .check-list{display: flex; flex-direction: column; gap: 32px;}
#sub_laser_lifting .sec-sub-thermage .left .check-list li{display: flex; align-items: center; gap: 16px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #878787;}
#sub_laser_lifting .sec-sub-thermage .right{display: flex; flex-direction: column; gap: 96px; padding-top: 40px;}
#sub_laser_lifting .sec-sub-thermage .right .text-box{display: flex; flex-direction: column; gap: 28px; width: 672px;}
#sub_laser_lifting .sec-sub-thermage .right .text-box .device-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_laser_lifting .sec-sub-thermage .right .text-box .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; color: #333333;}
#sub_laser_lifting .sec-sub-thermage .right .text-box .detail{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_laser_lifting .sec-sub-thermage .right .sub-img-box{position: relative; width: 832px; aspect-ratio: 832 / 495; border-radius: 10px 10px 0 0; overflow: hidden;}
#sub_laser_lifting .sec-sub-thermage .right .sub-img-box .bg-img{width: 100%; height: 100%; object-fit: cover;}
#sub_laser_lifting .sec-sub-thermage .right .sub-img-box .main-img{position: absolute; top: 0; left: 235px; width: 597px; height: 814px;}
#sub_laser_lifting .sec-sub-ulthera{width: 100%; border-top: 1px solid #ededee; border-bottom: 1px solid #ededee; background-color: #ffffff;}
#sub_laser_lifting .sec-sub-ulthera .inner{display: flex; justify-content: space-between; align-items: stretch; width: 100%;}
#sub_laser_lifting .sec-sub-ulthera .inner .side-img{position: relative; width: 30%;}
#sub_laser_lifting .sec-sub-ulthera .inner .side-img .bg-img{width: 100%; height: 100%; object-fit: cover;}
#sub_laser_lifting .sec-sub-ulthera .inner .center-cont{display: flex; flex-direction: column; flex-grow: 1; justify-content: center; align-items: center; border-left: 1px solid #ededee; border-right: 1px solid #ededee;}
#sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box{display: flex; flex-direction: column; align-items: center; width: 100%; gap: 40px; padding: 120px 0; text-align: center; border-bottom: 1px solid #ededee;}
#sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box .device-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; color: #333333;}
#sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box .detail{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_laser_lifting .sec-sub-ulthera .inner .center-cont .check-list{display: flex; flex-direction: column; gap: 20px; padding: 48px 56px;}
#sub_laser_lifting .sec-sub-ulthera .inner .center-cont .check-list li{display: flex; align-items: center; gap: 16px; font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #878787;}
#sub_laser_lifting .sec-sub-sofwave{width: 100%; padding: 140px 160px 200px 160px; background-color: #ffffff;}
#sub_laser_lifting .sec-sub-sofwave .inner{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; max-width: 1600px; margin-inline: auto;}
#sub_laser_lifting .sec-sub-sofwave .inner .left{display: flex; flex-direction: column; gap: 64px;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .text-box{display: flex; flex-direction: column; gap: 60px;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .text-box .device-title{font-family: var(--ff-tiem); font-size: var(--fz-60); font-weight: 400; color: #26211f;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .text-box .desc{font-family: var(--ff-notoserif); font-size: var(--fz-24); font-weight: 500; color: #333333;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .text-box .detail{width: 672px; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-weight: 500; line-height: 34px; color: #333333;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list{display: flex; gap: 12px; width: 680px;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list .item{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; padding: 20px; background-color: #f1efee;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list .item .step{font-family: var(--ff-notoserif); font-size: var(--fz-18); font-weight: 500; color: #666666; text-align: center;}
#sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list .item .info{font-family: var(--ff-notoserif); font-size: var(--fz-20); font-weight: 600; color: #444444;}
#sub_laser_lifting .sec-sub-sofwave .inner .right img{display: block; width: 816px; aspect-ratio: 816 / 548; border-radius: 10px; object-fit: cover;}

@media (max-width: 1024px) {
    #sub_history img { width: 100%; height: auto; display: block; }
    #sub_history .sub-history{padding: 60px 5% 40px; margin: 80px auto 0;}
    #sub_history .sub-history .inner .brand-story h2{padding-bottom: 12px; font-size: min(10vw, 40px);}
    #sub_history .sub-history .inner .brand-story p{font-size: min(4vw, 16px); line-height: 1.6; color: #524242; word-break: keep-all;}
    #sub_history .history-timeline .timeline-group{display: flex; flex-direction: column; gap: 30px; width: 100%; padding: 30px 0 80px;}
    #sub_history .history-timeline .timeline-group .timeline-left{position: sticky; top: 0; z-index: 90; display: block; width: 100%; align-self: auto; background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 0) 100%);}
    #sub_history .history-timeline .timeline-group .timeline-left .timeline-info-wrap{position: relative; top: 0; width: 100%; padding-top: 80px;}
    #sub_history .history-timeline .timeline-group .timeline-left .timeline-info{position: absolute; top: 80px; left: 0; display: flex; gap: 16px; width: 100%; padding: 20px; border-radius: 12px; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;}
    #sub_history .history-timeline .timeline-group .timeline-left .timeline-info.active{position: absolute; display: flex; opacity: 1; pointer-events: auto; z-index: 2;}
    #sub_history .history-timeline .timeline-group .timeline-left .timeline-info .timeline-title{margin-bottom: 0; font-family: var(--ff-tiem); font-size: var(--fz-24);}
    #sub_history .history-timeline .timeline-group .timeline-left .timeline-info .timeline-desc{font-size: var(--fz-15); line-height: 1.5; color: #52453e; word-break: keep-all;}
    #sub_history .history-timeline .timeline-group .timeline-left .timeline-info .timeline-image{width: 50%;}
    #sub_history .history-timeline .timeline-group .timeline-left .timeline-info .timeline-image img{display: block; width: 100%; aspect-ratio: 107/81; border-radius: 8px; object-fit: cover;}
    #sub_history .history-timeline .timeline-group .history-line{display: none;}
    #sub_history .history-timeline .timeline-group .timeline-right{position: relative; display: flex; flex-direction: column; gap: 60px; width: 100%; padding-inline: 20px;}
    #sub_history .history-timeline .timeline-group .timeline-right:after{display: none;}
    #sub_history .history-timeline .timeline-group .timeline-right .history-item .timeline-marker{top: 6px; left: -35px;}
    #sub_history .history-timeline .timeline-group .timeline-right .history-item .timeline-marker.active{top: 3px; left: -38px;}
    #sub_history .history-timeline .timeline-group .timeline-right .history-item .history-year{font-size: var(--fz-24);}
    #sub_history .history-timeline .timeline-group .timeline-right .history-item .history-events{font-size: var(--fz-15); line-height: 1.6; color: #565656; word-break: keep-all;}

    .sub-about-sect01 { flex-direction: column; gap: 40px; padding: 0 0 80px; }
    .sub-about-sect01 .inner { flex-direction: column; gap: 40px; padding-bottom: 0;}
    .sub-about-sect01 .left{padding: 0 5%;}
    .sub-about-sect01 .left-text .top-title { font-size: var(--fz-20); margin-bottom: 12px; }
    .sub-about-sect01 .left-text .main-title { font-size: var(--fz-40); line-height: 1.1; margin-bottom: 24px; }
    .sub-about-sect01 .left-text .sub-text-top { font-size: min(5.5vw, 24px); line-height: 1.4; margin-bottom: 24px; word-break: keep-all; }
    .sub-about-sect01 .left-text .sub-text-middle { font-size: var(--fz-16); line-height: 1.6; margin-bottom: 24px; word-break: keep-all; }
    .sub-about-sect01 .left-text .sub-text-bottom { font-size: var(--fz-16); line-height: 1.6; word-break: keep-all; }
    .sub-about-sect01 .right{}
    .sub-about-sect01 .right img{width: 100%; border-radius: 0;}

    .sub-about-sect02 { padding: 80px 0; }
    .sub-about-sect02 .inner { padding: 0 5%; justify-content: flex-start; align-items: flex-start; }
    .about-sect02-bg{background: url(../sub/img/m_sub_sect01_bg01.webp) center/cover no-repeat;}
    .sub-about-sect02 .right-text { width: 100%;}
    .sub-about-sect02 .right-text *{color: #26211F; text-align: center;}
    .sub-about-sect02 .right-text .top-title { font-size: var(--fz-20); margin-bottom: 12px; }
    .sub-about-sect02 .right-text .main-title { font-size: var(--fz-40); line-height: 1.1; margin-bottom: 24px; }
    .sub-about-sect02 .right-text .sect02-text { gap: 20px; font-size: var(--fz-16); line-height: 1.6; word-break: keep-all; }

    .sub-about-sect03 { padding: 80px 5%; }
    .sub-about-sect03 .inner { flex-direction: column; gap: 40px; }
    .sub-about-sect03 .left {padding-block: 0; padding-right: 0; width: 100%; border-right: 0;} 
    .sub-about-sect03 .left img{width: 100%;}
    .sub-about-sect03 .page-line { width: 100%; height: 1px; margin: 10px 0;  display: none;}
    .sub-about-sect03 .right-text { padding-left: 0; width: 100%; }
    .sub-about-sect03 .right-text .top-title { font-size: var(--fz-20); margin-bottom: 12px; }
    .sub-about-sect03 .right-text .main-title { font-size: var(--fz-40); line-height: 1.1; margin-bottom: 24px; }
    .sub-about-sect03 .right-text .sub-text { font-size: min(5.5vw, 24px); line-height: 1.4; margin-bottom: 32px; word-break: keep-all; }
    .sub-about-sect03 .right-text .hisroty-list { gap: 32px; }
    .sub-about-sect03 .right-text .hisroty-list .top-text { font-size: var(--fz-16); line-height: 1.6; word-break: keep-all; }
    .sub-about-sect03 .right-text .hisroty-list .middle-text li, 
    .sub-about-sect03 .right-text .hisroty-list .bottom-text li { flex-direction: column; align-items: flex-start; gap: 6px; padding-bottom: 12px; }
    .sub-about-sect03 .right-text .hisroty-list .middle-text li:last-child{padding-bottom: 0;}
    .sub-about-sect03 .right-text .hisroty-list .middle-text li .year, 
    .sub-about-sect03 .right-text .hisroty-list .bottom-text li .year { font-size: var(--fz-20); margin-right: 0; line-height: 1.2; }
    .sub-about-sect03 .right-text .hisroty-list .middle-text, 
    .sub-about-sect03 .right-text .hisroty-list .bottom-text li p { font-size: var(--fz-16); line-height: 1.6; word-break: keep-all; }
    .sub-about-sect03 .right-text .hisroty-list .bottom-text .bottom-title { font-size: var(--fz-20); margin-bottom: 10px; }

    .sub-about-sect04 { flex-direction: column; padding: 80px 5%; gap: 40px; }
    .sub-about-sect04 img{max-width: 100%;}
    .sub-about-sect04 .left, 
    .sub-about-sect04 .right { width: 100%; }
    .sub-about-sect04 .left-text .main-title { font-size: var(--fz-40); line-height: 1.1; margin-bottom: 24px; }
    .sub-about-sect04 .left-text .sub-text { font-size: var(--fz-16); line-height: 1.6; margin-bottom: 40px; word-break: keep-all; }

    .common-title{padding: 40px 24px 30px;}
    .common-title .sub-title{font-size: var(--fz-28);}
    .common-title .sub-title .ko{font-size: var(--fz-28);}
    .common-title .sub-menu{flex-wrap: wrap; gap: 8px;}
    .common-title .sub-menu li{font-size: min(4vw, 16px);}
    #sub_contact{display: flex; flex-direction: column; width: 100%; margin-top: 60px;}
    #sub_contact .visual-img{display: block; width: 100%; aspect-ratio: 375 / 240; object-fit: cover;}
    #sub_contact .sec-sub-info{display: flex; flex-direction: column; gap: 40px; width: 100%; padding: 60px 5%; margin-left: 0; border-left: 0;}
    #sub_contact .sec-sub-info .text-cont{display: flex; flex-direction: column; gap: 32px; width: 100%;}
    #sub_contact .sec-sub-info .text-cont .info-title{font-size: var(--fz-28);}
    #sub_contact .sec-sub-info .text-cont .info-list{display: flex; flex-direction: column; gap: 15px; width: 100%;}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item{display: flex; align-items: center; gap: 20px;}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .label{min-width: 100px; font-size: var(--fz-18);}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .phone-num{font-size: var(--fz-32);}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .kakao-btn{display: flex; justify-content: center; align-items: center; gap: 8px; width: auto; height: 50px; padding: 0 20px; font-size: var(--fz-15);}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap{display: flex; flex-direction: column; gap: 8px;}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .time-row{display: flex; align-items: center; gap: 12px;}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .time-row .day{min-width: 60px; font-size: var(--fz-16); line-height: 1.5;}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .time-row .hour{font-size: var(--fz-16); line-height: 1.5;}
    #sub_contact .sec-sub-info .text-cont .info-list .info-item .time-wrap .holiday{font-size: var(--fz-15); line-height: 1.5;}
    #sub_contact .sec-sub-info .img-cont{width: 100%; max-width: 100%;}
    #sub_contact .sec-sub-info .img-cont img{display: block; width: 100%; height: auto; object-fit: cover; border-radius: 10px;}
    #sub_contact .sec-sub-map{display: flex; flex-direction: column; gap: 32px; width: 100%; padding: 0;}
    #sub_contact .sec-sub-map .map-box{width: 100%; aspect-ratio: 16 / 9;}
    #sub_contact .sec-sub-map .map-box .map-overlay{display: none;}
    #sub_contact .sec-sub-map .btm-cont{display: flex; flex-direction: column; gap: 28px; width: 100%; padding: 0 5%;}
    #sub_contact .sec-sub-map .btm-cont .text-cont{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%;}
    #sub_contact .sec-sub-map .btm-cont .text-cont .address-title{font-size: var(--fz-22); line-height: 1.4; text-align: left;}
    #sub_contact .sec-sub-map .btm-cont .text-cont .address-desc{font-size: var(--fz-16); line-height: 1.5; text-align: left;}
    #sub_contact .sec-sub-map .btm-cont .btn-cont{display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%;}
    #sub_contact .sec-sub-map .btm-cont .btn-cont .map-btns{display: flex; flex-wrap: wrap; gap: 8px; width: 100%;}
    #sub_contact .sec-sub-map .btm-cont .btn-cont .map-btns .map-btn{display: flex; justify-content: center; align-items: center; flex: 1; min-width: 100px; height: 50px; padding: 0 12px; font-size: var(--fz-14);}
    #sub_contact .sec-sub-map .btm-cont .btn-cont .parking-info{display: flex; flex-direction: column; align-items: flex-start; gap: 6px; width: 100%; height: auto; padding: 16px 20px;}
    #sub_contact .sec-sub-map .btm-cont .btn-cont .parking-info .parking-label{font-size: var(--fz-16);}
    #sub_contact .sec-sub-map .btm-cont .btn-cont .parking-info .parking-desc{font-size: var(--fz-15); line-height: 1.5;}
    #sub_contact .sec-sub-detail{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 80px 0; margin-top: 80px;}
    #sub_contact .sec-sub-detail .inner{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; padding: 0 5%;}
    #sub_contact .sec-sub-detail .inner .title-cont{display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center;}
    #sub_contact .sec-sub-detail .inner .title-cont .eng-title{font-size: var(--fz-36);}
    #sub_contact .sec-sub-detail .inner .title-cont .kor-sub-title{font-size: var(--fz-20); line-height: 1.4; word-break: keep-all;}
    #sub_contact .sec-sub-detail .inner .title-cont .kor-desc{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_contact .sec-sub-detail .inner .detail-img{display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}

    #sub_skin_dermatology{margin-top: 60px;}
    #sub_skin_dermatology .sec-sub-visual{position: relative; width: 100%; padding: 0; background: url(../sub/img/m_sub41_visual_bg.webp) center center / cover no-repeat;}
    #sub_skin_dermatology .sec-sub-visual .inner{position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: 595px; padding: 0 24px; box-sizing: border-box; text-align: center;}
    #sub_skin_dermatology .sec-sub-visual .inner .text-cont{display: flex; flex-direction: column; align-items: center; gap: 34px;}
    #sub_skin_dermatology .sec-sub-visual .inner .text-cont .visual-title{font-size: min(11vw, 45px); line-height: 1.12; letter-spacing: -0.8px;}
    #sub_skin_dermatology .sec-sub-visual .inner .text-cont .visual-desc{font-size: 15px; line-height: 1.85; word-break: keep-all;}
    #sub_skin_dermatology .sec-sub-intro{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_skin_dermatology .sec-sub-intro .left{display: flex; flex-direction: column; gap: 20px; width: 100%; padding-top: 0; order: 2;}
    #sub_skin_dermatology .sec-sub-intro .left img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_dermatology .sec-sub-intro .left .check-list{display: flex; flex-direction: column; gap: 10px; margin-top: 24px;}
    #sub_skin_dermatology .sec-sub-intro .left .check-list li{font-size: var(--fz-16); line-height: 1.5; color: #878787;}
    #sub_skin_dermatology .sec-sub-intro .center{display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: 100%; padding-top: 0; order: 1; text-align: left;}
    #sub_skin_dermatology .sec-sub-intro .center .intro-title{font-size: var(--fz-36);}
    #sub_skin_dermatology .sec-sub-intro .center .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_skin_dermatology .sec-sub-intro .center .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_skin_dermatology .sec-sub-intro .right{display: none;}
    #sub_skin_dermatology .sec-sub-grasp{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_skin_dermatology .sec-sub-grasp .inner{display: flex; flex-direction: column; gap: 40px; width: 100%;}
    #sub_skin_dermatology .sec-sub-grasp .left-art{width: 100%; padding-right: 0; padding-block: 0; border-right: 0;}
    #sub_skin_dermatology .sec-sub-grasp .left-art img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_dermatology .sec-sub-grasp .right-art{display: flex; flex-direction: column; gap: 24px; width: 100%;}
    #sub_skin_dermatology .sec-sub-grasp .right-art .grasp-title{font-size: var(--fz-36);}
    #sub_skin_dermatology .sec-sub-grasp .right-art .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_skin_dermatology .sec-sub-grasp .right-art .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_skin_dermatology .sec-sub-trouble{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_skin_dermatology .sec-sub-trouble .left{display: flex; flex-direction: column; gap: 20px; width: 100%; order: 2;}
    #sub_skin_dermatology .sec-sub-trouble .left img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_dermatology .sec-sub-trouble .left .pdt-info{display: flex; flex-direction: column; gap: 12px; margin-top: 20px;}
    #sub_skin_dermatology .sec-sub-trouble .left .pdt-info h4{font-size: var(--fz-18);}
    #sub_skin_dermatology .sec-sub-trouble .left .pdt-info p{padding-left: 0; font-size: var(--fz-15); line-height: 1.6;}
    #sub_skin_dermatology .sec-sub-trouble .right{display: flex; flex-direction: column; gap: 20px; width: 100%; order: 1;}
    #sub_skin_dermatology .sec-sub-trouble .right .trouble-title{font-size: var(--fz-36);}
    #sub_skin_dermatology .sec-sub-trouble .right .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_skin_dermatology .sec-sub-trouble .right .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_skin_dermatology .sec-sub-trouble .right .trouble-sub-img{display: none; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_dermatology .sec-sub-pore{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_skin_dermatology .sec-sub-pore .title-cont{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
    #sub_skin_dermatology .sec-sub-pore .title-cont .title-wrap .pore-title{font-size: var(--fz-36);}
    #sub_skin_dermatology .sec-sub-pore .title-cont .title-wrap .desc{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}

    #sub_skin_ngar{margin-top: 60px;}
    #sub_skin_ngar .sec-sub-visual{position: relative; width: 100%; padding: 0; background: url(../sub/img/m_sub42_visual_bg.webp) center center / cover no-repeat;}
    #sub_skin_ngar .sec-sub-visual .inner{position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: 595px; padding: 0 24px; box-sizing: border-box; text-align: center;}
    #sub_skin_ngar .sec-sub-visual .inner .text-cont{display: flex; flex-direction: column; align-items: center; gap: 34px;}
    #sub_skin_ngar .sec-sub-visual .inner .text-cont .visual-title{font-size: min(11vw, 45px); line-height: 1.12; letter-spacing: -0.8px;}
    #sub_skin_ngar .sec-sub-visual .inner .text-cont .visual-desc{font-size: 15px; line-height: 1.85; word-break: keep-all;}
    #sub_skin_ngar .sec-sub-intro{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_skin_ngar .sec-sub-intro .left{display: flex; flex-direction: column; gap: 20px; width: 100%; padding-top: 0; order: 2;}
    #sub_skin_ngar .sec-sub-intro .left img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_ngar .sec-sub-intro .left .check-list{display: flex; flex-direction: column; gap: 10px; margin-top: 24px;}
    #sub_skin_ngar .sec-sub-intro .left .check-list li{font-size: var(--fz-16); line-height: 1.5; color: #878787;}
    #sub_skin_ngar .sec-sub-intro .center{display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: 100%; padding-top: 0; order: 1; text-align: left;}
    #sub_skin_ngar .sec-sub-intro .center .intro-title{font-size: var(--fz-36);}
    #sub_skin_ngar .sec-sub-intro .center .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_skin_ngar .sec-sub-intro .center .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_skin_ngar .sec-sub-intro .right{display: none;}
    #sub_skin_ngar .sec-sub-skincare{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_skin_ngar .sec-sub-skincare .inner{display: flex; flex-direction: column; gap: 40px; width: 100%;}
    #sub_skin_ngar .sec-sub-skincare .left-art{width: 100%; padding-right: 0; padding-block: 0; border-right: 0;}
    #sub_skin_ngar .sec-sub-skincare .left-art img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_ngar .sec-sub-skincare .right-art{display: flex; flex-direction: column; gap: 24px; width: 100%;}
    #sub_skin_ngar .sec-sub-skincare .right-art .grasp-title{font-size: var(--fz-36);}
    #sub_skin_ngar .sec-sub-skincare .right-art .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_skin_ngar .sec-sub-skincare .right-art .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_skin_ngar .sec-sub-skincare .right-art .check-list{display: flex; flex-direction: column; gap: 10px; margin-top: 16px;}
    #sub_skin_ngar .sec-sub-skincare .right-art .check-list li{font-size: var(--fz-16);}
    #sub_skin_ngar .sec-sub-hair{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_skin_ngar .sec-sub-hair .left{display: flex; flex-direction: column; gap: 20px; width: 100%; order: 1;}
    #sub_skin_ngar .sec-sub-hair .left .trouble-title{font-size: var(--fz-36);}
    #sub_skin_ngar .sec-sub-hair .left .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_skin_ngar .sec-sub-hair .left .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_skin_ngar .sec-sub-hair .left .trouble-sub-img{display: none; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_ngar .sec-sub-hair .right{display: flex; flex-direction: column; gap: 20px; width: 100%; order: 2;}
    #sub_skin_ngar .sec-sub-hair .right img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_skin_ngar .sec-sub-hair .right .pdt-info{display: flex; flex-direction: column; gap: 12px; margin-top: 20px;}
    #sub_skin_ngar .sec-sub-hair .right .pdt-info h4{font-size: var(--fz-16); gap: 12px;}
    #sub_skin_ngar .sec-sub-hair .right .pdt-info p{padding-left: 32px; font-size: var(--fz-16); line-height: 1.6;}
    #sub_skin_ngar .sec-sub-guide{padding: 80px 5%;}
    #sub_skin_ngar .sec-sub-guide .title-cont{padding-bottom: 40px;}
    #sub_skin_ngar .sec-sub-guide .title-cont h3{font-size: var(--fz-36);}
    #sub_skin_ngar .sec-sub-guide .title-cont .title-desc{margin-top: 15px; font-size: var(--fz-16);}
    #sub_skin_ngar .sec-sub-guide article{display: flex; flex-direction: column; gap: 40px; width: 100%; padding-top: 0;}
    #sub_skin_ngar .sec-sub-guide article .cycle, #sub_skin_ngar .sec-sub-guide article .notice{width: 100%;}
    #sub_skin_ngar .sec-sub-guide article h4{font-size: var(--fz-22);}
    #sub_skin_ngar .sec-sub-guide article .desc{font-size: var(--fz-18);}
    #sub_skin_ngar .sec-sub-guide article .detail{margin-top: 16px; font-size: var(--fz-15); line-height: 1.6;}
    #sub_skin_ngar .sec-sub-guide article img{display: block; width: 100%; height: auto;}

    #sub_skin_ngar .sec-sub-hair .right .pdt-info h4 svg,
    .check-list svg{width: 20px;}

    .sub-comm-slider .step-slider{display: flex; flex-direction: column; gap: 20px;}
    .sub-comm-slider .step-slider .slick-list{padding: 0 20px !important;}
    .sub-comm-slider .step-slider .slick-track{display: flex; align-items: stretch;}
    .sub-comm-slider .step-slider .item{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 15px; height: stretch;}
    .sub-comm-slider .step-slider .item img{width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
    .sub-comm-slider .step-slider .item .text-cont .num{margin-bottom: 0;}
    .sub-comm-slider .step-slider .item .text-cont .info{font-size: var(--fz-16);}
    .sub-comm-slider .step-slider .slick-dots{display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 24px;}
    .sub-comm-slider .step-slider .slick-dots li{width: 8px; height: 8px;}
    .sub-comm-slider .step-slider .slick-dots li button{display: block; width: 100%; height: 100%; padding: 0; border: none; border-radius: 50%; background-color: #d6d6d6; font-size: 0; text-indent: -9999px; cursor: pointer; transition: background-color 0.3s;}
    .sub-comm-slider .step-slider .slick-dots li.slick-active button{background-color: #231815;}

    .sec-sub-why{display: flex; flex-direction: column; gap: 40px; padding: 80px 0 0; background: #fff; border: none;}
    .sec-sub-why .title-cont h3{font-size: var(--fz-36);}
    .sec-sub-why .title-cont .why-desc{font-size: var(--fz-18);}
    .sec-sub-why .title-cont::after{display: none;}
    .sec-sub-why .why-article{height: auto;}
    .sec-sub-why .why-article .bg-list{}
    .sec-sub-why .why-article .text-list{display: flex; flex-direction: column; height: auto; background-color: rgba(0, 0, 0, 0.4);}
    .sec-sub-why .why-article .text-list li{padding: 30px 5%; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .sec-sub-why .why-article .text-list li h4{font-size: var(--fz-22);}
    .sec-sub-why .why-article .text-list li .info{max-height: none; margin-top: 12px; font-size: var(--fz-16); line-height: 1.6; opacity: 1; transform: none;}
    .sec-sub-why .why-article .text-list li:hover .info{margin-top: 12px;}
    .sec-sub-why .why-article .text-list li:hover h4{transform: unset;}

    .sec-sub-faq{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    .sec-sub-faq .title-cont h3{font-size: var(--fz-36);}
    .sec-sub-faq .title-cont .faq-desc{font-size: var(--fz-18);}
    .sec-sub-faq .faq-list{padding: 0;}
    .sec-sub-faq .faq-list .faq-item .q-tit{height: auto; min-height: 70px; padding: 16px 40px;}
    .sec-sub-faq .faq-list .faq-item .q-tit span{font-size: var(--fz-16); text-align: left;}
    .sec-sub-faq .faq-list .faq-item .q-tit .arrow-icon{width: 15px; right: 20px;}
    .sec-sub-faq .faq-list .faq-item.active .q-tit{padding: 16px 40px;}
    .sec-sub-faq .faq-list .faq-item .a-cont p{padding: 24px 20px; font-size: var(--fz-16); line-height: 1.7;}

    #sub_laser_lifting{margin-top: 60px;}
    #sub_laser_lifting .sec-sub-visual{position: relative; width: 100%; padding: 0; background: url(../sub/img/m_sub31_visual_bg.webp) center center / cover no-repeat;}
    #sub_laser_lifting .sec-sub-visual .inner{position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: 595px; padding: 0 24px; box-sizing: border-box; text-align: center;}
    #sub_laser_lifting .sec-sub-visual .inner .text-cont{display: flex; flex-direction: column; align-items: center; gap: 34px;}
    #sub_laser_lifting .sec-sub-visual .inner .text-cont .visual-title{font-size: min(11vw, 45px); line-height: 1.12; letter-spacing: -0.8px;}
    #sub_laser_lifting .sec-sub-visual .inner .text-cont .visual-desc{font-size: 15px; line-height: 1.85; word-break: keep-all;}
    #sub_laser_lifting .sec-sub-intro{display: flex; flex-direction: column; gap: 40px; padding: 80px 5%;}
    #sub_laser_lifting .sec-sub-intro .left, #sub_laser_lifting .sec-sub-intro .center, #sub_laser_lifting .sec-sub-intro .right{width: 100%; padding-top: 0; align-self: auto;}
    #sub_laser_lifting .sec-sub-intro .left{gap: 20px; order: 2;}
    #sub_laser_lifting .sec-sub-intro .left img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_laser_lifting .sec-sub-intro .left .check-list{display: flex; flex-direction: column; gap: 10px; margin-top: 24px;}
    #sub_laser_lifting .sec-sub-intro .left .check-list li{font-size: var(--fz-16); line-height: 1.5; color: #878787;}
    #sub_laser_lifting .sec-sub-intro .center{display: flex; flex-direction: column; align-items: flex-start; gap: 24px; text-align: left; order: 1;}
    #sub_laser_lifting .sec-sub-intro .center .intro-title{font-size: var(--fz-36);}
    #sub_laser_lifting .sec-sub-intro .center .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_laser_lifting .sec-sub-intro .center .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_laser_lifting .sec-sub-intro .center .btn-wrap{padding-top: 16px;}
    #sub_laser_lifting .sec-sub-intro .right{display: none;}
    #sub_laser_lifting .sec-sub-intro .right img{display: block; width: 100%; height: auto; object-fit: cover;}
    #sub_laser_lifting .sec-sub-energy{padding: 80px 5%;}
    #sub_laser_lifting .sec-sub-energy .inner{display: flex; flex-direction: column; gap: 40px; width: 100%;}
    #sub_laser_lifting .sec-sub-energy .left-art{width: 100%; padding-right: 0; padding-block: 0; border-right: 0;}
    #sub_laser_lifting .sec-sub-energy .left-art .img-box{position: relative; width: 100%; height: auto; aspect-ratio: 4 / 2.5;}
    #sub_laser_lifting .sec-sub-energy .left-art .img-box .img-item{width: 100%; height: 100%; object-fit: cover;}
    #sub_laser_lifting .sec-sub-energy .right-art{display: flex; flex-direction: column; gap: 24px; width: 100%;}
    #sub_laser_lifting .sec-sub-energy .right-art .energy-title{font-size: var(--fz-36);}
    #sub_laser_lifting .sec-sub-energy .right-art .desc{font-size: var(--fz-20); line-height: 1.4;}
    #sub_laser_lifting .sec-sub-energy .right-art .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_laser_lifting .sec-sub-energy .right-art .layer-map-box{display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; margin-top: 24px;}
    #sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list{display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; width: 100%;}
    #sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .layer-list .layer-item{flex: 1; min-width: 100px; padding: 10px 16px; font-size: var(--fz-14); text-align: center;}
    #sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info{width: 100%; min-height: 75px; padding: 0;}
    #sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info .info-item h4{font-size: var(--fz-18);}
    #sub_laser_lifting .sec-sub-energy .right-art .layer-map-box .device-info .info-item p{font-size: var(--fz-15); line-height: 1.5; word-break: keep-all;}
    #sub_laser_lifting .sec-sub-thermage{padding: 80px 0; background: none;}
    #sub_laser_lifting .sec-sub-thermage .inner{display: flex; flex-direction: column; gap: 40px; width: 100%; padding: 0 5%;}
    #sub_laser_lifting .sec-sub-thermage .left{display: flex; flex-direction: column; gap: 40px; width: 100%; order: 2;}
    #sub_laser_lifting .sec-sub-thermage .left .img-box{display: none; width: 100%; height: auto; aspect-ratio: 16 / 9;}
    #sub_laser_lifting .sec-sub-thermage .left .img-box .bg-img{width: 100%; height: 100%; object-fit: cover;}
    #sub_laser_lifting .sec-sub-thermage .left .check-list{gap: 16px;}
    #sub_laser_lifting .sec-sub-thermage .left .check-list li{font-size: var(--fz-16);}
    #sub_laser_lifting .sec-sub-thermage .right{display: flex; flex-direction: column; gap: 40px; width: 100%; padding-top: 0; order: 1;}
    #sub_laser_lifting .sec-sub-thermage .right .text-box{display: flex; flex-direction: column; gap: 20px; width: 100%;}
    #sub_laser_lifting .sec-sub-thermage .right .text-box .device-title{font-size: var(--fz-36);}
    #sub_laser_lifting .sec-sub-thermage .right .text-box .desc{font-size: var(--fz-20);}
    #sub_laser_lifting .sec-sub-thermage .right .text-box .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_laser_lifting .sec-sub-thermage .right .sub-img-box{width: 100%; height: auto; aspect-ratio: 16 / 9;}
    #sub_laser_lifting .sec-sub-ulthera{padding: 0;}
    #sub_laser_lifting .sec-sub-ulthera .inner{display: flex; flex-direction: column; gap: 40px; width: 100%;}
    #sub_laser_lifting .sec-sub-ulthera .inner .side-img{width: 100%; aspect-ratio: 58/36; overflow: hidden;}
    #sub_laser_lifting .sec-sub-ulthera .inner .side-img img{object-position: 50% 20%;}
    #sub_laser_lifting .sec-sub-ulthera .inner .center-cont{width: 100%; border-left: 0; border-right: 0; padding: 0 5%;}
    #sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box{display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; padding: 0; text-align: left; border-bottom: 0;}
    #sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box .device-title{font-size: var(--fz-36);}
    #sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box .desc{font-size: var(--fz-20);}
    #sub_laser_lifting .sec-sub-ulthera .inner .center-cont .text-box .detail{font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_laser_lifting .sec-sub-ulthera .inner .center-cont .check-list{gap: 16px; padding: 24px 0 0;}
    #sub_laser_lifting .sec-sub-ulthera .inner .center-cont .check-list li{font-size: var(--fz-16);}
    #sub_laser_lifting .sec-sub-sofwave{padding: 80px 5%;}
    #sub_laser_lifting .sec-sub-sofwave .inner{display: flex; flex-direction: column; gap: 40px; width: 100%;}
    #sub_laser_lifting .sec-sub-sofwave .inner .left{display: flex; flex-direction: column; gap: 40px; width: 100%;}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .text-box{gap: 20px;}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .text-box .device-title{font-size: var(--fz-36);}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .text-box .desc{font-size: var(--fz-20);}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .text-box .detail{width: 100%; font-size: var(--fz-16); line-height: 1.6; word-break: keep-all;}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list{display: flex; flex-direction: column; gap: 12px; width: 100%;}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list .item{width: 100%; padding: 16px;}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list .item .step{font-size: var(--fz-15);}
    #sub_laser_lifting .sec-sub-sofwave .inner .left .timeline-list .item .info{font-size: var(--fz-18);}
    #sub_laser_lifting .sec-sub-sofwave .inner .right{width: 100%;}
    #sub_laser_lifting .sec-sub-sofwave .inner .right img{display: block; width: 100%; height: auto; object-fit: cover;}

    .sec-sub-why.dermatology .why-article:has(.text-list li:nth-child(1)) .bg-list li:nth-child(1){background: url(../img/sub41_why_bg01_mo.webp) center center / cover no-repeat!important;}
    .sec-sub-why.dermatology .why-article:has(.text-list li:nth-child(3)) .bg-list li:nth-child(3){background: url(../img/sub41_why_bg03_mo.webp) center center / cover no-repeat!important;}
    .sec-sub-why.dermatology .why-article:has(.text-list li:nth-child(4)) .bg-list li:nth-child(4){background: url(../img/sub41_why_bg04_mo.webp) center center / cover no-repeat!important;}
    .sec-sub-why.ngar_cell .why-article:has(.text-list li:nth-child(1)) .bg-list li:nth-child(1){background: url(../img/sub42_why_bg01_mo.webp) center center / cover no-repeat!important;}
    .sec-sub-why.ngar_cell .why-article:has(.text-list li:nth-child(2)) .bg-list li:nth-child(2){background: url(../img/sub42_why_bg02_mo.webp) center center / cover no-repeat!important;}
    .sec-sub-why.ngar_cell .why-article:has(.text-list li:nth-child(3)) .bg-list li:nth-child(3){background: url(../img/sub42_why_bg03_mo.webp) center center / cover no-repeat!important;}
    .sec-sub-why.ngar_cell .why-article:has(.text-list li:nth-child(4)) .bg-list li:nth-child(4){background: url(../img/sub42_why_bg04_mo.webp) center center / cover no-repeat!important;}
}