@charset "UTF-8";
/*221128 jm : 드롭다운보다 snb가 스크롤시 위에 있도록 하기위해 z-index 101로 수정*/
.intro__bg {
  position: relative;
  z-index: -1;
  padding-top: calc(var(--uw) * 15.3846153846);
}
.intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro__bg-content-wrapper {
  position: absolute;
  bottom: calc(var(--uw) * 17.1794871795);
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 0 calc(var(--uw) * 6.1538461538);
}
.intro__bg-content-wrapper .subtitle-14-m {
  margin-bottom: calc(var(--uw) * 3.0769230769);
}
.intro__bg-content-wrapper img {
  width: 100%;
}

#page-wedding-intro {
  padding: calc(var(--uw) * 8.2051282051) 20px 0;
  background: linear-gradient(177deg, rgba(250, 245, 241, 0.7) 55.13%, rgba(142, 118, 96, 0.7) 124.92%), #FFF;
  margin-top: calc(var(--uw) * -3.3333333333);
}
#page-wedding-intro .__point {
  color: #8e7660;
}
#page-wedding-intro .intro-hero {
  display: flex;
  flex-direction: column;
  gap: calc(var(--uw) * 6.1538461538);
}
#page-wedding-intro .intro-hero__title p + p {
  margin-top: calc(var(--uw) * 0.5128205128);
}
#page-wedding-intro .intro-hero__desc {
  color: #333;
}
#page-wedding-intro .intro-hero__desc .headline-18-m {
  color: #000;
  margin-bottom: calc(var(--uw) * 3.0769230769);
}
#page-wedding-intro .intro-sep {
  width: 100%;
  height: 0;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.14);
  margin: calc(var(--uw) * 10.2564102564) 0 calc(var(--uw) * 8.2051282051);
}
#page-wedding-intro .intro-benefits__title {
  margin-bottom: calc(var(--uw) * 5.1282051282);
}
#page-wedding-intro .intro-benefits__card {
  background: #fff;
  border-radius: calc(var(--uw) * 3.0769230769);
  padding: calc(var(--uw) * 5.1282051282);
  display: flex;
  flex-direction: column;
  gap: calc(var(--uw) * 7.1794871795);
}
#page-wedding-intro .intro-benefit {
  display: flex;
  align-items: center;
  gap: calc(var(--uw) * 5.1282051282);
}
#page-wedding-intro .intro-benefit__title b {
  font-weight: 700;
}
#page-wedding-intro .intro-benefit__icon {
  flex: 0 0 auto;
  width: calc(var(--uw) * 20.5128205128);
  height: calc(var(--uw) * 20.5128205128);
  border-radius: calc(var(--uw) * 3.0769230769);
  padding: calc(var(--uw) * 3.0769230769);
  background-color: #fbf6f3;
}
#page-wedding-intro .intro-benefit__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page-wedding-intro .intro-benefit__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(var(--uw) * 1.5384615385);
}
#page-wedding-intro .intro-benefit__text .intro-benefit__title {
  word-break: keep-all;
}
#page-wedding-intro .intro-benefit__text .benefit-note {
  margin-top: calc(var(--uw) * 2.0512820513);
  color: #666;
}
#page-wedding-intro .intro-benefit__text-badge {
  width: fit-content;
  background: #f6f6f6;
  color: #000;
}

.intro-btns {
  display: flex;
  flex-direction: column;
  gap: calc(var(--uw) * 2.5641025641);
  padding: calc(var(--uw) * 12.3076923077) 20px calc(var(--uw) * 13.3333333333);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  margin-left: -20px;
  margin-right: -20px;
}
.intro-btns .btn {
  height: calc(var(--uw) * 13.3333333333);
}
.intro-btns .__btn-underline {
  position: relative;
  color: #666;
  text-decoration: underline;
  text-align: center;
  width: 100%;
}
.intro-btns .cancel {
  margin: calc(var(--uw) * 2.0512820513) 0;
}