section { background-color:#fffbf9;}

.sub_text_ani{
    transform:translateY(-160%) translateZ(0);
    -webkit-transform:translateY(-160%) translateZ(0);  
    -moz-transform:translateY(-160%) translateZ(0);  
    -ms-transform:translateY(-160%) translateZ(0);  
    -o-transform:translateY(-160%) translateZ(0); 
    animation: sub_text_ani forwards 1.4s ease-out;
    -webkit-animation: sub_text_ani forwards 1.4s ease-out; 
    -moz-animation: sub_text_ani forwards 1.4s ease-out; 
    -ms-animation: sub_text_ani forwards 1.4s ease-out; 
    -o-animation: sub_text_ani forwards 1.4s ease-out;
}
@keyframes sub_text_ani {
    0% {transform:translateY(-160%) translateZ(0);}
    100% {transform: translateY(0) translateZ(0);}
}
@-webkit-keyframes sub_text_ani {
    0% {transform:translateY(-160%) translateZ(0);}
    100% {transform: translateY(0) translateZ(0);}
}


.sub_top_cont{
    position:relative; width:100%; height:713px; min-height:500px; max-height: 807px; overflow:hidden;
}

.sub_top_cont_wrap{
    position:relative; width:100%; height:100%; overflow:hidden; 
}
.sub_top_view_bg{
    position:absolute; bottom:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
    -webkit-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -moz-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -ms-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -o-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
}
@keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}
@-moz-keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}

.sub_top_text{
    position:absolute; top:47%; left:50%; width:100%;
    transform: translate(-50%, -0%) translateZ(0); 
    -webkit-transform: translate(-50%, -0%) translateZ(0); 
    -moz-transform: translate(-50%, -0%) translateZ(0); 
    -ms-transform: translate(-50%, -0%) translateZ(0); 
    -o-transform: translate(-50%, -0%) translateZ(0);
    text-align: center; color: #fff;
}
.ov{overflow:hidden}
.sub_bg_wrap{position: relative;width:100%;margin:0 auto;height:726px;overflow:hidden}
.sub_bg01{background: url(../sub/img/sub01_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_bg02{background: url(../sub/img/sub02_bg_260907.jpg) 73.5% center / cover no-repeat;width:100%;height:100%;}
.sub_bg02-2{background: url(../sub/img/sub02-2_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_bg02-5{background: url(../sub/img/sub_bg02-5_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_bg03-2{background: url(../sub/img/sub_bg03-2_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_bg04-2{background: url(../sub/img/sub_bg04-2_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_bg05-2{background: url(../sub/img/sub_bg05-2_bg.webp) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_bg05-3{background: url(../sub/img/sub_bg05-3_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_bg06-1{background: url(../sub/img/sub_bg06-1_bg.webp) 50% 50% / cover no-repeat;width:100%;height:100%;}
.sub_top_text{position: absolute;max-width:1460px;margin:0 auto;left: 50%;top: 49%;transform: translate(-50%, -50%);text-align:left;z-index:1}
.sub_top_text div{overflow:hidden;position: relative;}
.sub_top_text h2{font-size:43px;color:#fff;padding-bottom:25px;}
.sub_top_text h2.ivy{font-size:28px;padding-bottom:46px}
.sub_top_text h3{font-size:33px;color:#fff;font-weight:600;padding-bottom:55px;}
.sub_top_text h4{font-size:18px;color:#fff;padding-bottom:38px;font-weight: 100;}
.sub_top_text p{font-size:19px;color:#fff;font-weight:400;line-height:32px;}
.sub_top_view_bg video{width: 100%;height: 100%; object-fit: cover;}
/* //////////////////////// 
	서브1 병원소개 
/////////////////////////*/
b{font-weight:700}
.bg_fffbf9{background:#fffbf9}
.intro-bottom-section{padding:170px 0 0;border-bottom:2px solid #cfc5c1}
.intro-bottom-wrap{margin:0 auto;display:flex;justify-content:flex-end;align-items:stretch}
.intro-left-text{padding:22px 135px 0 0;box-sizing:border-box}
.intro-left-text h2{font-size:33px;color:#3c2e29;font-weight:800;line-height:46px;margin-bottom:34px;letter-spacing:-1px}
.intro-left-text .desc-text{font-size:18px;color:#3c2e29;line-height:32px;letter-spacing:-.5px;word-break:keep-all}
.intro-left-text .desc-text p+p{padding-top:17px}
.intro-right-img{display:flex}
.intro-right-img img{width:100%;height:100%;object-fit:cover;display:block}
.marquee_wrap{margin-top:4.2rem;width:100%;overflow:hidden;white-space:nowrap;padding-bottom:1rem}
.marquee_inner{display:inline-block;animation:50s linear infinite marquee}
.marquee_inner span{font-family:ivyjournal,sans-serif;font-size:6.875rem;color:#bb937d;font-weight:200;padding-right:3rem;font-style:italic}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.midd_wr{padding:145px 0}
.midd_wr p{font-size:21px;color:#3c2e29;line-height:35px;text-align:center;letter-spacing:-.3px;font-weight:500}
.midd_wr p+p{padding-top:23px}
.standard-section{position:relative;width:100%;background:#111}
.standard-swiper{width:100%;height:100vh}
.standard-swiper .swiper-slide{position:relative;display:flex;align-items:center;overflow:hidden}
.standard-swiper .slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.95;transform:scale(1.05);transition:transform 1.5s}
.standard-swiper .swiper-slide-active .slide-bg{transform:scale(1)}
.standard-swiper .slide-content{position:relative;z-index:2;max-width:1460px;margin:0 auto;width:100%;color:#fff;opacity: 0;transform: translateY(40px);transition: opacity 1s ease, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);}
.standard-swiper .slide-top{font-family:ivyjournal,serif;font-size:18px;color:#fff;font-weight:100;margin-bottom:25px;display:flex;align-items:baseline;gap:12px}
.standard-swiper .slide-top .num-current{font-size:30px;font-weight:300}
.standard-swiper .slide-top .num-total{font-size:20px;color:#aaa}
.standard-swiper h3{font-size:33px;font-weight:600;margin-top:165px;margin-bottom:44px;letter-spacing:-1px}
.standard-swiper .desc{font-size:18px;line-height:30px;color:#fff;word-break:keep-all;font-weight:300}
.standard-swiper .swiper-pagination{right:40px!important;top:50%!important;transform:translateY(-50%)!important;display:flex;flex-direction:column;gap:15px}
.standard-swiper .swiper-pagination-bullet{background:#fff;opacity:.3;width:8px;height:8px;margin:0!important}
.standard-swiper .swiper-pagination-bullet-active{opacity:1}
.standard-swiper .desc p + p{padding-top:18px}
.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column;
}
.standard-swiper .swiper-slide-active .slide-content{opacity:1;transform:translateY(0);transition-delay:0.4s}
/* //////////////////////// 
	서브2 의료진 
/////////////////////////*/
.doc_philosophy_wrap{max-width:1460px;margin:0 auto;padding:165px 0;box-sizing:border-box}
.doc_philosophy_wrap_top{text-align:center;margin-bottom:80px}
.doc_philosophy_wrap_top h3{font-size:43px;font-weight:700;color:#bb937d;margin:0}
.doc_philosophy_content{display:flex;justify-content:space-between;align-items:center;gap:80px}
.doc_philosophy_text h4{font-size:33px;font-weight:700;color:#3c2e29;line-height:46px;margin-bottom:40px}
.doc_philosophy_text p{font-size:18px;color:#3c2e29;line-height:32px;margin-bottom:14px;font-weight:500}
.doc_philosophy_text p:last-child{margin-bottom:0}
.doc_philosophy_text p strong{font-size:20px}
.doc_philosophy_img{flex:1}
.doc_philosophy_img img{width:100%;height:auto;display:block;border-radius:10px}
.doc_profile_wrap{background:#f7f0ec}
.doc_profile_wrap .inner{max-width:1460px;margin:0 auto;padding:185px 0}
.doc_profile_item{display:flex;gap:138px;align-items:center;margin-bottom:150px}
.doc_profile_history li:last-child,.doc_profile_item:last-child{margin-bottom:0}
.doc_profile_img{flex:1;max-width:770px}
.doc_profile_img img{width:100%;display:block}
.doc_profile_info{flex:1;max-width:485px}
.doc_profile_slogan{font-size:23px;color:#bb937d;font-weight:700;margin-bottom:20px}
.doc_profile_name{font-size:20px;color:#3c2e29;padding:25px 0;border-top:1px solid #bb937d;margin-top:30px;font-weight:600;display:flex;align-items:flex-end}
.doc_profile_name strong{font-size:33px;font-weight:700;margin-right:20px;color:#3c2e29;vertical-align:middle}
.doc_profile_history{list-style:none;padding:27px 32px;margin:0;background-color:#ede5e1;border-radius:20px;height:306px;overflow-y:scroll}
.doc_profile_history li{font-size:18px;color:#3c2e29;margin-bottom:0;position:relative;padding-left:15px;line-height:32px;font-weight:500}
.doc_profile_history li.bbr{line-height:21px;padding-bottom:12px}
.doc_profile_history li::before{content:"·";position:absolute;left:0;top:0;font-weight:700;color:#4d403b;font-size:20px}
.doc_profile_history::-webkit-scrollbar{width:5px;height:50vh;background:#dfd7d3}
.doc_profile_history::-webkit-scrollbar-track{display:none;background-color:transparent;border-radius:2rem;margin:27px}
.doc_profile_history::-webkit-scrollbar-thumb{width:5px;background-color:#beb5b0;border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;
background-clip:padding-box;border:0}

/* //////////////////////// 
	진료시간/오시는 길
/////////////////////////*/
.card,.sub_top_text{text-align:center}
.card,.map-btn{text-decoration:none}
.sub_top_view_bg.s13{background:url(../sub/img/s13_sub01_bg.jpg) 50% 50%/cover no-repeat}
.clinic-schedule{max-width:1460px;margin:0 auto;color:#4a4a4a;padding:190px 0}
.title{font-size:43px;font-weight:700;margin-bottom:46px;padding-left:10px;color:#3c2e29}
.days,.kakao-icon,.transport-info p{margin-bottom:20px}
.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 47px}
.card{height:270px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}
.default{background-color:#f1ebe6}
.highlight{background-color:#f6e0d3}
.kakao-btn{background-color:#f9d558;color:#3c1e1e}
.days,.time{color:#3c2e29;font-weight:600}
.days{font-size:31px;margin-bottom: 19px;}
.time{font-size:46px}
.sub-text,.sub-text-gray{margin-top:15px;font-size:31px}
.sub-text{color:#ce8663;font-weight:700}
.sub-text-gray{color:#a49d9a;font-weight:700}
.closed-text{color:#ce8663;font-size:46px;font-weight:700;margin-top:5px}
.kakao-content{display:flex;flex-direction:column;align-items:center;color:#3c2e29;font-size:33px;gap:30px;}
.kakao-content p{font-size: 33px;
color: #3c2e29;
font-weight: bold;}
.kakao-icon{background-color:#3c1e1e;color:#f9d558;padding:5px 8px;border-radius:8px;font-size:12px;font-weight:900;position:relative}

.location-section{max-width:1460px;margin:40px auto;color:#333}
.content-wrapper{display:flex;gap:40px;align-items:flex-start}
.map-container{flex:1;border-radius:20px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}
.map-container img{width:100%;display:block;object-fit:cover}
.info-container{flex:1;border-top: 3px solid #e4cbbe;
max-width: 695px;}
.address{font-size:28px;color:#3c2e29;font-weight:700;margin-bottom:38px;margin-top:38px;padding-left: 15px;}
.btn-group{display:flex;gap:10px;margin-bottom:36px;padding-left: 15px;}
.map-btn{transition: .3s;display:flex;align-items:center;justify-content:center;padding:16px 34px;border:1px solid #c1bcb9;border-radius:5px;font-size:15px;color:#3c2e29;background: #fff;}
.map-btn .icon{margin-right:9px;font-weight:700}
.map-btn:hover { background: #bb937d;color: #fff;}
.naver .icon{color:#03c75a}
.kakao .icon{color:#fee500}
.tmap .icon{color:#2347ff}
.divider{border:0;border-top:1px solid #ead5ca;margin:20px 0}
.transport-info p{font-size:23px;color:#3c2e29;margin-bottom:23px;}
.transport-info strong{font-weight:700;margin-right:0px}
.contact-info{margin-top:30px;border-top: 1px solid #ead5ca;    padding-left: 15px;padding-top: 34px;}
.contact-info .label{color:#ca9c83;font-size:23px;margin-bottom:8px;font-weight: 600;}
.phone-number{font-size:38px;font-weight:600;color:#3c2e29;padding-top: 20px;}
.transport-info{padding-left: 15px;margin:37px 0}

/* //////////////////////// 
	센터소개
/////////////////////////*/

.cell-revive-intro{padding:180px 20px;text-align:center;background:url('../sub/img/revive_intro_bg.webp') center/cover no-repeat;position:relative;overflow:hidden}
.cell-revive-intro .cr-title{font-size:38px;font-weight:600;color:#6a5349;line-height:1.5;margin-bottom:50px}
.cell-revive-intro .cr-line{width:1px;height:60px;background-color:#6a5349;margin:0 auto 50px}
.cell-revive-intro .cr-desc{font-size:18px;color:#8c7b74;line-height:1.8;margin-bottom:40px;font-weight:400}
.cell-revive-intro .cr-desc:last-child{margin-bottom:0}
.cr-scroll-wrapper{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center}
.cr-scroll-wrapper .cr-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.cr-scroll-wrapper .color-step1{background-color:#bda497;z-index:1}
.cr-scroll-wrapper .color-step2{background-color:#795c4f;z-index:2;opacity:0}
.cr-scroll-inner{position:relative;z-index:3;width:100%;max-width:1400px;margin:0 auto;padding:0 20px;height:100%}
.cr-step{position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;gap:66px}
.cr-step.step2{opacity:0}
.cr-step .text-left,.cr-step .text-right{flex:1;font-size:20px;color:#fff;line-height:34px;font-weight:300;text-align:left}
.cr-step .img-center{flex:0 0 auto;width:418px;height:418px;display:flex;justify-content:center;align-items:center;position:relative}
.cr-step.step1 .img-center::before{content:"";position:absolute;width:100%;height:100%;background-color:#765d52;border-radius:50%;z-index:-1}
.cr-step .img-center img{width:100%;max-width:400px;display:block}
.cr-step.step2 .img-center img{border-radius:50%;max-width:100%}
.cr-scroll-wrapper .color-step1::after,.cr-scroll-wrapper .color-step2::after{content:'';top: 50%;background:rgba(255,255,255,.2);width:100%;height:1px;position: absolute;z-index:1}


.con_se22{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url('../sub/img/con_se22_bg.jpg') center/cover no-repeat;}
.con_se22 .content{position:relative;z-index:3;text-align:center;padding:164px 20px;animation:1.2s forwards fadeUp;opacity:0;color: #fff;line-height: 32px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.con_se22 .top-label{font-weight:200;font-size:.95rem;color:var(--white-faint);margin-bottom:18px;animation:1.2s .1s both fadeUp}
.con_se22 .desc-line,.sub-line{color:var(--white-dim);line-height:2;}
.con_se22 .desc-line{font-weight:300;font-size:1.05rem;animation:1.2s .2s both fadeUp}
.con_se22 .desc-line.bold{font-weight:400;color:var(--white);font-size:1.1rem;animation-delay:.3s}
.con_se22 .sub-line{font-weight:300;font-size:20px;;animation:1.2s .5s both fadeUp;line-height: 32px;padding-top:16px}
.con_se22 .sub-line+.sub-line{animation-delay:.6s}
.con_se22 .cta-line{margin-top:40px;animation:1.2s .75s both fadeUp}
.con_se22 .cta-text{font-size:30px;;color:var(--white);line-height:1.6}
.con_se22 .cta-text .italic{font-style:italic;font-weight:300;color:var(--white)}
.con_se22 .cta-text .ko{font-weight:600;font-style:normal}
.con_se22 .underline-teal{position: relative;    font-weight: 600;}
.con_se22 .underline-teal:after{content:'';background:rgba(255,255,255,.3);position: absolute;width:100%;height:14px;left:0;bottom:-2px;}

/* //////////////////////// 
	서브2-2 써마지 
/////////////////////////*/
.s22 .sub_top_text {text-align: center;}
.s22 .sub_top_text p { line-height: 1.6;}
.sub_top_view_bg.s22 { background: url(../sub/img/s22_sub01_bg.jpg) 50% 50% / cover no-repeat; } 

.c_tit {font-size: 1.125rem; color: #ca9c83; font-weight: 500;}
.c_tit01 {font-size: 2.063rem; color: #3c2e29; font-weight: 700; line-height: 1.4;}
.c_desc { font-weight: 400;}
.c_desc p {font-size: 1.125rem; color: #3c2e29; line-height: 1.6; word-break: keep-all;} 
.c_tit + .c_tit01  {margin-top: 1.25rem;  }
.c_tit01 + .c_desc  {margin-top: 2.5rem;  }
.c_desc p + p {margin-top: 1.3rem;}

.sub_device_intro {position: relative; width: 100%; padding: 12.5rem 0  5rem; overflow: hidden;}
.sub_device_intro .inner {max-width: 91.875rem; margin: 0 auto;  display: flex; align-items: center; justify-content: space-between; gap: 5rem;} 
.sub_device_intro .device_img_box {position: relative; width: 100%; max-width: 42.375rem;  overflow: hidden;}
.sub_device_intro .device_img_box img {width: 100%; height: auto; object-fit: cover; transition: transform 0.6s ease;}
.sub_device_intro .device_img_box:hover img {transform: scale(1.03);}

.sub_device_slider {position: relative; width: 100%; padding: 5rem 0 11rem; background: #fdfaf7; overflow: hidden;}
.sub_device_slider .inner {max-width: 106rem; margin: 0 0 0 auto;  display: flex; justify-content: space-between; gap: 3rem;}
.sub_device_slider .txt_area { width: 29rem; max-width: 48%;  }
.sub_device_slider .img_slider_area {overflow:hidden; width: 53%;}
.sub_device_slider .device_swiper {overflow: visible;}
.sub_device_slider .swiper-slide {width: 27.625rem ; transition: transform 0.3s;}
.sub_device_slider .slide_card {position: relative; width: 100%;  overflow: hidden; background: #f7f0ec; cursor: pointer;}
.sub_device_slider .img_box {width: 100%;  overflow: hidden; background: #f6efeb;}
.sub_device_slider .img_box img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
.sub_device_slider .info_box {padding: 3.5rem 2.4rem;  }
.sub_device_slider .num_tit {font-size: 1.125rem; color: #ca9c83; font-weight: 400;}
.sub_device_slider .name {margin-top: 1.2rem; display: block; font-size: 1.313rem; color: #3c2e29; font-weight: 600;}
.sub_device_slider .hover_content {position: absolute; background-color: #f7f0ec; top: 0; left: 0; width: 100%; height: 100%; padding: 1.5rem; display: flex; align-items: center;  justify-content: center; flex-direction: column; opacity: 0; visibility: hidden; transition: 0.4s ease-in-out; z-index: 5;}
.sub_device_slider .hover_content .line { width: 23.875rem; height: 2px; background: rgba(196,196,196,0.3); display: block; margin: 2rem auto;}
.sub_device_slider .hover_text {font-size: 1.125rem; color: #6f6a68; line-height: 1.6; word-break: keep-all;}
.sub_device_slider .hover_content p { width: 100%; padding-left: 0.6rem;}
.sub_device_slider .hover_content p + p { margin-top: 1rem;}
.sub_device_slider .hover_content > strong { width: 100%; padding-left: 0.6rem;}
.sub_device_slider .slide_card:hover .hover_content {opacity: 1; visibility: visible;}
.sub_device_slider .slide_card:hover .img_box img {transform: scale(1.05);}
.sub_device_slider .swiper-pagination {margin-top: 2.5rem; bottom: -2.5rem;}
.sub_device_slider .swiper-pagination-bullet {width: 0.625rem; height: 0.625rem; background: #dcd0c9; opacity: 0.6;}
.sub_device_slider .swiper-pagination-bullet-active {background: #ca9c83; opacity: 1;}

.sub_recommend {position: relative; width: 100%; padding: 10rem 0; background: url('../sub/img/s22_rec_bg.jpg') no-repeat center center / cover;}
.sub_recommend .inner {max-width: 106rem; margin: 0 auto; padding: 0 1rem; text-align: center;}  
.sub_recommend .rec_list {max-width: 51.25rem; margin: 3rem auto 0; display: flex; flex-direction: column; gap: 1.563rem;}
.sub_recommend .rec_list li {width: 100%; height: 4.25rem; display: flex; align-items: center; justify-content: center;  border: 0.063rem solid #59463c; border-radius: 2.125rem; transition: 0.4s ease;}
.sub_recommend .rec_list li:hover {background-color: rgba(202, 156, 131, 0.1);  }
.sub_recommend .rec_txt {font-size: 1.125rem; color: #3c2e29; font-weight: 400; word-break: keep-all;}

.sub_step_scroll {position: relative; width: 100%; padding: 12.5rem 0; background: #fdfaf7; overflow: visible;  }
.sub_step_scroll .inner {max-width: 91.875rem; margin: 0 auto;  display: flex; align-items: flex-start; justify-content: space-between; gap: 5rem;}
.sub_step_scroll .sticky_txt_area {position: relative; width: 28rem; flex-shrink: 0; padding-top: 1.25rem; z-index: 10; will-change: transform;} 
.sub_step_scroll .scroll_step_area {flex: 1; min-width: 0;  }
.sub_step_scroll .step_list {display: flex; flex-direction: column; gap: 2.188rem;}   
.sub_step_scroll .step_card {position: relative; width: 100%; height: 20rem; border-radius: 1.25rem; overflow: hidden;  cursor: pointer; transition: transform 0.4s ease, box-shadow 0.4s ease;}
.sub_step_scroll .step_card:hover {transform: translateY(-0.2rem); box-shadow: 0 1rem 2rem rgba(60, 46, 41, 0.1);}
.sub_step_scroll .card_img_box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.sub_step_scroll .card_img_box img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
.sub_step_scroll .step_card:hover .card_img_box img {transform: scale(1.01);} 
.sub_step_scroll .card_txt_overlay {position: absolute; top: 0; left: 0; width: 80%; height: 100%; padding: 2.75rem 3.438rem; display: flex; flex-direction: column; justify-content: flex-end; z-index: 2;}
.sub_step_scroll .card_tit {display: block; font-size: 1.313rem; color: #3c2e29; font-weight: 700;  }
.sub_step_scroll .card_desc {margin-top: 1.5rem; font-size: 1.125rem; color: #3c2e29; line-height: 1.6;  }
 
 
.main_media {padding: 10rem 0 5rem; background: #fffbf9; overflow: hidden;}
.main_media.sub {  background:#f7f0ec; padding: 9.5rem 0 9rem; }
.main_media .inner { width: 95%;max-width: 110rem; margin: 0 0 0 auto;  display: flex; align-items: flex-start; gap: 5rem;}
.main_media .media_tit_area {  flex-shrink: 0;}
.main_media .tit_eng {font-size: 1.625rem; color: #ca9c83;}
.main_media .tit_kor {margin-top: 1.25rem; font-size: 1.75rem; color: #3c2e29; font-weight: 500;}
.main_media .btn_wrap {margin-top: 3.125rem; display: flex; flex-direction: column; gap: 0.625rem; max-width:13.688rem;}
.main_media .btn_sns {display: flex; align-items: center;  gap: 0.5rem; height: 3.125rem; border-radius: 2rem; color: #fff; font-size: 0.938rem; padding: 0 2rem; transition:0.3s;}
.main_media .btn_yt {background: #d34e4e;}
.main_media .btn_blog {background: #2db44d;}
.main_media .btn_sns:hover { background-color: #bb937d;}
.main_media .media_slider_wrap {flex: 1; min-width: 0;     overflow: hidden;}
.main_media .swiper-slide {width: 28.25rem !important;} 
.main_media .thumb_box {width: 100%;  border-radius: 1.25rem; overflow: hidden; background: #fffbf9; }
.main_media .thumb_box img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.main_media .media_card:hover img {transform: scale(1.05);} 
.main_media .info_box {margin-top: 1rem;}
.main_media .category { font-family: "ivyjournal", sans-serif; font-size: 1rem; font-weight: 600;}
.main_media .category.type_yt {color: #dc4848;}
.main_media .category.type_blog {color: #2db24a;}
.main_media .subject {margin-top: 0.5rem; font-size: 1.125rem; color:#3c2e29; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 500;}


/* //////////////////////// 
	서브2-3 울쎄라피 
/////////////////////////*/
.s23 .sub_top_text {text-align: center;}
.s23 .sub_top_text p { line-height: 1.6;}
.sub_top_view_bg.s23 { background: url(../sub/img/s23_sub01_bg.jpg) 50% 50% / cover no-repeat; } 

.sub_device_intro .line_list {margin-top: 1rem; display: inline-block;}
.sub_device_intro .line_list li {padding: 1.5rem 0.2px 0.4rem  ; font-size: 1.125rem; color: #3c2e29; font-weight: 600; border-bottom: 0.063rem solid rgba(60, 46, 41, 0.15); word-break: keep-all;}
.sub_device_intro .line_list li:first-child {padding-top: 0;}
.sub_device_intro .line_list + p {margin-top: 1.5rem;}

.sub_feature_wrap {position: relative; width: 100%; padding: 12.5rem 0;}
.sub_feature_wrap .inner {max-width: 91.875rem; margin: 0 auto;}
.sub_feature_wrap .center_tit {text-align: center;}
.sub_feature_wrap .feature_card_list {margin-top: 5rem; display: flex; flex-direction: column; gap: 2.5rem;}
.sub_feature_wrap .f_card {background: #f7f0ec; border-radius: 1.875rem; padding: 4.875rem 6.063rem;}
.c_tit.c-3c2e29 { color:#3c2e29;}
.sub_feature_wrap .card_tit {margin-top: 1.688rem; font-size: 1.75rem; color: #3c2e29; font-weight: 700;}
.sub_feature_wrap .line {margin-top: 2.5rem; width: 100%; height: 1px; background: #a2938e;}
.sub_feature_wrap .card_bottom {margin-top: 2.5rem; display: flex; align-items: flex-start; justify-content: space-between; gap: 3rem;}
.sub_feature_wrap .desc_area {width: 55%; flex-shrink: 0;}
.sub_feature_wrap .card_desc {font-size: 1.125rem; color: #3c2e29; line-height: 1.6; word-break: keep-all;}
.sub_feature_wrap .pill_list {margin-top: 2.5rem; display: flex; flex-direction: column; gap: 1.25rem;}
.sub_feature_wrap .pill_list li {display: flex; align-items: center; gap: 1.188rem;}
.sub_feature_wrap .pill {display: flex; align-items: center; justify-content: center; font-style: italic; width: 4.25rem; height: 2.375rem; border: 0.063rem solid #3c2e29; border-radius: 1.188rem; font-size: 1rem; color:#3c2e29; font-weight: 500;}
.sub_feature_wrap .pill_list p {font-size: 1.063rem; font-weight: 500;}
.sub_feature_wrap .img_box {  max-width: 31.25rem;} 

/* ────────────────────────────────
   기미색소 섹션
──────────────────────────────── */
.pigment-section{position:relative;width:100%;max-width:1460px;margin:0 auto;padding:190px 0px;display:flex;align-items:center;gap:60px}
.pigment-text{display:flex;flex-direction:column;gap:28px}
.pigment-text__block{display:flex;flex-direction:column;gap:6px}
.pigment-text__line{font-size:18px;font-weight:400;color:#3c2e29;line-height:32px;word-break:keep-all}
.pigment-images{display:flex;gap:25px}
.pigment-img-wrap{flex:1;overflow:hidden;border-radius:4px}
.pigment-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
 .step-section{width:100%;background:#fffbf9;padding:100px 0 120px}
.step-section__inner{max-width:1460px;margin:0 auto;text-align:center}

/* 타이틀 */
.step-title{margin-bottom:80px}
.step-title__main{font-size:33px;font-weight:400;color:#3c2e29;line-height:46px;letter-spacing:-0.01em;word-break:keep-all;font-weight: 700;}

/* 스텝 카드 리스트 */
.step-list{display:flex;align-items:center;justify-content: space-between;}

/* 화살표 */
.step-arrow{flex-shrink:0;width:19px;display:flex;align-items:center;justify-content:center;margin:0 -6px;position:relative;top:0px}
.step-arrow::before{content:'';display:block;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:19px solid #7c6e6a}

/* 카드 */
.step-card{flex:1;max-width:435px;height: 140px;background:#f4ece8;border-radius:15px;position:relative}

/* 스텝 뱃지 */
.step-card__badge{display:inline-block;background:#7d5c50;border-radius:30px;padding:18px 67px;font-style:italic;font-size:15px;color:#f3e7e3;margin-bottom:32px;position: absolute;top:-25px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:20px}

/* 카드 본문 */
.step-card__body{display: flex;height: 100%;align-items: center;justify-content: center;}
.step-card__label{font-size:20px;font-weight:500;color:#3c2e29;letter-spacing:0.02em;padding-top: 23px;}

/* 하단 설명 */
.step-desc{margin-top:70px}
.step-desc__sub{font-size:18px;font-weight:500;color:#3c2e29;line-height:1.7;}
.step-desc__main{font-size:20px;font-weight:700;color:#3c2e29;line-height:1.7;word-break:keep-all}

.principle-section{width:100%;background:url(../sub/img/principle-section_bg.jpg) 50% 50%/cover no-repeat;padding:97px 0;position:relative;overflow:hidden}
.principle-section__inner{max-width:1460px;margin:0 auto;padding:0 40px;text-align:center;position:relative;z-index:1}

.principle-section__title{font-size:33px;font-weight:300;color:#f9ebe6;margin-bottom:28px}
.principle-section__title span{font-style:normal;font-family:inherit}

.principle-section__desc{display:flex;flex-direction:column;gap:10px}
.principle-section__line{font-size:18px;color:#f9ebe6;line-height:32px;letter-spacing:0.02em;word-break:keep-all}



/* 장비 */
.program-section{width:100%;background:#fffbf9;padding:190px 0 120px}
.program-section__inner{max-width:1460px;margin:0 auto;}

/* 상단 텍스트 */
.program-header{text-align:center;margin-bottom:60px}
.program-header__sub{font-size:23px;color:#bb937d;margin-bottom:31px}
.program-header__title{font-size:43px;font-weight:700;color:#3c2e29;letter-spacing:-0.01em;margin-bottom:36px}
.program-header__desc{font-size:18px;font-weight:500;color:#3c2e29;line-height:32px;word-break:keep-all}
.program-header__desc02{font-size:20px;font-weight:bold;color:#3c2e29;margin-top:36px;}
.program-header__notice{margin-top:57px;font-size:20px;color:#cab6ac;font-weight: 600;}

/* 장비 그리드 */
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 60px;row-gap:60px}
.program-grid--4col{grid-template-columns:repeat(4,1fr);margin-top:120px}

/* 장비 아이템 */
.program-item{position:relative;text-align:center;cursor:pointer}

/* 장비 이미지 영역 */
.program-item__img-wrap{position:relative;display:flex;align-items:flex-end;height:415px;overflow:hidden;justify-content:center;}
.program-item__img-wrap img{max-height:100%;max-width:100%;object-fit:contain;display:block;transition:opacity 0.3s ease}
.program-item__name{margin-top:18px;font-size:23px;font-weight:700;color:#3c2e29;}

/* 호버 카드 */
.program-item__card{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;max-width:320px;background:rgba(245,236,231,.5);border-radius:16px;padding:32px 28px 28px;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:10;box-shadow:0 8px 32px rgba(100,70,50,0.10);display: flex;
flex-direction: column;
justify-content: center;}
.program-item:hover .program-item__card{opacity:1;pointer-events:auto}
.program-item:hover .program-item__img-wrap img{opacity:0.15}

.program-card__title{font-size:28px;font-weight:700;color:#bb937d;margin-bottom:16px;}
.program-card__divider{width:87%;height:1px;background:#c9b9b0;margin:0 auto 16px}
.program-card__desc{font-size:18px;font-weight:500;color:#3c2e29;line-height:32px;word-break:keep-all;margin-bottom:20px}
.program-card__cycle{font-size:20px;font-weight:700;color:#3c2e29;margin-bottom:50px;}
.program-card__tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.program-card__tag{background:#e0cfc5;border-radius:6px;padding:12px 19px;font-size:18px;color:#3c2e29;}

.principle-section2{width:100%;background:url(../sub/img/principle-section2_bg.jpg) 50% 50%/cover no-repeat;padding:126px 0;position:relative;overflow:hidden}
.principle-section__inner{max-width:1460px;margin:0 auto;padding:0 40px;text-align:center;position:relative;z-index:1}

.principle-section__title{font-size:33px;font-weight:300;color:#f9ebe6;margin-bottom:28px}
.principle-section__title span{font-style:normal;font-family:inherit}

.principle-section__desc{display:flex;flex-direction:column;gap:10px}
.principle-section__line{font-size:18px;color:#f9ebe6;line-height:32px;letter-spacing:0.02em;word-break:keep-all}
.principle-section2 .principle-section__title{line-height:46px;}

/* //////////////////////// 
	서브2-4 튠페이스
/////////////////////////*/
.sub_top_view_bg.s24 { background: url(../sub/img/sub24_bg_visual.webp) 50% 50% / cover no-repeat; } 

.sub_tunetip{padding: 150px 0; background-color: #f7f0ec;}
.sub_tunetip .inner{width: 90%; max-width: 1460px; margin-inline: auto;}
.sub_tunetip h3{text-align: center; margin-bottom: 25px;}
.sub_tunetip .description{margin-bottom: 35px; text-align: center; font-size: 18px; color: #3c2e29; line-height: 1.77;}
.sub_tunetip .grid-cont{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 60px;}
.sub_tunetip .grid-cont .item{display: flex; padding: 30px 54px; gap: 54px; align-items: center; background-color: #ede5e1; border-radius: 20px;}
.sub_tunetip .grid-cont .item .img-cont{}
.sub_tunetip .grid-cont .item .img-cont img{transition: scale 0.5s;}
.sub_tunetip .grid-cont .item:hover .img-cont img{scale: 1.05;}
.sub_tunetip .grid-cont .item .text-cont{}
.sub_tunetip .grid-cont .item .text-cont .item-title{padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #bb937d; font-size: 24px; color: #bb937d;}
.sub_tunetip .grid-cont .item .text-cont .item-desc{margin-bottom: 15px; font-weight: 700; font-size: 20px; color: #3c2e29;}
.sub_tunetip .grid-cont .item .text-cont .item-detail{font-size: 17px; color: #3c2e29; line-height: 1.77;}

/* //////////////////////// 
	스킨부스터
/////////////////////////*/

.sub042_w .cell-revive-intro{padding:180px 20px;text-align:center;background:url('../sub/img/revive_intro_bg02.jpg') center/cover no-repeat;position:relative;overflow:hidden}

.sub042_w .cell-revive-intro .cr-desc{font-size:20px;color:#795c4f;line-height:1.8;margin-bottom:40px;font-weight:700}
.sub042_w .cell-revive-intro .cr-desc:last-child{margin-bottom:0}
.sub042_w .cell-revive-intro .cr-desc2{font-size:24px;}
.booster-section{width:100%;padding:190px 0 }
.booster-section__inner{max-width:1460px;margin:0 auto;padding:0 105px}

/* 타이틀 */
.booster-title{font-size:33px;font-weight:700;color:#3c2e29;letter-spacing:-0.01em;margin-bottom:80px;text-align:center;}

/* 체크 카드 3개 */
.booster-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:0;position:relative;gap: 30px;}
.booster-card{padding:34px 30px 30px;text-align:center;position:relative;background: #fff;border-radius: 10px;}



/* 삼지창: 각 카드 중앙에서 세로선이 내려오고 가로선으로 연결 */
.booster-bracket{position:relative;margin-bottom:50px}
.booster-bracket::after{
	content:'';
	position:absolute;
	bottom:-30px;
	left:50%;right:0;
	height:1px;
	background:#a5a5a5;width: 68%;transform: translate(-50%, 0);
}
/* 각 카드 중앙에서 내려오는 세로선 3개 */
.booster-card::after{
	content:'';
	position:absolute;
	bottom:-30px;
	left:50%;
	transform:translateX(-50%);
	width:1px;
	height:30px;
	background:#a5a5a5
}
/* 첫번째 카드: 왼쪽 끝에서 세로선 */
.booster-card:first-child::after{left:200px;transform:none}
/* 마지막 카드: 오른쪽 끝에서 세로선 */
.booster-card:last-child::after{left:auto;right:200px;transform:none}

/* 체크 아이콘 */
.booster-card__icon{width:25px;height:24px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}
.booster-card__icon svg{width:100%;height:100%}

.booster-card__text{font-size:20px;font-weight:600;color:#3c2e29;line-height:32px;letter-spacing:0.01em;word-break:keep-all}

/* 하단 설명 */
.booster-desc{text-align:center;padding-top: 40px;}
.booster-desc__line{font-size:18px;font-weight:600;color:#3c2e29;line-height:1.9;letter-spacing:0.01em;word-break:keep-all}
.booster-desc__line--bold{font-size:20px;font-weight:600;color:#3c2e29;margin-top:16px}


.role-section{width:100%;background:url('../sub/img/role-section_bg.jpg') center/cover no-repeat;padding:190px 0;position:relative;overflow:hidden}

/* 배경 은은한 추상 */
.role-section::before{content:'';position:absolute;top:-20%;right:-10%;width:60%;height:120%;background:radial-gradient(ellipse at 70% 40%,rgba(200,185,170,0.2) 0%,transparent 65%);pointer-events:none}

.role-section__inner{max-width:948px;margin:0 auto;text-align:center;position:relative;z-index:1}

/* 타이틀 */
.role-title{font-size:33px;font-weight:700;color:#3c2e29;letter-spacing:-0.01em;margin-bottom:35px}
.role-title .ivy{font-weight:300}

/* 부제 */
.role-subtitle{font-size:18px;font-weight:500;color:#3c2e29;line-height:32px;letter-spacing:0.01em;margin-bottom:60px;word-break:keep-all}

/* 플로우 아이템들 */
.role-flow{display:flex;flex-direction:column;align-items:center;gap:0}

/* 각 바 */
.role-flow__item{width:100%;border-radius:20px;padding:22px 50px;text-align:center}
.role-flow__item--light{background:#dccdc5}
.role-flow__item--mid{background:#b49f94}
.role-flow__item--dark{background:#8e756a}

.role-flow__text{font-size:20px;font-weight:400;color:#3c2e29;letter-spacing:0.01em;line-height:1.6;word-break:keep-all}
.role-flow__item--mid .role-flow__text,
.role-flow__item--dark .role-flow__text{color:#fff}

/* 화살표 */
.role-flow__arrow{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:16px solid #a5a5a5;margin:30px auto}
.sub042_w .program-item__name{margin-top:57px}
.principle-section3{width:100%;background:url(../sub/img/principle-section3_bg.jpg) 50% 50%/cover no-repeat;padding:70px 0;position:relative;overflow:hidden;max-width: 1460px;
    margin: 0 auto;}
.principle-section2 .principle-section__title{line-height:46px;}
.principle-section__line{color:#fff;}
.principle-section__line b{font-size:20px;}
.sub042_w .program-header__title{font-size:33px;}

.perspective-section{width:100%;position:relative;padding:150px 0;overflow:hidden;background:url('../sub/img/perspective-section-bg.jpg') center/cover no-repeat;margin-top: 150px;}
.perspective-section__inner{
	max-width:900px;margin:0 auto;padding:0 40px;
	text-align:center;position:relative;z-index:1
}
.ps-title{font-size:33px;font-weight:400;color:#fff;letter-spacing:0.04em;margin-bottom:55px}
.ps-title sup{font-size:0.55em;vertical-align:super}

/* 중앙 세로 구분선 */
.ps-divider{width:1px;height:86px;background:#fff;margin:0 auto 55px}

/* 본문 */
.ps-desc{display:flex;flex-direction:column;gap:20px}
.ps-desc__block{display:flex;flex-direction:column;gap:4px}
.ps-desc__line{font-size:18px;font-weight:300;color:#fff;line-height:1.4;letter-spacing:0.02em;word-break:keep-all}
.ps-desc__line--bold{font-size:20px;font-weight:600;color:rgba(255,255,255,0.9)}


/* //////////////////////// 
	백반증
/////////////////////////*/
.cause-section{width:100%;background:#fff;padding:100px 0 190px}
.cause-section__inner{max-width:1460px;margin:0 auto;}
.cause-header{text-align:center;margin-bottom:80px}
.cause-header__title{font-size:33px;font-weight:bold;color:#3c2e29;letter-spacing:-0.01em;margin-bottom:36px}
.cause-header__desc{font-size:18px;font-weight:400;color:#3c2e29;line-height:32px;letter-spacing:0.01em;word-break:keep-all}
.cause-cards{display:flex;align-items:stretch;gap:0;height:513px}
.cause-card{position:relative; flex:1; overflow:hidden; border-radius:20px;cursor:pointer;transition: max-width 0.5s cubic-bezier(0.4,0,0.2,1), flex-grow 0.5s cubic-bezier(0.4,0,0.2,1);margin:0 6px;max-width: 303px;}
.cause-card:first-child{margin-left:0}
.cause-card:last-child{margin-right:0}
.cause-cards:hover .cause-card{flex:0.6}
.cause-cards:hover .cause-card:hover{flex:2.2;max-width:495px}
.cause-card.active{flex:2.2;max-width:495px}
.cause-card__bg{position:absolute;inset:0; background-size:cover;background-position:center;transition:transform 0.5s ease;}
.cause-card:hover .cause-card__bg{transform:scale(1.04)}
.cause-card__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(30,25,20,0.75) 0%, rgba(30,25,20,0.15) 55%, transparent 100%);transition:background 0.4s ease;}
.cause-card:hover .cause-card__overlay{background:linear-gradient(to top, rgba(30,25,20,0.82) 0%, rgba(30,25,20,0.3) 50%, rgba(30,25,20,0.05) 100%);}
.cause-card__content{position:absolute;bottom:0;left:0;right:0; padding:28px 26px 40px 40px;}
.cause-card__title{font-size:24px;font-weight:600;color:#fff;letter-spacing:0.02em;margin-bottom:0;line-height:32px;transition:margin-bottom 0.3s ease;white-space:nowrap;}
.cause-card__desc{font-size:18px;font-weight:300;color:rgba(255,255,255,.85);line-height:28px;letter-spacing:.01em;word-break:keep-all;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s,opacity .35s .1s,margin-top .3s;margin-top:0}
.cause-card:hover .cause-card__title{margin-bottom:10px}
.cause-card:hover .cause-card__desc{
	max-height:200px;opacity:1;margin-top:4px;
}
.cause-card--1 .cause-card__bg{background-image:url('../sub/img/cause-immune.jpg')}
.cause-card--2 .cause-card__bg{background-image:url('../sub/img/cause-oxidative.jpg')}
.cause-card--3 .cause-card__bg{background-image:url('../sub/img/cause-dermis.jpg')}
.cause-card--4 .cause-card__bg{background-image:url('../sub/img/cause-nerve.jpg')}

.oracle-banner{width:100%;max-width:1460px;position:relative;overflow:hidden;margin: 0 auto;}
.oracle-banner__bg{width:100%;height:200px;background-color:#9a8778;background-image:url('../sub/img/banner-skin-texture.jpg');background-size:cover;background-position:center;display:flex;align-items:center}
.oracle-banner__inner{max-width:1460px;margin:0 auto;justify-content:center;display:flex;align-items:center;gap:0;width:100%}
.oracle-banner__title-wrap{padding-right:100px;border-right:1px solid #fff}
.oracle-banner__title{font-size:33px;font-weight:700;color:#fff;line-height:46px;word-break:keep-all}
.oracle-banner__desc-wrap{padding-left:100px}
.oracle-banner__desc{font-size:18px;font-weight:400;color:#fff;line-height:32px;word-break:keep-all}

/* ────────────────────────────────
   섹션 2: 난치성 백반증 3단계 시스템
──────────────────────────────── */
.vitiligo-system{width:100%;background:#fff;padding:100px 0 0}
.vitiligo-system__inner{max-width:1460px;margin:0 auto;}
.vitiligo-system__header{text-align:center;margin-bottom:60px}
.vitiligo-system__title{font-size:26px;font-weight:600;color:#3c2e29;letter-spacing:-0.01em;margin-bottom:20px}
.vitiligo-system__desc{font-size:14px;font-weight:300;color:#7a6a62;line-height:1.95;letter-spacing:0.01em;word-break:keep-all}
.vitiligo-system__desc b{font-weight:500;color:#3c2e29}
.vitiligo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:70px}
.vitiligo-step{position:relative;border-radius: 20px }
.vitiligo-step__img{width:100%;height: 245px;background-size:cover;background-position:center;position:relative;}
.vitiligo-step--1 .vitiligo-step__img{background-color:#d4c4b8;background-image:url('../sub/img/step-diagnosis.jpg')}
.vitiligo-step--2 .vitiligo-step__img{background-color:#2a3a5c;background-image:url('../sub/img/step-immune.jpg')}
.vitiligo-step--3 .vitiligo-step__img{background-color:#c8a898;background-image:url('../sub/img/step-dermis.jpg')} 
.vitiligo-step--2 .vitiligo-step__img::before,.vitiligo-step--3 .vitiligo-step__img::before{content:'';position:absolute;left:-43px;top:100%;transform:translateY(-50%);width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid #7c6e6a;z-index:2}
.vitiligo-step__body{padding:40px 0px ;background:#f4ece8;    text-align: center;border-radius: 0 0 20px 20px;}
.vitiligo-step__num{font-size:11px;font-weight:400;color:#b0a098;letter-spacing:0.1em;margin-bottom:10px}
.vitiligo-step__name{font-size:24px;font-weight:700;color:#3c2e29;margin-bottom:14px}
.vitiligo-step__text{font-size:18px;font-weight:500;color:#3c2e29;line-height:32px;letter-spacing:-0.03em;word-break:keep-all}
.vitiligo-step+.vitiligo-step{border-left:1px solid #ece7e2}
.pigment-text__line.pigment-text_title{font-size:33px;font-weight:bold}
.sub05-2 section.pigment-section{background:#fff;justify-content: space-between;}
.sub05-2 .sub_device_intro{background:#fff;}
.sub05-2 .sub_step_scroll{background:#fff;}
.faq-section{width:100%;background-image:url('../sub/img/faq-section-bg.jpg');padding:150px 0 170px;position:relative;overflow:hidden}
.faq-section__inner{max-width:840px;margin:0 auto;padding:0 40px;position:relative;z-index:1}
.faq-title{text-align:center;margin-bottom:60px}
.faq-title__main{font-size:33px;font-weight:700;color:#3c2e29;line-height:46px;letter-spacing:-0.01em}
.faq-list{display:flex;flex-direction:column;gap:25px}
.faq-item{background:#fdf7f3;border-radius:20px;overflow:hidden;transition:box-shadow 0.3s ease}
.faq-item.is-open{box-shadow:0 4px 16px rgba(100,70,50,0.08)}
.faq-item__q{
	width:100%;display:flex;align-items:center;justify-content:space-between;
	padding:20px 35px;
	background:none;border:none;cursor:pointer;
	text-align:left;gap:16px
}
.faq-item__q-text{font-size:18px;font-weight:400;color:#3c2e29;letter-spacing:0.01em;line-height:1.5}
.faq-item__icon{
	flex-shrink:0;width:20px;height:20px;
	display:flex;align-items:center;justify-content:center;
	transition:transform 0.35s ease
}
.faq-item__icon svg{width:23px;height:11px}
.faq-item.is-open .faq-item__icon{transform:rotate(180deg)}
.faq-item__divider{height:1px;background:#ab9c98;margin:0 26px;display:none}
.faq-item.is-open .faq-item__divider{display:block}
.faq-item__a{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.3s ease}
.faq-item.is-open .faq-item__a{max-height:400px}
.faq-item__a-inner{padding:18px 26px 26px}
.faq-item__a-text{font-size:18px;font-weight:500;color:#3c2e29;line-height:32px;letter-spacing:0.01em;word-break:keep-all}
/* //////////////////////// 
	건선
/////////////////////////*/
.sub05-3 .cell-revive-intro{background: url(../sub/img/revive_intro_bg52.jpg) center / cover no-repeat;}
.sub05-3 .cell-revive-intro .cr-desc{color:#795c4f}
.sub05-3 .cell-revive-intro .cr-desc em{text-decoration: underline;}
.sub05-3 .pigment-section{background:#fff;justify-content: space-between;}
.pigment-text__line.pigment-text_title02 { font-size: 21px;font-weight: bold;}
.sub05-3 .vitiligo-step--2 .vitiligo-step__body::before, .sub05-3 .vitiligo-step--3 .vitiligo-step__body::before {
    content: '';
    position: absolute;
    left: -43px;
    top: -77%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 18px solid #7c6e6a;
    z-index: 2;
}
.sub05-3 .vitiligo-step__body{background:#fff;position: relative;}
.sub05-3 .vitiligo-step+.vitiligo-step{border:0}
.sub05-3 .vitiligo-system{padding:190px 0px;background-color: #fffbf9;}
.oracle-banner{max-width:unset}
.sub05-3 .oracle-banner__bg{    max-width: 1460px;margin: 0 auto;}
.sub_step_scroll .card_txt_overlay span{ font-size: 16px;color: #b09b90;font-weight: 500;line-height: 24px;margin-top: 1.5rem;}
.psori-cause-section{width:100%;background:#f7f0ec;padding:190px 0}
.psori-cause-section__inner{max-width:1460px;margin:0 auto;}
.psori-cause-title{text-align:center;font-size:33px;font-weight:700;color:#3c2e29;letter-spacing:-.01em;margin-bottom:60px}
.psori-cause-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.psori-cause-card{display:flex;flex-direction:column;gap:40px}
.psori-cause-card__img{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#ddd}
.psori-cause-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.psori-cause-card__name{text-align:center;font-size:24px;font-weight:600;color:#3c2e29;}


.sub06-1 .cell-revive-intro{background: url(../sub/img/revive_intro_bg61.webp) center / cover no-repeat;}
.sub06-1 .cell-revive-intro .cr-title{font-size: 33px; font-weight: 500;}


.skin-self-test{padding:130px 0;background:#fffbf9;}
.skin-self-inner{width:100%;max-width:1460px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.skin-self-title{text-align:center;margin-bottom:70px;}
.skin-self-title h3{margin:0 0 10px;color:#3c2e29;font-size:36px;font-weight:700;line-height:1.35;letter-spacing:-1px;}
.skin-self-title p{margin:0;color:#bb937d;font-size:34px;font-weight:700;line-height:1.35;letter-spacing:-1px;}
.skin-self-card{position:relative;padding:80px 0 80px 80px ;border-radius:20px;background:#f7f0ec;box-sizing:border-box;}
.skin-self-prev{position:absolute;right:80px;top:80px;z-index:10;display:none;align-items:center;gap:10px;height:50px;padding: 5px 20px 5px 15px; border:0; border-radius: 20px 0; background:#BB937D;color:#fff;font-size:18px;font-weight:500;cursor:pointer; align-items: center;}
.skin-self-slide-wrap{position:relative;overflow:hidden;min-height:560px;}
.skin-self-slide{position:absolute;left:0;top:0;width:100%;opacity:0;visibility:hidden;transform:translateX(50px);transition:opacity .45s ease,visibility .45s ease,transform .45s ease;}
.skin-self-slide.active{position:relative;opacity:1;visibility:visible;transform:translateX(0);}
.skin-self-slide.prev-out{transform:translateX(-50px);}
.skin-self-qbox{display:flex;gap:60px;align-items:end;}
.skin-self-img{width:100%; max-width: 500px; height:620px;border-radius:300px 300px 0 0;overflow:hidden;background:#eee;}
.skin-self-img img{display:block;width:100%;height:100%;object-fit:cover;}
.skin-self-txt{padding-right:20px; padding-bottom: 25px;}
.skin-self-num{display:block;color:#3C2E29;font-family:ivyjournal,serif;font-size:33px;font-weight:300;line-height:1; padding-bottom: 10px;}
.skin-self-question{margin:0 0 40px;color: #3C2E29; font-family: SUIT; font-size: 33px; font-style: normal; font-weight: 500; line-height: 1.75; /* 175.758% */}
.skin-self-options{display:flex;flex-direction:column;gap:40px;}
.skin-self-option input{display:none;}
.skin-self-option label{display:inline-flex;align-items:center;min-height:68px;padding:5px 30px;border-radius:99px;background:#eaded8;color:#3c2e29;font-size:20px;font-weight:500;line-height:1.5;cursor:pointer;transition:.3s;box-sizing:border-box;}
.skin-self-option input:checked + label{background:#bb937d;color:#fff;}
.skin-self-option input:hover + label{background:#bb937d;color:#fff;}
.skin-self-progress{width:100%;height:7px;margin:44px auto 0;border-radius:99px;background:#eaded8;overflow:hidden; max-width: 1200px; border-radius: 20px; overflow: hidden;}
.skin-self-progress span{display:block;width:0;height:100%;border-radius:99px;background:#bb937d;transition:.35s;}

.skin-self-result{display:none;}
.skin-result-head{padding:0 0 74px; text-align:center;margin:0 calc(50% - 50vw) 0;}
.skin-result-head h3{margin:0 0 20px;color:#3C2E29;font-size:34px;font-weight:700;line-height:1.45;letter-spacing:-1px;}
.skin-result-head h3 span{color: #BB937D;}
.skin-result-head p{margin:0 0 60px;color:#bb937d;font-size:18px;font-weight:600;line-height:1.7;}
.skin-result-btns{display:flex;align-items:center;justify-content:center;gap:18px;}
.skin-result-btns a,.skin-result-btns button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:4px;font-size:18px;gap: 10px; font-weight:700;text-decoration:none;cursor:pointer;box-sizing:border-box; border-radius: 20px 0;}
.skin-result-restart{border:1px solid #bb937d;background:transparent;color:#bb937d;}
.skin-result-reserve{border:1px solid #bb937d;background:#bb937d;color:#fff!important;}
.skin-result-kakao{border:1px solid #bb937d;background:#bb937d;color:#fff!important;}

.skin-result-box{padding:70px 80px;border-radius:20px;background:#f7f0ec;}
.skin-result-top{display:flex; justify-content: space-between; align-items:center;padding-bottom:50px;border-bottom:1px solid #dccbc3;}
.skin-result-copy h4{margin:0 0 40px; color:#3c2e29; font-size:34px; font-weight:500; line-height:1.75; font-family: SUIT;}
.skin-result-copy h4 b{font-weight: 700;}
.skin-result-copy .desc{margin:0;color: #3C2E29; font-family: SUIT; font-size: 24px; font-style: normal; font-weight: 500; line-height: 1.75; /* 175% */}
.skin-result-img{width:100%; max-width: 500px; height:520px;border-radius:280px 280px 0 0;overflow:hidden;background:#eee;}
.skin-result-img img{display:block;width:100%;height:100%;object-fit:cover;}
.skin-result-info{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.skin-result-info-box{padding:26px 30px;border-radius:16px;background:#eaded8;}
.skin-result-info-box h5{margin:0 0 16px;color:#3c2e29;font-size:21px;font-weight:700;}
.skin-result-info-box ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;}
.skin-result-info-box li{position:relative;padding-left:14px;color:#3c2e29;font-size:16px;font-weight:500;line-height:1.7;}
.skin-result-info-box li::before{content:"·";position:absolute;left:0;top:0;}
.skin-result-summary{margin-top:24px;padding:26px 30px;border-radius:16px;background:#eaded8;}
.skin-result-summary strong{display:block;margin-bottom:10px;color:#3c2e29;font-size:21px;font-weight:700;}
.skin-result-summary p{margin:0;color:#3c2e29;font-size:18px;font-weight:500;line-height:1.75;}
.skin-result-recommend{padding-top:80px;}
.skin-result-recommend h5{margin:0 0 20px;text-align:center; font-family: SUIT; color:#3C2E29;font-size:33px;font-weight:500;line-height:1.75;}
.skin-result-rec-list{display:flex;gap:22px; justify-content: center;}
.skin-result-rec-list > div:first-of-type > div{border-radius: 20px 0 0 20px;}
.skin-result-rec-list > div:last-of-type > div{border-radius: 0 20px 20px 0;}
.skin-result-rec-item{text-align:center;}
.skin-result-rec-img{width:100%;height:305px;margin-bottom:20px;overflow:hidden;background:#fff; }
.skin-result-rec-img img{display:block;width:100%;height:100%;object-fit:cover;}
.skin-result-rec-item h6{color: #3C2E29; text-align: center; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.4; /* 140% */ }
.skin-result-rec-item .top-txt{color: #795C4F; text-align: center; font-family: IvyJournal; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.55; /* 155.556% */ padding-bottom: 10px; display: inline-block;}
.skin-result-rec-item p{color: #3C2E29; text-align: center; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.4; /* 140% */}
.skin-result-rec-item p em{color: #3C2E29; text-align: center; font-family: SUIT; font-size: 14px; font-style: normal; font-weight: 400; line-height: 2.0; /* 200% */ display: inline-block; padding-top: 15px;}
.cell-revive-intro .cr-desc{display:flex;flex-direction:column;gap:34px;}
.cell-revive-intro .cr-desc p{margin:0;}
.cell-revive-intro .cr-desc .strong{margin-top:4px;}
.mo{display: none;}
@media(max-width:1024px){
    .mo{display: block;}

    .skin-self-test{padding:80px 0;}
    .skin-self-inner{padding:0 20px;}
    .skin-self-title{margin-bottom:38px;}
    .skin-self-title h3{font-size:24px;line-height:1.45;}
    .skin-self-title p{font-size:22px;line-height:1.45;}
    .skin-self-card{padding: 80px 18px 24px;border-radius:18px;}
    .skin-self-prev{margin-left: auto; height:42px;padding:0 16px;border-radius:10px;font-size:14px; position: static;}
    .skin-self-prev.mo{display: flex;}
    .skin-self-slide-wrap{min-height:auto;}
    .skin-self-qbox{display:flex;flex-direction:column;gap:26px;}
    .skin-self-img{height:auto;aspect-ratio:1 / 1.08;border-radius:160px 160px 0 0;}
    .skin-self-txt{width:100%;padding-right:0;}
    .skin-self-num{margin-bottom:10px;font-size:30px;}
    .skin-self-question{margin:0 0 24px;font-size:21px;line-height:1.6;}
    .skin-self-options{gap:14px;}
    .skin-self-option label{min-height:58px;padding:13px 18px;font-size:15px;line-height:1.55;}
    .skin-self-progress{height:6px;margin-top:28px;}
    .skin-result-head{padding:60px 20px 52px;}
    .skin-result-head h3{font-size:24px;}
    .skin-result-head p{margin-bottom:26px;font-size:15px;}
    .skin-result-btns{flex-direction:column;gap:10px;}
    .skin-result-btns a,.skin-result-btns button{width:100%;max-width:260px;height:46px;font-size:14px;}
    .skin-result-box{padding:26px 20px;border-radius:18px;}
    .skin-result-top{display:flex;flex-direction:column;gap:28px;padding-bottom:30px;}
    .skin-result-copy h4{margin-bottom:20px;font-size:24px;}
    .skin-result-copy .lead{margin-bottom:18px;font-size:16px;}
    .skin-result-copy .desc{font-size:15px;}
    .skin-result-img{height:auto;aspect-ratio:1 / 1.08;border-radius:160px 160px 0 0;}
    .sub06-1 .cell-revive-intro .cr-title{font-size: 6.7857vw;}
    .skin-result-info{grid-template-columns:1fr;gap:14px;margin-top:24px;}
    .skin-result-info-box{padding:20px 18px;border-radius:14px;}
    .skin-result-info-box h5{font-size:17px;}
    .skin-result-info-box li{font-size:14px;}
    .skin-result-summary{margin-top:18px;padding:20px 18px;border-radius:14px;}
    .skin-result-summary strong{font-size:16px;}
    .skin-result-summary p{font-size:14px;}
    .skin-result-recommend{padding-top:34px;}
    .skin-result-recommend h5{margin-bottom:22px;font-size:23px;}
    .skin-result-rec-list{flex-wrap: wrap; gap:18px 12px; }
    .skin-result-rec-img{height:auto;aspect-ratio:1 / .9;border-radius:12px;margin-bottom:10px;}
    .skin-result-rec-step{font-size:16px;}
    .skin-result-rec-item h6{font-size:17px;}
    .skin-result-rec-item .top-txt{font-size: 15px; padding-bottom: 5px;} 
    .skin-result-rec-item p{font-size:14px;}
    .skin-result-rec-item p em{font-size: 12px; padding-top: 5px;}
}
@media (max-width: 1660px) {
	.sub_bg_wrap{width:100%;margin:0 auto;height:43.7349vw;overflow:hidden}
	.sub_bg01{background: url(../sub/img/sub01_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
	.sub_top_text{max-width:87.9518vw;margin:0 auto;left: 50%;top: 49%;transform: translate(-50%, -50%);z-index:1}
	.sub_top_text div{}
	.sub_top_text h2{font-size:2.5904vw;padding-bottom:1.5060vw;}
	.sub_top_text h3{font-size:1.9880vw;padding-bottom:3.3133vw;}
	.sub_top_text p{font-size:1.1446vw;}

	.intro-bottom-section{padding:10.2410vw 0 0;background:#fff;border-bottom:0.1205vw solid #cfc5c1}
	.intro-bottom-wrap{margin:0 auto;justify-align-items:stretch}
	.intro-left-text{padding:1.3253vw 8.1325vw 0 0;box-sizing:border-box}
	.intro-left-text h2{font-size:1.9880vw;line-height:2.7711vw;margin-bottom:2.0482vw;letter-spacing:-0.0602vw}
	.intro-left-text .desc-text{font-size:1.0843vw;line-height:1.9277vw;letter-spacing:-0.0301vw;word-break:keep-all}
	.intro-left-text .desc-text p+p{padding-top:1.0241vw}
	.intro-right-img{display:flex;width: 55%;}
	.intro-right-img img{width:100%;height:100%;object-fit:cover;display:block}
	.marquee_wrap{margin-top:4.2rem;width:100%;white-space:nowrap;padding-bottom:1rem}
	.marquee_inner{animation:50s linear infinite marquee}
	.marquee_inner span{font-family:ivyjournal,sans-serif;font-size:6.875rem;padding-right:3rem;font-style:italic}
	@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
	.midd_wr{padding:8.7349vw 0}
	.midd_wr p{font-size:1.2651vw;line-height:2.1084vw;letter-spacing:-0.0181vw;font-weight:500}
	.midd_wr p+p{padding-top:1.3855vw}
	.standard-section{width:100%;background:#111}
	.standard-swiper{width:100%;height:100vh}
	.standard-swiper .swiper-slide{align-items:center;overflow:hidden}
	.standard-swiper .slide-bg{top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.95;transform:scale(1.05);transition:transform 1.5s}
	.standard-swiper .swiper-slide-active .slide-bg{transform:scale(1)}
	.standard-swiper .slide-content{max-width:87.9518vw;margin:0 auto;width:100%;opacity: 0;transform: translateY(2.4096vw);transition: opacity 1s ease, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);}
	.standard-swiper .slide-top{font-family:ivyjournal,serif;font-size:1.0843vw;margin-bottom:1.5060vw;align-items:baseline;gap:0.7229vw}
	.standard-swiper .slide-top .num-current{font-size:1.8072vw;font-weight:300}
	.standard-swiper .slide-top .num-total{font-size:1.2048vw;color:#aaa}
	.standard-swiper h3{font-size:1.9880vw;margin-top:9.9398vw;margin-bottom:2.6506vw;letter-spacing:-0.0602vw}
	.standard-swiper .desc{font-size:1.0843vw;line-height:1.8072vw;word-break:keep-all;font-weight:300}
	.standard-swiper .swiper-pagination{right:2.4096vw!important;top:50%!important;transform:translateY(-50%)!important;flex-direction:column;gap:0.9036vw}
	.standard-swiper .swiper-pagination-bullet{background:#fff;opacity:.3;width:0.4819vw;height:0.4819vw;margin:0!important}
	.standard-swiper .swiper-pagination-bullet-active{opacity:1}
	.standard-swiper .desc p + p{padding-top:1.0843vw}
	.swiper-container-vertical>.swiper-wrapper {
		flex-direction: column;
	}
	.standard-swiper .swiper-slide-active .slide-content{opacity:1;transform:translateY(0);transition-delay:0.4s}
	/* //////////////////////// 
		진료시간/오시는 길
	/////////////////////////*/
	.card,.sub_top_text{text-align:center}
	.card,.map-btn{text-decoration:none}
	.sub_top_view_bg.s13{background:url(../sub/img/s13_sub01_bg.jpg) 50% 50%/cover no-repeat}
	.clinic-schedule{max-width:87.9518vw;margin:0 auto;padding:11.4458vw 0}
	.title{font-size:2.5904vw;margin-bottom:2.7711vw;padding-left:0.6024vw;color:#3c2e29}
	.days,.kakao-icon,.transport-info p{margin-bottom:1.2048vw}
	.grid-container{grid-template-columns:repeat(3,1fr);gap:2.5301vw 2.8313vw}
	.card{height:16.2651vw;border-radius:1.2048vw;flex-direction:column;justify-align-items:center;padding:1.2048vw}
	.default{background-color:#f1ebe6}
	.highlight{background-color:#f6e0d3}
	.kakao-btn{color:#3c1e1e}
	.days,.time{font-weight:600}
	.days{font-size:1.8675vw;margin-bottom: 1.1446vw;}
	.time{font-size:2.7711vw}
	.sub-text,.sub-text-gray{margin-top:0.9036vw;font-size:1.8675vw}
	.sub-text{font-weight:700}
	.sub-text-gray{font-weight:700}
	.closed-text{font-size:2.7711vw;margin-top:0.3012vw}
	.kakao-content{flex-direction:column;align-items:center;font-size:1.9880vw;gap:1.8072vw;}
	.kakao-content p{font-size: 1.9880vw;
    
    }
	.kakao-icon{padding:0.3012vw 0.4819vw;border-radius:0.4819vw;font-size:0.7229vw;position:relative}

	.location-section{max-width:87.9518vw;margin:2.4096vw auto;color:#333}
	.content-wrapper{gap:2.4096vw;align-items:flex-start}
	.map-container{flex:1;border-radius:1.2048vw;box-shadow:0 0.2410vw 0.6024vw rgba(0,0,0,.05)}
	.map-container img{width:100%;object-fit:cover}
	.info-container{flex:1;border-top: 0.1807vw solid #e4cbbe;
    max-width: 41.8675vw;}
	.address{font-size:1.6867vw;margin-bottom:2.2892vw;margin-top:2.2892vw;padding-left: 0.9036vw;}
	.btn-group{gap:0.6024vw;margin-bottom:2.1687vw;padding-left: 0.9036vw;}
	.map-btn{transition: .3s;align-items:center;padding:0.9639vw 2.0482vw;border:0.0602vw solid #c1bcb9;border-radius:0.3012vw;font-size:0.9036vw;background: #fff;}
	.map-btn .icon{margin-right:0.5422vw;font-weight:700}
	.map-btn:hover { background: #bb937d;}
	.naver .icon{color:#03c75a}
	.kakao .icon{color:#fee500}
	.tmap .icon{color:#2347ff}
	.divider{border:0;border-top:0.0602vw solid #ead5ca;margin:1.2048vw 0}
	.transport-info p{font-size:1.3855vw;margin-bottom:1.3855vw;}
	.transport-info strong{margin-right:0.0000vw}
	.contact-info{margin-top:1.8072vw;border-top: 0.0602vw solid #ead5ca;    padding-left: 0.9036vw;padding-top: 2.0482vw;}
	.contact-info .label{font-size:1.3855vw;margin-bottom:0.4819vw;}
	.phone-number{font-size:2.2892vw;padding-top: 1.2048vw;}
	.transport-info{padding-left: 0.9036vw;margin:2.2289vw 0}

    /* ────────────────────────────────
       기미색소 섹션
    ──────────────────────────────── */
	.pigment-section{width:100%;max-width:87.9518vw;margin:0 auto;padding:11.4458vw 0.0000vw;align-items:center;gap:3.6145vw}
	.pigment-text{flex-direction:column;gap:1.6867vw}
	.pigment-text__block{flex-direction:column;gap:0.3614vw}
	.pigment-text__line{font-size:1.0843vw;line-height:1.9277vw;word-break:keep-all}
	.pigment-images{gap:1.5060vw;width:50%;}
	.pigment-img-wrap{flex:1;border-radius:0.2410vw}
	.pigment-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
     .step-section{width:100%;background:#fffbf9;padding:6.0241vw 0 7.2289vw}
    .step-section__inner{max-width:87.9518vw;margin:0 auto;text-align:center}
 
    /* 타이틀 */
    .step-title{margin-bottom:4.8193vw}
    .step-title__main{font-size:1.9880vw;line-height:2.7711vw;letter-spacing:-0.01em;word-break:keep-all;}

    /* 스텝 카드 리스트 */
    .step-list{align-items:center;justify-}
 
    /* 화살표 */
    .step-arrow{flex-shrink:0;width:1.1446vw;align-items:center;justify-margin:0 -0.3614vw;top:0.0000vw}
    .step-arrow::before{width:0;height:0;border-top:0.9036vw solid transparent;border-bottom:0.9036vw solid transparent;border-left:1.1446vw solid #7c6e6a}
 
    /* 카드 */
    .step-card{flex:1;max-width:26.2048vw;height: 8.4337vw;background:#f4ece8;border-radius:0.9036vw;position:relative}
 
    /* 스텝 뱃지 */
    .step-card__badge{background:#7d5c50;border-radius:1.8072vw;padding:1.0843vw 4.0361vw;font-style:italic;font-size:0.9036vw;margin-bottom:1.9277vw;top:-1.5060vw;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:1.2048vw}
 
    /* 카드 본문 */
    .step-card__body{height: 100%;align-items: center;justify-}
    .step-card__label{font-size:1.2048vw;letter-spacing:0.02em;padding-top: 1.3855vw;}
 
    /* 하단 설명 */
    .step-desc{margin-top:4.2169vw}
    .step-desc__sub{font-size:1.0843vw;line-height:1.7;}
    .step-desc__main{font-size:1.2048vw;line-height:1.7;word-break:keep-all}

    .principle-section{width:100%;background:url(../sub/img/principle-section_bg.jpg) 50% 50%/cover no-repeat;padding:5.8434vw 0;overflow:hidden}
    .principle-section__inner{max-width:87.9518vw;margin:0 auto;padding:0 2.4096vw;z-index:1}
 
    .principle-section__title{font-size:1.9880vw;margin-bottom:1.6867vw}
    .principle-section__title span{font-style:normal;font-family:inherit}
 
    .principle-section__desc{flex-direction:column;gap:0.6024vw}
    .principle-section__line{font-size:1.0843vw;line-height:1.9277vw;letter-spacing:0.02em;word-break:keep-all}
	


	/* 장비 */
    .program-section{width:100%;background:#fffbf9;padding:11.4458vw 0 7.2289vw}
    .program-section__inner{max-width:87.9518vw;margin:0 auto;}
 
    /* 상단 텍스트 */
    .program-header{margin-bottom:3.6145vw}
    .program-header__sub{font-size:1.3855vw;margin-bottom:1.8675vw}
    .program-header__title{font-size:2.5904vw;letter-spacing:-0.01em;margin-bottom:2.1687vw}
    .program-header__desc{font-size:1.0843vw;line-height:1.9277vw;word-break:keep-all}
    .program-header__desc02{font-size:1.2048vw;margin-top:2.1687vw;}
    .program-header__notice{margin-top:3.4337vw;font-size:1.2048vw;}
 
    /* 장비 그리드 */
    .program-grid{grid-template-columns:repeat(3,1fr);gap:0 3.6145vw;row-gap:3.6145vw}
    .program-grid--4col{grid-template-columns:repeat(4,1fr);margin-top:7.2289vw}
 
    /* 장비 아이템 */
    .program-item{cursor:pointer}
 
    /* 장비 이미지 영역 */
    .program-item__img-wrap{align-items:flex-end;height:25.0000vw;justify-}
    .program-item__img-wrap img{max-height:100%;max-width:100%;object-fit:contain;transition:opacity 0.3s ease}
    .program-item__name{margin-top:1.0843vw;font-size:1.3855vw;}
 
    /* 호버 카드 */
    .program-item__card{top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;max-width:19.2771vw;background:rgba(245,236,231,.5);border-radius:0.9639vw;padding:1.9277vw 1.6867vw 1.6867vw;opacity:0;pointer-events:none;transition:opacity 0.3s ease;box-shadow:0 0.4819vw 1.9277vw rgba(100,70,50,0.10);
    flex-direction: column;
    justify-}
    .program-item:hover .program-item__card{opacity:1;pointer-events:auto}
    .program-item:hover .program-item__img-wrap img{opacity:0.15}
 
    .program-card__title{font-size:1.6867vw;margin-bottom:0.9639vw;}
    .program-card__divider{width:87%;height:0.0602vw;background:#c9b9b0;margin:0 auto 0.9639vw}
    .program-card__desc{font-size:1.0843vw;line-height:1.9277vw;word-break:keep-all;margin-bottom:1.2048vw}
    .program-card__cycle{font-size:1.2048vw;margin-bottom:3.0120vw;}
    .program-card__tags{gap:0.4819vw;justify-flex-wrap:wrap}
    .program-card__tag{background:#e0cfc5;border-radius:0.3614vw;padding:0.7229vw 1.1446vw;font-size:1.0843vw;}

    .principle-section2{width:100%;background:url(../sub/img/principle-section2_bg.jpg) 50% 50%/cover no-repeat;padding:7.5904vw 0;overflow:hidden}
    .principle-section__inner{max-width:87.9518vw;margin:0 auto;padding:0 2.4096vw;z-index:1}
 
    .principle-section__title{font-size:1.9880vw;margin-bottom:1.6867vw}
    .principle-section__title span{font-style:normal;font-family:inherit}
 
    .principle-section__desc{flex-direction:column;gap:0.6024vw}
    .principle-section__line{font-size:1.0843vw;line-height:1.9277vw;letter-spacing:0.02em;word-break:keep-all}
	.principle-section2 .principle-section__title{line-height:2.7711vw;}

	/* //////////////////////// 
		백반증
	/////////////////////////*/
	.cause-section{width:100%;background:#fff;padding:6.0241vw 0 11.4458vw}
	.cause-section__inner{max-width:87.9518vw;margin:0 auto;}
	.cause-header{margin-bottom:4.8193vw}
	.cause-header__title{font-size:1.9880vw;letter-spacing:-0.01em;margin-bottom:2.1687vw}
	.cause-header__desc{font-size:1.0843vw;line-height:1.9277vw;letter-spacing:0.01em;word-break:keep-all}
	.cause-cards{align-items:stretch;gap:0;height:30.9036vw}
	.cause-card{ flex:1;  border-radius:1.2048vw;cursor:pointer;transition: max-width 0.5s cubic-bezier(0.4,0,0.2,1), flex-grow 0.5s cubic-bezier(0.4,0,0.2,1);margin:0 0.3614vw;max-width: 18.2530vw;}
	.cause-card:first-child{margin-left:0}
	.cause-card:last-child{margin-right:0}
	.cause-cards:hover .cause-card{flex:0.6}
	.cause-cards:hover .cause-card:hover{flex:2.2;max-width:29.8193vw}
	.cause-card.active{flex:2.2;max-width:29.8193vw}
	.cause-card__bg{inset:0; transition:transform 0.5s ease;}
	.cause-card:hover .cause-card__bg{transform:scale(1.04)}
	.cause-card__overlay{inset:0;background:linear-gradient(to top, rgba(30,25,20,0.75) 0%, rgba(30,25,20,0.15) 55%, transparent 100%);transition:background 0.4s ease;}
	.cause-card:hover .cause-card__overlay{background:linear-gradient(to top, rgba(30,25,20,0.82) 0%, rgba(30,25,20,0.3) 50%, rgba(30,25,20,0.05) 100%);}
	.cause-card__content{bottom:0;left:0;right:0; padding:1.6867vw 1.5663vw 2.4096vw 2.4096vw;}
	.cause-card__title{font-size:1.4458vw;letter-spacing:0.02em;margin-bottom:0;line-height:1.9277vw;transition:margin-bottom 0.3s ease;white-space:nowrap;}
	.cause-card__desc{font-size:1.0843vw;color:rgba(255,255,255,.85);line-height:1.6867vw;letter-spacing:.01em;word-break:keep-all;max-height:0;opacity:0;transition:max-height .4s,opacity .35s .1s,margin-top .3s;margin-top:0}
	.cause-card:hover .cause-card__title{margin-bottom:0.6024vw}
	.cause-card:hover .cause-card__desc{
		max-height:12.0482vw;opacity:1;margin-top:0.2410vw;
	}
	.cause-card--1 .cause-card__bg{background-image:url('../sub/img/cause-immune.jpg')}
	.cause-card--2 .cause-card__bg{background-image:url('../sub/img/cause-oxidative.jpg')}
	.cause-card--3 .cause-card__bg{background-image:url('../sub/img/cause-dermis.jpg')}
	.cause-card--4 .cause-card__bg{background-image:url('../sub/img/cause-nerve.jpg')}

	.oracle-banner{width:100%;max-width:87.9518vw;margin: 0 auto;}
	.oracle-banner__bg{width:100%;height:12.0482vw;background-image:url('../sub/img/banner-skin-texture.jpg');align-items:center}
	.oracle-banner__inner{max-width:87.9518vw;margin:0 auto;justify-align-items:center;gap:0;width:100%}
	.oracle-banner__title-wrap{padding-right:6.0241vw;border-right:0.0602vw solid #fff}
	.oracle-banner__title{font-size:1.9880vw;line-height:2.7711vw;word-break:keep-all}
	.oracle-banner__desc-wrap{padding-left:6.0241vw}
	.oracle-banner__desc{font-size:1.0843vw;line-height:1.9277vw;word-break:keep-all}

	/* ────────────────────────────────
	   섹션 2: 난치성 백반증 3단계 시스템
	──────────────────────────────── */
	.vitiligo-system{width:100%;background:#fff;padding:6.0241vw 0 0}
	.vitiligo-system__inner{max-width:87.9518vw;margin:0 auto;}
	.vitiligo-system__header{margin-bottom:3.6145vw}
	.vitiligo-system__title{font-size:1.5663vw;letter-spacing:-0.01em;margin-bottom:1.2048vw}
	.vitiligo-system__desc{font-size:0.8434vw;line-height:1.95;letter-spacing:0.01em;word-break:keep-all}
	.vitiligo-system__desc b{color:#3c2e29}
	.vitiligo-steps{grid-template-columns:repeat(3,1fr);gap:4.2169vw}
	.vitiligo-step{border-radius: 1.2048vw }
	.vitiligo-step__img{width:100%;height: 14.7590vw;}
	.vitiligo-step--1 .vitiligo-step__img{background-image:url('../sub/img/step-diagnosis.jpg')}
	.vitiligo-step--2 .vitiligo-step__img{background-image:url('../sub/img/step-immune.jpg')}
	.vitiligo-step--3 .vitiligo-step__img{background-image:url('../sub/img/step-dermis.jpg')} 
	.vitiligo-step--2 .vitiligo-step__img::before,.vitiligo-step--3 .vitiligo-step__img::before{left:-2.5904vw;top:100%;transform:translateY(-50%);width:0;height:0;border-top:0.8434vw solid transparent;border-bottom:0.8434vw solid transparent;border-left:1.0843vw solid #7c6e6a;z-index:2}
	.vitiligo-step__body{padding:2.4096vw 0.0000vw ;background:#f4ece8;    border-radius: 0 0 1.2048vw 1.2048vw;}
	.vitiligo-step__num{font-size:0.6627vw;letter-spacing:0.1em;margin-bottom:0.6024vw}
	.vitiligo-step__name{font-size:1.4458vw;margin-bottom:0.8434vw}
	.vitiligo-step__text{font-size:1.0843vw;line-height:1.9277vw;letter-spacing:-0.03em;word-break:keep-all}
	.vitiligo-step+.vitiligo-step{border-left:0.0602vw solid #ece7e2}
	.pigment-text__line.pigment-text_title{font-size:1.9880vw;font-weight:bold}
	.sub05-2 section.pigment-section{background:#fff;justify-}
	.sub05-2 .sub_device_intro{background:#fff;}
	.sub05-2 .sub_step_scroll{background:#fff;}
	.faq-section{width:100%;background-image:url('../sub/img/faq-section-bg.jpg');padding:9.0361vw 0 10.2410vw;overflow:hidden}
	.faq-section__inner{max-width:50.6024vw;margin:0 auto;padding:0 2.4096vw;z-index:1}
	.faq-title{margin-bottom:3.6145vw}
	.faq-title__main{font-size:1.9880vw;line-height:2.7711vw;letter-spacing:-0.01em}
	.faq-list{flex-direction:column;gap:1.5060vw}
	.faq-item{background:#fdf7f3;border-radius:1.2048vw;transition:box-shadow 0.3s ease}
	.faq-item.is-open{box-shadow:0 0.2410vw 0.9639vw rgba(100,70,50,0.08)}
	.faq-item__q{
		width:100%;align-items:center;justify-
		padding:1.2048vw 2.1084vw;
		background:none;border:none;cursor:pointer;
		gap:0.9639vw
	}
	.faq-item__q-text{font-size:1.0843vw;letter-spacing:0.01em;line-height:1.5}
	.faq-item__icon{
		flex-shrink:0;width:1.2048vw;height:1.2048vw;
		align-items:center;justify-
		transition:transform 0.35s ease
	}
	.faq-item__icon svg{width:1.3855vw;height:0.6627vw}
	.faq-item.is-open .faq-item__icon{transform:rotate(180deg)}
	.faq-item__divider{height:0.0602vw;background:#ab9c98;margin:0 1.5663vw;display:none}
	.faq-item.is-open .faq-item__divider{display:block}
	.faq-item__a{max-height:0;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.3s ease}
	.faq-item.is-open .faq-item__a{max-height:24.0964vw}
	.faq-item__a-inner{padding:1.0843vw 1.5663vw 1.5663vw}
	.faq-item__a-text{font-size:1.0843vw;line-height:1.9277vw;letter-spacing:0.01em;word-break:keep-all}
}

@media (max-width: 1280px) {
	.sub_device_intro .inner { padding: 0 1rem;}

	.sub_device_slider .inner {gap: 3.75rem;padding: 0 1rem;} 
    .sub_device_slider .swiper-slide {width: 25rem  ;}
}
@media (max-width: 1024px) {
	.pigment-text__line{font-size: 1.6843vw; line-height: 2.9277vw;}
	.pigment-images{width:60%}
	/* //////////////////////// 
		서브2 의료진 
	/////////////////////////*/
	.sub_bg02{background: url(../sub/img/sub02_bg_m_260907_02.webp) center top / cover no-repeat;}
	.doc_philosophy_wrap {padding: 100px 20px;}
	.doc_philosophy_content {flex-direction: column;gap: 50px;}
	.doc_philosophy_text,
	.doc_philosophy_img {width: 100%;}
    .doc_profile_item { gap: 60px; }
	.doc_profile_img { max-width: 50%;}
    .doc_profile_info {max-width: 50%;}
	.doc_profile_wrap .inner{padding:100px 20px}
	.doc_profile_item{flex-direction:column;gap:40px;margin-bottom:80px}
	.doc_profile_img,.doc_profile_info{max-width:100%;width:100%}
	.doc_profile_history{padding:30px 20px}

	.sub_device_intro .inner {flex-direction: column; text-align: center; gap: 3.75rem;}
    .sub_device_intro .img_area {justify-content: center; order: -1;} 
	.sub_device_slider .inner {flex-direction: column; text-align: center;}

	.sub_device_slider { padding: 5rem 0;}
    .sub_device_slider .txt_area {width: 100%; max-width: 100%;}
    .sub_device_slider .img_slider_area {width: 100%;  }
	.sub_device_slider .hover_content .line { width: 100%; margin: 1rem auto;}
    .sub_device_slider .device_swiper {padding-bottom: 3.75rem;}
	.sub_device_slider .info_box {padding: 2rem 1rem;}
	.sub_device_slider .hover_content { padding: 1.5rem 1rem;}
	.sub_device_slider .num_tit { font-size: 1.1rem;  padding-left: 0;}
	.sub_device_slider .name { font-size: 1.2rem;  padding-left: 0;}
	.sub_device_slider .hover_content p { font-size: 1rem; padding-left: 0;}
	
	.sub_recommend .rec_list {padding: 0 1.25rem;}

	.sub_step_scroll {height: auto !important; padding: 6.25rem 0;}
    .sub_step_scroll .inner {flex-direction: column; text-align: center; gap: 3.75rem;         padding: 0 1rem;}
    .sub_step_scroll .sticky_txt_area {width: 100%; position: relative !important; top: auto !important; left: auto !important; padding-top: 0;} 
    .sub_step_scroll .scroll_step_area {width: 100%; padding-left: 0; transform: none !important;}
    .sub_step_scroll .step_card {flex-direction: column-reverse;  text-align: left; height: 17rem;}
	.sub_step_scroll .card_txt_overlay { width: 100%;     padding: 1.75rem 1.438rem;}
    .sub_step_scroll .card_txt_box {width: 100%; padding: 2.188rem 1.5rem 2.5rem;}
	.sub_step_scroll .card_desc { font-size: 1rem;}
    .sub_step_scroll .card_img_box {width: 100%;  }
	.sub_step_scroll .card_img_box:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:  rgba(237, 229, 225, 0.45) ; z-index: 2;}
	.sub_step_scroll .card_img_box img { object-position: 50% 50%; }

	.sub_feature_wrap .inner {padding: 0 1.25rem;}
    .sub_feature_wrap .f_card {padding: 3.75rem 2.5rem;}
    .sub_feature_wrap .card_bottom {flex-direction: column; gap: 3.75rem;}
    .sub_feature_wrap .desc_area {width: 100%;}
    .sub_feature_wrap .img_box {width: 80%; margin: 0 auto;}

	/* //////////////////////// 
		백반증
	/////////////////////////*/
	.cause-section{width:100%;background:#fff;padding:9.7656vw 0 18.5547vw}
	.cause-section__inner{max-width:142.5781vw;margin:0 auto;}
	.cause-header{margin-bottom:7.8125vw}
	.cause-header__title{font-size:3.2227vw;letter-spacing:-0.01em;margin-bottom:3.5156vw}
	.cause-header__desc{font-size:1.7578vw;line-height:3.1250vw;letter-spacing:0.01em;word-break:keep-all}
	.cause-cards{align-items:stretch;gap:3vw;height:auto;flex-direction: column;width:85%;margin:0 auto;}
	.cause-card{ flex:none;height: 25vw;  border-radius:1.9531vw;cursor:pointer;margin:0 0.5859vw;max-width: unset;}
	.cause-card:first-child{margin-left:0}
	.cause-card:last-child{margin-right:0}
	.cause-cards:hover .cause-card{flex:none}
	.cause-cards:hover .cause-card:hover{flex:none;max-width:unset}
	.cause-card.active{flex:none;max-width:100%}
	.cause-card__bg{inset:0; transition:transform 0.5s ease;}
	.cause-card:hover .cause-card__bg{transform:scale(1.04)}
	.cause-card__overlay{inset:0;background:linear-gradient(to top, rgba(30,25,20,0.75) 0%, rgba(30,25,20,0.15) 55%, transparent 100%);transition:background 0.4s ease;}
	.cause-card:hover .cause-card__overlay{background:linear-gradient(to top, rgba(30,25,20,0.82) 0%, rgba(30,25,20,0.3) 50%, rgba(30,25,20,0.05) 100%);}
	.cause-card__content{bottom:0;left:0;right:0; padding:2.7344vw 2.5391vw 3.9063vw 3.9063vw;}
	.cause-card__title{font-size:2.3438vw;letter-spacing:0.02em;margin-bottom:0;line-height:3.1250vw;transition:margin-bottom 0.3s ease;white-space:nowrap;}
	.cause-card__desc{font-size:1.7578vw;color:rgba(255,255,255,.85);line-height:2.7344vw;letter-spacing:.01em;word-break:keep-all;max-height:unset;opacity:1;transition:max-height .4s,opacity .35s .1s,margin-top .3s;margin-top:0}
	.cause-card:hover .cause-card__title{margin-bottom:0.9766vw}
	.cause-card:hover .cause-card__desc{
		max-height:19.5313vw;opacity:1;margin-top:0.3906vw;
	}
	.cause-card--1 .cause-card__bg{background-image:url('../sub/img/cause-immune.jpg')}
	.cause-card--2 .cause-card__bg{background-image:url('../sub/img/cause-oxidative.jpg')}
	.cause-card--3 .cause-card__bg{background-image:url('../sub/img/cause-dermis.jpg')}
	.cause-card--4 .cause-card__bg{background-image:url('../sub/img/cause-nerve.jpg')}

	.oracle-banner{width:100%;max-width:142.5781vw;margin: 0 auto;}
	.oracle-banner__bg{width:100%;height:19.5313vw;background-image:url('../sub/img/banner-skin-texture.jpg');align-items:center}
	.oracle-banner__inner{max-width:142.5781vw;margin:0 auto;justify-align-items:center;gap:0;width:100%}
	.oracle-banner__title-wrap{padding-right:9.7656vw;border-right:0.0977vw solid #fff}
	.oracle-banner__title{font-size:3.2227vw;line-height:4.4922vw;word-break:keep-all}
	.oracle-banner__desc-wrap{padding-left:9.7656vw}
	.oracle-banner__desc{font-size:1.7578vw;line-height:3.1250vw;word-break:keep-all}

	/* ────────────────────────────────
	   섹션 2: 난치성 백반증 3단계 시스템
	──────────────────────────────── */
	.vitiligo-system{width:100%;background:#fff;padding:9.7656vw 0 0}
	.vitiligo-system__inner{max-width:142.5781vw;margin:0 auto;}
	.vitiligo-system__header{margin-bottom:5.8594vw}
	.vitiligo-system__title{font-size:2.5391vw;letter-spacing:-0.01em;margin-bottom:1.9531vw}
	.vitiligo-system__desc{font-size:1.3672vw;line-height:1.95;letter-spacing:0.01em;word-break:keep-all}
	.vitiligo-system__desc b{color:#3c2e29}
	.vitiligo-steps{grid-template-columns:repeat(3,1fr);gap:6.8359vw}
	.vitiligo-step{border-radius: 1.9531vw }
	.vitiligo-step__img{width:100%;height: 23.9258vw;}
	.vitiligo-step--1 .vitiligo-step__img{background-image:url('../sub/img/step-diagnosis.jpg')}
	.vitiligo-step--2 .vitiligo-step__img{background-image:url('../sub/img/step-immune.jpg')}
	.vitiligo-step--3 .vitiligo-step__img{background-image:url('../sub/img/step-dermis.jpg')} 
	.vitiligo-step--2 .vitiligo-step__img::before,.vitiligo-step--3 .vitiligo-step__img::before{left:-4.1992vw;top:100%;transform:translateY(-50%);width:0;height:0;border-top:1.3672vw solid transparent;border-bottom:1.3672vw solid transparent;border-left:1.7578vw solid #7c6e6a;z-index:2}
	.vitiligo-step__body{padding:3.9063vw 0.0000vw ;background:#f4ece8;    border-radius: 0 0 1.9531vw 1.9531vw;}
	.vitiligo-step__num{font-size:1.0742vw;letter-spacing:0.1em;margin-bottom:0.9766vw}
	.vitiligo-step__name{font-size:2.3438vw;margin-bottom:1.3672vw}
	.vitiligo-step__text{font-size:1.7578vw;line-height:3.1250vw;letter-spacing:-0.03em;word-break:keep-all}
	.vitiligo-step+.vitiligo-step{border-left:0.0977vw solid #ece7e2}
	.pigment-text__line.pigment-text_title{font-size:3.2227vw;font-weight:bold}
	.sub05-2 section.pigment-section{background:#fff;justify-}
	.sub05-2 .sub_device_intro{background:#fff;}
	.sub05-2 .sub_step_scroll{background:#fff;}
	.faq-section{width:100%;background-image:url('../sub/img/faq-section-bg.jpg');padding:14.6484vw 0 16.6016vw;overflow:hidden}
	.faq-section__inner{max-width:82.0313vw;margin:0 auto;padding:0 3.9063vw;z-index:1}
	.faq-title{margin-bottom:5.8594vw}
	.faq-title__main{font-size:3.2227vw;line-height:4.4922vw;letter-spacing:-0.01em}
	.faq-list{flex-direction:column;gap:2.4414vw}
	.faq-item{background:#fdf7f3;border-radius:1.9531vw;transition:box-shadow 0.3s ease}
	.faq-item.is-open{box-shadow:0 0.3906vw 1.5625vw rgba(100,70,50,0.08)}
	.faq-item__q{
		width:100%;align-items:center;justify-
		padding:1.9531vw 3.4180vw;
		background:none;border:none;cursor:pointer;
		gap:1.5625vw
	}
	.faq-item__q-text{font-size:1.7578vw;letter-spacing:0.01em;line-height:1.5}
	.faq-item__icon{
		flex-shrink:0;width:1.9531vw;height:1.9531vw;
		align-items:center;justify-
		transition:transform 0.35s ease
	}
	.faq-item__icon svg{width:2.2461vw;height:1.0742vw}
	.faq-item.is-open .faq-item__icon{transform:rotate(180deg)}
	.faq-item__divider{height:0.0977vw;background:#ab9c98;margin:0 2.5391vw;display:none}
	.faq-item.is-open .faq-item__divider{display:block}
	.faq-item__a{max-height:0;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.3s ease}
	.faq-item.is-open .faq-item__a{max-height:39.0625vw}
	.faq-item__a-inner{padding:1.7578vw 2.5391vw 2.5391vw}
	.faq-item__a-text{font-size:1.7578vw;line-height:3.1250vw;letter-spacing:0.01em;word-break:keep-all}

	.sub_tunetip{padding: 100px 0;}
	.sub_tunetip .description{font-size: min(3.67vw, 17px);}
	.sub_tunetip .grid-cont{grid-template-columns: 1fr; grid-template-rows: repeat(4,1fr); gap: 30px;}
	.sub_tunetip .grid-cont .item{padding: 20px; gap: 20px;}
	.sub_tunetip .grid-cont .item .img-cont{width: 25%;}
	.sub_tunetip .grid-cont .item .img-cont img{max-width: 100%;}
	.sub_tunetip .grid-cont .item .text-cont{flex-grow: 1;}
	.sub_tunetip .grid-cont .item .text-cont .item-title{font-size: min(3.29vw, 16px);}
	.sub_tunetip .grid-cont .item .text-cont .item-desc{font-size: min(2.82vw, 14px);}
	.sub_tunetip .grid-cont .item .text-cont .item-detail{font-size: min(2.82vw, 14px);}
}
@media (max-width: 768px) {
	.sub_bg_wrap{width:100%;margin:0 auto;height:94.5313vw;overflow:hidden}
	.sub_bg01{background: url(../sub/img/sub01_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
	.sub_top_text{max-width:90.1042vw;margin:0 auto;left: 50%;top: 49%;transform: translate(-50%, -50%);z-index:1}
	.sub_top_text div{}
	.sub_top_text h2{font-size:5.5990vw;padding-bottom:3.2552vw;}
	.sub_top_text h3{font-size:4.2969vw;padding-bottom:7.1615vw;}
	.sub_top_text p{font-size:2.4740vw;}

	/* //////////////////////// 
		서브1 병원소개 
	/////////////////////////*/
	b{font-weight:700}
	.intro-bottom-section{padding:22.1354vw 0 0;background:#fff;border-bottom:0.2604vw solid #cfc5c1}
	.intro-bottom-wrap{margin:0 auto;flex-wrap: wrap;gap: 6vw;justify-content: center;}
	.intro-left-text{padding:0;box-sizing:border-box}
	.intro-left-text h2{font-size:4.2969vw;line-height:5.9896vw;margin-bottom:4.4271vw;letter-spacing:-0.1302vw}
	.intro-left-text .desc-text{font-size:2.3438vw;line-height:4.1667vw;letter-spacing:-0.0651vw;word-break:keep-all}
	.intro-left-text .desc-text p+p{padding-top:2.2135vw}
	.intro-right-img{display:flex;width: 100%;}
	.intro-right-img img{width:100%;height:100%;object-fit:cover;display:block}
	.marquee_wrap{margin-top:4.2rem;width:100%;white-space:nowrap;padding-bottom:1rem}
	.marquee_inner{animation:50s linear infinite marquee}
	.marquee_inner span{font-family:ivyjournal,sans-serif;font-size:6.875rem;padding-right:3rem;font-style:italic}
	@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
	.midd_wr{padding:18.8802vw 0}
	.midd_wr p{font-size:2.7344vw;line-height:4.5573vw;letter-spacing:-0.0391vw;font-weight:500}
	.midd_wr p+p{padding-top:2.9948vw}
	.standard-section{width:100%;background:#111}
	.standard-swiper{width:100%;height:100vh}
	.standard-swiper .swiper-slide{align-items:center;overflow:hidden}
	.standard-swiper .slide-bg{top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.95;transform:scale(1.05);transition:transform 1.5s}
	.standard-swiper .swiper-slide-active .slide-bg{transform:scale(1)}
	.standard-swiper .slide-content{max-width:90.1042vw;margin:0 auto;width:100%;opacity: 0;transform: translateY(5.2083vw);margin-top: 15vw;transition: opacity 1s ease, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);}
	.standard-swiper .slide-top{font-family:ivyjournal,serif;font-size:2.3438vw;margin-bottom:3.2552vw;align-items:baseline;gap:1.5625vw}
	.standard-swiper .slide-top .num-current{font-size:3.9063vw;font-weight:300}
	.standard-swiper .slide-top .num-total{font-size:2.6042vw;color:#aaa}
	.standard-swiper h3{font-size:4.2969vw;margin-top:6.4844vw;margin-bottom:5.7292vw;letter-spacing:-0.1302vw}
	.standard-swiper .desc{font-size:2.3438vw;line-height:3.9063vw;word-break:keep-all;font-weight:300}
	.standard-swiper .swiper-pagination{right:5.2083vw!important;top:50%!important;transform:translateY(-50%)!important;flex-direction:column;gap:1.9531vw}
	.standard-swiper .swiper-pagination-bullet{background:#fff;opacity:.3;width:1.0417vw;height:1.0417vw;margin:0!important}
	.standard-swiper .swiper-pagination-bullet-active{opacity:1}
	.standard-swiper .desc p + p{padding-top:2.3438vw}
	.swiper-container-vertical>.swiper-wrapper {
		flex-direction: column;
	}
	.standard-swiper .swiper-slide-active .slide-content{opacity:1;transform:translateY(0);transition-delay:0.4s} 
	/* //////////////////////// 
		서브2 의료진 
	/////////////////////////*/
	.doc_philosophy_wrap{padding:60px 20px}
	.doc_philosophy_wrap_top{margin-bottom:57px;}
	.doc_philosophy_wrap_top h3{font-size:28px;line-height: 35px;}
	.doc_philosophy_text h4{font-size:26px;margin-bottom:20px;line-height:1.4}
	.doc_philosophy_text p{font-size:16px;margin-bottom:15px;line-height:1.6}
	.doc_philosophy_text p strong{font-size:18px}
	.doc_profile_wrap .inner{padding:60px 20px}
	.doc_profile_item{margin-bottom:60px}
	.doc_profile_slogan{font-size:18px;margin-bottom:15px}
	.doc_profile_name{font-size:16px;padding:20px 0;margin-top:20px}
	.doc_profile_name strong{font-size:26px;margin-right:15px}
	.doc_profile_history{padding:25px 20px;height:250px}
	.doc_profile_history li{font-size:15px;line-height:26px}
	.doc_profile_history li.bbr{font-size:14px;line-height:20px}


	.c_tit {font-size: 1.125rem; }
	.c_tit01 { font-size: 2rem; }
	.c_desc {margin-top: 2rem; }
	.c_desc p {font-size: 1rem;}
	.c_desc p + p {margin-top: 1.3rem;}

	.sub_device_intro {padding: 6.25rem 0 5rem;}
    .sub_device_intro .inner {padding: 0 1rem;}

	.sub_recommend {padding: 6.25rem 0;}  
    .sub_recommend .rec_list li {height: 4.8rem; padding: 0 1.5rem;}
    .sub_recommend .rec_txt {font-size: 1rem; line-height: 1.4; word-break: keep-all;}
	
	.main_media {padding: 5rem 0;}
	.main_media.sub {padding: 5rem 0;}
    .main_media .inner {flex-direction: column; gap: 3.75rem;  }
    .main_media .media_tit_area {width: 100%; text-align: left;}
    .main_media .btn_wrap {margin-top: 1.875rem; flex-direction: row; justify-content: flex-start; max-width: unset;}
    .main_media .btn_sns { padding: 0 1.5rem; }
	.main_media .btn_sns > img { max-width: 1.5rem;}
    .main_media .media_slider_wrap { width: calc(100% + 1.25rem);}
    .main_media .swiper-slide {width: 18.75rem !important;}
    .main_media .thumb_box {height: 11.25rem}

	/* //////////////////////// 
		진료시간/오시는 길
	/////////////////////////*/
	.card,.sub_top_text{text-align:center}
	.card,.map-btn{text-decoration:none}
	.sub_top_view_bg.s13{background:url(../sub/img/s13_sub01_bg.jpg) 50% 50%/cover no-repeat}
	.clinic-schedule{max-width:90.1042vw;margin:0 auto;padding:24.7396vw 0}
	.title{font-size:5.5990vw;margin-bottom:5.9896vw;padding-left:1.3021vw;color:#3c2e29}
	.days,.kakao-icon,.transport-info p{margin-bottom:2.6042vw}
	.grid-container{grid-template-columns:repeat(3,1fr);gap:5.4688vw 6.1198vw}
	.card{height:35.1563vw;border-radius:2.6042vw;flex-direction:column;justify-align-items:center;padding:2.6042vw}
	.default{background-color:#f1ebe6}
	.highlight{background-color:#f6e0d3}
	.kakao-btn{color:#3c1e1e}
	.days,.time{font-weight:600}
	.days{font-size:4.0365vw;margin-bottom: 2.4740vw;}
	.time{font-size:5.9896vw}
	.sub-text,.sub-text-gray{margin-top:1.9531vw;font-size:4.0365vw}
	.sub-text{font-weight:700}
	.sub-text-gray{font-weight:700}
	.closed-text{font-size:5.9896vw;margin-top:0.6510vw}
	.kakao-content{flex-direction:column;align-items:center;font-size:4.2969vw;gap:3.9063vw;}
	.kakao-content p{font-size: 4.2969vw;
    
    }
	.kakao-icon{padding:0.6510vw 1.0417vw;border-radius:1.0417vw;font-size:1.5625vw;position:relative}

	.location-section{max-width:90.1042vw;margin:5.2083vw auto;color:#333}
	.content-wrapper{gap:5.2083vw;align-items:flex-start}
	.map-container{flex:1;border-radius:2.6042vw;box-shadow:0 0.5208vw 1.3021vw rgba(0,0,0,.05)}
	.map-container img{width:100%;object-fit:cover}
	.info-container{flex:1;border-top: 0.3906vw solid #e4cbbe;
    max-width: 90.4948vw;}
	.address{font-size:3.6458vw;margin-bottom:4.9479vw;margin-top:4.9479vw;padding-left: 1.9531vw;}
	.btn-group{gap:1.3021vw;margin-bottom:4.6875vw;padding-left: 1.9531vw;}
	.map-btn{transition: .3s;align-items:center;padding:2.0833vw 4.4271vw;border:0.1302vw solid #c1bcb9;border-radius:0.6510vw;font-size:2.4531vw;background: #fff;}
	.map-btn .icon{margin-right:1.1719vw;font-weight:700}
	.map-btn:hover { background: #bb937d;}
	.naver .icon{color:#03c75a}
	.kakao .icon{color:#fee500}
	.tmap .icon{color:#2347ff}
	.divider{border:0;border-top:0.1302vw solid #ead5ca;margin:2.6042vw 0}
	.transport-info p{font-size:2.9948vw;margin-bottom:2.9948vw;}
	.transport-info strong{margin-right:0.0000vw}
	.contact-info{margin-top:3.9063vw;border-top: 0.1302vw solid #ead5ca;    padding-left: 1.9531vw;padding-top: 4.4271vw;}
	.contact-info .label{font-size:2.9948vw;margin-bottom:1.0417vw;}
	.phone-number{font-size:4.9479vw;padding-top: 2.6042vw;}
	.transport-info{padding-left: 1.9531vw;margin:4.8177vw 0}

    /* ────────────────────────────────
       기미색소 섹션
    ──────────────────────────────── */
	.pigment-section{width:100%;max-width:190.1042vw;flex-wrap: wrap;margin:0 auto;padding:24.7396vw 0.0000vw;align-items:center;gap:7.8125vw}
	.pigment-text{flex-direction:column;gap:3.6458vw;text-align: center;}
	.pigment-text__block{flex-direction:column;gap:0.7813vw}
	.pigment-text__line{font-size:2.3438vw;line-height:4.1667vw;word-break:keep-all}
	.pigment-images{gap:3.2552vw}
	.pigment-img-wrap{flex:1;border-radius:0.5208vw}
	.pigment-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
     .step-section{width:100%;background:#fffbf9;padding:13.0208vw 0 15.6250vw}
    .step-section__inner{max-width:190.1042vw;margin:0 auto;text-align:center}
 
    /* 타이틀 */
    .step-title{margin-bottom:10.4167vw}
    .step-title__main{font-size:4.2969vw;line-height:5.9896vw;letter-spacing:-0.01em;word-break:keep-all;}

    /* 스텝 카드 리스트 */
    .step-list{align-items:center;justify-}
 
    /* 화살표 */
    .step-arrow{flex-shrink:0;width:2.4740vw;align-items:center;justify-margin:0 -0.7813vw;top:0.0000vw}
    .step-arrow::before{width:0;height:0;border-top:1.9531vw solid transparent;border-bottom:1.9531vw solid transparent;border-left:2.4740vw solid #7c6e6a}
 
    /* 카드 */
    .step-card{flex:1;max-width:56.6406vw;height: 18.2292vw;background:#f4ece8;border-radius:1.9531vw;position:relative}
 
    /* 스텝 뱃지 */
    .step-card__badge{background:#7d5c50;border-radius:3.9063vw;padding:2.3438vw 8.7240vw;font-style:italic;font-size:1.9531vw;margin-bottom:4.1667vw;top:-3.2552vw;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:2.6042vw}
 
    /* 카드 본문 */
    .step-card__body{height: 100%;align-items: center;justify-}
    .step-card__label{font-size:2.6042vw;letter-spacing:0.02em;padding-top: 2.9948vw;}
 
    /* 하단 설명 */
    .step-desc{margin-top:9.1146vw}
    .step-desc__sub{font-size:2.3438vw;line-height:1.7;}
    .step-desc__main{font-size:2.6042vw;line-height:1.7;word-break:keep-all}

    .principle-section{width:100%;background:url(../sub/img/principle-section_bg.jpg) 50% 50%/cover no-repeat;padding:12.6302vw 0;overflow:hidden}
    .principle-section__inner{max-width:190.1042vw;margin:0 auto;padding:0 5.2083vw;z-index:1}
 
    .principle-section__title{font-size:4.2969vw;margin-bottom:3.6458vw}
    .principle-section__title span{font-style:normal;font-family:inherit}
 
    .principle-section__desc{flex-direction:column;gap:1.3021vw}
    .principle-section__line{font-size:2.3438vw;line-height:4.1667vw;letter-spacing:0.02em;word-break:keep-all}
	


	/* 장비 */
    .program-section{width:100%;background:#fffbf9;padding:24.7396vw 0 15.6250vw}
    .program-section__inner{max-width:190.1042vw;margin:0 auto;}
 
    /* 상단 텍스트 */
    .program-header{margin-bottom:7.8125vw}
    .program-header__sub{font-size:2.9948vw;margin-bottom:4.0365vw}
    .program-header__title{font-size:5.5990vw;letter-spacing:-0.01em;margin-bottom:4.6875vw}
    .program-header__desc{font-size:2.3438vw;line-height:4.1667vw;word-break:keep-all}
    .program-header__desc02{font-size:2.6042vw;margin-top:4.6875vw;}
    .program-header__notice{margin-top:7.4219vw;font-size:2.6042vw;}
 
    /* 장비 그리드 */
    .program-grid{grid-template-columns:repeat(2,1fr);gap:0 7.8125vw;row-gap:7.8125vw}
    .program-grid--4col{grid-template-columns:repeat(2,1fr);margin-top:15.6250vw}
 
    /* 장비 아이템 */
    .program-item{cursor:pointer}
 
    /* 장비 이미지 영역 */
    .program-item__img-wrap{align-items:flex-end;height:54.0365vw;justify-}
    .program-item__img-wrap img{max-height:100%;max-width:100%;object-fit:contain;transition:opacity 0.3s ease}
    .program-item__name{margin-top:2.3438vw;font-size:2.9948vw;}
 
    /* 호버 카드 */
    .program-item__card{top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;max-width:41.6667vw;background:rgba(245,236,231,.5);border-radius:2.0833vw;padding:4.1667vw 3.6458vw 3.6458vw;opacity:0;pointer-events:none;transition:opacity 0.3s ease;box-shadow:0 1.0417vw 4.1667vw rgba(100,70,50,0.10);
    flex-direction: column;
    justify-}
    .program-item:hover .program-item__card{opacity:1;pointer-events:auto}
    .program-item:hover .program-item__img-wrap img{opacity:0.15}
 
    .program-card__title{font-size:3.6458vw;margin-bottom:2.0833vw;}
    .program-card__divider{width:87%;height:0.1302vw;background:#c9b9b0;margin:0 auto 2.0833vw}
    .program-card__desc{font-size:2.3438vw;line-height:4.1667vw;word-break:keep-all;margin-bottom:2.6042vw}
    .program-card__cycle{font-size:2.6042vw;margin-bottom:6.5104vw;}
    .program-card__tags{gap:1.0417vw;justify-flex-wrap:wrap}
    .program-card__tag{background:#e0cfc5;border-radius:0.7813vw;padding:1.5625vw 2.4740vw;font-size:2.3438vw;}

    .principle-section2{width:100%;background:url(../sub/img/principle-section2_bg.jpg) 50% 50%/cover no-repeat;padding:16.4063vw 0;overflow:hidden}
    .principle-section__inner{max-width:190.1042vw;margin:0 auto;padding:0 5.2083vw;z-index:1}
 
    .principle-section__title{font-size:4.2969vw;margin-bottom:3.6458vw}
    .principle-section__title span{font-style:normal;font-family:inherit}
 
    .principle-section__desc{flex-direction:column;gap:1.3021vw}
    .principle-section__line{font-size:2.3438vw;line-height:4.1667vw;letter-spacing:0.02em;word-break:keep-all}
	.principle-section2 .principle-section__title{line-height:5.9896vw;}

	.sub05-2 section.pigment-section{justify-content: center;}
	.pigment-images{width:92%}
	.oracle-banner__inner{flex-direction:column;gap:20px;padding:40px 24px}
	.oracle-banner__title-wrap{flex:none;border-right:none;border-bottom:1px solid rgba(255,255,255,0.35);padding:0 0 20px}
	.oracle-banner__desc-wrap{padding-left:0}
	.oracle-banner__bg{height:auto;padding:40px 0}
	.vitiligo-steps{grid-template-columns:1fr}
	.vitiligo-step+.vitiligo-step{border-left:none;border-top:1px solid #ece7e2}
	.vitiligo-step--2 .vitiligo-step__img::before,
	.vitiligo-step--3 .vitiligo-step__img::before{display:none}
	.cause-cards{flex-direction:column;height:auto;pointer-events: none;}
	.cause-card{height:220px;margin:0 0 8px}
	.cause-card__desc{max-height:none;opacity:1}

	.sub05-3 .pigment-section{justify-content: center;}
	.psori-cause-section__inner{padding:0 24px}
	.psori-cause-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width: 480px) {
	.sub_bg_wrap{width:100%;margin:0 auto;height:129.6429vw;overflow:hidden}
	.sub_bg01{background: url(../sub/img/sub01_bg.jpg) 50% 50% / cover no-repeat;width:100%;height:100%;}
	.sub_top_text{margin:0 auto;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index:1}
	.sub_top_text div{}
	.sub_top_text h2{font-size:7.6786vw;padding-bottom:4.4643vw;}
	.sub_top_text h3{font-size:5.8929vw;padding-bottom:9.8214vw;}
	.sub_top_text p{font-size:3.3929vw;line-height: 5.3929vw;}

	/* //////////////////////// 
		서브1 병원소개 
	/////////////////////////*/
	b{font-weight:700}
	.intro-bottom-section{padding:17.3571vw 0 0;background:#fff;border-bottom:0.3571vw solid #cfc5c1}
	.intro-bottom-wrap{margin:0 auto;justify-content: flex-start;}
	.intro-left-text{padding-left: 6vw;}
	.intro-left-text h2{font-size:5.8929vw;line-height:8.2143vw;margin-bottom:6.0714vw;letter-spacing:-0.1786vw}
	.intro-left-text .desc-text{font-size:3.2143vw;line-height:5.7143vw;letter-spacing:-0.0893vw;word-break:keep-all}
	.intro-left-text .desc-text p+p{padding-top:3.0357vw}
	.intro-right-img{display:flex}
	.intro-right-img img{width:100%;height:100%;object-fit:cover;display:block}
	.marquee_wrap{margin-top:4.2rem;width:100%;white-space:nowrap;padding-bottom:1rem}
	.marquee_inner{animation:50s linear infinite marquee}
	.marquee_inner span{font-family:ivyjournal,sans-serif;font-size:3.875rem;padding-right:3rem;font-style:italic}
	@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
	.midd_wr{padding:12.8929vw 0}
	.midd_wr p{font-size:3.7500vw;line-height:6.2500vw;letter-spacing:-0.0536vw;font-weight:500}
	.midd_wr p+p{padding-top:4.1071vw}
	.standard-section{width:100%;background:#111}
	.standard-swiper{width:100%;height:100vh}
	.standard-swiper .swiper-slide{align-items:center;overflow:hidden}
	.standard-swiper .slide-bg{top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.95;transform:scale(1.05);transition:transform 1.5s}
	.standard-swiper .swiper-slide-active .slide-bg{transform:scale(1)}
	.standard-swiper .slide-content{max-width:89.7143vw;margin:0 auto;width:100%;opacity: 0;transform: translateY(7.1429vw);transition: opacity 1s ease, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);}
	.standard-swiper .slide-top{font-family:ivyjournal,serif;font-size:3.2143vw;margin-bottom:4.4643vw;align-items:baseline;gap:2.1429vw}
	.standard-swiper .slide-top .num-current{font-size:5.3571vw;font-weight:300}
	.standard-swiper .slide-top .num-total{font-size:3.5714vw;color:#aaa}
	.standard-swiper h3{font-size:5.8929vw;margin-bottom:7.8571vw;letter-spacing:-0.1786vw}
	.standard-swiper .desc{font-size:3.2143vw;line-height:5.3571vw;word-break:keep-all;font-weight:300}
	.standard-swiper .swiper-pagination{right:7.1429vw!important;top:50%!important;transform:translateY(-50%)!important;flex-direction:column;gap:2.6786vw}
	.standard-swiper .swiper-pagination-bullet{background:#fff;opacity:.3;width:1.4286vw;height:1.4286vw;margin:0!important}
	.standard-swiper .swiper-pagination-bullet-active{opacity:1}
	.standard-swiper .desc p + p{padding-top:3.2143vw}
	.swiper-container-vertical>.swiper-wrapper {
		flex-direction: column;
	}
	.standard-swiper .swiper-slide-active .slide-content{opacity:1;transform:translateY(0);transition-delay:0.4s} 


	.sub_feature_wrap {padding: 6.25rem 0;}
    .sub_feature_wrap .feature_card_list {margin-top: 3.75rem; gap: 1.25rem;}
    .sub_feature_wrap .f_card {padding: 2.5rem 1.5rem;}
    .sub_feature_wrap .card_tit {font-size: 1.375rem;}
    .sub_feature_wrap .line {margin-top: 1.5rem;}
    .sub_feature_wrap .card_bottom {margin-top: 1.5rem;}
    .sub_feature_wrap .card_desc {font-size: 1rem;}
    .sub_feature_wrap .pill_list {margin-top: 1.875rem;}
    .sub_feature_wrap .pill {width: 4rem; height: 2rem; font-size: 0.875rem;}
    .sub_feature_wrap .pill_list p {font-size: 0.938rem;}
    .sub_feature_wrap .img_box {width: 100%;}

    /* ────────────────────────────────
       기미색소 섹션
    ──────────────────────────────── */
	.pigment-section{width:100%;max-width:260.7143vw;margin:0 auto;padding:22.9286vw 0.0000vw;align-items:center;gap:10.7143vw}
	.pigment-text{flex-direction:column;gap:5.0000vw}
	.pigment-text__block{flex-direction:column;gap:1.0714vw}
	.pigment-text__line{font-size:3.8143vw;line-height:6.7143vw;word-break:keep-all}
	.pigment-text__line.pigment-text_title02{font-size:4.2143vw;}
	.pigment-images{gap:4.4643vw}
	.pigment-img-wrap{flex:1;border-radius:0.7143vw}
	.pigment-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
     .step-section{width:100%;background:#fffbf9;padding:17.8571vw 0 21.4286vw}
    .step-section__inner{max-width:260.7143vw;margin:0 auto;text-align:center}
 
    /* 타이틀 */
    .step-title{margin-bottom:14.2857vw}
    .step-title__main{font-size:5.8929vw;line-height:8.2143vw;letter-spacing:-0.01em;word-break:keep-all;}

    /* 스텝 카드 리스트 */
    .step-list{align-items:center;flex-direction: column;}
 
    /* 화살표 */
    .step-arrow{flex-shrink:0;width:3.3929vw;align-items:center;justify-margin:0 -1.0714vw;top:0.0000vw}
    .step-arrow::before{width:0;height:0;border-top:2.6786vw solid transparent;border-bottom:2.6786vw solid transparent;border-left:3.3929vw solid #7c6e6a}
 
    /* 카드 */
    .step-card{flex:none;max-width:77.6786vw;width: 100%;height: 25.0000vw;background:#f4ece8;border-radius:2.6786vw;position:relative}
 
    /* 스텝 뱃지 */
    .step-card__badge{background:#7d5c50;border-radius:5.3571vw;padding:3.2143vw 11.9643vw;font-style:italic;font-size:2.6786vw;margin-bottom:5.7143vw;top:-4.4643vw;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:3.5714vw}
 
    /* 카드 본문 */
    .step-card__body{height: 100%;align-items: center;justify-}
    .step-card__label{font-size:3.5714vw;letter-spacing:0.02em;padding-top: 4.1071vw;}
 
    /* 하단 설명 */
    .step-desc{margin-top:12.5000vw}
    .step-desc__sub{font-size:3.2143vw;line-height:1.7;}
    .step-desc__main{font-size:3.5714vw;line-height:1.7;word-break:keep-all}

    .principle-section{width:100%;background:url(../sub/img/principle-section_bg.jpg) 50% 50%/cover no-repeat;padding:17.3214vw 0;overflow:hidden}
    .principle-section__inner{max-width:260.7143vw;margin:0 auto;padding:0 7.1429vw;z-index:1}
 
    .principle-section__title{font-size:5.8929vw;margin-bottom:5.0000vw}
    .principle-section__title span{font-style:normal;font-family:inherit}
 
    .principle-section__desc{flex-direction:column;gap:1.7857vw}
    .principle-section__line{font-size:3.2143vw;line-height:5.7143vw;letter-spacing:0.02em;word-break:keep-all}
	


	/* 장비 */
    .program-section{width:100%;background:#fffbf9;padding:33.9286vw 0 21.4286vw}
    .program-section__inner{max-width:260.7143vw;margin:0 auto;}
 
    /* 상단 텍스트 */
    .program-header{margin-bottom:10.7143vw}
    .program-header__sub{font-size:4.1071vw;margin-bottom:5.5357vw}
    .program-header__title{font-size:7.6786vw;letter-spacing:-0.01em;margin-bottom:6.4286vw}
    .program-header__desc{font-size:3.2143vw;line-height:5.7143vw;word-break:keep-all}
    .program-header__desc02{font-size:3.5714vw;margin-top:6.4286vw;        line-height: 5.7143vw;}
    .program-header__notice{margin-top:10.1786vw;font-size:3.5714vw;}
 
    /* 장비 그리드 */
    .program-grid{gap:0 0.7143vw;row-gap:10.7143vw}
    .program-grid--4col{margin-top:21.4286vw}
 
    /* 장비 아이템 */
    .program-item{cursor:pointer}
 
    /* 장비 이미지 영역 */
    .program-item__img-wrap{align-items:flex-end;height:74.1071vw;justify-}
    .program-item__img-wrap img{max-height:100%;max-width:100%;object-fit:contain;transition:opacity 0.3s ease}
    .program-item__name{margin-top:3.2143vw;font-size:4.1071vw;}
 
    /* 호버 카드 */
    .program-item__card{top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;max-width:57.1429vw;background:rgba(245,236,231,.5);border-radius:2.8571vw;padding:5.7143vw 5.0000vw 5.0000vw;opacity:0;pointer-events:none;transition:opacity 0.3s ease;box-shadow:0 1.4286vw 5.7143vw rgba(100,70,50,0.10);
    flex-direction: column;
    justify-}
    .program-item:hover .program-item__card{opacity:1;pointer-events:auto}
    .program-item:hover .program-item__img-wrap img{opacity:0.15}
 
    .program-card__title{font-size:5.0000vw;margin-bottom:2.8571vw;}
    .program-card__divider{width:87%;height:0.1786vw;background:#c9b9b0;margin:0 auto 2.8571vw}
    .program-card__desc{font-size:3.2143vw;line-height:5.7143vw;word-break:keep-all;margin-bottom:3.5714vw}
    .program-card__cycle{font-size:3.5714vw;margin-bottom:8.9286vw;}
    .program-card__tags{gap:1.4286vw;justify-flex-wrap:wrap}
    .program-card__tag{background:#e0cfc5;border-radius:1.0714vw;padding:2.1429vw 3.3929vw;font-size:3.2143vw;}

    .principle-section2{width:100%;background:url(../sub/img/principle-section2_bg.jpg) 50% 50%/cover no-repeat;padding:22.5000vw 0;overflow:hidden}
    .principle-section__inner{max-width:260.7143vw;margin:0 auto;padding:0 7.1429vw;z-index:1}
 
    .principle-section__title{font-size:5.8929vw;margin-bottom:5.0000vw}
    .principle-section__title span{font-style:normal;font-family:inherit}
 
    .principle-section__desc{flex-direction:column;gap:1.7857vw}
    .principle-section__line{font-size:3.8143vw;line-height:5.7143vw;letter-spacing:0.02em;word-break:keep-all}
	.principle-section2 .principle-section__title{line-height:8.2143vw;}

	/* //////////////////////// 
		센터소개
	/////////////////////////*/

	.cell-revive-intro{padding:32.1429vw 3.5714vw;background:url('../sub/img/revive_intro_bg.webp') center/cover no-repeat;overflow:hidden}
	.cell-revive-intro .cr-title{font-size:6.7857vw;line-height:1.5;margin-bottom:8.9286vw}
	.cell-revive-intro .cr-line{width:0.1786vw;height:10.7143vw;margin:0 auto 8.9286vw}
	.cell-revive-intro .cr-desc{font-size:3.2143vw;line-height:1.8;margin-bottom:7.1429vw;font-weight:400}
	.cell-revive-intro .cr-desc:last-child{margin-bottom:0}
	.cr-scroll-wrapper{height:100vh;align-items:center}
	.cr-scroll-wrapper .cr-bg{top:0;left:0;width:100%;height:100%}
	.cr-scroll-wrapper .color-step1{z-index:1}
	.cr-scroll-wrapper .color-step2{opacity:0}
	.cr-scroll-inner{width:100%;max-width:250.0000vw;margin:0 auto;padding:0 3.5714vw;height:100%}
	.cr-step{top:50%;left:3.5714vw;right:3.5714vw;transform:translateY(-50%);justify-align-items:center;gap:11.7857vw}
	.cr-step.step2{opacity:0}
	.cr-step .text-left,.cr-step .text-right{flex:1;font-size:3.5714vw;line-height:6.0714vw;text-align:left}
	.cr-step .img-center{flex:0 0 auto;width:74.6429vw;height:74.6429vw;justify-align-items:center;position:relative}
	.cr-step.step1 .img-center::before{width:100%;height:100%;border-radius:50%;z-index:-1}
	.cr-step .img-center img{width:100%;max-width:71.4286vw;display:block}
	.cr-step.step2 .img-center img{border-radius:50%;max-width:100%}
	.cr-scroll-wrapper .color-step1::after,.cr-scroll-wrapper .color-step2::after{top: 50%;background:rgba(255,255,255,.4);width:100%;height:0.1786vw;z-index:1}


	.con_se22{width:100%;align-items:center;justify-background:url('../sub/img/con_se22_bg.jpg') center/cover no-repeat;}
	.con_se22 .content{padding:29.2857vw 3.5714vw;animation:1.2s forwards fadeUp;opacity:0;line-height: 5.7143vw;}
	@keyframes fadeUp{from{opacity:0;transform:translateY(4.2857vw)}to{opacity:1;transform:translateY(0)}}
	.con_se22 .top-label{font-size:.95rem;color:var(--white-faint);margin-bottom:3.2143vw;animation:1.2s .1s both fadeUp}
	.con_se22 .desc-line,.sub-line{color:var(--white-dim);line-height:2;}
	.con_se22 .desc-line{font-size:1.05rem;animation:1.2s .2s both fadeUp}
	.con_se22 .desc-line.bold{color:var(--white);font-size:1.1rem;animation-delay:.3s}
	.con_se22 .sub-line{font-size:3.5714vw;;animation:1.2s .5s both fadeUp;line-height: 5.7143vw;padding-top:2.8571vw}
	.con_se22 .sub-line+.sub-line{animation-delay:.6s}
	.con_se22 .cta-line{margin-top:7.1429vw;animation:1.2s .75s both fadeUp}
	.con_se22 .cta-text{font-size:5.3571vw;;color:var(--white);line-height:1.6}
	.con_se22 .cta-text .italic{font-style:italic;color:var(--white)}
	.con_se22 .cta-text .ko{font-style:normal}
	.con_se22 .underline-teal{    }
	.con_se22 .underline-teal:after{background:rgba(255,255,255,.5);width:100%;height:2.5000vw;left:0;bottom:-0.3571vw;}
	/* //////////////////////// 
		백반증
	/////////////////////////*/
	.pigment-text__line.pigment-text_title {font-size: 2rem;}
	.pigment-images{flex-direction: column;}
	.cause-header__title{font-size: 5.2227vw;}
	.cause-header__desc{font-size: 3.2143vw;line-height: 5.7143vw;}
	.cause-cards{width:90%}
	.cause-card__title{font-size: 3.8438vw;margin-bottom:2vw;line-height: 5.7143vw;}
	.cause-card__desc{font-size: 2.7578vw;line-height: 3.7344vw;}
	.oracle-banner__title{font-size: 5.2227vw;line-height: 6.4922vw;text-align:center;}
	.oracle-banner__desc{font-size: 3.7578vw;line-height: 5.125vw;text-align:center;}
	.vitiligo-system{padding: 17.7656vw 4vw 0;}
	.vitiligo-step__img{height:40vw;}
	.vitiligo-step__name{font-size: 3.9438vw;margin-bottom: 2.3672vw;}
	.vitiligo-step__text{        font-size: 2.7578vw;line-height: 4.125vw;}
	.vitiligo-step__body{padding: 5.9063vw 0.0000vw;}
	.faq-section{width:100%;background-image:url('../sub/img/faq-section-bg.jpg');padding:26.7857vw 0 30.3571vw;overflow:hidden}
	.faq-section__inner{max-width:150.0000vw;margin:0 auto;padding:0 7.1429vw;z-index:1}
	.faq-title{margin-bottom:10.7143vw}
	.faq-title__main{font-size:5.8929vw;line-height:8.2143vw;letter-spacing:-0.01em}
	.faq-list{flex-direction:column;gap:4.4643vw}
	.faq-item{background:#fdf7f3;border-radius:3.5714vw;transition:box-shadow 0.3s ease}
	.faq-item.is-open{box-shadow:0 0.7143vw 2.8571vw rgba(100,70,50,0.08)}
	.faq-item__q{
		width:100%;align-items:center;justify-
		padding:3.5714vw 6.2500vw;
		background:none;border:none;cursor:pointer;
		gap:2.8571vw
	}
	.faq-item__q-text{font-size:3.2143vw;letter-spacing:0.01em;line-height:1.5}
	.faq-item__icon{
		flex-shrink:0;width:3.5714vw;height:3.5714vw;
		align-items:center;justify-
		transition:transform 0.35s ease
	}
	.faq-item__icon svg{width:4.1071vw;height:1.9643vw}
	.faq-item.is-open .faq-item__icon{transform:rotate(180deg)}
	.faq-item__divider{height:0.1786vw;background:#ab9c98;margin:0 4.6429vw;display:none}
	.faq-item.is-open .faq-item__divider{display:block}
	.faq-item__a{max-height:0;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.3s ease}
	.faq-item.is-open .faq-item__a{max-height:71.4286vw}
	.faq-item__a-inner{padding:3.2143vw 4.6429vw 4.6429vw}
	.faq-item__a-text{font-size:3.2143vw;line-height:5.7143vw;letter-spacing:0.01em;word-break:keep-all}
	/* //////////////////////// 
		건선
	/////////////////////////*/	.psori-cause-title{font-size:5.8929vw;letter-spacing:-.01em;margin-bottom:10.7143vw}
	.psori-cause-grid{gap:10vw 2vw}
	.psori-cause-card{flex-direction:column;gap:7.1429vw}
	.psori-cause-card__img{width:100%;aspect-ratio:1/1;border-radius:2.1429vw;background:#ddd}
	.psori-cause-card__img img{width:100%;height:100%;object-fit:cover;display:block}
	.psori-cause-card__name{font-size:4.2857vw;}
	.psori-cause-section{padding:22vw 0}
	.sub05-3 .vitiligo-system{padding:22vw 0}
	.vitiligo-system__inner{max-width:87vw}
	.sub05-3 .vitiligo-step__body{background:transparent}
	.sub05-3 .vitiligo-step__text{font-size: 3.7578vw;
        line-height: 6.125vw;}
	.sub05-3 .vitiligo-step__name{font-size:4.5438vw}
	.sub_step_scroll .card_txt_overlay span{font-size: 1rem;}


	/* //////////////////////// 
		스킨부스터
	/////////////////////////*/

	.sub042_w .cell-revive-intro{padding:32.1429vw 3.5714vw;background:url('../sub/img/revive_intro_bg02.jpg') center/cover no-repeat;overflow:hidden}

	.sub042_w .cell-revive-intro .cr-desc{font-size:3.5714vw;line-height:1.8;margin-bottom:7.1429vw;font-weight:700}
	.sub042_w .cell-revive-intro .cr-desc:last-child{margin-bottom:0}
	.sub042_w .cell-revive-intro .cr-desc2{font-size:4.2857vw;}
	.booster-section{width:100%;padding:24.9286vw 0 }
	.booster-section__inner{max-width:260.7143vw;margin:0 auto;padding:0 4.7500vw}

	/* 타이틀 */
	.booster-title{font-size:2rem;letter-spacing:-0.01em;margin-bottom:14.2857vw;}

	/* 체크 카드 3개 */
	.booster-cards{grid-template-columns:1fr;margin-bottom:0;gap: 5.3571vw;}
	.booster-card{padding:6.0714vw 5.3571vw 5.3571vw;background: #fff;border-radius: 1.7857vw;}



	/* 삼지창: 각 카드 중앙에서 세로선이 내려오고 가로선으로 연결 */
	.booster-bracket{margin-bottom:8.9286vw}
	.booster-bracket::after{
		
		
		bottom:-5.3571vw;
		left:50%;right:0;
		height:0.1786vw;
		background:#a5a5a5;width: 68%;transform: translate(-50%, 0);
	}
	/* 각 카드 중앙에서 내려오는 세로선 3개 */
	.booster-card::after{
		
		
		bottom:-5.3571vw;
		left:50%;
		transform:translateX(-50%);
		width:0.1786vw;
		height:5.3571vw;
		background:#a5a5a5
	}
	/* 첫번째 카드: 왼쪽 끝에서 세로선 */
	.booster-card:first-child::after{		left:50%;
		transform:translateX(-50%);transform:none}
	/* 마지막 카드: 오른쪽 끝에서 세로선 */
	.booster-card:last-child::after{		left:50%;
		transform:translateX(-50%);right:auto;transform:none}

	/* 체크 아이콘 */
	.booster-card__icon{width:4.4643vw;height:4.2857vw;margin:0 auto 1.7857vw;align-items:center;justify-content:center}
	.booster-card__icon svg{width:100%;height:100%}

	.booster-card__text{font-size:3.5714vw;line-height:5.7143vw;letter-spacing:0.01em;word-break:keep-all}

	/* 하단 설명 */
	.booster-desc{padding-top: 7.1429vw;}
	.booster-desc__line{font-size:3.2143vw;line-height:1.9;letter-spacing:0.01em;word-break:keep-all}
	.booster-desc__line--bold{font-size:3.5714vw;margin-top:2.8571vw}


	.role-section{width:100%;background:url('../sub/img/role-section_bg.jpg') center/cover no-repeat;padding:33.9286vw 0;overflow:hidden}

	/* 배경 은은한 추상 */
	.role-section::before{top:-20%;right:-10%;width:60%;height:120%;background:radial-gradient(ellipse at 70% 40%,rgba(200,185,170,0.2) 0%,transparent 65%);pointer-events:none}

	.role-section__inner{max-width:169.2857vw;margin:0 auto;z-index:1}

	/* 타이틀 */
	.role-title{font-size:5.8929vw;letter-spacing:-0.01em;margin-bottom:6.2500vw}
	.role-title .ivy{font-weight:300}

	/* 부제 */
	.role-subtitle{font-size:3.2143vw;line-height:5.7143vw;letter-spacing:0.01em;margin-bottom:10.7143vw;word-break:keep-all}

	/* 플로우 아이템들 */
	.role-flow{flex-direction:column;align-items:center;gap:0}

	/* 각 바 */
	.role-flow__item{width:100%;border-radius:3.5714vw;padding:3.9286vw 8.9286vw;text-align:center}
	.role-flow__item--light{background:#dccdc5}
	.role-flow__item--mid{background:#b49f94}
	.role-flow__item--dark{background:#8e756a}

	.role-flow__text{font-size:3.5714vw;letter-spacing:0.01em;line-height:1.6;word-break:keep-all}
	.role-flow__item--mid .role-flow__text,
	.role-flow__item--dark .role-flow__text{color:#fff}

	/* 화살표 */
	.role-flow__arrow{width:0;height:0;border-left:4.4643vw solid transparent;border-right:4.4643vw solid transparent;border-top:2.8571vw solid #a5a5a5;margin:5.3571vw auto}
	.sub042_w .program-item__name{margin-top:10.1786vw}
	.principle-section3{width:100%;background:url(../sub/img/principle-section3_bg.jpg) 50% 50%/cover no-repeat;padding:12.5000vw 0;max-width: 260.7143vw;
		margin: 0 auto;}
	.principle-section2 .principle-section__title{line-height:8.2143vw;}
	.principle-section__line{}
	.principle-section__line b{font-size:3.5714vw;}
	.sub042_w .program-header__title{font-size:5.8929vw;}

	.perspective-section{width:100%;padding:26.7857vw 0;background:url('../sub/img/perspective-section-bg.jpg') center/cover no-repeat;margin-top: 26.7857vw;}
	.perspective-section__inner{
		max-width:160.7143vw;margin:0 auto;padding:0 7.1429vw;
		z-index:1
	}
	.ps-title{font-size:5.8929vw;letter-spacing:0.04em;margin-bottom:9.8214vw}
	.ps-title sup{font-size:0.55em;vertical-align:super}

	/* 중앙 세로 구분선 */
	.ps-divider{width:0.1786vw;height:15.3571vw;background:#fff;margin:0 auto 9.8214vw}

	/* 본문 */
	.ps-desc{flex-direction:column;gap:3.5714vw}
	.ps-desc__block{flex-direction:column;gap:0.7143vw}
	.ps-desc__line{font-size:3.2143vw;line-height:1.4;letter-spacing:0.02em;word-break:keep-all}
	.ps-desc__line--bold{font-size:3.5714vw;color:rgba(255,255,255,0.9)}
}