/* ==== 기본 공통 ==== */

/*.section-padding {
  padding: clamp(40px, 5vw, 100px) clamp(20px, 4vw, 60px);
}*/
.con-wrap {max-width:1280px; margin:0 auto; padding: clamp(60px, 7.4vw, 140px) 0;}
.bold {font-weight: 700;}

.section-title {
  font-size: clamp(24px, 4vw, 36px);
  margin-bottom: 1rem;
}

.main-wrapper p, .sub-wrapper p, .section-desc {
  font-size: clamp(16px,2.2vw,24px);
  margin-bottom: 2rem;
  color: #000;
}

.main-wrapper .section-title {font-size: clamp(30px,3.2vw,54px); font-weight: 400; text-align: left; position: relative;}
.main-wrapper .section-title:before {content: ""; width: 34px; height:5px; background-color: #7bc5c5; margin: 0 0 25px 0; position:absolute; top: -5px;}




/* ==== MAIN VISUAL ==== */
.main-visual {
  position: relative;
  text-align: left;
  background: url('https://nowwd2.speedgabia.com/dwellclinic/img/main/main-visual.jpg') no-repeat center center;
  width: 100%;
  /*min-height: clamp(330px, 50vh, 694px); vh 사용으로 반응형 개선 */
  background-size: cover;
  background-position: center;
}

.main-visual .con-wrap {
  position: relative;
  height: 100%;
  padding: 345px 0 80px 0;
}

.main-visual-text {
  width: 100%;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
  /* padding: 0 20px; 모바일 대응 패딩 */
}

.main-visual-text h1 {
  font-size: clamp(28px, 5vw, 84px);
  /*margin-bottom: 0.5rem;*/
}

.main-visual-text h2.section-title {
  font-size: clamp(20px, 3vw, 40px);
  /*margin-bottom: 1rem;*/
}
.main-visual-text h2.section-title:before {content: none;}

.main-visual-text p {
  font-size: clamp(14px, 2vw, 24px);
  color: #fff;
}

/* ==== SERVICE BOXES ==== */
.service-boxes {
    background: #f9f9f9;;
}
.service-boxes .txt-area {padding: 35px 30px;}

.service-boxes-inner {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(20px, 2vw, 40px);
  justify-content: center;
}

.service-box {
  flex: 1 1 260px;
  text-align: left;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.service-box:hover {
  transform: translateY(-5px);
}

.service-box img {
  max-width: 100%;
  display: block;
  width: 100%;
}

.service-box h3 {
  font-size: clamp(24px,2.8vw,30px);
  color:#3d9e9b;
  font-weight:400;
}

.service-box p {
  color: #666;
}

/* ==== SLOGAN ==== */
.slogan {
  color: #fff!important;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slogan-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(80px, 8vw, 155px) 0;
}


.slogan-inner h2 {
  font-size: clamp(26px, 4vw, 56px);
  margin-bottom: 1.5rem;
  font-weight:300;
}

.slogan-inner p {
  font-size: clamp(16px, 2vw, 30px);color: #fff;
}
.slogan-inner p.s-txt {font-size: clamp(18px, 2vw, 24px);}

/* ==== EQUIPMENT SLIDER ==== */
.swiper-slide {margin-right:0!important;}
.equipment-item {
  text-align: center;
}

.equipment-item .eq-img {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  border-bottom: 2px solid #333;
  margin-bottom: 2rem;
  
}
.equipment-item .eq-img::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -14px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #6cc;
}

.equipment-item h3 {
  font-size: clamp(26px,3vw,40px);
  font-weight: 400;
  color:#333;
  margin-bottom: 0.5rem;
}

.equipment-item p {
  font-size: clamp(1.6rem, 2vw, 18px);
  color: #333;
}
.swiper.eq-slider {padding: 60px 0 0 0;}
.swiper-button-next, .swiper-button-prev {width:74px!important;}
.swiper-button-next:after {content: url(https://nowwd2.speedgabia.com/dwellclinic/img/main/arrow-right.jpg)!important; width:74px; height:95px;}
.swiper-button-prev:after {content: url(https://nowwd2.speedgabia.com/dwellclinic/img/main/arrow-left.jpg)!important; }
.swiper-pagination {display: none;}

/* ==== MAP & CONTACT ==== */
.map-contact {position: relative; margin: 140px auto}
.map-contact-inner {
  display: flex;
  flex-wrap: wrap;
  /*gap: clamp(20px, 2vw, 40px);*/
  align-items: flex-start;
  justify-content: center;
}
.root_daum_roughmap_landing {width: 100% !important;}
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_controllers {display: none;}

.contact-info {
  width:528px;
  position: absolute;
    right: 15%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 100;
    background: #fff;
    padding: 50px;
}

.contact-info h3, .contact-info h4 {
  font-size: clamp(20px, 2.2vw, 26px);
  color: #3d9e9b;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1.2vw, 1rem);
}

.contact-info .phone {
  font-size: clamp(28px, 5vw, 40px);
  font-weight: 300;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.contact-info .timetable .week {
  display: flex;
  justify-content: space-between;
  font-size: clamp(16px, 2vw, 22px);
  padding-bottom: clamp(1rem, 3vw, 2rem);
}

.contact-info .timetable .week .day {
  font-weight: 600;
}

.contact-info .timetable .week .time span {
  font-size: clamp(14px, 1.2vw, 18px);
  color: #555;
}

.contact-info .time-info {
  padding: clamp(1rem, 2.5vw, 2rem) 0 clamp(2rem, 4vw, 3rem) 0;
}

.contact-info .border {
  width: clamp(30px,3vw,68px);
  height: 3px;
  background: #7bc5c5;
  margin: 0 0 clamp(20px, 3vw, 30px) 0;
}

/*---------------------------서브배너---------------------------*/
.sub-visual.about {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub01/sub-banner01.jpg) no-repeat center center;
  background-size: cover;
  padding: clamp(60px, 8vw, 100px) var(--padding);
  text-align: center;
}

.sub-visual.skin {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/sub-banner02.jpg) no-repeat center center;
  background-size: cover;
  padding: clamp(60px, 8vw, 100px) var(--padding);
  text-align: center;
}

.sub-visual.disease {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/sub-banner03.jpg) no-repeat center center;
  background-size: cover;
  padding: clamp(60px, 8vw, 100px) var(--padding);
  text-align: center;
}

.sub-visual.wellness {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub04/sub-banner04.jpg) no-repeat center center;
  background-size: cover;
  padding: clamp(60px, 8vw, 100px) var(--padding);
  text-align: center;
}


.sub-visual .text-box{
  padding: clamp(60px, 9.4vw, 180px) 0;
  width:90%;
  margin: 0 auto;
}
.sub-visual .text-box h2 {
  font-size: clamp(28px, 5vw, 55px);
  color:#fff;
  margin-bottom: clamp(10px,2.6vw,25px);
  text-shadow: 0 0px 14px rgb(95 141 140);
}

.sub-visual .text-box p {
  font-size: clamp(14px, 2.5vw, 20px);
  color:#fff;
  line-height: 1.6;
  text-shadow: 0 0px 14px rgb(95 141 140);
}

/*--------------------------------------------드웰클리닉---------------------------------------------*/
.sub-wrapper h3 {
  font-size: clamp(24px, 3.2vw, 40px);
  margin-bottom: clamp(30px, 4vw, 60px);
  text-align: center;
}


.intro {
  padding: clamp(40px, 6vw, 80px) var(--padding);
  background-image: url('https://nowwd2.speedgabia.com/dwellclinic/img/sub02/dw-bg.png');
  background-repeat: no-repeat;
  background-position: 95% 80%;
  background-size: 30%;

}

.intro .intro-inner {
  max-width:1280px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 90px;
  padding: 110px 0;
}

.intro .intro-inner .image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  width:45%;
}
.intro .intro-inner .text-box{
  width:45%;
}
.sub-wrapper.clinic .intro .intro-inner .text-box h3 {
  /*font-size: clamp(24px, 4vw, 42px);*/
  font-weight: 700;
  margin-bottom: clamp(30px, 3.9vw, 75px);
  text-align: left;
}

.intro .intro-inner .border{
    width: clamp(15px, 3vw, 34px);
    height: 3px;
    background: #7bc5c5;
    margin: 0 0 clamp(20px, 3vw, 30px) 0;
  }

.features {
  /*max-width: var(--max-width);*/
  background:#e5faf9;
}

.feature {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  height: 100%;
  background: #fff;
}

.feature:nth-of-type(odd) {
  flex-direction: row-reverse;
  text-align: right;
}

.feature:nth-of-type(even) {
  flex-direction: row;
}

.feature .img,
.feature .desc {
  flex: 1 1 300px;
  position: relative;
  z-index: 1;
}

.feature .img {
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}

.feature:nth-of-type(even)::before {
  content: attr(data-number);
  position: absolute;
  font-size: clamp(45px, 10vw, 100px);
  color: #e6f1f0;
  font-style:italic;
  font-weight: 700;
  top: 75%;
  left: 85%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  white-space: nowrap;
}
.feature:nth-of-type(odd)::before {
  content: attr(data-number);
  position: absolute;
  font-size: clamp(45px, 10vw, 100px);
  color: #e6f1f0;
  font-style:italic;
  font-weight: 700;
  top: 75%;
  right: 80%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  white-space: nowrap;
}
.feature .desc .wrap {padding:0 clamp(30px, 3.9vw, 75px);}
.feature .desc h4 {
  font-size: clamp(18px, 3vw, 32px);
  margin-bottom: 10px;
}

.feature .desc p {
 font-size: clamp(14px, 2vw, 22px);
  line-height: 1.5;
}

.sub-slogan {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub01/sub-slogan-bg.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: clamp(40px, 6vw, 80px) var(--padding);
  text-align: center;
}
.sub-slogan .con-wrap {padding: clamp(40px, 13vw, 250px) 0;}
.sub-slogan h2 {
  font-size: clamp(28px, 4.2vw, 80px);
  font-weight: 700;
  margin-bottom: 10px;
}

.sub-slogan p {
  font-size: clamp(16px, 3.2vw, 36px);color: #fff;
}


/*------------------------진료시간 / 오시는 길---------------------------*/
.con-wrap.tit {
  padding:clamp(60px, 7.4vw, 140px) 0 clamp(40px, 6.8vw, 80px) ;
  text-align: center;}
.con-wrap.tit h3 {
  font-size: clamp(24px, 4vw, 48px);
  padding: clamp(10px, 1.6vw, 30px) 0;
  margin:0;
}

.cs-center {
  background: #fff;
}

.cs-center .ce-con {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(30px, 4vw, 60px);
  /*padding-bottom: clamp(60px, 7vw, 100px);*/
}

.cs-center .img-area {
  flex: 1 1 50%;
  width: 45%;
  max-width: clamp(400px,50vw,900px);
}

.cs-center .img-area img {
  width: 100%;
  border-radius: 12px;
}

.cs-center .text-area {
  flex: 1 1 50%;
  width:45%;
  max-width:400px;
}

.cs-center .text-area h4.label {
  font-size: clamp(18px, 2vw, 24px);
  color: #199b94;
  font-weight: 600;
  margin-bottom: clamp(8px, 1vw, 14px);
}

.cs-center .text-area .phone {
  font-size: clamp(24px, 4vw, 40px);
  font-weight: 700;
  margin-bottom: clamp(20px, 2.5vw, 30px);
}

.cs-center .btn-area {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: clamp(30px, 4vw, 50px);
}

.cs-center .btn-area .btn {
  padding: 10px 20px;
  font-size: clamp(13px, 1.4vw, 16px);
  border-radius: 4px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  line-height: normal;
}

.cs-center .btn.gray {
  background: #199b94;
}
.cs-center .btn.yellow {
  background: #f2c100;
  color: #000;
}
.cs-center .btn.green {
  background: #27ae60;
}

.cs-center .timetable {
  margin-bottom: clamp(20px, 3vw, 40px);
}

.cs-center .timetable .week {
  display: flex;
  justify-content: space-between;
  font-size: clamp(14px, 2vw, 18px);
  padding-bottom: clamp(10px, 2vw, 20px);
}

.cs-center .timetable .week .day {
  font-weight: 600;
}

.cs-center .timetable .week .time span {
  font-size: clamp(12px, 1.3vw, 14px);
  color: #777;
}

.cs-center .time-info p {
  font-size: clamp(13px, 1.4vw, 15px);
  color: #444;
  margin-bottom: 6px;
}


/* ============ Interior Swiper ============ */
.interior .swiper-slide {margin-right: 30px!important;}
.interior .swiper-slide img {border-radius: 10px;}

.swiper-int {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.interior .con-wrap {padding-bottom:0;}

.swiper-int .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
}

.swiper-int .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 16px;
  transition: transform 0.3s ease;
}

.swiper-int .swiper-slide:hover img {
  transform: scale(1.02);
}

/* Navigation */
.swiper-int .swiper-button-next,
.swiper-int .swiper-button-prev {
  color: #999;
  width: 44px!important;
  height: 44px;
  /*background: rgba(255,255,255,0.8);
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
  transition: all 0.2s ease;
}

/*.swiper-int .swiper-button-next:hover,
.swiper-int .swiper-button-prev:hover {
  background: #00b2a0;
  color: #fff;
}*/

/* Pagination */
.swiper-int .swiper-pagination-bullets {
  bottom: -30px;
}

.swiper-int .swiper-button-next:after {
    content: url('https://nowwd2.speedgabia.com/dwellclinic/img/sub01/arrow-right.jpg');
    font-size:32px;
}
.swiper-int .swiper-button-prev:after {
    content: url('https://nowwd2.speedgabia.com/dwellclinic/img/sub01/arrow-left.jpg');
    font-size:32px;
  }

.swiper-int {
  overflow: hidden;
}

.swiper-int .swiper-wrapper {
  display: flex;
}

.swiper-int .swiper-slide {
  flex-shrink: 0;
  width: auto;
  height: auto;
}
.swiper {
  overflow: hidden;
  width: 100%;
}

.swiper .swiper-slide {
  text-align: center;
}

.swiper-int img {
  width: 100%;
  height: auto;
  display: block;
}





.location-info {
  padding: clamp(60px, 6vw, 100px) var(--padding);
  background: #fff;
}
.location-info .map-contact-inner {position: relative;}
.location-info .contact-info p {padding: 0 0 clamp(20px, 2.5vw, 30px) 0;}

.location-info .transport-box {
  display: flex;
  gap: clamp(30px, 6vw, 80px);
  justify-content: space-between;
  flex-wrap: wrap;
}
.location-info .transport-box.con-wrap {padding: clamp(40px, 6vw, 80px) 0 clamp(60px, 7.4vw, 140px);}
.location-info .transport {
  flex: 1 1 45%;
}

.location-info .transport h4 {
  font-size: clamp(18px, 3vw, 28px);
  margin-bottom: clamp(10px, 1.5vw, 20px);
  display: flex;
  align-items: center;
  gap: 10px;
}

.location-info .transport p {
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.6;
  margin-bottom: 10px;
}

.line {
  display: inline-block;
  padding: 4px 12px;
  font-size: clamp(13px, 1.5vw, 15px);
  font-weight: 600;
  border-radius: 20px;
  color: #fff;
  margin-right: 8px;
}

.location-info .line.yellow { background-color: #f2c100; color: #000; }
.location-info .line.green { background-color: #61b34d; }
.location-info .line.red { background-color: #e74c3c; }


/*----------------------------의료진 소개-------------------------------*/
.doctor .doctor-intro .profile-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(30px, 5vw, 80px);
  align-items: center;
  /*padding: clamp(60px, 6vw, 100px) 0;}*/
}

.doctor .profile-wrap .photo {
  flex: 1 1 300px;
  text-align: center;
}
.doctor .profile-wrap .photo img {
  width: 100%;
  max-width: 567px;
  border-radius: 8px;
}
.doctor .profile-wrap .photo .name {
  font-weight: 600;
  margin-top: 1rem;
  color: #3d9e9b;
  font-size: clamp(16px, 2.6vw, 20px);
}
.doctor .profile-wrap .photo .name span {
  display: block;
  font-size: clamp(18px, 3vw, 26px);
  font-weight: 700;
  margin-top: 4px;
}

.doctor .intro-text {
  flex: 1 1 400px;
}
.doctor .intro-text h3 {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  margin-bottom: clamp(28px, 5vw, 55px);
  text-align: left;
}
.doctor .intro-text p {
  color: #333;
}
.doctor .intro-text .sign {
  margin-top: clamp(20px, 4vw, 45px);
  font-weight: bold;
}

.doctor .doctor-career {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/dw-bg.png), #f9f9f9;
  background-repeat: no-repeat;
  background-position: 95% 80%;
  /*background-size: 30%;*/
}

.doctor .doctor-career .con-wrap{
  max-width:1000px;
  padding: clamp(60px, 6.25vw, 120px) 0;
  margin: 0 auto;
}
.doctor .doctor-career h4 {
  font-size: clamp(24px, 4vw, 36px);
  margin-bottom: clamp(20px, 2.5vw, 40px);
}
.doctor .doctor-career h4 span {
  font-weight: 400;
  color: #000;
  font-size: 0.7em;
}
.doctor .career-list {
  columns: 2;
  column-gap: clamp(30px, 7vw, 100px);
  /*font-size: clamp(14px, 2vw, 16px);*/
}

/*
.doctor .career-list {
  list-style: none;
  padding: 0;
  margin: 0;
}*/

.doctor .career-list li {
  position: relative;
  padding-left: clamp(14px, 2.7vw, 22px); /* 점 아이콘과 텍스트 간격 */
  margin-bottom: 0.6em;
  line-height: 1.5;
  color:#666666;
}

.doctor .career-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 5px;
  height: 5px;
  background-color: #00a99d; /* 드웰 그린 계열 */
  border-radius: 50%;
}

/*----------------------------------드웰소개 - 보유장비------------------------------------*/
.equipments {
  background: #fff;
}

.equip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 3fr));
  gap: clamp(20px, 4vw, 24px);
}

.equip-item {
  background: #fff;
  text-align: left;
  display: flex;
  flex-direction: column;
  padding-bottom:clamp(40px, 5vw, 80px);;
}

.equip-img {
  width: 100%;
  margin-bottom: clamp(16px, 2vw, 30px);
}

.equip-img img {
  width: 100%;
  height: auto;
  display: block;
}

.equip-item h4 {
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 700;
  margin-bottom: clamp(8px, 1.5vw, 12px);
}

.equip-item .hashtags {
  color: #00a99d;
  font-size: clamp(14px, 2vw, 16px);
  margin-bottom: clamp(8px, 1.5vw, 12px);
  word-break: auto-phrase;
}

.equip-item .desc {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.5;
  color: #333;
  flex-grow: 1;
}


/*--------------------------피부클리닉 - 색소-----------------------------*/
.sub-wrapper.color .intro .intro-inner .text-box h3 {font-size: clamp(20px, 3vw, 40px); text-align: left; font-weight: 700; margin-bottom: clamp(20px, 3vw, 30px); color:#3d9e9b;}
.sub-wrapper.color .intro .intro-inner .text-box h3:nth-child(2) {margin-top:15px; text-align: left; }
.sub-wrapper.color .intro .intro-inner .text-box p {padding-bottom: 2rem;} 

.cause-section {
  background: url('https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig-causes-bg.jpg') no-repeat center/cover;
}

.cause-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 4vw, 40px);
}

.cause-cards {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  height: 100%;
  min-height: 100%;
}

.cause-cards:nth-child(2) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig-causes-01.jpg) no-repeat center center; background-size: cover;
}
.cause-cards:nth-child(3) .img-box {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig-causes-02.jpg) no-repeat center center; background-size: cover;
}
.cause-cards:nth-child(4) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig-causes-03.jpg) no-repeat center center; background-size: cover;
}
.cause-cards:nth-child(5) .img-box {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig-causes-04.jpg) no-repeat center center; background-size: cover;
}
.cause-cards:nth-child(6) .img-box {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig-causes-05.jpg) no-repeat center center; background-size: cover;
}
.cause-cards .img-box{
  height: 300px;
  background-size: cover;
  background-position: center;
}

.cause-cards .text-box {
  padding: clamp(16px, 3vw, 24px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.cause-cards strong {
  font-weight: 700;
  font-size: clamp(14px, 2vw, 18px);
  color: #007f7f;
  margin-bottom: 0.5rem;
}

.cause-cards strong span {
  color: #000;
  font-weight: 600;
  margin-left: 6px;
}

.cause-cards p {
  font-size: clamp(13px, 2vw, 16px);
  color: #555;
  line-height: 1.6;
  margin-top: auto;
}

/* 타이틀 카드 전용 스타일 */
.title-cards {
  display: flex;
  align-items: flex-start;
  box-shadow: none;
  background: transparent;
}

.title-cards h3 {
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  margin: 0;
}

.distinguish-section {
  background-color: #fff;
}
.distinguish-section.dis02 {background: #f3f3f3;}
.dis02 .distinguish-cards .cards{background-color: #fff;}

.distinguish-section .title-area {
  text-align: center;
  margin-bottom: clamp(30px, 6vw, 60px);
}

.distinguish-section .title-area h3 {
  font-weight: 700;
  margin-bottom: clamp(10px, 2vw, 20px);
}

.distinguish-section .title-area p {
  font-size: clamp(16px, 2.2vw, 22px);
  color: #666;
}

.distinguish-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 4vw, 40px);
}

.distinguish-cards .cards {
  background: #f9f9f9;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.distinguish-cards .img-box {
  height: clamp(180px, 18vw, 240px);
}

.dis01 .distinguish-cards .cards:nth-child(1) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig01.jpg) no-repeat center center; background-size: cover;
}
.dis01 .distinguish-cards .cards:nth-child(2) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig02.jpg) no-repeat center center; background-size: cover;
}
.dis01 .distinguish-cards .cards:nth-child(3) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig03.jpg) no-repeat center center; background-size: cover;
}
.dis02 .distinguish-cards .cards:nth-child(1) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig04.jpg) no-repeat center center; background-size: cover;
}
.dis02 .distinguish-cards .cards:nth-child(2) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig05.jpg) no-repeat center center; background-size: cover;
}
.dis02 .distinguish-cards .cards:nth-child(3) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig06.jpg) no-repeat center center; background-size: cover;
}
.dis03 .distinguish-cards .cards:nth-child(1) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig07.jpg) no-repeat center center; background-size: cover;
}
.dis03 .distinguish-cards .cards:nth-child(2) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig08.jpg) no-repeat center center; background-size: cover;
}
.dis03 .distinguish-cards .cards:nth-child(3) .img-box{
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pig09.jpg) no-repeat center center; background-size: cover;
}


.distinguish-cards .text-box {
  padding: clamp(16px, 3vw, 28px);
}

.distinguish-cards h4 {
  font-size: clamp(16px, 2.5vw, 22px);
  font-weight: 700;
  margin-bottom: clamp(10px, 1.5vw, 16px);
}
.distinguish-cards h4 span {font-size: clamp(14px, 2vw, 16px); font-weight: 400;}

.distinguish-cards p {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.6;
  color: #444;
}

.pigment-layer {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pigbg01.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
}

.pigment-layer .title-box h3 {
  font-weight: 700;
  margin-bottom: clamp(40px, 5vw, 60px);
}

.pigment-layer .img-wrap {
  margin-bottom: clamp(40px, 5vw, 60px);
}

.pigment-layer .img-box {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.pigment-layer .img-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
}
.pigment-layer .desc-box {max-width: 1200px; margin: 0 auto;}

.pigment-layer .caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: clamp(12px, 2vw, 16px);
  color: #444;
  display: flex;
  justify-content: space-between;
  padding: clamp(12px, 2vw, 20px);
  box-sizing: border-box;
}

.pigment-layer .caption span {
  max-width: 45%;
  text-align: left;
  line-height: 1.4;
}

.pigment-layer .caption strong {
  color: #00aaa7;
  font-weight: 700;
}

.pigment-layer .desc-box p {
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.8;
  color: #444;
}

.pigment-step {
  background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pigbg02.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
}

.pigment-step .title {
  text-align: center;
}

.pigment-step .title {
  font-size: clamp(20px, 3.2vw, 40px);
  font-weight: 700;
  margin-bottom: clamp(40px, 5vw, 80px);
}

.pigment-step .step-list {
  display: flex;
  justify-content: space-between;
  gap: clamp(20px, 4vw, 40px);
  flex-wrap: wrap;
}

.pigment-step .step-item {
  flex: 1 1 calc(33.333% - 30px);
  background: #fff;
  border-radius: 12px;
  padding: clamp(20px, 3vw, 40px);
  box-sizing: border-box;
  text-align: center;
}

.pigment-step .step-item .img {
  margin-bottom: clamp(16px, 2vw, 24px);
}

.pigment-step .step-item img {
  max-width: 100%;
  height: auto;
}

.pigment-step .step-item h4 {
  font-size: clamp(16px, 2.5vw, 22px);
  font-weight: 700;
  margin-bottom: clamp(10px, 1vw, 16px);
}

.pigment-step .step-item p {
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.6;
  color: #333;
}
.program-area {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 5vw, 60px);
}

/*.program-area .title {
  text-align: center;
  font-size: clamp(20px, 3.2vw, 40px);
  font-weight: 700;
  margin-bottom: clamp(40px, 6vw, 80px);
}*/

.program-area .program-list {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 6vw, 80px);
}

.program-area .program-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 4vw, 60px);
}

.program-area .program-item.reverse {
  flex-direction: row-reverse;
}

.program-area .program-item .img {
  flex: 1 1 50%;
  position: relative;
  z-index: 1;
}


/* 이미지 뒤 민트 장식 효과 */
.program-area .program-item .img::after {
  content: '';
  position: absolute;
  top: 55%;
  right: 53%;
  width: 100%;
  height: 100%;
  background-color: rgb(102 221 214 / 10%);
  border-radius: 15px;
  transform: translate(50%, -50%);
  z-index: -1;
}


.program-area .program-item .img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
}

.program-area .program-item .text {
  flex: 1 1 50%;
}

.program-area .program-item h4 {
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 700;
  margin: clamp(10px, 2vw, 20px) 0;
}

.program-area .program-item h4 span {
  color: #00b5b5;
  font-weight: bold;
  margin-right: 6px;
}

.program-area .program-item p {
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.6;
  color: #333;
}
/* 숫자 뒤 장식용 ::after */
.program-area .step {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #5cc; /* 텍스트 민트색 */
  margin-right: 0.5em;
  z-index: 1;
}
.program-area .step::after {
  content: '';
  position: absolute;
  top: 40%;
  left: 23%;
  width: clamp(24px, 5vw, 36px);
  height: clamp(24px, 5vw, 36px);
  background-color: rgba(102, 221, 214, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.care-notice {
  background-color: #f5f5f5;
  padding: clamp(60px, 8vw, 120px) var(--padding);
}

.care-notice .care-title {
  margin-bottom: clamp(10px, 2vw, 20px);
}

.care-notice .care-desc {
  text-align: center;
  font-size: clamp(16px, 2.4vw, 20px);
  color: #666;
  margin-bottom: clamp(30px, 4vw, 60px);
}

.care-list {
  background: #fff;
  border-radius: 20px;
  padding: clamp(30px, 4vw, 60px);
  list-style: none;
  max-width: 1200px;
  margin: 0 auto;
}

.care-list li {
  font-size: clamp(16px, 2.6vw, 22px);
  line-height: 1.8;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 40px;
}

.care-list li i {
  color: #28b6b3;
  position: absolute;
  left: 0;
  top: 0.5em;
}


/*-------------------------------피부 클리닉 - 여드름---------------------------------------*/
.sub-wrapper.acne .intro .intro-inner .text-box h3 {font-size: clamp(20px, 3vw, 40px); text-align:left; font-weight: 700; margin-bottom: clamp(15px, 2.5vw, 20px); color:#3d9e9b;}
.sub-wrapper.acne .intro .intro-inner .text-box p {padding-bottom: 3.6rem; font-size: clamp(16px, 2vw, 22px);} 

.acne-reason {
  background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);
  text-align: center;
}

.reason-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(20px, 3vw, 40px);
}

.reason-card {
  background: #fff;
  border-radius: 16px;
  padding: clamp(24px, 3vw, 30px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 2px solid #9ff2ef;
  transition: 0.3s;
}

.reason-card i {
  font-size: 32px;
  color: #20b6ae;
  margin-bottom: 16px;
}

.reason-card h4 {
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: bold;
  margin-bottom: 12px;
}

.reason-card p {
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.5;
}

.acne-type {
  background: #f8f8f8;
}

/*.acne-type h2 {
  text-align: center;
  font-size: clamp(20px, 3.2vw, 40px);
  margin-bottom: clamp(40px, 5vw, 80px);
}*/

.acne-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  gap: clamp(20px, 3vw, 40px);
}

.acne-grid .acne-box {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0,0,0,0.06);
  display: flex;
  gap: 0;
}

.acne-grid .acne-box .img-area {
  flex: 0 0 160px;
  min-height: 160px;
}

.acne-grid .acne-box:nth-child(1) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac1.jpg) no-repeat center center; background-size: cover;}
.acne-grid .acne-box:nth-child(2) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac2.jpg) no-repeat center center; background-size: cover;}
.acne-grid .acne-box:nth-child(3) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac3.jpg) no-repeat center center; background-size: cover;}
.acne-grid .acne-box:nth-child(4) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac4.jpg) no-repeat center center; background-size: cover;}
.acne-grid .acne-box:nth-child(5) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac5.jpg) no-repeat center center; background-size: cover;}
.acne-grid .acne-box:nth-child(6) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac6.jpg) no-repeat center center; background-size: cover;}
.acne-grid .acne-box:nth-child(7) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac7.jpg) no-repeat center center; background-size: cover;}
.acne-grid .acne-box:nth-child(8) .img-area {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac8.jpg) no-repeat center center; background-size: cover;}


.acne-grid .acne-box .text-area {
  flex: 1;
  padding: clamp(16px, 2vw, 24px);
  text-align: left;
}

.acne-grid .acne-box .text-area h4 {
  font-size: clamp(16px, 2vw, 18px);
  font-weight: bold;
  margin-bottom: 8px;
}

.acne-grid .acne-box .text-area p {
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.6;
}

.acne-early {
  background: #fff;
  text-align: center;
}

.acne-early .acne-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(20px, 4vw, 25px);
  margin-bottom: clamp(40px, 5vw, 60px);
}

.acne-early .step {
  flex: 0 1 400px;
}

.acne-early .img-box {
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: 12px;
  margin-bottom: clamp(12px, 2vw, 20px);
}
.acne-early .step:nth-child(1) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac-reason01.jpg) no-repeat center center; background-size: cover;}
.acne-early .step:nth-child(2) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac-reason02.jpg) no-repeat center center; background-size: cover;}
.acne-early .step:nth-child(3) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac-reason03.jpg) no-repeat center center; background-size: cover;}


.acne-early .label {
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 600;
  line-height: 1.5;
}

.acne-early .desc p {
  font-size: clamp(16px, 1vw, 20px);
  line-height: 1.8;
  color: #333;
}
.acne-worsen{background: #e4f9fa;}
.acne-worsen .cards {
  width: 100%;
  max-width: 410px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
  overflow: hidden;
  flex: 1;
}

.acne-worsen .img-box {
  height: clamp(180px, 22vw, 300px);
  background-color: #eee; /* 실제 이미지 대신 임시 배경 */
}

.acne-worsen .text-box {
  padding: clamp(16px, 3vw, 24px);
}

.acne-worsen .cards-title {
  font-size: clamp(16px, 1.6vw, 20px);
  font-weight: 700;
  margin-bottom: clamp(8px, 1vw, 12px);
}
.acne-worsen .cards:nth-child(1) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac-worse01.jpg) no-repeat center center; background-size: cover;}
.acne-worsen .cards:nth-child(2) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac-worse02.jpg) no-repeat center center; background-size: cover;}
.acne-worsen .cards:nth-child(3) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/ac-worse03.jpg) no-repeat center center; background-size: cover;}



.acne-worsen .desc {
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.6;
  color: #333;
}

.acne-worsen .cards-list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(20px, 3vw, 30px);
  justify-content: center;
  margin: clamp(32px, 5vw, 60px) 0;
  text-align: left;
}
.acne-worsen .desc p{
  font-size: clamp(16px, 1vw, 20px);
  text-align: center;
}

/*-----------------------피부클리닉 - 리프팅----------------------------*/
.lifting .pigment-layer {background:#fff;}
.sub-wrapper.lifting .intro .intro-inner .text-box h3 {font-size: clamp(20px, 3vw, 40px); text-align:left; font-weight: 700; margin-bottom: clamp(15px, 2.5vw, 20px); color:#3d9e9b;}
.sub-wrapper.lifting .intro .intro-inner .text-box p {padding-bottom: 3.6rem; font-size: clamp(16px, 2vw, 22px);} 
.lifting h2 {
  font-size: clamp(20px, 3.2vw, 40px);
  margin-bottom: clamp(30px, 4vw, 60px);
  text-align: center;
}
.aging-start p {margin: 0 auto clamp(60px, 5vw, 80px);}
.aging-start .flex {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.aging-start .cards {
  background: #f6f6f6;
  border-radius: 12px;
  padding: clamp(30px, 3vw, 70px) clamp(20px, 3vw, 30px) clamp(20px, 3vw, 30px);
  flex: 1 1 280px;
  max-width: 580px;
  text-align: center;
}

.aging-start .cards img {
  max-width: 100%;
  height: auto;
  margin-bottom: clamp(12px, 2vw, 20px);
}

.aging-start .cards strong {
  display: block;
  font-weight: 600;
  font-size: clamp(14px, 1.5vw, 18px);
}

.aging-start .con-wrap {padding: 0 0 clamp(60px, 7.4vw, 140px);}

.elasticity-info {
  background-color: #e6fafa;
  text-align: center;
}

.elasticity-info h2 {
  font-weight: 700;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.elasticity-info .compare-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 2vw, 2rem);
  margin-bottom: clamp(40px, 5vw, 60px);
}

.elasticity-info .cards {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1rem;
  padding: clamp(1rem, 2vw, 2rem);
  max-width: 580px;
  flex: 1 1 250px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.elasticity-info .cards img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.elasticity-info .cards strong {
  display: block;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 0.5rem;
  font-size: clamp(14px, 1.5vw, 18px);
}

.elasticity-info p {
  max-width: 900px;
  margin: 0 auto;font-size: clamp(14px, 2vw, 18px);
  line-height: 1.7;
  color: #333;
}

.elasticity-boost {
  background: #f7f7f7;
}

.lifting h3 {
  font-size: clamp(20px, 3.2vw, 40px);
  margin-bottom: clamp(30px, 4vw, 60px);
  text-align: center;
}

.elasticity-boost .compare {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  text-align: center;
}

.elasticity-boost .cards {
  background: #fff;
  border-radius: 20px;
  padding: 30px 20px;
  max-width: 480px;
  flex: 1 1 300px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.elasticity-boost .cards img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.elasticity-boost .cards strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}

.elasticity-boost .cards p {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}
.elasticity-boost .cards {
  background: #fff;
  border-radius: 20px;
  padding: 30px 20px;
  max-width: 480px;
  flex: 1 1 300px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.elasticity-boost .cards img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.elasticity-boost .cards strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}

.elasticity-boost .cards p {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}

/*-------------------------------피부클리닉 - 메디컬 스킨케어--------------------------------*/
.sub-wrapper.skincare .intro .intro-inner .text-box h3:first-child {
    font-size: clamp(20px, 3vw, 40px);
    font-weight: 700;
    margin-bottom: clamp(40px, 6vw, 60px);
    color: #3d9e9b;
    text-align:left;
  }
.sub-wrapper.skincare .intro .intro-inner .text-box h3 {
    margin-bottom: clamp(20px, 2.4vw, 40px);
    text-align:left;
}

.skin-solution {
  background: linear-gradient(to bottom, #fff, #bef4f3);
  text-align: center;
}
.skin-solution .con-wrap {padding-top:0}

.skin-solution h2 {
  font-size: clamp(20px, 3vw, 40px);
  font-weight: 700;
  margin-bottom: 15px;
}

.skin-solution p {
  color: #333;
  margin-bottom: 10px;
  line-height: 1.5;
}

.skin-solution .solution-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  padding: 50px 0 0 0;
}

.skin-solution .circle-box {
  width: 240px;
  height: 240px;
  border: 1px solid #1dbbbd;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  color: #000;
  background-color: #fff;
}

.skin-solution .circle-box img {
  width: 107px;
  height: 113px;
  margin-bottom: 15px;
}
.skincare-target {
  background-color: #e9fcfd;
}

.skincare-target .cards-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-bottom: 50px;
}

.skincare-target .cards {
  width: 250px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}


.skincare-target .cardss img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  text-align: left;
}

.skincare-target .cards p {
  padding: 20px;
  font-size: clamp(13px, 1.4vw, 16px);
  color: #333;
  line-height: 1.5;
}

.skincare-target .desc {
  color: #111;
  text-align: center;
}

.care-programs {
  background: #fff;
}

.care-programs .program {
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  margin-bottom: clamp(20px, 6vw, 60px);
  align-items: center;
}

.care-programs .img-box {
  flex: 1 1 420px;
  min-width: 420px;
}

.care-programs .img-box img {
  width: 100%;
  border-radius: 10px;
  display: block;
}

.care-programs .text-box {
  flex: 2 1 400px;
}

.care-programs .text-box .tag {
  color: #05928e;
  font-weight: 600;
  margin-bottom: 0.3em;
}

.care-programs .text-box h4 {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  margin-bottom: 0.7em;
}

.care-programs .text-box p {
  line-height: 1.7;
  color: #333;
}

.program-area .desc {text-align: center; padding: clamp(20px, 3vw, 30px) 0 clamp(40px, 6vw, 80px);}
.skincare .program-area {background: #f8f8f8}

/*----------------------피부 클리닉 - 모공/흉터--------------------------------*/
.intro02 {
  background-color: #fff;
}

.intro02 .con-wrap {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}

.intro02 .text-box {
  margin-bottom: clamp(30px, 5vw, 60px);
}

.intro02 h3 {
  color: #05928e;
  margin-bottom: clamp(10px, 2vw, 20px);
}

.intro02 p {
  color: #222;
  line-height: 1.6;
}

.intro02 .image-box img {
  max-width: 100%;
  border-radius: 20px;
  display: block;
  margin: 0 auto;
}

.pores .distinguish-section.dis01 .con-wrap {padding-top :0;}
.pores .distinguish-section.dis01 .con-wrap .desc {text-align:center; padding-top: clamp(30px, 4vw, 60px);}
.pores .distinguish-section.dis01 .con-wrap .cards:nth-child(1) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pore-dis01.jpg) no-repeat center center; background-size: cover;}
.pores .distinguish-section.dis01 .con-wrap .cards:nth-child(2) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pore-dis02.jpg) no-repeat center center; background-size: cover;}
.pores .distinguish-section.dis01 .con-wrap .cards:nth-child(3) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pore-dis03.jpg) no-repeat center center; background-size: cover;}


.pores .distinguish-section.dis02 {background: #e4f9fa;}
.pores .distinguish-section.dis02 .con-wrap .cards:nth-child(1) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pore-point01.jpg) no-repeat center center; background-size: cover;}
.pores .distinguish-section.dis02 .con-wrap .cards:nth-child(2) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pore-point02.jpg) no-repeat center center; background-size: cover;}
.pores .distinguish-section.dis02 .con-wrap .cards:nth-child(3) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub02/pore-point03.jpg) no-repeat center center; background-size: cover;}
.scar-types {
  background-color: #fff;
  text-align: center;
}

.scar-types h2 {
  font-size: clamp(22px, 4.2vw, 38px);
  font-weight: 700;
  margin-bottom: clamp(40px, 5vw, 60px);
}

.scar-grid {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(20px, 2.4vw, 25px);
  /*justify-content: center;*/
  margin-bottom: clamp(40px, 5vw, 60px);
}

.scar-grid .cards {
  width: clamp(320px, 28vw, 410px);
}

.scar-grid .img-box {
  position: relative;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
}

.scar-grid .img-box img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.scar-grid .img-box .label {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #e2faf9;
  color: #05928e;
  padding: 5px 14px;
  border-radius: 30px;
  font-size: clamp(13px, 1.5vw, 16px);
  font-weight: 600;
}

.scar-grid .desc {
  font-size: clamp(18px, 2vw, 22px);
  margin-top: 14px; 
  font-weight: 700;
}

.scar-types .text-box {
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.6;
  color: #333;
}

.scar-types .text-box strong {
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}

.scar-complex {
  background: #f5f5f5;
  text-align: center;
}

.scar-complex h3 {
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 700;
  margin-bottom: clamp(12px, 2vw, 15px);
}

.scar-complex .desc {
  font-size: clamp(16px, 2.2vw, 22px);
  color: #555;
  margin-bottom: clamp(20px, 5vw, 40px);
  line-height: 1.6;
}


.scar-complex .box p {
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.5;
  color: #111;
  
}
/*-----------------------*/

.grid-section .grid-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  border-top: 1px solid #00cfc3;
  border-left: 1px solid #00cfc3;
}

.grid-section .box {
  background: #fff;
  border-right: 1px solid #00cfc3;
  border-bottom: 1px solid #00cfc3;
  padding: clamp(30px, 4.2vw, 48px);
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.grid-section .box i {
  font-size: 36px;
  color: #00a99d;
  margin-bottom: 16px;
}

.grid-section .box p {
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.5;
  color: #111;
}

.grid-section .box strong {
  display: block;
  margin-bottom: 4px;
}



.scar-complex .box strong {
  font-weight: 700;
  display: block;
  margin-bottom: 6px;
}

.scar-laser {
  background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);
  text-align: center;
}

.scar-laser h3 {
  font-weight: 700;
  margin-bottom: clamp(40px, 5vw, 60px);
}


.scar-laser .grid-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(24px, 3vw, 25px);
  }
  .scar-laser .grid-box .text-box {
        padding-top: clamp(20px, 3.4vw, 40px);
  }

.scar-laser .img-box{
   background: #fff;
    border-radius: 15px;
    padding: clamp(24px, 5vw, 30px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.04);
    border: 2px solid #9ff2ef;
}

.scar-laser .cards img {
  width: 100%;
  max-width: 220px;
  margin: 0 auto clamp(16px, 2.5vw, 24px);
  display: block;
}

.scar-laser .cards p {
  font-size: clamp(18px, 2.2vw, 22px);
  color: #111;
  line-height: 1.4;
}

.scar-laser .cards p strong {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 700;
  color: #111;
}

/* ------------------------------ 피부 클리닉 - 홍조 --------------------------------------------- */
.intro02 .con-wrap h3.s-tit {color: #000; margin: clamp(40px,3vw,80px) 0 10px 0;}
.intro02 .sub-area h4 { font-size: clamp(20px, 2.6vw, 32px); font-weight: 700; padding:0 0 clamp(20px, 5vw, 60px) 0;}
.intro02 .sub-area .flex-box {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(30px, 5vw, 60px);
  justify-content: center;align-items: center;}
.intro02 .sub-area .flex-box .image-box {max-width:560px;width:45%}
.intro02 .sub-area .flex-box .text-box {width:45%; text-align: left;}
.intro02 .con-wrap.sub-area {padding-top:0}



.redness-treat h3 {margin-bottom: clamp(20px, 4vw, 30px);}
.redness-treat .desc {
  margin: 0 0 clamp(40px,3vw,60px);
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.6;
  color: #111;
  text-align: center;
}

.redness-treat .treat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.redness-treat .treat-card {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.redness-treat .treat-card img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.redness-treat .treat-card:hover img {
  transform: scale(1.05);
}

.redness-treat .treat-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
  color: #fff;
}

.redness-treat .treat-text strong {
  display: block;
  font-size: 26px;
  margin-bottom: 8px;
}

.redness-treat .treat-text p {
  font-size: 20px;
  line-height: 1.4;
  color:#fff;
}
.redness-need {
  text-align: center;
  background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);
}

.redness-need h3 {
  margin-bottom: 32px;
}

.redness-need .need-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.redness-need .need-box {
  background: #fff;
  border-radius: 12px;
  padding: 50px 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s;
  justify-content: center;
  border: 2px solid #9ff2ef;
}

.redness-need .need-box:hover {
  transform: translateY(-5px);
}

.redness-need .need-box i {
  font-size: 32px;
  color: #00a99d;
  margin-bottom: 12px;
}

.redness-need .need-box p {
  font-size: 18px;
  line-height: 1.5;
}

.sub-wrapper h3.n-margin {margin: 0;;}

/*------------------------------피부클리닉 - 보톡스 --------------------------------------*/
.botox-benefit {
  text-align: center; background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);
}

.botox-benefit h3 {
  margin-bottom: 40px;
}

.botox-benefit .benefit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 30px;
  justify-items: center;
}

.botox-benefit .benefit-box {
  background: #fff;
  border-radius: 50%;
  padding: 60px 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: transform 0.3s;
  width: 300px;
  height: 300px;
  border: 1px solid #3d9e9b;
}

.botox-benefit .benefit-box:hover {
  transform: translateY(-5px);
}

.botox-benefit .benefit-box strong {
  display: block;
  font-size: 30px;
  color: #00a99d;
  margin-bottom: 8px;
}

.botox-benefit .benefit-box h4 {
  font-size: 22px;
  margin-bottom: 12px;
}

.botox-benefit .benefit-box p {
  font-size: 18px;
  line-height: 1.5;
}

.botox-effect {
  text-align: center;
  background: url('https://nowwd2.speedgabia.com/dwellclinic/img/sub02/botox-effect.jpg') no-repeat, center bottom ;
  background-size: cover;
  background-position: 50%;
}

.botox-effect h3 {
  margin-bottom: 10px;
}

.botox-effect .desc {
  margin-bottom: 40px;
}

.botox-effect .effect-wrapper {
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  gap: 20px;
  flex-wrap: wrap;
  padding: 100px 0 60px;
}

.botox-effect .effect-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 1 220px;
}
.botox-effect .effect-box.left{align-items: flex-start;}
.botox-effect .effect-box.right{align-items: flex-end;}


.botox-effect .cards {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  text-align: left;
  max-width: 434px;
}

.botox-effect .cards strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}

.botox-effect .cards p {
  font-size: 16px;
  line-height: 1.5;
}

.botox-effect .effect-image {
  flex: 0 0 300px;
}

.botox-effect .effect-image img {
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.botox-need {
  background: #f9f9f9;
  text-align: center;
}

.botox-need h3 {
  margin-bottom: clamp(24px, 5vw, 40px);
  font-size: clamp(22px, 4vw, 32px);
}

.botox-need .need-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  gap: clamp(12px, 2vw, 20px);
  text-align: left;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.botox-need .need-list li {
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 1.5;
}

.botox-need .need-list li i {
  font-size: clamp(20px, 3vw, 26px);
  color: #00a99d;
  flex-shrink: 0;
  padding: 0 20px 0 0;
}

/*-------------------------------------피부질환 클리닉 - 습진----------------------------------------------*/
.eczema .grid-section {background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);}
.eczema .cause-section {background: #e4f9fa;}
.eczema .cause-card:nth-child(2) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/ecz-treat01.jpg) no-repeat center center; background-size: cover;}
.eczema .cause-card:nth-child(3) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/ecz-treat02.jpg) no-repeat center center; background-size: cover;}
.eczema .cause-card:nth-child(4) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/ecz-treat03.jpg) no-repeat center center; background-size: cover;}
.eczema .cause-card:nth-child(5) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/ecz-treat04.jpg) no-repeat center center; background-size: cover;}
.eczema .cause-card:nth-child(6) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/ecz-treat05.jpg) no-repeat center center; background-size: cover;}


/*-------------------------------------피부질환 클리닉 - 아토피----------------------------------------------*/
.sub-wrapper.atopy .intro .intro-inner .text-box h3 {
    font-size: clamp(20px, 3vw, 40px);
    text-align: left;
    font-weight: 700;
    margin-bottom: clamp(20px, 3vw, 30px);
    color: #3d9e9b;
}

.intro .sub-area h4 { font-size: clamp(20px, 2.6vw, 32px); font-weight: 700; padding:clamp(20px, 5vw, 60px) 0 15px 0;}
.intro .sub-area .flex-box {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(30px, 5vw, 40px);
  justify-content: center;align-items: center;}
.intro .sub-area .flex-box .image-box {max-width:580px;width:45%; text-align: center;}
.intro .sub-area .flex-box .image-box img {border-radius: 15px;}
.intro .sub-area .flex-box .image-box p {font-size: clamp(16px, 2vw, 20px);}
.intro .con-wrap.sub-area {padding-top:0}
.atopy .skincare-target h3 {margin-bottom: 40px;}
.atopy .skincare-target p {margin-bottom: 70px; font-size: clamp(16px, 2vw, 22px);}
.atopy .skincare-target .cards-list {gap: 12px; margin-bottom: 0;}
.atopy .skincare-target .cards p {padding: 10px 20px 20px; font-size: clamp(13px, 1.4vw, 16px); margin-bottom:0;}
.atopy .skincare-target .cards h4 {padding: 20px 20px 0 20px; font-size: clamp(16px, 2vw, 22px);}
.atopy-box {
  background: #f9f9f9;
  text-align: center;
}

.atopy-box h3 {
  margin-bottom: clamp(16px, 3vw, 28px);
}

.atopy-box .desc {
  margin-bottom: clamp(32px, 5vw, 48px);
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 1.5;
}

.atopy-box .box-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 2px solid #9ff2ef;
    border-left: 2px solid #9ff2ef;
    /*border-right: 1px solid #00cfc3;*/
}

.atopy-box .box {
  background: #fff;
  border-right: 2px solid #9ff2ef;
  border-bottom: 2px solid #9ff2ef;
  padding: clamp(40px,4vw,60px) clamp(20px, 3vw, 30px);
  box-sizing: border-box;
}

.atopy-box .box strong {
  display: block;
  font-size: clamp(20px, 4vw, 24px);
  color: #00a99d;
  margin-bottom: clamp(8px, 2vw, 12px);
}

.atopy-box .box p {
  font-size: clamp(15px, 2.5vw, 18px);
  line-height: 1.4;
}


/*-------------------------------------피부질환 클리닉 - 대상포진----------------------------------------------*/
.sub-wrapper.herpes .intro .intro-inner .text-box h3 {color:#000; text-align: left;}
.herpes .intro .intro-inner {gap:clamp(30px,3vw,80px);}
.herpes .intro .intro-inner .image-box img {border-radius: 15px;}
.compare-section {
  background: #fff;
  text-align: center;
}
.compare-section .con-wrap {padding-top:0;}

.compare-section h3 {
  margin-bottom: clamp(12px, 3vw, 20px);
}

.compare-section .desc {
  margin-bottom: clamp(32px, 5vw, 48px);
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 1.5;
}

.compare-box {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(20px, 3vw, 80px);
  justify-content: center;
}

.compare-box .item {
  flex: 1 1 400px;
  background: #f5f5f5;
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.compare-box .title {
  background: #71bcbb;
  color: #fff;
  font-size: clamp(18px, 3vw, 28px);
  font-weight: 700;
  padding: clamp(12px, 2.5vw, 12px);
}
.compare-box .title:before {content:''; width: 3px; height:3px;}

.compare-box ul {
  padding: clamp(20px, 4vw, 32px);
  margin: 0;
  list-style: none;
}

.compare-box ul li {
  display: flex;
  margin-bottom: clamp(8px, 2vw, 12px);
  font-size: clamp(15px, 2.5vw, 18px);
  line-height: 1.5;
}

.compare-box ul li .item-title {
  flex-shrink: 0;
  font-weight: 600;
  color: #111;
  margin-right: 8px;
  white-space: nowrap;
  width: 20%;
  text-align: left;
}
.compare-box ul li .item-title::before {
  content: "•";
  display: inline-block;
  margin-right: 12px;
  color: #00cfc3; /* 점 색상 (원하시면 바꿔주세요) */
}

.compare-box ul li .item-desc {flex: 1; text-align: left;}



.herpes .cause-section {background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);}
.herpes .cause-cards:nth-child(2) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/herpes-cause01.jpg) no-repeat center center; background-size: cover;}
.herpes .cause-cards:nth-child(3) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/herpes-cause02.jpg) no-repeat center center; background-size: cover;}
.herpes .cause-cards:nth-child(4) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/herpes-cause03.jpg) no-repeat center center; background-size: cover;}
.herpes .cause-cards:nth-child(5) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/herpes-cause04.jpg) no-repeat center center; background-size: cover;}
.herpes .cause-cards:nth-child(6) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/herpes-cause05.jpg) no-repeat center center; background-size: cover;}
.herpes .skincare-target {background: #f5f5f5;}
.herpes .skincare-target .cards h4 {padding: 20px 20px 0 20px; font-size: clamp(16px, 2vw, 22px);}

/*-------------------------------------피부질환 클리닉 - 무좀----------------------------------------------*/
.foot .skincare-target {background-color: #f5f5f5}
.foot .skincare-target h3{margin-bottom: clamp(20px, 3.2vw, 40px);}
.foot .skincare-target p.desc {font-size: clamp(16px, 2vw, 22px); margin-bottom: clamp(30px, 4vw, 60px);}
.foot .skincare-target .cards h4 {padding: 20px 20px 0 20px; font-size: clamp(16px, 2vw, 22px);}
.foot .skincare-target .cards p {padding: 10px 20px 20px; font-size: clamp(13px, 1.4vw, 16px); margin-bottom:0;}
.nail-fungus {
  background: linear-gradient(135deg, #faffff 0%, #b9fffe 100%);
}

.nail-fungus h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: clamp(16px, 3vw, 24px);
}

.nail-fungus h4 {
  text-align: center;
  font-weight: 700;
  margin-bottom: clamp(16px, 3vw, 24px);
  font-size: clamp(24px, 4vw, 36px);
  padding: clamp(50px, 6.8vw, 110px) 0 0;
}

.nail-fungus .desc {
  text-align: center;
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 1.5;
  margin-bottom: clamp(24px, 5vw, 32px);
}

.nail-fungus .desc.small {
  font-size: clamp(14px, 2.3vw, 18px);
}

.symptom-list {
  display: flex;
  justify-content: center;
  gap: clamp(12px, 3vw, 24px);
  /*margin-bottom: clamp(20px, 5vw, 32px);*/
  margin:0 auto clamp(20px, 5vw, 32px);
  max-width:950px;
  width: 80%;
}

.symptom-item {
  flex: 1 1 260px;
  text-align: center;
  display: flex;
    flex-direction: column;
    align-items: center;
}

.symptom-item img {
  width: 100%;
  max-width: 260px;
  height: auto;
  margin-bottom: clamp(8px, 2vw, 12px);
}
.symptom-item p {font-weight: 700;}

.frequency-img {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(20px, 5vw, 32px);
}

.frequency-img img {
  width: 100%;
  max-width: 510px;
  height: auto;
}

.treatment-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(20px, 4vw, 40px);
}

.treatment-item {
  flex: 1 1 250px;
  max-width: 480px;
  padding: clamp(16px, 3vw, 24px);
  text-align: center;
}

.treatment-item img {
  height: auto;
  margin-bottom: clamp(30px, 2.4vw, 40px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 15px;    
}

.treatment-item strong {
  display: block;
  font-size: clamp(18px, 3vw, 22px);
  margin-bottom: clamp(8px, 2vw, 12px);
}

.treatment-item p {
  font-size: clamp(14px, 2.5vw, 18px);
  line-height: 1.5;
}

/*---------------------------------------------피부질환 클리닉 - 탈모----------------------------------------------------------*/
.hair .intro .intro-inner .image-box img {border-radius: 15px;}
.hair.sub-wrapper .intro .intro-inner h3 {text-align: left; margin-bottom: clamp(20px, 4vw, 40px);}
.hair .distinguish-section {background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);}
.hair .distinguish-cards .cards:nth-child(1) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/hair-type01.jpg) no-repeat center center; background-size: cover;}
.hair .distinguish-cards .cards:nth-child(2) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/hair-type02.jpg) no-repeat center center; background-size: cover;}
.hair .distinguish-cards .cards:nth-child(3) .img-box {background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub03/hair-type03.jpg) no-repeat center center; background-size: cover;}
.male-hairloss {
  background: #e4f9fa;
}

.male-hairloss.man h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: clamp(12px, 2.5vw, 20px);
}

.male-hairloss .desc {
  text-align: center;
  font-size: clamp(16px, 3vw, 20px);
  margin-bottom: clamp(32px, 5vw, 48px);
}
.male-hairloss .desc02 {
    text-align: center;
    font-size: clamp(16px, 3vw, 20px);
    margin-top: clamp(32px, 5vw, 48px);
}

.type-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(16px, 3vw, 32px);
}

.type-item {
  flex: 1 1 220px;
  max-width: 300px;
  text-align: center;
  box-sizing: border-box;
}

.type-img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto clamp(20px, 2vw, 30px);
}

.type-img img {
  width: 100%;
  height: auto;
}

.type-item strong {
  display: block;
  color: #00a99d;
  margin-bottom: clamp(8px, 2vw, 12px);
}

.type-item p {
  font-size: clamp(14px, 2.5vw, 18px);
  line-height: 1.5;
  color: #333;
}

.hair .skincare-target {background:#f8f8f8;}
.hair .skincare-target p.desc {font-size: clamp(16px, 2vw, 22px); margin-bottom: clamp(30px, 4vw, 60px);}
.hair .skincare-target .cards h4 {padding: 20px 20px 0 20px; font-size: clamp(16px, 2vw, 22px);}
.hair .skincare-target .cards p {padding: 10px 20px 20px; font-size: clamp(13px, 1.4vw, 16px); margin-bottom:0;}
.hair .skincare-target.man h3 {margin-bottom:clamp(15px, 3vw, 20px)}
.hair .skincare-target .cards-list {gap: 12px;}
.hair .skincare-target .cards {width: 300px;}
.hair .skincare-targe.woman h3 {margin-bottom: clamp(30px, 4vw, 60px);}
.hair .male-hairloss.woman h3 {margin-bottom: clamp(30px, 4vw, 60px);}

.hair-treatment {
  background: linear-gradient(90deg, #e0f8f8 0%, #c7f2f4 100%);
}

.hair-treatment h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: clamp(32px, 5vw, 48px);
}

.hair-box-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 40px;
}

.hair-box {
  flex: 1 1 250px;
  max-width: 400px;
  background: #fff;
  border: 2px solid #9ff2ef;
  border-right : none;
  box-sizing: border-box;
  padding: clamp(40px, 4vw, 75px) 50px;
  text-align: center;
}
.hair-box:nth-child(3) { border-right: 2px solid #9ff2ef;}


.hair-icon {
  width: 159px;
  height: 119px;
  margin: 0 auto clamp(16px, 3vw, 24px);
}

.hair-icon img {
  width: 100%;
  height: auto;
}

.hair-box strong {
  display: block;
  font-size: clamp(22px, 3vw, 26px);
  margin-bottom: clamp(12px, 2vw, 16px);
}

.hair-box p {
  font-size: clamp(14px, 2.5vw, 18px);
  line-height: 1.5;
  color: #333;
}
.hair .botox-benefit {background: #e4f9fa;}

/*---------------------------------웰니스 클리닉 - 맞춤영양수액---------------------------------------*/
.sub-wrapper.infusion .intro .intro-inner .text-box h3,
.sub-wrapper.skinbooster .intro .intro-inner .text-box h3 {
    font-size: clamp(20px, 3vw, 40px);
    text-align: left;
    font-weight: 700;
    margin-bottom: clamp(20px, 3vw, 30px);
    color: #3d9e9b;
}
.sub-wrapper.infusion .intro .intro-inner .text-box p {padding-bottom: 2rem;}
.infusion .redness-need {background: url('https://nowwd2.speedgabia.com/dwellclinic/img/sub04/infusion-bg.jpg') no-repeat center center; background-size: cover;}
.infusion .botox-effect {text-align: center; background: url(https://nowwd2.speedgabia.com/dwellclinic/img/sub04/infusion-effect.jpg) no-repeat, center bottom; background-size: cover; background-position: center;}
.infusion .botox-effect .cards { min-width: 360px;}

/*---------------------------------웰니스 클리닉 - 스킨부스터---------------------------------------*/
.skinbooster .elasticity-boost{background: #e4f9fa;}
.skinbooster .elasticity-boost .cards {
    background: none; 
    border-radius: 20px; 
    padding: 0; 
    max-width: 480px;
    flex: 1 1 300px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.skinbooster .elasticity-boost .compare {align-items: center;}
.skinbooster .elasticity-boost .cards img {border-radius: 15px; border: 2px solid #9ff2ef;}
.skinbooster .elasticity-boost .cards strong {font-size: clamp(20px, 2.2vw, 26px); margin: 0;}
.skinbooster .elasticity-boost .cards p {font-size: clamp(16px, 2.2vw, 20px);}
.skinbooster .elasticity-boost .desc {text-align: center; padding-top: 60px;}
.skinbooster .pigment-layer {background: #fff;}
.skinbooster .atopy-box {background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);}
.skinbooster .booster-item {
  display: flex;
  align-items: center;
  gap: clamp(20px, 4vw, 60px);
  margin-bottom: clamp(40px, 6vw, 80px);
}

.skinbooster .booster-item.reverse {
  flex-direction: row-reverse;
}

.skinbooster .booster-img img {
  width: 100%; max-width: 600px; border: 2px solid #9ff2ef;
}

.skinbooster .booster-text {
  flex: 1;
}

.skinbooster .booster-number {
  display: block;
  font-size: clamp(16px, 1.8vw, 22px);
  font-weight: 700;
  color: #00a99d;
  margin-bottom: clamp(6px, 1vw, 10px);
}

.skinbooster .booster-text h4 {
  font-size: clamp(24px, 3vw, 32px);
  margin-bottom: clamp(10px, 2vw, 16px);
}

.skinbooster .booster-text p {
  font-size: clamp(16px, 2.2vw, 18px);
  line-height: 1.6;
}

.skinbooster .product-img {
  margin-top: clamp(12px, 2vw, 20px);
}

.skinbooster .product-img img {
  width: 250px;
}

.skinbooster .program-area {background:#f8f8f8;}
.skinbooster .care-notice {background:#fff;}
.skinbooster .care-notice .care-list {background: #f8f8f8;}

/*---------------------------------------웰니스클리닉 - 웰니스로 가는길---------------------------------------------------*/
.wellness .scar-complex {background: linear-gradient(90deg, #f1fffe 0%, #ace4e7 100%);}


.wellness-path h2 {
  font-size: clamp(24px, 4vw, 38px);
  text-align: center;
  margin-bottom: clamp(10px, 2vw, 20px);
}

.wellness-path .s-title {
  text-align: center;
  font-size: clamp(16px, 2vw, 20px);
  color: #666;
}

.wellness-path .desc {
  text-align: center;
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.6;
  margin: clamp(24px, 3vw, 40px) 0;
}

.wellness-path .highlight {
  text-align: center;
  color: #00a99d;
  font-weight: 600;  font-size: 32px; margin-top: 100px;
  margin-bottom: clamp(24px, 4vw, 40px);
}

.wellness-path h3 {
  font-size: clamp(26px, 2.5vw, 32px);
  margin-top: clamp(24px, 5vw, 100px);
  margin-bottom: clamp(16px, 3vw, 24px);
  text-align: left;  position: relative
}
.wellness-path h3 ol {padding-left: 65px; background: #fff; padding-right: 20px; display: inline-block; }
.wellness-path h3 span.bg{background: #d5f2f1; height: 42px; width: 42px;  border-radius: 50%; position: absolute; left: 0; top: 0px; z-index: 1}
.wellness-path h3 span.font{position: absolute;font-size: 28px; color: #3d9e9b; left: 17px; top: 8px; z-index: 2 }
.wellness-path h3 span.line{border-top: #c7c7c7 1px dashed; width: 100%; position: absolute; top: 50%; z-index: -1}

.wellness-path .box-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: clamp(16px, 3vw, 34px);
}

.wellness-path .box {
  position: relative;
  border: 1px solid #a0e8e0;
  padding: clamp(40px, 6.5vw, 90px) 40px;
  border-radius: 20px;
  background: #f9fdfd;
  text-align: center;
}
.wellness-path .box.box:nth-of-type(1n) {background: #f4ffff;}
.wellness-path .box.box:nth-of-type(2n) {background: #edfeff;}
.wellness-path .box.box:nth-of-type(3n) {background: #dffeff;}

.wellness-path .box strong {
  display: block;
  font-size: clamp(20px, 2.5vw, 26px);
  margin-bottom: clamp(8px, 1.5vw, 12px);
}

.wellness-path .box p {
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.5;
}

.wellness-path .box .num {
  position: absolute;
  bottom: 0;
  right: clamp(12px, 2vw, 25px);
  font-size: clamp(20px, 4vw, 80px);
  color: rgb(61 158 155 / 15%);
  font-style: italic;
  font-weight: 700;
}

/*웰니스프로그램 02*/

.wellness-program {
  background: #e5f9f8;
}

.wellness-program h2 {
  text-align: center;
  font-size: clamp(24px, 4vw, 38px);
  margin-bottom: clamp(10px, 2vw, 20px);
}

.wellness-program .s-title {
  text-align: center;
  font-size: clamp(16px, 2vw, 20px);
  margin-bottom: clamp(40px, 5vw, 60px);
  color: #444;
}



.wellness-program .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: clamp(32px, 5vw, 48px);
  justify-content: space-between;
}

.wellness-program .img-box,
.wellness-program .text-box {
  flex: 1 1 45%;
}
    .wellness-program .img-box {
        max-width: 600px;
    }

.wellness-program .img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.wellness-program .txt-box {width: 45%; text-align: left;}
.wellness-program .txt-box h3 {text-align: left; margin: clamp(20px, 4vw, 30px) 0;}
.wellness-program .green {color:#3d9e9b}

.web{display: block !important}
.mobile{display: none !important}

.obesityBox01 ul{text-align: center; font-size: 0; margin-bottom: 50px}
.obesityBox01 ul li{display: inline-block; width: 310px; height: 504px; box-shadow: 0px 10px 15px #f8f8f8; overflow: hidden; border-radius: 20px; font-size: 20px}
.obesityBox01 ul li + li{margin-left: 13px;}
.obesityBox01 ul li ol{padding: 30px 35px 0; text-align: left}
.obesityBox01 ul li ol dt{font-size: 24px; color: #3d9e9b; font-weight: 700; margin-bottom: 10px}

.obesityBox02{text-align: center; font-size: 24px; }

.obesityBox03{display: inline-block; width: 400px; font-size: 24px; letter-spacing: -0.04em }
.obesityBox03 dt{font-size: 40px; color: #3d9e9b; margin: 25px 0 27px; font-weight: 700}

.obesityBox04{display: inline-block; width: 747px;  letter-spacing: -0.04em; font-weight: 700; vertical-align: top; margin-left: 126px }

.obesityBox04 ul{font-size: 0; text-align: center}
.obesityBox04 ul li{display: inline-flex; width: 221px; height: 221px; background: #fff;justify-content:center; align-items:center; flex-direction: column ;font-size: 24px; border: #40a09d 1px solid; border-radius: 50%}
.obesityBox04 ul li:nth-child(2n){width: 42px; background: none; border: none; border-radius: 0}
.obesityBox04 ul li span{border-bottom:#40a09d 1px dotted; display: block; width: 100% }
.obesityBox04 ul li dt{color: #3d9e9b; font-size: 32px}

.obesityBox05{margin-top: 100px}
.obesityBox05 ul{text-align: center; font-size: 0}
.obesityBox05 ul li{display: inline-block; width: 406px; height: 517px; box-shadow: 0px 10px 15px #dcf2f3; overflow: hidden; border-radius: 20px; font-size: 22px; background: #fff}
.obesityBox05 ul li + li{margin-left: 30px;}
.obesityBox05 ul li ol{padding: 33px 35px 0; text-align: left}
.obesityBox05 ul li ol dt{font-size: 26px; font-weight: 700; margin-bottom: 10px}

.obesityBox06{margin-top: 70px; margin-bottom: 100px}
.obesityBox06 ul{text-align: center; font-size: 0}
.obesityBox06 ul li{display: inline-block; width: 592px; border: #9ff2ef 2px solid; font-size: 22px; vertical-align: top}
.obesityBox06 ul li + li{margin-left: 20px}
.obesityBox06 ul li dt{display: flex; justify-content:center; align-items:center; flex-direction: column ; font-size: 26px; font-weight: 700; height: 100px; background: #e4f9fa}
.obesityBox06 ul li dl{display: flex; justify-content:center; align-items:center; flex-direction: column ; height: 150px}


.obesityBox07{text-align: center; font-size: 28px; font-weight: 700}

.obesityBox08{margin-top: 70px; }
.obesityBox08 ul{text-align: center; font-size: 0}
.obesityBox08 ul li{display: inline-block; width: 303px; vertical-align: top; font-weight: 700; font-size: 23px; }
.obesityBox08 ul li + li{margin-left: 78px}
.obesityBox08 ul li dt{display: flex; justify-content:center; align-items:center; flex-direction: column ; width:200px; height: 55px; background: #3d9e9b; color: #fff; margin:0 auto 30px; border-radius: 30px }
.obesityBox08 ul li dl{ width:303px; height: 303px; border: #3d9e9b 1px solid; border-radius: 50%; padding-top: 58px}
.obesityBox08 ul li dl img{display: block; margin: 0 auto 30px}
.obesityBox08 ul li dl span{color: #3d9e9b;}


.obesityBox09{margin-top: 70px; }
.obesityBox09 ul{text-align: center; font-size: 0}
.obesityBox09 ul li{display: inline-flex;justify-content:center; align-items:center; flex-direction: column ;  width: 304px; height: 304px; vertical-align: top; font-weight: 700; font-size: 24px; background: #fff; border: #9ff2ef 2px solid; border-radius: 20px}
.obesityBox09 ul li + li{margin-left: 21px}
.obesityBox09 ul li img{display: block; margin: 0 auto 25px}
.obesityBox09 ul li span{color: #3d9e9b;}

.introBox01{margin-top: 20px; border: #9ff2ef 2px solid; border-radius: 20px; overflow: hidden}
.introBox01 ul{font-size: 0}
.introBox01 ul li{display: inline-flex; width: 30%; background: #f4ffff; height: 184px; font-size: 28px; font-weight: 700;  text-align: center; align-items:center; justify-content:center; vertical-align: top}
.introBox01 ul li b{font-weight: 700; color: #3d9e9b; margin-right: 5px }
.introBox01 ul li + li{width: 70%; background:#fff; text-align: left; padding: 0px 40px 0px 60px;  position: relative; font-size: 24px; font-weight: 400; justify-content: flex-start;}
.introBox01 ul li + li span{position: absolute;bottom: -70px; right: 40px; font-size: 130px; font-style: italic; font-weight: 900; color: #f5f9f9; }
.introBox01 ul.h1 li{height: 640px}
.introBox01 ul.h1 li:nth-child(2){flex-direction: column; font-size: 20px; padding-top: 40px}
.introBox01 ul.h1 li ol{display: block;padding: 0; padding-left: 195px; margin: 0; margin-left: -190px; position: relative; margin-bottom: 45px; }
.introBox01 ul.h1 li ol img{position: absolute; left: 0}
.introBox01 ul.h1 li ol dl{font-size: 24px; margin-top: 110px}
.introBox01 ul.h1 li ol dt{font-size: 30px; font-weight: 700; margin-bottom: 15px}
.introBox01 ul.h1 li ol dd{font-size: 20px}

.introBox01 ul.h1 li div{z-index: 1}
.introBox01 ul li:nth-child(2) div{z-index: 999 !important}

.pro2Box01{font-size: 18px; margin-bottom: 100px}
.pro2Box01 h2{font-size: 24px; margin: 50px 0 30px}