/* #main {
  margin-top: 95px;
}

@media (max-width:575px) {
  #main {
    margin-top: 155px;
  }
} */

/* .sc-slide {
  width: 100%;
} */

/* .slide1 .swiper-slide {
  position: relative;
  width: 100%;
} */

.slide1 .swiper-slide a {
  /* display: block; */
  /* width: 100%; */
  min-height: 600px;
  /* overflow: hidden; */
}

.sc-slide .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0.5);
  transition: width 0.3s ease-in-out;
  opacity: 1;
  font: 0/0 a;
}
.sc-slide .swiper-pagination-bullet-active {
  width: 20px;
  background-color: #fff;
}
.sc-slide {
  position: relative;
  background-size: 400% 400%;
  background: linear-gradient(135deg, hsl(174, 95%, 85%) 0%, hsl(34, 90%, 92%) 50%, hsl(345, 85%, 90%) 100%);
  animation: gradient-shift 8s ease-in-out infinite;
  overflow: hidden;
}
.hero-float {
  position: absolute;
  border-radius: 50%;
  filter: blur(32px);
  animation: float 6s ease-in-out infinite;
}
.hero-float-1 {
  width: 8rem;
  height: 8rem;
  top: 5rem;
  left: 2.5rem;
  background: hsla(174, 95%, 45%, 0.2);
}
.hero-float-2 {
  width: 12rem;
  height: 12rem;
  right: 5rem;
  bottom: 8rem;
  background: hsla(345, 85%, 88%, 0.3);
  animation-delay: 1s;
  filter: blur(40px);
}
.hero-float-3 {
  width: 6rem;
  height: 6rem;
  top: 50%;
  left: 33%;
  background: hsla(174, 95%, 85%, 0.25);
  animation-delay: 2s;
  filter: blur(24px);
}
.hero-container {
  max-width: 1200px;
}
/* .hero-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr 1fr; }
  .hero-content { text-align: left; }
} */
/* .hero-content {
  display: flex;
  flex-direction: column;
} */
/* .hero-badge {
  display: inline-block;
} */
.hero-badge-text {
  width: fit-content;
  font-size: var(--font-size-base);
  /* font-weight: 500;
  background-color: #fff; */
  animation: glow 2s infinite alternate;
  color: #9AB4B7;
}

.hero-title {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  background: linear-gradient(90deg, hsl(174, 95%, 45%), hsl(345, 85%, 88%), hsl(174, 95%, 45%));
  background-clip: text;
  color: transparent;
}
@media (min-width: 768px) {
  .hero-title { font-size: 3rem }
}
@media (min-width: 1024px) {
  .hero-title { font-size: var(--event-tit); }
}
.hero-title-secondary {
  -webkit-text-fill-color: initial;
  background: none;
  color: hsl(222.2, 84%, 4.9%);
}
.hero-desc {
  font-size: var(--font-size-base);
  color: hsl(215.4, 16.3%, 46.9%);
  max-width: 32rem;
  line-height: 1.7;
}
.hero-highlight {
  font-weight: var(--fw-600);
  color: hsl(174, 95%, 45%);
}

.hero-btn {
  font-size: var(--event-desc);
  border: none;
  background: hsl(174, 95%, 45%);
  box-shadow: 0 10px 40px -10px hsl(174, 95%, 45%, 0.3);
  transition: transform 0.5s, box-shadow 0.5s;
  letter-spacing: 1.2px;
  color: #fff;
}
.hero-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 20px -4px hsl(174, 50%, 70%, 0.25);
}
.hero-image-box {
  border-radius: 1.5rem;
  box-shadow: 0 10px 40px -10px hsl(174, 95%, 45%, 0.3);
  transition: box-shadow 0.5s, transform 0.5s;
}
.hero-image-box:hover {
  box-shadow: 0 4px 20px -4px hsl(174, 50%, 70%, 0.25);
  transform: scale(1.05);
}
.hero-image {
  height: auto;
  object-fit: cover;
  aspect-ratio: 4/3;
  transition: transform 0.7s;
}
.hero-image-box:hover .hero-image {
  transform: scale(1.1);
}
.hero-image-gradient {
  inset: 0;
  background: linear-gradient(to top, hsla(174, 95%, 45%, 0.2), transparent 80%);
}
.hero-product-badge {
  top: -1rem;
  right: -1rem;
  z-index: 20;
  border-radius: 1rem;
  box-shadow: 0 10px 40px -10px hsl(174, 95%, 45%, 0.3);
  animation: float 6s ease-in-out infinite;
}
.hero-product-img {
  width: 6rem;
  height: 6rem;
  object-fit: cover;
  border-radius: 0.75rem;
  border: 1px solid hsla(174, 95%, 45%, 0.2);
}
/* 슬라이드 안에 텍스트 애니메이션 */
.hero-title{
  opacity: 0;
  transition: 0.5s;
  transition-delay: 800ms;
  transform: translateY(-30%);
}
.swiper-slide-active .hero-title{
  opacity: 1;
  transform: translateY(0);
}
.hero-desc{
  opacity: 0;
  transition: 0.5s;
  transition-delay: 1300ms;
  transform: translateY(-10%);
}
.swiper-slide-active .hero-desc{
 opacity: 1;
 transform: translateY(0);
}
.hero-badge{
  opacity: 0;
  transition: 0.5s;
  transition-delay: 1300ms;
  transform: translateY(10%);
}
.swiper-slide-active .hero-badge{
 opacity: 1;
 transform: translateY(0);
}

.hero-image-box {
  opacity: 0;
  transition: 0.5s;
  transition-delay: 800ms;
  transform: translateX(10%);
}
.swiper-slide-active .hero-image-box {
  opacity: 1;
  transform: translateX(0);
}
.hero-product-badge {
  opacity: 0;
  transition: 0.5s;
  transition-delay: 1300ms;
  transform: translateY(-10%);
}
.swiper-slide-active .hero-product-badge {
  opacity: 1;
  transform: translateY(0);
}

/* 이벤트배너 섹션 */
.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.price-original {
  font-size: var(--font-size-small);
  font-weight: var(--fw-100);
  color:var(--color-secondary);
  text-decoration: line-through;
}
.event-title {
  font-size: var(--sub-h4);
  font-weight: var(--fw-600);
  color: var(--basic-color);
  max-width: 200px;
}
.event-price {
  color: var(--color-primary);
  font-size: var(--font-size-lg);
  font-weight: var(--fw-600);
  padding: 20px 10px;
}
.event-desc {
  font-size: var(--font-size-base);
  font-weight: var(--fw-400);
  color: var(--color-desc);
}
.event-date {
  font-size: var(--font-size-sm);
  font-weight: var(--fw-500);
  color:var(--color-muted);
}

/* 상품서비스 섹션*/
.services-bg {
  background-color: var(--color-primary2);
}
.services-con {
    position: relative;
    z-index: 1;
}  
.services-con:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, #2EC4B6, #fff); 
    z-index: -1;
    opacity: 0.9;
}
.card-link:hover {
    opacity: 0.7; 
    overflow: hidden;
} 
.services-title {
  font-size: var(--event-tit);
  font-weight: var(--fw-500);
  color: #fff;
  letter-spacing: 0.8px;
  line-height: 3.25rem;
  padding-bottom: 1.5rem;
}
.services-h4 {
  font-size: var(--sub-h4);
  font-weight: var(--fw-400);
  color: var(--basic-color);
}
.services-dese {
  font-size: var(--font-size-base);
  color: var(--color-desc);
  font-weight: var(--fw-300);
} 
.services-banner > div {
    min-height: calc(100vh - 500px);
    padding: 2vh 0.5vw;
}
.Ulthera_bg {
    background: url(../assets/images/img-main/original_tr1.png) no-repeat 0 0;
    background-size: cover;
  }
.Botox_bg {
    background: url(../assets/images/img-main/original_tr2.png) no-repeat 0 0;
    background-size: cover;
  }
.Inmode_bg {
    background: url(../assets/images/img-main/original_tr3.png) no-repeat 0 0;
    background-size: cover;
  }
.Thermage_bg {
    background: url(../assets/images/img-main/original_tr4.png) no-repeat 0 0;
    background-size: cover;
  }

/* about 섹션 */
.section-about {
  background-color: var(--color-sub-bg);
  background-image: url(../assets/images/img-main/about_bg_circle.png);
  background-repeat: no-repeat;
  background-size: 600px; /*600px 600px, 500px 500px; */
  background-position: right bottom /*,right top*/;
  /*padding: 4rem 2rem; */
}

#clinicCarousel {
  max-width: 500px;
  margin: 0 auto;
} 
.about_txt_box {
  max-width: 600px;
  z-index: 1;
}
.about_txt_tit {
  color:var(--color-muted);
  font-weight: var(--fw-500);
  font-size: var(--event-sub-tit);
  line-height: 2.3rem;
}
.about_txt_desc {
  color:var(--color-secondary);
}
.about_txt_doctor {
  color:var(--color-muted);
  font-weight: var(--fw-500);
}
.carousel-inner img {
  border-radius: 20px;
}

@media (max-width: 720px) {
  .carousel-control-prev,
  .carousel-control-next {
    display: none !important;
  }
 
}
.quote {
  position: relative;
}
/*따옴표 위쪽쪽위차*/
.quote:before {
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  background-color: currentColor;
  color:var(--color-sub);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43 31'%3E%3Cpath d='M18.459 0V18.25H9.33399L15.4173 30.4167H6.29232L0.208984 18.25V0H18.459ZM42.7923 0V18.25H33.6673L39.7507 30.4167H30.6257L24.5423 18.25V0H42.7923Z' fill='%2390C6CD'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
/*따옴표 아래쪽 위치*/
.quote:after {
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  color:var(--color-sub);
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43 31'%3E%3Cg transform='scale(1,-1) translate(0,-31)'%3E%3Cpath d='M18.459 0V18.25H9.33399L15.4173 30.4167H6.29232L0.208984 18.25V0H18.459ZM42.7923 0V18.25H33.6673L39.7507 30.4167H30.6257L24.5423 18.25V0H42.7923Z' fill='%2390C6CD'/%3E%3C/g%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}

/* doctor 섹션 */
.doctors-title {
  font-size: var(--sub-h4);
  font-weight: var(--fw-600);
}
.doctor-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctor-name {
  font-size: var(--event-sub-tit);
  font-weight: var(--fw-600);
}
.doctor-position {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}
.doctor-intro {
  font-size: var(--font-size-sm);
  color: var(--color-text);
}
/* SNS 아이콘 */
.doctors-sns i {
  font-size: 1.2rem;
  color:var(--color-sub-bg);
  transition: color 0.2s ease;
}
.doctors-sns i:hover {
  color: var(--color-primary);
}
/* Carousel */
.carousel-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* Carousel Pagination */
.carousel-indicators {
  bottom: auto;
}
.carousel-indicators [data-bs-target] {
  background-color: var(--color-primary);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.carousel-indicators .active {
  background-color: var(--color-point);
}

/* 연락처 지도 */
#sc-contact  {
  color: var(--color-desc);
}

#sc-contact .contact-group {
  background-color: #E8F0F1;
}

#sc-contact .contact-box .time {
  color: var(--color-primary2);
}

#sc-contact h2 {
  font-size: var(--sub-h2);
  color: var(--color-primary);
  letter-spacing: 0.44px;
}
#sc-contact .open-h {
  font-size: var(--sub-h4);
  color: var(--color-text);
}

#sc-contact .contact-addr-group a {
  color: var(--color-desc);
}

/* quick */
a.quick-link > .icon {
    color: var(--color-muted); /* 원하는 색상 */
    width: 20px;
    height: auto;
}

.quick-group .quick-link {
  width: 48px;
  height: 48px;
  /* border-radius: 50%; */
  background-color: var(--color-sub-bg);
}

.quick-group li img {
  width: 32px;
  height: 32px;
}

/* .quick-group .line-link {
  border-radius: 10px;
  background-color: #fff;
} */

.gototop {
  /* position: fixed;
  right: 20px;
  bottom: 20px;
  display: block; */
  transform: translateY(30px);
  opacity: 0;
  transition: 0.5s;
  /* z-index: 9999; */
}
.gototop.active {
  opacity: 1;
  transform: translateY(0);
}