.point-font{letter-spacing: 0.05em;}
.root_daum_roughmap .cont{display: none;} 
.root_daum_roughmap_landing{width: 100% !important;}

span.mark{ box-shadow: inset 0 -20px 0 rgba(255,142,91,.2);}
span.mark0{ box-shadow: inset 0 -12px 0 rgba(255,142,91,.2);}
@media(max-width: 990px){
.order01{order: 1;}
.order02{order: 2;}
}
.subTop {height:100vh;position:relative;top:0;left:0;overflow:hidden; z-index: 1;}
.subTop .subTopImg {position:absolute;top:0;left:0;width:100%;height: 100vh;opacity:1;transform:scale(1.05);transition:transform 2s; z-index: 1}
.subTop .subTopImg.on {opacity:1;transform:scale(1)}
.subTop .inner {position: absolute; max-width: 1400px; margin: auto; top:20em; z-index: 9998; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.subTop .scroll{position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); z-index: 2; animation: bounce 0.6s 0.1s cubic-bezier(0, 0, 0.18, 0.99) infinite alternate;}
.sub #map_cont .title .point-font{display: none;}
.sub .title h2{margin-top: 0; position: relative; display: inline-block; padding-left: 10px;}
.sub .title h2:after{content: '';display: block; width: 5px; height: 5px;border-radius: 50%;background-color: #e66328;position: absolute;top: 0; /* padding-top에 맞춰 조절 */left: 0;}
@keyframes bounce{
    to{
        transform: translate(-50%, -10px);
    }
}

#s_top ul li{background-color: #f9f9f9; padding: 1rem; padding-left: 4rem; position: relative;}
#s_top ul li:after{content: ''; display: block; width: 17px; height: 13px; background-image: url(/img/sub/check00.png); position: absolute; top: 23px; left: 2rem;}

.sub #counsel_btn .box a{color: #fff; display: block; padding: 2rem 3rem; border-radius: 30px;}
.sub #counsel_btn .box:nth-child(1) a{background: url(/img/sub/naver_btn.jpg) no-repeat center / cover;}
.sub #counsel_btn .box:nth-child(2) a{background: url(/img/sub/kakao_btn.jpg) no-repeat center / cover;}
.sub #counsel_btn .box a .flex img{transition: all 0.3s;}
.sub #counsel_btn .box a:hover .flex img{margin-left: -20px;}

.doctor .flex-wrapper { display: flex;justify-content: space-between;position: relative;align-items: flex-start; /* 필수: 상단 정렬 */}
.doctor .left-content { width: 40%;position: relative;}
.doctor .sticky-header {padding-left: 20px; padding-top: 100px; /* 고정 시작 위치 조절 */}
.doctor .sticky-header:after { content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #e66328;position: absolute;top: 110px; /* padding-top에 맞춰 조절 */left: 0;}
.doctor .profile-container {width: 55%;display: flex;flex-direction: column;/* 카드 사이 간격 */padding-top: 100px;}
.doctor .profile-card {min-height: 500px;  opacity: 0; transform: translateY(50px);}
.doctor .profile-card:not(:first-child){margin-top: -100px;}
.doctor .doc_txt{width: 48%;}
.doctor .profile-card>img{width: 52%;}
.doctor .doc_txt .line{width: 100%; height: 1px; background-color: #beb7ab;}
.doctor .doc_txt .doc_intro{color: #878787;}
.doctor .doc_txt a{color: #7f6b50;}
.doctor .doc_txt .doc_name{position: relative; padding-left: 10px; display: inline-block; }
.doctor .doc_txt .doc_name:after { content: '';display: block; width: 5px; height: 5px;border-radius: 50%;background-color: #e66328;position: absolute;top: 0; /* padding-top에 맞춰 조절 */left: 0;}

.doctor .doc-modal-overlay {display: none; position: fixed; top: 0; left: 0;width: 100%; height: 100%; z-index: 10000; align-items: center; justify-content: center;}
.doctor .doc-modal-content {background: #f7f7f7; width: auto; max-height: 85vh; /* 화면 높이의 80%까지만 */overflow-y: auto; /* 내용 넘치면 스크롤 생성 */position: relative; padding: 50px 50px; border-radius: 10px;}
.doctor .doc-modal-content .line{width: 100%; height: 1px; background-color: #dbd7d1;}
.doctor .doc-modal-content .point-bg{padding: .2rem 1rem; border-radius: 60px;}
.doctor .close-modal {position: absolute; top: 20px; right: 25px; font-size: 35px; cursor: pointer; border: none; background: none;}
.doctor .doc-modal-content .name h2{position: relative; padding-left: 10px;}
.doctor .doc-modal-content .name h2:after { content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #e66328;position: absolute;top: 0; /* padding-top에 맞춰 조절 */left: 0;}
.doctor .doc-modal-content .flexList{--x-gap: 3rem}

#promise .flexList{--x-gap: 3rem;}

#sub_map .smap_wrap{position: relative;}
#sub_map .root_daum_roughmap .wrap_map{height: 700px;}
#sub_map .flexList.map_sns{position: absolute; bottom: 0; z-index: 99; right: 0; width: 40%;}
#sub_map .flexList.map_sns .box a{text-align: center; background-color: #fff; border: 1px solid #dedede;  border-radius: 60px;  padding: 1rem;}

#guide .flexList p{background-color: #f9f9f9; padding: 1rem;}

#schedule .bg-b{background-color: #605d54;}
#schedule .bg-white{display: inline-block; color: #605d54; border-radius: 60px; padding: .2rem 1rem;}
#schedule td{width: calc(100%/7); padding: 1.5rem 1rem; border: 1px solid #dedede;}
#schedule table{padding:0;  border-collapse:collapse; border: 1px solid #dedede; border-radius: 5px;}
#schedule .close{color: #b2b2b2;}
#schedule .open{color: #605d54;}

#interior{overflow: hidden;}
#interior .floor-tabs {text-align: center;}
#interior .tab-btn {background: none;border: none;color: #89867f;cursor: pointer;margin: 0 15px;}
#interior .tab-btn.active{ color: #e66328;}
#interior .clinic-slider{display: none;  width: 100%;height: 400px;}
#interior .clinic-slider.active {display: block !important;}
#interior .clinic-slider .swiper-slide {width: auto; height: 100%;}
#interior .clinic-slider .swiper-slide img {height: 100%; width: auto; display: block;}

#Why .box{ border-radius: 30px; overflow: hidden; background-color: #f8f8f8; }
#Why .box .flex{padding: 3rem;}

.bg_part{background-color: #f8f8f8; border-radius: 80px; overflow: hidden;}

#part{background-color: #f8f8f8;}
#part .box{background-color: #fff; border-radius: 20px; padding: 1rem 1rem 1rem 3rem; position: relative;}
#part .box:after{content: ''; display: block; width: 17px; height: 13px; background-image: url(/img/sub/check.png); position: absolute; top: 22px; left: 1.5rem;}

#kind .swiper-slide{background-color: #fff; border-radius: 30px; padding: 3rem; height: 730px;}
#kind .swiper-button-prev:after, #kind .swiper-rtl .swiper-button-next:after, #kind .swiper-button-next:after, #kind .swiper-rtl .swiper-button-prev:after{content: ''}
#kind .swiper-button-prev, #kind .swiper-rtl .swiper-button-next{left: 0;}
#kind .swiper-button-next, #kind .swiper-rtl .swiper-button-prev{right: 0;}
#kind .swiper-button-next, #kind .swiper-button-prev{width: auto; height: auto;}
.RefractoryPigmentation #kind .flexList{--y-gap: 3rem}
.RefractoryPigmentation #kind table {padding-right: 6%;}
.RefractoryPigmentation #kind table tr td{padding: 1rem;}
.RefractoryPigmentation #kind table tr:nth-child(2) td{border-bottom: 1px dashed #efad90;}
.RefractoryPigmentation #kind table tr td .point-bg{padding: .5rem 1rem; border-radius: 60px;}

.VIPLiftingCenter #s_point{background: url(/img/sub/lifting/VIPLiftingCenter/point_bg.jpg) no-repeat center / cover;}
.NonSurgicalFaceContour #s_point{background: url(/img/sub/antiaging/NonSurgicalFaceContour/point_bg.jpg) no-repeat center / cover;}
.Botox #s_point{background: url(/img/sub/antiaging/NonSurgicalFaceContour/point_bg.jpg) no-repeat center / cover;}
.Filler #s_point{background: url(/img/sub/antiaging/Filler/point_bg.jpg) no-repeat center / cover;}
.SkinBooster #s_point{background: url(/img/sub/antiaging/SkinBooster/point_bg.jpg) no-repeat center / cover;}
.NeckCrease #s_point{background: url(/img/sub/antiaging/NeckCrease/point_bg.jpg) no-repeat center / cover;}
.Freckle #s_point{background: url(/img/sub/brightening/Freckle/point_bg.jpg) no-repeat center / cover;}
.RefractoryPigmentation #s_point{background: url(/img/sub/brightening/RefractoryPigmentation/point_bg.jpg) no-repeat center / cover;}
.FacialBlushin #s_point{background: url(/img/sub/brightening/FacialBlushin/point_bg.jpg) no-repeat center / cover;}
.Tattoo #s_point{background: url(/img/sub/brightening/Tattoo/point_bg.jpg) no-repeat center / cover;}
.Pimple #s_point{background: url(/img/sub/pimple/Pimple/point_bg.jpg) no-repeat center / cover;}
.AcneScars #s_point{background: url(/img/sub/pimple/AcneScars/point_bg.jpg) no-repeat center / cover;}
.Pore #s_point{background: url(/img/sub/pimple/Pore/point_bg.jpg) no-repeat center / cover;}
.TraumaScar #s_point{background: url(/img/sub/pimple/TraumaScar/point_bg.jpg) no-repeat center / cover;}
.LaserHairRemoval #s_point{background: url(/img/sub/targetedTreatment/LaserHairRemoval/point_bg.jpg) no-repeat center / cover;}
.WartCorn #s_point{background: url(/img/sub/targetedTreatment/WartCorn/point_bg.jpg) no-repeat center / cover;}
.Syringoma #s_point{background: url(/img/sub/targetedTreatment/Syringoma/point_bg.jpg) no-repeat center / cover;}
.SkinDisease #s_point{background: url(/img/sub/targetedTreatment/SkinDisease/point_bg.jpg) no-repeat center / cover;}
.ThermageFLX #s_point{background: url(/img/sub/lifting/ThermageFLX/point_bg.jpg) no-repeat center / cover;}
.UltherapyPrime #s_point{background: url(/img/sub/lifting/UltherapyPrime/point_bg.jpg) no-repeat center / cover;}
.TenTherma #s_point{background: url(/img/sub/lifting/TenTherma/point_bg.jpg) no-repeat center / cover;}
.Altite #s_point{background: url(/img/sub/lifting/Altite/point_bg.jpg) no-repeat center / cover;}
.VRoAdvance #s_point{background: url(/img/sub/lifting/VRoAdvance/point_bg.jpg) no-repeat center / cover;}
.ShrinkUniverse #s_point{background: url(/img/sub/lifting/ShrinkUniverse/point_bg.jpg) no-repeat center / cover;}
.InMode #s_point{background: url(/img/sub/lifting/InMode/point_bg.jpg) no-repeat center / cover;}

#s_process .flexList{--y-gap: 3rem}
#s_process .img-box .step span{padding: .2rem 1.5rem; position: relative; z-index: 1; border-radius: 60px;}
#s_process .img-box img{margin-top: -15px;}

#sub_point .flexList{--x-gap: 0rem; --y-gap: 0rem}

#target .width95{background: url(/img/sub/target_bg.jpg) no-repeat center / cover; border-radius: 80px;}
#target .flexList .box{background-color: #fff; border-radius: 20px; padding: 2rem 1rem;}
#target #guide .flexList .box{background: none; padding: 0;}
#target #guide .flexList .box h3{padding: 1rem; border-radius: 12px;}
#target #guide .flexList .box .flexList{--x-gap: 1rem; --y-gap: 1rem}
#target #guide .flexList .box .box{background-color: #fff; border-radius: 12px; padding: .5rem;}

.TraumaScar #target .text-box{padding-left: 4rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem;}
.TraumaScar #target .box:nth-child(2) .text-box{padding-top: 0; padding-bottom: 0;}
.TraumaScar #target .text-box p.bold600{position: relative;}
.TraumaScar #target .text-box p.bold600:after{content: ''; display: block; width: 5px; height: 5px; background-color: #e66328; border-radius: 50%; position: absolute; top: 12px; left: -15px;}

#QnA li{padding: 1.5rem 0; border-bottom: 2px solid #e6e6e6; position: relative;}
#QnA li>p, #QnA li>div{display: none;}
#QnA li:after{content: ''; display: block; width: 36px; height: 36px; background-image: url(/img/sub/QnA_p.png); position: absolute; top: 1.6rem; right: 0;}
#QnA li.active:after{ background-image: url(/img/sub/QnA_m.png); }

#table table{border-collapse: collapse; border-spacing: 0; border-radius: 20px; overflow: hidden;}
#table table tr td{padding: 1rem; background-color: #fff; border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;}
#table table tr td.point-bg{background-color: #e66328;}
#table table tr td.gr-bg{background-color: #e8e8e8;}
#table table tr td:last-child{border-right: 0;}
#table table tr:last-child td{border-bottom: 0;}

#check .width95{background: url(/img/sub/antiaging/NeckCrease/check_bg.jpg) no-repeat center / cover; border-radius: 80px;}
#check .white-box span{padding: 1rem 3rem; border-radius: 60px; display: inline-block;}


#TV .width95{background: url(/img/sub/brightening/Freckle/tv_bg.jpg) no-repeat center / cover; border-radius: 80px;}

#different ul li{background-color: #fff; padding: 1rem 2rem 1rem 3rem; margin-bottom: 20px; border-radius: 10px; position: relative;}
#different ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #e66328; position: absolute; top: 20px; left: 2rem;}
#different ul li:last-child{margin-bottom: 0;}

#freckle_t .flexList{--x-gap: 3rem}
#freckle_t h3.s_title span{border-radius: 60px; padding: .8rem 2rem; display: inline-block;}

#markvu .box .point-bg{background-color: #e66328; border-radius: 15px; padding: .7rem 1rem;}
#markvu .box ul{background-color: #f8f8f8; border-radius: 20px; padding: 1rem;,}
#markvu .box ul li{padding: 1rem 0; border-bottom: 1px solid #c8c8c8;}
#markvu .box ul li:last-child{border-bottom: 0;}

#sub_process .box{position: relative;}
#sub_process .box:after{content: ''; display: block; width: 14px; height: 22px; background-image: url(/img/sub/process_arrow.png); position: absolute; top: 25%; left: 100%;}
#sub_process .box:last-child:after{display: none;}

#cafe{background: url(/img/sub/brightening/RefractoryPigmentation/cafe_bg.jpg) no-repeat center / cover; border-radius: 80px;}

#sub_type .box{background-color: #f8f8f8; padding: 2.5rem 4rem; border-radius: 30px;}
.Pore #sub_type .box{background-color: #fff;}
#sub_type h3{position: relative; padding-left: 15px;}
#sub_type h3:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #e66328; position: absolute; top: 0; left: 0;}


#prevention .flexList{--x-gap: 4rem ;--y-gap: 4rem; }
#prevention .box{position: relative;}
#prevention .box:after{content: ''; display: block; width: 41px; height: 8px; background-image: url(/img/sub/prevention_dot.png); position: absolute; top: 35%; left: 102%;}
#prevention .box:nth-child(3):after, #prevention .box:nth-child(6):after{display: none;}
#prevention .text-box{padding-left: 2rem;}
#prevention h3{position: relative; padding-left: 15px;}
#prevention h3:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #e66328; position: absolute; top: 0; left: 0;}

#eq .box{padding: 2rem; border-radius: 30px;}

#sub_beaf .flexList{--x-gap: 0rem; --y-gap: 0rem}
#sub_beaf .flexList{border-radius: 30px; overflow: hidden;}
#sub_beaf .flexList .box:nth-child(1) p{background-color: #c5b9ac;}
#sub_beaf .flexList .box:nth-child(2) p{background-color: #e66328;}
#sub_beaf .flexList .box p{padding: 1rem;}
#sub_beaf .swiper-button-prev:after, #sub_beaf .swiper-rtl .swiper-button-next:after, #sub_beaf .swiper-button-next:after, #sub_beaf .swiper-rtl .swiper-button-prev:after{content: ''}
#sub_beaf .swiper-button-prev, #sub_beaf.swiper-rtl .swiper-button-next{left: 0; top: 60%;}
#sub_beaf .swiper-button-next, #sub_beaf .swiper-rtl .swiper-button-prev{right: 0; top: 60%;}
#sub_beaf .swiper-button-next, #sub_beaf .swiper-button-prev{width: auto; height: auto;}

#pimple_t .s-title{background-color: #583b2d; border-radius: 10px; padding: 1rem; color: #fff;}
#pimple_t .left-box{width: 33%; padding-right: 1.5rem;}
#pimple_t .right-box{width: 67%; padding-left: 1.5rem;}
#pimple_t .line{width: 1px; border: 1px dashed #e66328;}
#pimple_t .flexList{--y-gap: 0rem;}
#pimple_t .point-bg{padding: .5rem 1.5rem; border-radius: 60px; display: inline-block;}

#pimple_t table tr td{padding: .8rem;}
#pimple_t table tr td p{background-color: #c5b9ac; color: #fff; border-radius: 10px; padding: 1rem;}
#pimple_t table tr:nth-child(1) td p{background-color: #583b2d; position: relative; margin-bottom: 10px;}
#pimple_t table tr:nth-child(2) td:last-child p {background-color: rgba(0,0,0,0); padding: 0;}
#pimple_t table tr:nth-child(2) td:last-child p.mt-15{color: #1c1c1c;} 
#pimple_t table tr:nth-child(1) td p::after {
  content: "";
  position: absolute;
  top: 100%; /* Placed directly below the parent element */
  left: 50%;
  transform: translateX(-50%); /* Centered horizontally */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #583b2d; /* The color matching the tab */
}
#pimple_t table tr .box{position: relative;}
#pimple_t table tr .box:after{content: ''; display: block; width: 14px; height: 22px; background-image: url(/img/sub/pimple/Pimple/table_arrow_n.png); position: absolute; top: 83%; left: 102%;}
#pimple_t table tr .box:last-child:after{display: none;}

#pluse .container>.flexList{--x-gap: 4rem; --y-gap: 5rem; position: relative;}
#pluse .container>.flexList:after{content: ''; display: block; width: 30px; height: 30px; background-image: url(/img/sub/pimple/AcneScars/pluse.png); position: absolute; top: 37%; left: 50%; transform: translateX(-50%);}
#pluse .flexList .tab-button-area{--x-gap: 1rem; --y-gap: 1rem;}
#pluse button{background-color: #e7e7e7; border-radius: 12px; padding: .5rem 0;}
#pluse #laser-box button.active{background-color: #e66328; color: #fff;}
#pluse #clinic-box button.active{background-color: #593b2d; color: #fff;}
#pluse #laser-box .box-header{background-color: #e66328; padding: .5rem; border-radius: 30px 30px 0 0;}
#pluse #clinic-box .box-header{background-color: #593b2d; padding: .5rem; border-radius: 30px 30px 0 0;}
#pluse .laser-panel, #pluse .clinic-panel {
    display: none; 
    background-color: #fff;
    padding: 3rem 2rem;
    border-radius: 0 0 30px 30px;
}

/* active 클래스가 붙은 패널만 보여줌 */
#pluse .laser-panel.active, #pluse .clinic-panel.active {
    display: block; 
}

#sub_process00 .process_notice{background-color: #fff6f2; border-radius: 12px; padding: 1rem;}
#sub_process00 .process-images { display: flex; justify-content: space-between; }
#sub_process00 .process-images img { width: 32%; }
#sub_process00 .progress-container { width: 100%; height: 35px; background-color: #eee; border-radius: 60px; overflow: hidden;    box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
#sub_process00 .progress-bar { width: 100%; height: 100%; 
background: #FDA97A;
background: linear-gradient(90deg,rgba(253, 169, 122, 1) 0%, rgba(240, 129, 75, 1) 52%, rgba(230, 100, 41, 1) 100%); }
#sub_process00 .flexList.img-box00{--x-gap: 4rem}
#sub_process00 .process-text { display: flex; justify-content: space-between; }
#sub_process00 .process-text .item { width: 32%; text-align: center; }
#sub_process00 .box{position: relative; opacity: .6;}
#sub_process00 .box:after{content: ''; display: block; width: 14px; height: 22px; background-image: url(/img/sub/process_arrow.png); position: absolute; top: 50%; left: 105%;}
#sub_process00 .box:last-child:after{display: none;}
#sub_process00 .text-box .box:after{display: none;}
#sub_process00 .box.active{opacity: 1;}
#sub_process00 .progress-bar { 
  width: 0%; /* 처음엔 0%로 시작 */
  height: 100%; 
  background: #FDA97A;
  background: linear-gradient(90deg,rgba(253, 169, 122, 1) 0%, rgba(240, 129, 75, 1) 52%, rgba(230, 100, 41, 1) 100%); 
  border-radius: 60px;
}



#sub_eq .flexList{--x-gap: 0rem; --y-gap: 3rem}

#different00 .flexList{--x-gap: 3rem; --y-gap: 3rem}
#different00 .flexList ul li{background-color: #fff6f2; padding: .8rem .8rem .8rem 3rem; border-radius: 12px; position: relative;}
#different00 .flexList ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #e66328; position: absolute; top: 25px; left: 2rem;}

#point-box .box {aspect-ratio: 6 / 4; border-radius: 20px; overflow: hidden; position: relative; background-color: #fff; border: 1px solid #c5b9ac; }
#point-box .box-off { display: flex; flex-direction: column; height: 100%; }
#point-box .off-text { height: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#point-box .off-img { height: 50%; background-size: cover; background-position: center; border-radius: 20px; }
#point-box .bg-off-1 { background-image: url('/img/sub/targetedTreatment/LaserHairRemoval/off_image_bottom_1.jpg');  }
#point-box .bg-off-2 { background-image: url('/img/sub/targetedTreatment/LaserHairRemoval/off_image_bottom_2.jpg');  }
#point-box .box-on { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); display: flex; align-items: center; justify-content: center; z-index: 10; }
#point-box .bg-on-1 { background-image: url('/img/sub/targetedTreatment/LaserHairRemoval/on_image_full_1.jpg'); }
#point-box .bg-on-2 { background-image: url('/img/sub/targetedTreatment/LaserHairRemoval/on_image_full_2.jpg');  }
#point-box .box-on .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; }
#point-box .on-content { position: relative; z-index: 2; text-align: center; color: #fff; padding: 0 10%; }
#point-box .box:hover .box-on { transform: translateY(0); }
#point-box .line{width: 100%; height: 1px; background-color: #fff; opacity: .4;}

#agnes ul li{background-color: #fff; padding: 1rem 1rem 1rem 3rem;}
#agnes .flexList .box{background-color: #fff; padding: 3rem 2rem; border-radius: 30px;}

#multilifting .flexList .box{background-color: #fff; padding: 3rem 2rem 0 2rem; border-radius: 30px;}
#multilifting h3{position: relative; padding-left: 10px;}
#multilifting h3:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e66328;
    position: absolute;
    top: 0;
    left: 0;
}

#s_interior .width55.pt-80{margin-left: -10%;}
#s_interior .swiper-button-prev:after, #s_interior.swiper-rtl .swiper-button-next:after, #s_interior .swiper-button-next:after, #s_interior .swiper-rtl .swiper-button-prev:after{content: ''}
#s_interior .swiper-button-prev, #s_interior .swiper-rtl .swiper-button-next{left: 5%;}
#s_interior .swiper-button-next, #s_interior.swiper-rtl .swiper-button-prev{right: 5%;}
#s_interior .swiper-button-next, #s_interior .swiper-button-prev{width: auto; height: auto;}

#s_skill .flexList{--y-gap: 3rem}
#s_skill .box{padding: 3rem 4rem; border-radius: 30px;}
#s_skill h3{position: relative; padding-left: 10px;}
#s_skill h3:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e66328;
    position: absolute;
    top: 0;
    left: 0;
}

#eThermage ul li{position: relative; padding: 1rem 1rem 1rem 4rem;}
#eThermage ul li:after{content: ''; display: block; width: 17px; height: 13px; background-image: url(/img/sub/lifting/ThermageFLX/check.png); position: absolute; top: 20px; left: 2rem;}

#guarantee .width95{background-color: #f8f8f8; border-radius: 80px;}
#guarantee .point-bg{padding: .5rem 2rem; border-radius: 60px; display: inline-block;}

#interview{background: url(/img/sub/lifting/TenTherma/interview_bg.jpg) no-repeat center / cover;}

#s_altitle ul li{padding: 1.5rem 2rem; border-radius: 20px;}

#s_table .comparison-table { border-collapse: separate; border-spacing: 0; width: 100%; max-width: 1030px; text-align: center; color: #333; background-color: #ffffff; border-radius: 12px;}
#s_table .comparison-table th, #s_table .comparison-table td { padding: 20px 10px; border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; vertical-align: middle; }
#s_table .comparison-table th { background-color: #e8e8e8; font-weight: 500; color: #444; }
#s_table .comparison-table th:first-child, #s_table .comparison-table td:first-child { background-color: #e8e8e8; font-weight: 500; width: 15%; }
#s_table .comparison-table td:nth-child(2), #s_table .comparison-table td:nth-child(3) { width: 25%; }
#s_table .comparison-table td:nth-child(4) { width: 35%; }
#s_table .comparison-table th:first-child { border-top-left-radius: 12px; }
#s_table .comparison-table tr:last-child td:first-child { border-bottom-left-radius: 12px; }
#s_table .comparison-table tr:last-child td { border-bottom: none; }
#s_table .comparison-table th:nth-child(3), #s_table .comparison-table td:nth-child(3) { border-right: none; }

/* --- 올타이트 강조 부분 (위/아래 튀어나오게 덧붙임) --- */
#s_table .comparison-table th.highlight { position: relative; background-color: #e66328; color: #ffffff; font-weight: 700; border-left: 2px solid #e66328; border-right: 2px solid #e66328; border-top: none; border-bottom: none; }
#s_table .comparison-table th.highlight::before { content: ""; position: absolute; top: -8px; left: -2px; right: -2px; height: 15px; background-color: #e66328; border: 2px solid #e66328; border-bottom: none; border-radius: 12px 12px 0 0; }
#s_table .comparison-table td.highlight { background-color: #fff5ef; border-left: 2px solid #e66328; border-right: 2px solid #e66328; font-weight: 500; }
#s_table .comparison-table tr:last-child td.highlight { position: relative; border-bottom: none; }
#s_table .comparison-table tr:last-child td.highlight::after { content: ""; position: absolute; bottom: -8px; left: -2px; right: -2px; height: 15px; background-color: #fff5ef; border: 2px solid #e66328; border-top: none; border-radius: 0 0 12px 12px; }

#synergy .box{position: relative;}
#synergy .box:after{display: block; content: ''; width: 88px; height: 41px; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); background-image: url(/img/sub/lifting/VRoAdvance/synergy_arrow.png);}
#synergy .box:last-child:after{display: none;}

#s_principle .bg-white{padding: 1rem 2rem; border-radius: 12px;}
#s_principle .bg-white img{margin-top: 3px;}

#special_bg{background: url(/img/sub/thefirst/special/special_bg.png) no-repeat center / cover;}

#s_step .width80{border: 1px dashed var(--pointcolor); border-radius: 30px; padding: 3rem 3rem 5rem 3rem;}
#s_step .width80 .img-box p{margin-top: -1rem;}
#s_step .width80 .img-box .point-bg{padding: .5rem 2rem; display: inline-block; border-radius: 60px;}
#s_step .step-top-container { position: relative; width: 100%; height: 60px; }
#s_step .step-top-group { position: absolute; top: 0px; left: 16%; width: 33%; text-align: center; }
#s_step .step-top-title { font-size: 15px; font-weight: 600; color: #333; margin-bottom: 8px; display: block; }
#s_step .step-top-line { width: 100%; height: 35px; border: 1px solid #b7b7b7; border-bottom: none; margin: 0 auto; }
#s_step .flexList{--y-gap: 3rem}
#s_step .point-box{margin-top: -2rem;}
#s_step .point-box .point-bg{padding: .5rem 2rem; display: inline-block; border-radius: 60px; margin: auto;}
#s_step .flexList .box{position: relative;}
#s_step .flexList .box:after{content: ''; display: block; width: 40px; height: 8px; background-image: url(/img/sub/thefirst/special/dot.png); position: absolute; top: 40%; left: 98%; transform: translateY(-50%);}
#s_step .flexList .box:nth-child(3):after, #s_step .flexList .box:nth-child(5):after{display: none;}

#theonly .flexList{--x-gap: 0rem; --y-gap: 0rem; line-height: 1;}
#theonly .flexList .text-box{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
#theonly .flexList .box:first-child{border: none;}
#theonly .flexList .box{border: 2px solid #f2ac8c; border-radius: 50px; box-sizing: border-box; height: 300px; padding: 7rem 0; position: relative;}
#theonly .flexList .box:nth-child(2){border-bottom: 1px solid #f2ac8c; border-right: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(3){border-bottom: 1px solid #f2ac8c; border-left: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(4){border-right: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(5){border-right: 1px solid #f2ac8c;border-left: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(6){border-right: 1px solid #f2ac8c;border-left: 1px solid #f2ac8c;}
#theonly .box img{position: absolute; bottom: 2rem; right: 2rem;}

#s_system .width95{background-color: #f8f8f8; border-radius: 80px;}
#s_system ul li{padding: 1rem 2rem;}
#s_system00 svg {
            width: 100%;
            height: auto;
            display: block;
        }

#s_system00 .connector {
    fill: none;
    stroke: #d9d9d9;
    stroke-width: 1.5;
    transition: stroke 0.3s ease;
}
#s_system00 .center-text{text-anchor: middle; }
#s_system00 .center-text tspan{fill: var(--pointcolor) !important;}
#s_system00 .node { cursor: pointer; }
#s_system00 .node circle {
    fill: #ffffff;
    stroke: #ea7a48;
    stroke-width: 1;
    transition: all 0.3s ease;
}

/* 🔥 글자 크기를 훨씬 키움 (18px) */
#s_system00 .node text {
    fill: #555555;
    text-anchor: middle;
    transition: all 0.3s ease;
    pointer-events: none;
}

/* 🔥 중앙 글자도 확실하게 키움 */
#s_system00 .center-text .t-small {
    fill: #df6238;
    text-anchor: middle;
}
#s_system00 .center-text .t-large {
    fill: #df6238;
    text-anchor: middle;
}

#s_system00 .node:hover circle {
    fill: #df6238;
    stroke: #df6238;
}
#s_system00 .node:hover text {
    fill: #ffffff;
}

#s_system00 svg:has(#node-top:hover) #arc-left-top,
#s_system00 svg:has(#node-right:hover) #arc-top-right,
#s_system00 svg:has(#node-bottom:hover) #arc-right-bottom,
#s_system00 svg:has(#node-left:hover) #arc-bottom-left {
    stroke: #df6238;
    stroke-width: 2.5; /* 호버 시 선도 더 굵게 */
}
#sub_equipment .eq00{--y-gap: 3rem;}
#sub_equipment .tab-menu00 .box{background-color: #efefef; padding: .5rem; border-radius: 10px; cursor: pointer;}
#sub_equipment .tab-menu00 .active{background-color: #e66328; color: #fff;}

/* 모달 전체 배경 */
.modal-overlay {
    display: none; /* 기본적으로 숨김 */
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

/* active 클래스가 붙으면 화면에 표시 */
.modal-overlay.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 모달 컨텐츠를 감싸는 래퍼 (닫기 버튼 위치 기준점) */
.modal-wrapper {
    position: relative;
    width: 90%;
    max-width: 352px; /* 이미지 속 비율과 비슷하게 최대 너비 설정 */
}

/* 닫기 (X) 버튼 */
.modal-close {
    position: absolute;
    top: -60px; 
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
    font-weight: 300;
}

/* 하얀색 모달 박스 */
.modal-content {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
}


/* 모달 안의 텍스트 영역 */
.modal-text-wrap {
    padding: 30px 20px 40px;
}

.point-title {
    color: #db6a4e; /* 이미지 속 텍스트 색상 (적절히 수정해서 써) */
}
#vid {
    position: relative;
}
.load_mov{position:relative; width:100%;}
#vid video {
    z-index: -1;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
/* 탭 메뉴 스타일 (디자인에 맞게 색상이나 여백은 조금씩 수정해서 써) */
    .tab-menu {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: center;
        gap: 10px; /* 탭 버튼 사이 간격 */
    }
    .tab-menu li {
        padding: 15px 40px;
        border-radius: 30px;
        background-color: #fff;
        color: #333;
        font-size: 18px;
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* 은은한 그림자 */
        transition: all 0.3s ease;
    }
    .tab-menu li.active {
        background-color: #e56230; /* 활성화된 탭 (주황색) */
        color: #fff;
    }

    /* 탭 컨텐츠 숨김/보임 처리 */
    .tab-content {
        display: none;
    }
    .tab-content.active {
        display: block;
    }
@media(max-width: 1550px){
  #sub_map .flexList.map_sns{width: 60%;}

  .doctor .flex-wrapper{display: block;}
  .doctor .profile-container{width: 80%; margin: auto;}

  #kind .swiper-slide{height: 680px;}

  #cafe .width40{width: 50%;}

  #s_step .flexList{--x-gap: 5rem}
  #s_step .flexList .box:after{left: 105%;}
}
@media(max-width: 1240px){
  .subTop .inner{width: 90%;}

  #promise .flexList{--y-gap: 3rem}
  #promise .box:last-child{margin-top: 0;}

  #sub_map .md-wrap1 .box:last-child{margin-top: 5rem;}
  #sub_map .md-wrap1 .box .width80{width: 70%;}

  #schedule .t_wrap{width: 100%; overflow-x: scroll;}
  #schedule .t_wrap table{width: 1300px !important;}

  .doctor .profile-container{width: 85%;}

  #kind .swiper-slide{height: auto;}

  #kind .swiper-slide.width45{width: 85%;}

  #cafe .width40{width: 60%;}

  .RefractoryPigmentation #kind table {padding-right: 0;}

  #prevention .text-box{padding-left: 0;}

  #QnA li>div .flex .width15{width: 30%;}


#pimple_t .table-wrap{overflow-x: scroll;}
#pimple_t .table-wrap table{width: 1400px !important;}

#pluse .container>.flexList:after{display: none;}

#pimple_t .left-box{width: 100%; padding-right: 0; margin-left: auto; margin-right: auto;}
#pimple_t .left-box .mt-80{margin-top: 3.125rem; padding-top: 0;}
#pimple_t .right-box{width: 100%; padding-left: 0; margin-top: 5rem;}
#pimple_t .line{display: none;}

#agnes .pl-30{padding-left: 0; margin-top: 3rem;}
#agnes .pr-50{padding-right: 0; margin-bottom: 3rem;}

#eThermage .img-box{margin-bottom: 3rem;}
#s_system .width55 img{margin: auto;}
#s_system .width45{padding-left: 0; margin-top: 3rem;}

#theonly .flexList .box:nth-child(2){border-bottom: 1px solid #f2ac8c; border-right: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(3){border-bottom: 1px solid #f2ac8c; border-left: 1px solid #f2ac8c; border-right: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(4){border-right: 1px solid #f2ac8c; border-left: 1px solid #f2ac8c; border-bottom: 1px solid #f2ac8c; }
#theonly .flexList .box:nth-child(5){border-right: 1px solid #f2ac8c;border-left: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(6){border-right: 1px solid #f2ac8c;border-left: 1px solid #f2ac8c;}
}

@media(max-width: 990px){
  #promise .box:first-child{margin-top: 0;}

  #sub_map .md-wrap1 .box .width80{width: 90%;}

  #sub_map .md-wrap1 .box>.flex{flex-direction: column;}
  #sub_map .md-wrap1 .box>.flex>.width30{width: 100%;}
  #sub_map .md-wrap1 .box>.flex>.width70{width: 100%; margin-top: 30px;}
  #sub_map .flexList.map_sns{width: 100%;}
  #sub_map .root_daum_roughmap .wrap_map{height: 500px;}

  .doctor .profile-container{width: 100%;}
  .doctor .profile-card>.flex{flex-direction: column;}
  .doctor .profile-card .doc_txt{width: 100%; margin-bottom: 30px; order: 1;}
  .doctor .profile-card img{max-width: 100%; order: 2;}
  .doctor .profile-card:not(:first-child){margin-top: 80px;}
  .doctor .doc-modal-content{width: 90%;}
  .doctor .doc-modal-content .flexList img{margin: auto;}

  #s_top .flexList{--y-gap: 3rem;}
  #s_top img{margin: auto;}
  #s_top .pl-100{padding-left: 0;}

  .bg_part{border-radius: 50px;}

  #table .table_wrap{overflow-x: scroll;}
  #table .table_wrap table{width: 1200px !important;}

  #freckle_t .text-right{text-align: left;}

  #sub_process .box:nth-child(2):after{display: none;}

  #prevention .box:after{left: 105%;}
  #prevention .box:nth-child(2):after, #prevention .box:nth-child(4):after{display: none;}
  #prevention .box:nth-child(3):after{display: block;}

  
#sub_eq .pl-50{padding-left: 0;}
#sub_eq .pr-50{padding-right: 0;}

#interview .flexList{--y-gap: 3rem; }
#interview .box:first-child img{margin: auto;}

#synergy .flexList{--y-gap: 8rem}
#synergy .box:after{top:120%; left: 45%; transform: translate(0, -50%) rotate(90deg);}

.InMode #freckle_t img{margin: auto;}

#s_system00 .width50{margin-top: 3rem;}

#s_step .width80{padding: 3rem 2rem;}
#s_step .step-top-group{width: 68%;}
#s_step .flexList .box:after{left: 109%;}
#s_step .flexList .box:nth-child(2):after,#s_step .flexList .box:nth-child(4):after{display: none;}
#s_step .flexList .box:nth-child(3):after{display: block;}

#s_top .order01.pl-50{padding-left: 0;}

#sub_process00 .box:after{display: none;}
#sub_process00 .box{opacity: 1;}
}
@media(max-width: 768px){
  #sub_map .flexList.map_sns{position: relative; margin-top: 30px; padding-bottom: 0;}
  #sub_map .md-wrap1 .box .width80{width: 100%;}
  #sub_map .flexList.map_sns{justify-content: center; --x-gap: .5rem; --y-gap: .5rem;}
  #sub_map .root_daum_roughmap .wrap_map{height: 400px;}

  .doctor .doc-modal-content{padding: 50px 30px;}
  .doctor .doc-modal-content .name{flex-direction: column;}
  .doctor .doc-modal-content .name h2{margin-bottom: 10px;}
  .doctor .doc-modal-content .point-bg{display: inline-block; margin: auto;}

  #target .width95{border-radius: 50px;}

  .tab-menu{flex-wrap: wrap;}

  #cafe .width40{width: 80%;}

  #prevention .box:after{left: 102%;}

  #QnA li>div .flex .width15{width: 35%;}

  #pluse .container>.flexList:after{top: 54%;}

  #s_altitle .font-200{font-size: 8.750rem;}

  #s_principle .bg-white{padding: 1rem;}
  #s_system ul li {padding: 1rem;}

#s_step .width80{padding: 3rem 1rem;}

#s_skill .box{padding: 3rem;}
#sub_type .box{padding: 2.5rem 3rem;}

.font-40{font-size: 2.1875rem;}
#s_point .font-40{font-size: 1.875rem;}

#theonly .flexList .box:nth-child(2){border-bottom: 1px solid #f2ac8c; border-right: 2px solid #f2ac8c;}
#theonly .flexList .box:nth-child(3){border-bottom: 1px solid #f2ac8c; border-left: 2px solid #f2ac8c; border-right: 2px solid #f2ac8c;}
#theonly .flexList .box:nth-child(4){border-right: 2px solid #f2ac8c; border-left: 2px solid #f2ac8c;}
#theonly .flexList .box:nth-child(5){border-right: 2px solid #f2ac8c;border-left: 2px solid #f2ac8c; border-bottom: 1px solid #f2ac8c;}
#theonly .flexList .box:nth-child(6){border-right: 2px solid #f2ac8c;border-left: 2px solid #f2ac8c;}
}
@media(max-width: 500px){
  #eq .width65, #pluse .width65{margin-top: 3rem; padding-left: 0;}

  #prevention .flexList{--y-gap: 6rem}
   #prevention .box:nth-child(2):after, #prevention .box:nth-child(4):after{display: block;}
   #prevention .box:after{left: 50%; transform: translateX(-50%) rotate(-90deg); top: auto; bottom: -13%;}

   #QnA li>div .flex .width15{width: 45%;}

   #s_altitle .font-200{font-size: 6.250rem;}

   #s_step .flexList{--x-gap: 1.5rem}
   #s_step .flexList .box:nth-child(1):after, #s_step .flexList .box:nth-child(3):after{display: none;}
   #s_step .font-20{font-size: 1.000rem;}
   #s_step span.font-30{font-size: 1.5625rem;}

   #sub_equipment .tab-menu00{--x-gap: 1rem; --y-gap: 1rem}

   #s_skill .box{padding: 3rem 2rem;}
   #sub_type .box{padding: 2.5rem 2rem;}

   #point-box .box{aspect-ratio: 6 / 5;}
}
@media(max-width: 400px){
  #promise .box .font-20 br{display: none;}

  #QnA li>div .flex .width15{width: 50%;}
}