@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
@font-face {
  font-family: "NewYork";
  src: url("./font/newyork-webfont.woff2") format("woff2"),
       url("./font/newyork-webfont.woff") format("woff"),
       url("./font/newyork-webfont.ttf") format("truetype"),
       url("./font/newyork-webfont.svg#newyorkregular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "newyorkregular";
  src: url("./font/newyork-webfont.woff2") format("woff2"),
       url("./font/newyork-webfont.woff") format("woff"),
       url("./font/newyork-webfont.ttf") format("truetype"),
       url("./font/newyork-webfont.svg#newyorkregular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-width: var(--page-w);
  background: #fff;
  color: #222;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  word-break: keep-all;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  max-width: none;
}
button {
  font: inherit;
  border: 0;
  background: none;
  cursor: pointer;
  color: inherit;
}
.center {
  text-align: center;
  align-items: center;
}
.top-banner p {
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.top-banner strong {
  font-weight: 800;
}
.top-banner em {
  color: #f9d9ac;
  font-style: normal;
}
.logo img {
  width: 170px;
  height: 18px;
  object-fit: contain;
}
.gnb__menu .is-active {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: #000;
}
.gnb__menu .point {
  color: #e06666;
}
.pill {
  height: 50px;
  min-width: 160px;
  padding: 0 42px;
  border-radius: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.9px;
  white-space: nowrap;
}
.pill--black {
  background: #000;
  color: #fff;
  width: 180px;
}
.pill--outline {
  border: 1px solid #000;
  color: #000;
  width: 180px;
  padding: 0 30px;
}
.hero__price .won {
  font-family: "Noto Serif TC", Georgia, serif;
  font-size: 100px;
  line-height: 100px;
}
.hero__price strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100px;
  line-height: 100px;
  font-weight: 400;
}
.hero__price span:not(.won) {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100px;
  line-height: 100px;
}
.info-band {
  height: 500px;
  padding: 80px 0;
}
.info-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 144px;
}
.info-card {
  width: 200px;
  text-align: center;
}
.info-card--wide {
  width: 232px;
}
.info-card__img {
  width: 200px;
  height: 200px;
  background: #d9d9d9;
  overflow: hidden;
  box-shadow: var(--shadow-card);
}
.info-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.08);
}
.round-tr-bl {
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
.round-bottom {
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
.info-card__label {
  margin: 40px 0 10px;
  color: #999;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.9px;
  white-space: nowrap;
}
.info-card h3 {
  margin: 0;
  color: #222;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -1.5px;
  font-weight: 800;
  white-space: nowrap;
}
.info-card h3 span {
  color: var(--orange);
}
.divider {
  height: 1px;
  background: #ddd;
}
.section-title {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.section-title p {
  margin: 0;
  color: var(--orange);
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.section-title h2 {
  position: relative;
  margin: 0;
  color: #000;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -1.6px;
  font-weight: 100;
}
.section-title--left h2 {
  font-size: 90px;
  line-height: 100px;
  letter-spacing: -1.8px;
}
.section-title h2 strong {
  font-weight: 800;
}
.section-title small {
  color: #999;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.section-title--left {
  position: relative;
  align-items: flex-start;
}
.underline {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 430px;
  height: 24px;
  background: linear-gradient(90deg, #ff5252 0%, #ffa246 100%);
}
.answer-text strong {
  color: #000;
  font-weight: 600;
}
.answer-text em {
  color: var(--orange);
  font-style: normal;
}
.big-image {
  width: 1440px;
  height: 680px;
  overflow: hidden;
}
.big-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cut-tl-br {
  border-top-left-radius: 120px;
  border-bottom-right-radius: 120px;
}
.quote-copy {
  text-align: center;
  color: #666;
}
.quote-mark {
  color: #000;
  font-family: Georgia, serif;
  font-size: 90px;
  line-height: 90px;
  letter-spacing: -4.5px;
}
.quote-copy p {
  margin: 0;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -1px;
}
.quote-copy strong {
  display: block;
  margin-top: 40px;
  color: #000;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -1.4px;
  font-weight: 400;
}
.quote-copy b {
  font-weight: 700;
}
.soft-bg {
  background: linear-gradient(180deg, #fff2e5 10.8%, #ffe2e2 58.1%, #fff 99.5%);
  border-top-left-radius: 160px;
  border-top-right-radius: 160px;
}
.ba-wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.ba-carousel {
  display: flex;
  align-items: center;
  gap: 28px;
  width: 100%;
}
.ba-track {
  display: flex;
  gap: 0;
  width: 1244px;
  overflow: hidden;
}
.ba-card {
  flex: 0 0 608px;
  width: 608px;
}
.ba-card + .ba-card {
  margin-left: 28px;
}
.ba-card__photos {
  display: flex;
  width: 608px;
  height: 360px;
  overflow: hidden;
}
.ba-card__photos div {
  width: 304px;
  height: 360px;
  overflow: hidden;
}
.ba-card__photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.4);
}
.ba-card__body {
  height: 350px;
  background: #fff;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ba-card__body h3 {
  margin: 0 0 20px;
  color: #222;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: -0.56px;
}
.ba-card__body p {
  margin: 0;
  color: #666;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.ba-card__body small {
  color: #666;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
}
.arrow-btn {
  flex: 0 0 70px;
  width: 70px;
  height: 70px;
  border: 1px solid #111;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 44px;
  line-height: 1;
  background: #fff;
}
.arrow-btn.gray {
  border-color: #bbb;
  color: #bbb;
  background: rgba(255,255,255,.55);
}
.arrow-btn.white {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.notice {
  margin: 0;
  color: #999;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.6px;
  text-align: center;
}
.process-wrap {
  padding-bottom: 160px;
  margin-top: 160px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.process-slider {
  display: flex;
  gap: 100px;
  align-items: center;
}
.step-card {
  position: relative;
  width: 1100px;
  height: 500px;
  border-radius: 30px;
  overflow: hidden;
  color: #fff;
}
.step-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.step-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #000 8.38%, rgba(0,0,0,0) 70.28%);
}
.step-card__overlay {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 40px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.step-card__title {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.step-card__title span {
  width: 80px;
  height: 30px;
  border-radius: 20px;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -0.8px;
}
.step-card__title strong {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -1.2px;
  font-weight: 800;
}
.step-card p {
  margin: 0;
  color: rgba(255,255,255,.7);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.8px;
  font-weight: 500;
}
.timeline-table {
  display: grid;
  grid-template-columns: 230px 1210px;
  width: 1440px;
  height: 570px;
}
.timeline-table > div {
  height: 122px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -1px;
  font-weight: 500;
  padding: 0 0 0 0;
}
.timeline-table > .period {
  justify-content: center;
  color: #222;
  font-weight: 700;
  text-align: center;
  padding: 0;
}
.timeline-table__head {
  height: 80px !important;
  background: var(--deep-brown) !important;
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  padding: 0 !important;
}
.timeline-table > div:not(.period):not(.timeline-table__head) {
  padding-left: 0;
}
.compare-wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.section-desc {
  color: #666;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -1px;
}
.section-desc b {
  color: #222;
  font-weight: 400;
}
.comparison-table {
  display: flex;
  width: 1440px;
  align-items: stretch;
}
.comparison-table .col {
  width: 314px;
  display: flex;
  flex-direction: column;
}
.comparison-table .col.label {
  width: 184px;
}
.comparison-table .col > div {
  height: 60px;
  background: #222;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -1px;
}
.comparison-table .col p {
  height: 80px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #444;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.8px;
  font-weight: 500;
}
.comparison-table .col.label p {
  color: #222;
  font-size: 18px;
  letter-spacing: -0.9px;
}
.comparison-table .highlight {
  border: 5px solid var(--orange);
  margin-top: -5px;
}
.comparison-table .highlight > div {
  background: var(--orange);
}
.comparison-table .highlight p {
  background: #fff6ed;
  color: #222;
  font-weight: 600;
}
.compare-note {
  margin: 0;
  color: #666;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.9px;
  text-align: center;
}
.reason-box {
  position: relative;
  width: 1440px;
  min-height: 262px;
  border-radius: 20px;
  overflow: hidden;
  padding: 60px;
  display: flex;
  gap: 60px;
  align-items: center;
  color: #fff;
  background: #2f2f2f;
}
.reason-box > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
  opacity: .9;
}
.reason-badge {
  position: relative;
  z-index: 2;
  width: 181px;
  min-width: 181px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  font-size: 60px;
  line-height: 60px;
  font-weight: 900;
  color: #1a3015;
}
.reason-badge::before {
  content: "";
  position: absolute;
  top: 0;
  width: 96px;
  height: 96px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
}
.reason-badge span {
  margin-top: 36px;
  color: #fff;
  text-align: center;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -1.3px;
}
.reason-box p {
  position: relative;
  z-index: 2;
  width: 1019px;
  margin: 0;
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 60px;
  color: rgba(255,255,255,.7);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.8px;
}
.recommend-list {
  display: flex;
  gap: 15px;
  width: 1440px;
}
.recommend-list article {
  width: 470px;
}
.recommend-list h3 {
  height: 90px;
  margin: 0;
  background: var(--deep-brown);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -1.1px;
  font-weight: 600;
}
.recommend-list small {
  margin-top: 0;
  color: rgba(255,255,255,.7);
  font-size: 16px;
  font-weight: 400;
}
.recommend-list p {
  height: 120px;
  margin: 0;
  border: 2px solid var(--deep-brown);
  background: #fff;
  color: #444;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.source {
  margin: -20px 0 0;
  color: #666;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
  text-align: center;
}
.price-main-img {
  width: 450px;
  height: 500px;
  border-radius: 40px;
  overflow: hidden;
  flex: 0 0 450px;
}
.price-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-track article {
  width: 300px;
  flex: 0 0 300px;
  display: grid;
  grid-template-rows: 300px auto auto auto auto;
  row-gap: 10px;
}
.product-track img {
  width: 300px;
  height: 300px;
  border-radius: 20px;
  object-fit: cover;
  background: #d9d9d9;
}
.product-track h3 {
  margin: 20px 0 0;
  color: #222;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -1.1px;
  font-weight: 600;
  white-space: nowrap;
}
.product-track h3 small {
  font-size: 14px;
  font-weight: 600;
}
.product-track p {
  margin: 0;
  color: #999;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.product-track strong {
  color: var(--orange);
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -1.1px;
  font-weight: 600;
}
.product-track a {
  width: 80px;
  height: 30px;
  border-radius: 8px;
  background: #222;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -0.8px;
}
.scrollbar {
  margin-top: 37px;
  width: 960px;
  height: 3px;
  background: #d7d7d7;
}
.scrollbar span {
  display: block;
  height: 3px;
  width: 202px;
  background: #555;
  transition: transform .45s ease;
}
.doctors-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
}
.section-title--dark p {
  color: #ffe4bf;
}
.section-title--dark h2 {
  color: #fff;
  font-size: 80px;
  line-height: 90px;
  font-weight: 100;
}
.section-title--dark small {
  color: rgba(255,255,255,.7);
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.doctor-cards div {
  height: 190px;
  background: #fff;
  color: #666;
  border-radius: 0 0 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.faq-item button span::before, .faq-item button span::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 24px;
  width: 20px;
  height: 1px;
  background: currentColor;
}
.faq-item div {
  display: none;
  width: 100%;
  padding: 10px 40px 40px;
  color: #666;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -1px;
}
.faq-item.is-open div {
  display: block;
}
.more-btn {
  width: 300px;
  height: 80px;
  border-radius: 80px;
  background: #e5790d;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.reserve-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reserve-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
}
.reserve-hero__inner {
  position: relative;
  z-index: 2;
  padding-top: 160px;
}
.reserve-buttons a {
  width: 280px;
  height: 70px;
  background: #fff;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.reserve-buttons .kakao {
  background: #ffdb4c;
}
.related-section {
  padding: 160px 0;
}
.branches-section {
  padding-bottom: 160px;
}
.branch-head > div:last-child {
  display: flex;
  gap: 10px;
}
.branch-track article {
  position: relative;
  width: 470px;
  height: 600px;
  flex: 0 0 470px;
  color: #fff;
  padding: 60px 40px;
  overflow: hidden;
}
.branch-track article::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
}
.branch-track img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.branch-track h3, .branch-track p, .branch-track small, .branch-track div {
  position: relative;
  z-index: 2;
}
.branch-track h3 {
  margin: 0 0 30px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 800;
  letter-spacing: -0.56px;
}
.branch-track p {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.9px;
}
.branch-track small {
  display: block;
  opacity: .7;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.branch-track div {
  margin-top: 30px;
  display: flex;
  gap: 10px;
}
.branch-track a {
  width: 120px;
  height: 36px;
  border-radius: 50px;
  background: #fff;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.7px;
}
.branch-track a.kakao {
  background: #ffdb4c;
}
.branches-wrap .scrollbar {
  width: 1440px;
}
.branches-wrap .scrollbar span {
  width: 303px;
}
.reserve-bottom > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reserve-bottom::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.2);
}
.reserve-branch-list div {
  height: 70px;
  border-bottom: 1px solid rgba(255,255,255,.3);
  display: flex;
  align-items: center;
  gap: 24px;
}
.reserve-branch-list strong {
  width: 220px;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -1.3px;
}
.reserve-branch-list span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer__info p {
  margin: 0;
  color: rgba(255,255,255,.6);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.sns span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
}
.footer-menu dl {
  margin: 0;
  display: flex;
  gap: 50px;
}
.footer-menu dt {
  width: 103px;
  color: #cfb187;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -1px;
}
.footer-menu dd {
  margin: 0 0 18px;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.footer-menu dd b {
  display: inline-block;
  width: 80px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.footer-menu__row {
  display: flex;
  gap: 46px;
  align-items: center;
  color: #999;
  font-size: 14px;
}
.footer-menu__row b {
  color: #cfb187;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -1px;
}
.footer__bottom div {
  display: flex;
  gap: 20px;
}
.footer__bottom a {
  height: 40px;
  padding: 0 20px;
  border: 1px solid #fff;
  background: rgba(255,255,255,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
  white-space: nowrap;
}
.auto-row {
  display: flex;
  flex-direction: row;
}
.auto-col {
  display: flex;
  flex-direction: column;
}
.reserve-hero__dim {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 1;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
}
.reserve-title {
  align-items: flex-start;
  gap: 40px;
  color: #fff;
  white-space: nowrap;
}
.reserve-title p {
  margin: 0;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #fff;
}
.reserve-title h2 {
  margin: 0;
  font-size: 80px;
  line-height: 80px;
  font-weight: 800;
  letter-spacing: -1.6px;
  color: #fff;
}
.reserve-title span {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: rgba(255,255,255,.6);
}
.reserve-buttons {
  margin-top: 60px;
  display: flex;
  margin: 0;
  gap: 6px;
  align-items: center;
  width: 100%;
}
.reserve-main-btn {
  width: 280px;
  height: 70px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #fff;
  color: #222;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.reserve-main-btn img {
  flex: 0 0 auto;
  width: 30px;
  height: 24px;
  object-fit: contain;
}
.reserve-main-btn--kakao {
  background: #ffdb4c;
}
.reserve-main-btn--kakao img {
  width: 28px;
  height: 30px;
}
.related-wrap h2 {
  margin: 0;
  color: #222;
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  letter-spacing: -1.4px;
  width: 100%;
}
.related-list a {
  display: block;
  width: 100%;
  color: #222;
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -1.1px;
}
.branch-title {
  align-items: flex-start;
  gap: 40px;
  white-space: nowrap;
}
.branch-title p {
  margin: 0;
  color: #b5a48c;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.branch-title h2 {
  margin: 0;
  color: #000;
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  letter-spacing: -1.4px;
}
.branch-title span {
  color: rgba(0,0,0,.6);
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.9px;
}
.branch-controls {
  gap: 10px;
  align-items: center;
}
.image-arrow {
  width: 70px;
  height: 70px;
  padding: 0;
  border: 0;
  background: transparent;
}
.image-arrow img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.image-arrow--next {
  transform: rotate(180deg) scaleY(-1);
}
.branch-track article.branch-card,
.branch-card {
  position: relative;
  flex: 0 0 470px;
  width: 470px;
  height: 600px;
  padding: 60px 40px 344px;
  align-items: flex-start;
  overflow: hidden;
  color: #fff;
}
.branch-card::after {
  display: none;
}
.branch-card__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.branch-card__bg--my {
  width: 191.47%;
  left: -35.52%;
  max-width: none;
}
.branch-card__bg--airport {
  width: 191.47%;
  left: -21.05%;
  max-width: none;
}
.branch-card__bg--dongtan {
  width: 191.47%;
  left: -39.35%;
  max-width: none;
}
.branch-card__bg--cheongju {
  width: 191.47%;
  left: -5.73%;
  max-width: none;
}
.branch-card__dim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0,0,0,.35);
  mix-blend-mode: multiply;
}
.branch-card__content {
  position: relative;
  z-index: 2;
  gap: 30px;
  align-items: flex-start;
  width: 359px;
}
.branch-card h3 {
  margin: 0;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  font-weight: 800;
  letter-spacing: -0.56px;
}
.branch-card p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.9px;
}
.branch-card small {
  margin: -20px 0 0;
  display: block;
  color: rgba(255,255,255,.7);
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: -0.7px;
}
.branch-card__buttons {
  gap: 10px;
  align-items: center;
  margin-top: 0 !important;
}
.branch-card__buttons a {
  width: 120px;
  height: 36px;
  border-radius: 50px;
  background: #fff;
  color: #222;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: -0.7px;
}
.branch-card__buttons a img {
  width: 15px;
  height: 14px;
  object-fit: contain;
}
.branch-card__buttons a.kakao {
  background: #ffdb4c;
}
.branch-card__buttons a.kakao img {
  width: 13px;
  height: 14px;
}
.bottom-branches .scrollbar span {
  display: block;
  width: 303px;
  height: 3px;
  background: #555;
  transform: translateX(0);
  transition: transform .45s ease;
}
.reserve-bottom__title h2 {
  margin: 0 0 40px;
  width: 630px;
  color: #e5caa4;
  font-size: 70px;
  line-height: 80px;
  font-weight: 800;
  letter-spacing: -1.4px;
}
.reserve-bottom__title h2::first-line {
  color: #fff;
}
.reserve-bottom__title h2 span {
  color: #e5caa4;
}
.reserve-bottom__title p {
  margin: 0;
  width: 630px;
  color: rgba(255,255,255,.7);
  font-size: 26px;
  line-height: 26px;
  font-weight: 300;
  letter-spacing: -0.52px;
}
.reserve-guide li {
  display: flex;
  height: auto;
  min-height: 66px;
  border-bottom: 1px solid rgba(255,255,255,.3);
  align-items: center;
  gap: 20px;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -1.2px;
  white-space: nowrap;
}
.reserve-guide li::before {
  content: "i";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,.8);
  color: #333;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  display: none;
}
.reserve-guide img {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
}
.reserve-branch-row--last {
  min-height: 50px;
}
.reserve-branch-list .reserve-branch-row {
  height: auto;
  border: 0;
}
.reserve-branch-list .reserve-branch-item {
  height: auto;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.reserve-branch-item--single {
  border-bottom: 0 !important;
}
.reserve-branch-item span {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.reserve-branch-item span img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.footer__black {
  position: absolute;
  inset: 0;
  background: #000;
  z-index: 0;
}
.footer__info {
  display: flex;
  flex-direction: column;
  width: 362px;
  gap: 70px;
  align-items: flex-start;
}
.footer__info-top {
  gap: 40px;
  align-items: flex-start;
  width: 362px;
}
.footer-logo {
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer-logo img {
  width: 170px;
  height: 18px;
  object-fit: contain;
}
.footer-logo strong {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
  letter-spacing: -0.48px;
  white-space: nowrap;
}
.footer-copy {
  gap: 20px;
  align-items: flex-start;
  width: 362px;
}
.footer-copy p {
  margin: 0;
  color: rgba(255,255,255,.6);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.32px;
  white-space: nowrap;
}
.sns {
  display: flex;
  gap: 10px;
  align-items: center;
}
.sns a {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
}
.sns img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.sns-instagram .sns-bg {
  position: absolute;
  inset: 0;
}
.sns-instagram .sns-icon {
  position: absolute;
  inset: 9px;
  width: 22px;
  height: 22px;
}
.footer-menu-group {
  margin: 0;
  gap: 50px;
  align-items: flex-start;
  width: 962px;
}
.footer-menu-group dt {
  width: 103px;
  flex: 0 0 103px;
  color: #cfb187;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.footer-menu-group dd {
  margin: 0;
  gap: 18px;
  align-items: flex-start;
}
.footer-menu-group dd p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
  white-space: nowrap;
}
.footer-menu-group dd p b {
  width: 80px;
  flex: 0 0 80px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  font-weight: 800;
  letter-spacing: -0.8px;
}
.footer-menu-line b {
  color: #cfb187;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.footer-menu-line span {
  color: #999;
  margin-right: -26px;
}
.footer-menu-line--last {
  width: 617px;
  justify-content: space-between;
  gap: 0;
}
.footer-line {
  width: 1440px;
  height: 1px;
  background: rgba(255,255,255,.2);
}
.footer__bottom {
  display: flex;
  width: 1440px;
  padding-top: 0;
  border-top: 0;
  gap: 80px;
  align-items: flex-start;
}
.footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.6);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.28px;
  white-space: nowrap;
}
.footer-policy a {
  height: 40px;
  padding: 0 20px;
  border: 1px solid #fff;
  background: rgba(255,255,255,.1);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
  white-space: nowrap;
}
.hero__bg,
.doctors-bg,
.reserve-hero__bg,
.reserve-bottom__bg,
.footer__bg {
  width: 100%;
}
.logo,
.doctors-left {
  left: var(--side);
}
.reserve-hero,
.reserve-bottom,
.footer,
.bottom-branches {
  padding-left: var(--side);
  padding-right: var(--side);
}
.reserve-hero__content,
.reserve-bottom__inner,
.footer__inner,
.branches-wrap {
  margin-left: 0;
  margin-right: 0;
}
.reserve-hero__content,
.branches-wrap,
.reserve-bottom__inner,
.footer__inner {
  width: calc(100vw - 480px);
}
.footer__main {
  display: flex;
  width: 1440px;
  align-items: center;
  gap: 80px;
  justify-content: space-between;
}
.site-header,
.top-banner,
.gnb,
.hero,
.info-band,
.answer-section,
.soft-bg,
.effect-section,
.compare-section,
.price-section,
.doctors-section,
.faq-section,
.reserve-hero,
.bottom-related,
.bottom-branches,
.reserve-bottom,
.footer {
  width: 100%;
  min-width: var(--page-w);
}
.site-header {
  position: relative;
  z-index: 20;
  background: #fff;
  height: 170px;
}
.top-banner {
  position: relative;
  background: #222;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.top-banner__close {
  position: absolute;
  top: 11px;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  right: var(--side);
}
.gnb {
  position: relative;
  display: flex;
  align-items: center;
  height: 120px;
}
.pill--brown {
  position: absolute;
  background: var(--brown);
  color: #fff;
  right: 240px;
  top: 34px;
}
.hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: var(--page-w);
  height: 1220px;
  object-fit: cover;
  object-position: center top;
}
.circle-text {
  position: absolute;
  width: 183px;
  height: 183px;
  border-radius: 50%;
  left: 868px;
  top: 1298px;
}
.divider,
.big-image,
.ba-carousel,
.timeline-table,
.comparison-table,
.reason-box,
.recommend-list,
.faq-list,
.related-wrap,
.branch-head,
.branch-viewport,
.bottom-branches .scrollbar,
.reserve-bottom__inner,
.reserve-branch-list,
.reserve-branch-row,
.footer__inner,
.footer__main,
.footer-line,
.footer__bottom {
  width: var(--inner);
  max-width: none;
}
.answer-head,
.effect-content,
.compare-wrap,
.faq-wrap,
.ba-wrap,
.process-wrap,
.effect-wrap {
  width: 100%;
}
.price-section {
  position: relative;
  overflow: visible;
  padding: 160px 0;
}
.price-title {
  margin-left: 678px;
  width: 584px;
}
.price-area {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  margin: 80px 0 0 240px;
  width: 2100px;
  max-width: none;
  overflow: visible;
}
.products {
  width: 1620px;
  overflow: hidden;
}
.product-track {
  display: flex;
  gap: 30px;
  transition: transform .45s ease;
  width: max-content;
}
.reserve-hero__content {
  position: relative;
  z-index: 2;
  align-items: flex-start;
  gap: 60px;
  width: auto;
  margin: 0;
}
.bottom-related {
  background: #fff;
  padding: 160px 0;
}
.related-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: var(--inner);
  gap: 90px;
}
.related-list {
  display: flex;
  align-items: center;
  width: var(--inner);
  gap: 40px;
  justify-content: flex-start;
}
.related-list article {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  border-top: 2px solid #222;
  padding-top: 40px;
  flex-basis: calc((100% - 120px) / 4);
  width: 330px;
  flex: 0 0 330px;
}
.related-list img {
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  width: 330px;
}
.branch-head {
  display: flex;
  margin-bottom: 60px;
  margin: 0;
  align-items: flex-end;
  justify-content: space-between;
  width: var(--inner);
}
.branch-track {
  display: flex;
  gap: 15px;
  align-items: center;
  transition: transform .45s ease;
  width: max-content;
  overflow: visible;
}
.bottom-branches .scrollbar {
  height: 3px;
  background: #d7d7d7;
  overflow: hidden;
  width: var(--inner);
}
.reserve-bottom__inner,
.reserve-branch-list,
.reserve-branch-row {
  width: var(--inner);
}
.footer__inner,
.footer__main,
.footer-line,
.footer__bottom {
  width: var(--inner);
}
.footer-policy {
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  margin-left: 0;
}
.before-after-section {
  padding-top: 0;
}
.ba-figma {
  width: var(--inner);
  padding: 160px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
.ba-figma__title {
  width: 476px;
  gap: 40px;
}
.ba-figma__title p {
  color: #f38b23;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.6px;
  font-weight: 600;
}
.ba-figma__title h2 {
  margin: 0;
  color: #000;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -1.6px;
  font-weight: 100;
  white-space: nowrap;
}
.ba-figma__title h2 strong {
  font-weight: 700;
}
.ba-carousel--figma {
  width: 1440px;
  display: flex;
  align-items: center;
  gap: 28px;
  position: relative;
  overflow: visible;
}
.ba-carousel--figma .ba-viewport {
  width: 1244px;
  overflow: hidden;
}
.ba-carousel--figma .ba-track {
  width: max-content;
  display: flex;
  gap: 28px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
  overflow: visible;
}
.ba-card--figma {
  width: 608px;
  flex: 0 0 608px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: transparent;
}
.ba-card--figma .ba-card__photos {
  width: 608px;
  height: 360px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ba-card--figma .ba-photo {
  position: relative;
  width: 304px;
  height: 360px;
  overflow: hidden;
  flex: 0 0 304px;
  background: #ddd;
}
.ba-card--figma .ba-photo img {
  position: absolute;
  max-width: none;
  display: block;
  object-fit: cover;
}
.ba-photo--first-before img {
  width: 232.24%;
  height: 196.11%;
  left: -6.58%;
  top: -52.78%;
}
.ba-photo--first-after img {
  width: 236.18%;
  height: 199.44%;
  left: -124.01%;
  top: -53.33%;
}
.ba-photo--second-before img {
  width: 212.5%;
  height: 179.44%;
  left: -1.32%;
  top: -45.28%;
}
.ba-photo--second-after img {
  width: 213.82%;
  height: 180.56%;
  left: -113.49%;
  top: -46.39%;
}
.ba-card--figma .ba-card__body {
  width: 608px;
  height: 350px;
  padding: 40px;
  background: #fff;
  border-radius: 0 0 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.ba-card--figma .ba-card__body h3 {
  margin: 0 0 20px;
  color: #222;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: -0.56px;
  font-weight: 700;
}
.ba-card--figma .ba-card__body p {
  margin: 0;
  color: #666;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.ba-card--figma .ba-card__body small {
  margin: 0;
  color: #666;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
}
.arrow-btn--black {
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  border-radius: 0;
  background: #222;
  color: #fff;
  font-size: 54px;
  line-height: 1;
  font-weight: 300;
}
.ba-notice {
  margin: 0;
  color: #999;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.6px;
  text-align: center;
  white-space: nowrap;
}
.price-figma {
  position: relative;
  height: 786px;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.price-figma .section-title {
  gap: 40px;
}
.price-figma .section-title p {
  color: #f38b23;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.6px;
  font-weight: 600;
}
.price-figma .section-title h2 strong {
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -1.6px;
  font-weight: 700;
}
.price-figma .section-title small {
  color: #666;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
  font-weight: 400;
}
.price-figma .price-main-img img {
  position: absolute;
  width: 140.89%;
  height: 181.83%;
  left: -2.67%;
  top: -34.92%;
  max-width: none;
  object-fit: cover;
}
.product-viewport {
  width: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
}
.product-viewport.is-dragging {
  cursor: grabbing;
}
.price-figma .product-track.is-dragging {
  transition: none;
}
.price-figma .product-track img {
  width: 300px;
  height: 300px;
  border-radius: 20px;
  object-fit: cover;
  object-position: bottom center;
  background: #d9d9d9;
  pointer-events: none;
}
.price-figma .product-track h3 {
  margin: 30px 0 0;
  color: #222;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -1.1px;
  font-weight: 600;
  white-space: nowrap;
}
.price-figma .product-track h3 small {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.price-figma .product-track p {
  margin: 10px 0 0;
  color: #999;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.price-figma .product-track strong {
  margin: 20px 0 0;
  color: #f38b23;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -1.1px;
  font-weight: 600;
}
.product-arrow {
  width: 42px;
  height: 42px;
  border: 1px solid #ddd;
  border-radius: 50%;
  color: #222;
  background: #fff;
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, color .2s ease;
}
.product-arrow:hover {
  background: #222;
  color: #fff;
}
.price-section.price-figma {
  position: relative;
  height: auto;
  min-height: 0;
  padding: 160px 0;
  overflow: hidden;
  background: #fff;
}
.price-figma .price-title {
  left: 50%;
  top: 0;
  position: static;
  transform: none;
  width: var(--inner);
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.price-figma .price-title .section-title {
  align-items: center;
  text-align: center;
}
.price-figma .price-main-img {
  position: relative;
  width: 450px;
  height: 500px;
  flex: 0 0 450px;
  border-radius: 40px;
  overflow: hidden;
}
.product-control {
  width: 960px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.product-scrollbar {
  width: auto;
  flex: 1 1 auto;
  height: 3px;
  background: #d7d7d7;
  overflow: hidden;
}
.product-scrollbar span {
  display: block;
  height: 3px;
  background: #555;
  transition: transform .48s cubic-bezier(.22,.61,.36,1), width .3s ease;
  width: 202px;
  max-width: 100%;
}
html,
body {
  width: 100%;
  min-width: 0 !important;
  overflow-x: hidden;
}
.page {
  position: relative;
  background: #fff;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden;
}
.container {
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  width: var(--inner-fluid);
  max-width: 1440px;
}
.site-header,
.top-banner,
.gnb,
.hero,
.soft-bg,
.doctors-section,
.reserve-hero,
.reserve-bottom,
.footer,
.bottom-related,
.bottom-branches,
.faq-section,
.compare-section,
.price-section,
.answer-section,
.info-band {
  width: 100%;
  min-width: 0 !important;
}
.doctors-section,
.reserve-hero,
.reserve-bottom,
.footer {
  width: 100vw !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw);
}
.reserve-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
}
html,
body,
.page {
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
.site-header,
.top-banner,
.gnb,
.hero,
.doctors-section,
.reserve-hero,
.reserve-bottom,
.footer {
  width: 100vw !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.container,
.divider,
.big-image,
.ba-carousel,
.timeline-table,
.comparison-table,
.reason-box,
.recommend-list,
.faq-list,
.related-wrap,
.branch-head,
.branch-viewport,
.bottom-branches .scrollbar,
.reserve-bottom__inner,
.reserve-branch-list,
.reserve-branch-row,
.footer__inner,
.footer__main,
.footer-line,
.footer__bottom {
  width: var(--wide-content) !important;
  max-width: var(--wide-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.top-banner__close,
.pill--brown {
  right: var(--wide-side) !important;
}
.logo {
  position: absolute;
  width: 170px;
  height: 18px;
  top: 51px;
  left: var(--wide-side) !important;
}
.gnb__menu {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: -0.9px;
  top: 48px;
  left: calc(var(--wide-side) + 376px) !important;
}
.hero .pill--black,
.hero .pill--outline {
  width: 180px !important;
}
.doctors-section {
  position: relative;
  color: #fff;
  width: 100%;
  min-width: 1978px;
  height: auto !important;
  aspect-ratio: 1920 / 1080;
  overflow: hidden !important;
}
.doctors-bg {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.doctors-left {
  position: absolute;
  z-index: 2;
  top: 278px;
  width: 340px;
  display: flex;
  flex-direction: column;
  gap: 150px;
  left: var(--wide-side) !important;
}
.reserve-hero {
  position: relative;
  width: 1920px;
  align-items: flex-start;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  color: #fff;
  height: auto !important;
  aspect-ratio: 1920 / 666;
  padding: 0 !important;
  overflow: hidden !important;
}
.reserve-hero__bg,
.reserve-hero > img {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.reserve-hero__content,
.reserve-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  width: var(--wide-content) !important;
  max-width: var(--wide-content) !important;
  margin: 0 auto !important;
  padding-top: clamp(80px, 8.333333vw, 160px) !important;
}
.bottom-related,
.bottom-branches {
  width: 100vw !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.branches-wrap {
  gap: 60px;
  align-items: flex-start;
  overflow: visible;
  width: var(--wide-content) !important;
  max-width: var(--wide-content) !important;
  margin: 0 auto !important;
}
.branch-viewport {
  width: var(--inner);
  overflow: hidden !important;
}
.reserve-bottom__bg,
.reserve-bottom > img {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.reserve-bottom__top,
.reserve-branch-list,
.reserve-branch-row {
  width: var(--wide-content) !important;
}
.reserve-bottom__title,
.reserve-guide,
.reserve-branch-item {
  width: 680px !important;
}
.footer {
  position: relative;
  background: #000;
  color: #fff;
  width: 100%;
  min-width: var(--page-w);
  min-height: 718px;
  padding-left: var(--side-fluid) !important;
  padding-right: var(--side-fluid) !important;
  height: 718px !important;
  padding: 80px 0 !important;
  overflow: hidden !important;
}
.footer__bg {
  position: absolute;
  inset: 0;
  opacity: .1;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.footer__inner {
  display: flex;
  flex-direction: column;
  width: 1440px;
  margin: 0;
  gap: 80px;
  align-items: flex-start;
  position: relative !important;
  z-index: 2 !important;
}
.footer-menu {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: flex-start;
  width: 962px !important;
  max-width: 962px !important;
}
:root {
  --black: #222;
  --brown: #817261;
  --deep-brown: #654322;
  --orange: #f38b23;
  --hero-orange: #c25100;
  --gray-1: #999;
  --gray-2: #666;
  --shadow-card: 2px 2px 7px rgba(0,0,0,.1), 10px 9px 14px rgba(0,0,0,.09), 22px 21px 18px rgba(0,0,0,.05), 39px 37px 22px rgba(0,0,0,.01), 61px 58px 24px rgba(0,0,0,0);
  --page-w: 1920px;
  --side: 240px;
  --inner: 1440px;
  --inner-fluid: min(1440px, calc(100vw - 48px));
  --side-fluid: max(24px, calc((100vw - 1440px) / 2));
  --wide-content: 1440px;
  --wide-side: max(24px, calc((100vw - var(--wide-content)) / 2));
  --figma-page: 1920px;
  --figma-hero-h: 1220px;
  --figma-inner: 1440px;
  --figma-side: max(24px, calc((100vw - var(--figma-inner)) / 2));
}
.hero__eyebrow {
  margin-bottom: 20px !important;
  margin: 0 0 20px !important;
  color: #505050 !important;
  font-size: 34px !important;
  line-height: 34px !important;
  letter-spacing: -1.02px !important;
  font-weight: 500 !important;
}
.hero h1 {
  margin-bottom: 0.5208333vw;
  margin: 0 0 10px !important;
  color: #c25100 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 160px !important;
  line-height: 160px !important;
  letter-spacing: -3.2px !important;
  font-weight: 400 !important;
}
.hero__price {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  color: #000;
  gap: 10px !important;
  margin: 0 !important;
}
.hero__price .won,
.hero__price strong,
.hero__price span:not(.won) {
  font-size: 100px !important;
  line-height: 100px !important;
  font-weight: 400 !important;
}
.hero__price small {
  font-size: 30px !important;
  line-height: 100px !important;
  font-weight: 400 !important;
}
.hero__desc {
  margin-top: 20px !important;
  margin: 20px 0 0 !important;
  color: #777 !important;
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: -0.9px !important;
}
.hero__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px !important;
  gap: 20px !important;
}
.hero .pill {
  width: 180px !important;
  height: 50px !important;
  min-width: 180px !important;
  padding: 0 36px !important;
  border-radius: 80px !important;
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: -0.9px !important;
}
.answer-section {
  padding: 160px 0 !important;
}
.answer-wrap {
  display: flex;
  flex-direction: column;
  width: var(--figma-inner) !important;
  max-width: var(--figma-inner) !important;
  margin: 0 auto !important;
  gap: 90px !important;
}
.answer-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.answer-head .section-title--left > p {
  color: #f38b23 !important;
  font-size: 30px !important;
  line-height: 30px !important;
  letter-spacing: -0.6px !important;
  font-weight: 600 !important;
}
.answer-head .section-title--left h2 strong {
  font-weight: 800 !important;
}
.answer-text {
  color: #666;
  width: 654px !important;
  font-size: 30px !important;
  line-height: 44px !important;
  letter-spacing: -1.5px !important;
}
.doctors-section.doctors-figma::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 1;
  pointer-events: none;
}
.doctors-section.doctors-figma .doctors-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
}
.doctors-section.doctors-figma .section-title--dark {
  gap: 37px !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.doctors-section.doctors-figma .section-title--dark p {
  color: #ffe4bf !important;
  font-size: 30px !important;
  line-height: 30px !important;
  letter-spacing: -0.6px !important;
  font-weight: 600 !important;
}
.doctors-section.doctors-figma .section-title--dark h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 80px !important;
  line-height: 90px !important;
  letter-spacing: -1.6px !important;
  font-weight: 100 !important;
}
.doctors-section.doctors-figma .section-title--dark h2 strong {
  font-weight: 800 !important;
}
.doctors-section.doctors-figma .section-title--dark small {
  margin-top: 0 !important;
  color: rgba(255,255,255,.7) !important;
  font-size: 16px !important;
  line-height: 16px !important;
  letter-spacing: -0.8px !important;
}
.doctor-arrows {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
.doctor-arrows .arrow-btn {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-size: 42px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.doctor-viewport {
  position: absolute !important;
  z-index: 2 !important;
  left: calc(var(--figma-side) + 538px) !important;
  top: 115px !important;
  width: calc(100vw - (var(--figma-side) + 538px)) !important;
  height: 850px !important;
  overflow: hidden !important;
  cursor: grab !important;
  user-select: none !important;
}
.doctor-viewport.is-dragging {
  cursor: grabbing !important;
}
.doctor-cards {
  z-index: 2;
  top: 115px;
  left: calc(var(--wide-side) + 538px) !important;
  position: static !important;
  display: flex !important;
  gap: 40px !important;
  align-items: flex-start !important;
  width: max-content !important;
  transform: translateX(0);
  transition: transform .48s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}
.doctor-cards.is-dragging {
  transition: none !important;
}
.doctor-cards article {
  width: 580px !important;
  flex: 0 0 580px !important;
}
.doctor-cards img {
  display: block !important;
  width: 580px !important;
  height: 660px !important;
  border-radius: 40px 40px 0 0 !important;
  object-fit: cover !important;
}
.doctor-cards article > div {
  width: 580px !important;
  height: 190px !important;
  background: #fff !important;
  color: #666 !important;
  border-radius: 0 0 40px 40px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.doctor-cards h3 {
  margin: 0 0 10px !important;
  width: 410px !important;
  color: #222 !important;
  font-size: 24px !important;
  line-height: 22px !important;
  letter-spacing: -1.2px !important;
  font-weight: 600 !important;
}
.doctor-cards h3 span {
  color: #666 !important;
  font-weight: 100 !important;
}
.doctor-cards h3 em {
  color: #f38b23 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.doctor-cards p {
  margin: 0 !important;
  width: 410px !important;
  color: #666 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: -0.8px !important;
}
.reserve-hero.reserve-figma {
  position: relative !important;
  width: 100vw !important;
  height: 666px !important;
  aspect-ratio: auto !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  border-top-right-radius: 100px !important;
  border-bottom-left-radius: 100px !important;
  overflow: hidden !important;
}
.reserve-hero.reserve-figma .reserve-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: bottom center !important;
  z-index: 0 !important;
}
.reserve-hero.reserve-figma .reserve-hero__dim,
.reserve-hero.reserve-figma::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.5) !important;
  border-top-right-radius: 100px !important;
  border-bottom-left-radius: 100px !important;
  z-index: 1 !important;
}
.reserve-hero.reserve-figma .reserve-hero__content {
  position: relative !important;
  z-index: 2 !important;
  width: var(--figma-inner) !important;
  max-width: var(--figma-inner) !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 160px 0 0 !important;
  gap: 60px !important;
  align-items: flex-start !important;
}
.reserve-hero.reserve-figma .reserve-title {
  gap: 40px !important;
  align-items: flex-start !important;
  color: #fff !important;
  text-align: left !important;
}
.reserve-hero.reserve-figma .reserve-title p {
  margin: 0 !important;
  font-size: 30px !important;
  line-height: 30px !important;
  letter-spacing: -0.6px !important;
  font-weight: 600 !important;
}
.reserve-hero.reserve-figma .reserve-title h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 80px !important;
  line-height: 80px !important;
  letter-spacing: -1.6px !important;
  font-weight: 800 !important;
}
.reserve-hero.reserve-figma .reserve-title span {
  color: rgba(255,255,255,.6) !important;
  font-size: 18px !important;
  line-height: 26px !important;
  letter-spacing: -0.9px !important;
}
.reserve-hero.reserve-figma .reserve-buttons {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
}
.reserve-hero.reserve-figma .reserve-main-btn {
  width: 280px !important;
  height: 70px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #fff !important;
  color: #222 !important;
  font-size: 20px !important;
  line-height: 20px !important;
  letter-spacing: -1px !important;
  font-weight: 800 !important;
}
.reserve-hero.reserve-figma .reserve-main-btn--kakao {
  background: #ffdb4c !important;
}
.reserve-hero.reserve-figma .reserve-main-btn img {
  width: auto !important;
  height: 30px !important;
  max-width: 30px !important;
  object-fit: contain !important;
}
.reserve-hero.reserve-figma .reserve-main-btn:first-child img {
  width: 30px !important;
  height: 24px !important;
}
.hero h1,
.hero__price strong {
  font-family: "NewYork", Georgia, "Times New Roman", serif;
  font-weight: 400;
}
.hero h1,
.hero h1 br,
.hero__price strong {
  font-family: "NewYork", "newyorkregular", Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.hero__video,
.hero__video-el {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #fff7ef !important;
}
.arrow-btn--image {
  width: 70px !important;
  height: 70px !important;
  flex: 0 0 70px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.arrow-btn--image img {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  display: block !important;
}
.ba-carousel--figma .arrow-btn--image,
.process-slider .arrow-btn--image {
  opacity: 1 !important;
  transition: opacity .2s ease !important;
}
.ba-carousel--figma .arrow-btn--image:hover,
.process-slider .arrow-btn--image:hover {
  opacity: .88 !important;
}
.soft-bg.before-after-section {
  padding-top: 160px !important;
}
.before-after-section .ba-figma {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.before-after-section .process-wrap {
  margin-top: 160px !important;
  padding-bottom: 160px !important;
}
.effect-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 40px !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 51.57%, #000 103.14%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.effect-visual p {
  opacity: .8;
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  width: 840px !important;
  color: rgba(255,255,255,.8) !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
  letter-spacing: -0.9px !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.price-figma .product-arrow {
  display: none !important;
}
.price-figma .product-scrollbar:active,
.price-figma .product-scrollbar.is-dragging {
  cursor: grabbing !important;
}
.price-figma .product-track.is-dragging,
.bottom-branches .branch-track.is-dragging {
  transition: none !important;
}
.price-figma .product-viewport.is-dragging,
.bottom-branches .branch-viewport.is-dragging,
.bottom-branches .branch-scrollbar.is-dragging {
  cursor: grabbing !important;
}
.doctors-section.doctors-figma {
  position: relative !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;
  color: #fff !important;
  background: #111 !important;
  height: 1090px !important;
  min-height: 1090px !important;
  aspect-ratio: auto !important;
  padding: 120px 0 !important;
}
.doctors-section.doctors-figma .doctors-bg,
.doctors-section.doctors-figma::after {
  height: 100% !important;
}
.doctors-section.doctors-figma .doctor-viewport {
  top: 120px !important;
  height: 850px !important;
}
.doctors-section.doctors-figma .doctors-left {
  position: absolute !important;
  z-index: 2 !important;
  left: var(--figma-side) !important;
  width: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 150px !important;
  top: 260px !important;
}
.faq-section {
  padding: 160px 0 !important;
  background: #fff !important;
}
.faq-wrap {
  width: 1440px !important;
  max-width: 1440px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 80px !important;
}
.faq-section .section-title {
  gap: 40px !important;
  align-items: center !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.faq-section .section-title p {
  font-size: 30px !important;
  line-height: 30px !important;
  font-weight: 600 !important;
  letter-spacing: -0.6px !important;
  color: #f38b23 !important;
}
.faq-section .section-title h2,
.faq-section .section-title h2 strong {
  font-size: 80px !important;
  line-height: 80px !important;
  font-weight: 800 !important;
  letter-spacing: -1.6px !important;
  color: #000 !important;
}
.faq-list {
  width: 1440px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-top: 4px solid #000 !important;
  border-bottom: 4px solid #000 !important;
}
.faq-item {
  border-bottom: 1px solid #555 !important;
  background: #fff !important;
}
.faq-item:last-child {
  border-bottom: 0 !important;
}
.faq-item button {
  height: 90px;
  width: 1360px !important;
  min-height: 94px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #999 !important;
  font-size: 26px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  letter-spacing: -0.52px !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.faq-item.is-open button {
  color: #000 !important;
}
.faq-item button span::before {
  transform: translate(-78%, -50%) rotate(45deg) !important;
}
.faq-item button span::after {
  transition: transform .25s ease;
  transform: translate(-22%, -50%) rotate(-45deg) !important;
}
.faq-item.is-open button span::before {
  background: #000 !important;
  transform: translate(-78%, -50%) rotate(-45deg) !important;
}
.faq-item.is-open button span::after {
  background: #000 !important;
  transform: translate(-22%, -50%) rotate(45deg) !important;
}
.faq-item > div {
  width: 1440px !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 40px !important;
  color: #666 !important;
  font-size: 20px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
  transition: max-height .32s ease, padding .32s ease !important;
}
.faq-item.is-open > div {
  max-height: 180px !important;
  padding: 10px 40px 40px !important;
}
.faq-wrap .more-btn {
  width: 300px !important;
  height: 80px !important;
  border-radius: 80px !important;
  background: #e5790d !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 20px !important;
  line-height: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
}
.bottom-branches .branch-card__bg--my,
.bottom-branches .branch-card__bg--airport,
.bottom-branches .branch-card__bg--dongtan,
.bottom-branches .branch-card__bg--cheongju {
  width: 191.47% !important;
  height: 100% !important;
  max-width: none !important;
}
.reserve-bottom__top {
  width: 1440px !important;
  gap: 80px !important;
  display: flex !important;
  align-items: flex-start !important;
}
.reserve-bottom__title {
  align-items: flex-start;
  justify-content: center;
  width: 680px !important;
}
.reserve-guide {
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: space-between;
  align-items: stretch;
  width: 680px !important;
  height: 256px !important;
}
.reserve-branch-list {
  grid-column: 1/3;
  grid-template-columns: 680px 680px;
  display: flex;
  flex-direction: column;
  width: 1440px !important;
  gap: 20px !important;
}
.reserve-branch-row {
  align-items: flex-start;
  justify-content: flex-start;
  width: 1440px !important;
  gap: 80px !important;
}
.reserve-branch-item {
  align-items: center;
  width: 680px !important;
  min-height: 70px !important;
  gap: 24px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(255,255,255,.3) !important;
}
.reserve-branch-item strong {
  color: #fff;
  font-size: 26px;
  line-height: 26px;
  font-weight: 800;
  letter-spacing: -1.3px;
  width: 220px !important;
  flex: 0 0 220px !important;
}
.reserve-branch-item span,
.reserve-branch-item span img {
  width: 50px !important;
  height: 50px !important;
}
.footer-menu-line {
  color: #999;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
  white-space: nowrap;
  width: 617px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
}
.footer-menu-line > div {
  display: flex !important;
  align-items: center !important;
  gap: 46px !important;
}
.footer-menu-line > b {
  width: 82px !important;
  text-align: left !important;
}
.answer-head .section-title--left {
  width: 786px !important;
  gap: 40px !important;
  align-items: flex-start !important;
  position: relative !important;
}
.answer-head .section-title--left h2 {
  margin: 0 !important;
  width: 780px !important;
  min-height: 300px !important;
  color: #000 !important;
  font-size: 90px !important;
  line-height: 100px !important;
  letter-spacing: -1.8px !important;
  font-weight: 100 !important;
  position: relative !important;
  z-index: 1 !important;
}
.answer-head .underline {
  position: absolute !important;
  background: linear-gradient(90deg, #ff5252 0%, #ffa246 100%) !important;
  left: 0 !important;
  top: 342px !important;
  bottom: auto !important;
  width: 430px !important;
  height: 24px !important;
  z-index: 0 !important;
}
.ba-carousel--figma [data-ba-next] img,
.process-slider [data-step-next] img {
  transform: scaleX(-1) !important;
  transform-origin: center center !important;
}
.effect-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1440px !important;
  max-width: 1440px !important;
  gap: 80px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.effect-content {
  width: 1440px !important;
  max-width: 1440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 70px !important;
}
.effect-visual {
  padding-bottom: 50px !important;
  width: 920px !important;
  height: 500px !important;
  flex: 0 0 920px !important;
  border-radius: 40px !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 0 50px !important;
}
.effect-visual img {
  inset: 0 !important;
  position: absolute !important;
  left: 0 !important;
  top: 1.13% !important;
  width: 100% !important;
  height: 100.54% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
}
.effect-tabs {
  width: 450px !important;
  flex: 0 0 450px !important;
  min-height: 500px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
}
.effect-tabs li {
  border-bottom: 1px solid #ddd !important;
  position: relative !important;
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 0 81px !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.effect-tabs li:last-child {
  margin-bottom: 0 !important;
}
.effect-tabs li:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -41px !important;
  height: 1px !important;
  background: #ddd !important;
}
.effect-tabs button {
  width: 100% !important;
  height: 26px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  color: #999 !important;
  font-size: 26px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  letter-spacing: -0.52px !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.effect-tabs button::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #999 !important;
  font-size: 26px !important;
  line-height: 20px !important;
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  background: url("https://www.figma.com/api/mcp/asset/cc3d9094-2b77-46fb-a6c7-ce2a7c660db7") center / 20px 20px no-repeat !important;
  transform: none !important;
}
.effect-tabs button.is-active {
  color: #000 !important;
}
.effect-tabs button.is-active::before {
  color: #000 !important;
  background-image: url("https://www.figma.com/api/mcp/asset/5b04cec5-8e63-4c0b-a1c5-2517bb221210") !important;
}
.faq-item button span {
  border: 1px solid currentColor;
  position: relative !important;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  background: url("https://www.figma.com/api/mcp/asset/23727f9a-02e2-4670-8bf6-68935592dc5d") center / 50px 50px no-repeat !important;
}
.faq-item.is-open button span {
  background-image: url("https://www.figma.com/api/mcp/asset/7e1ab6fe-8c20-4938-aee2-1e82944d4847") !important;
}
.faq-item button span::before,
.faq-item button span::after {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background: #999 !important;
  transform-origin: center !important;
  display: none !important;
  content: none !important;
}
.effect-section {
  padding: 160px 0 !important;
  background: #fff !important;
  padding-top: 0 !important;
  padding-bottom: 160px !important;
}
.compare-section {
  padding: 160px 0;
  padding-top: 0 !important;
}
.price-figma .price-area {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  width: var(--inner);
  min-width: 0;
  max-width: var(--inner);
  margin: 80px auto 0;
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  overflow: visible;
  align-items: flex-start !important;
}
.faq-item button .faq-arrow::before,
.faq-item button .faq-arrow::after {
  display: none !important;
  content: none !important;
}
.faq-arrow img {
  position: absolute !important;
  inset: 0 !important;
  width: 50px !important;
  height: 50px !important;
  object-fit: contain !important;
  display: block !important;
  max-width: none !important;
}
.faq-arrow__up {
  display: none !important;
}
.faq-arrow__down {
  display: block !important;
}
.faq-item.is-open .faq-arrow__up {
  display: block !important;
}
.faq-item.is-open .faq-arrow__down {
  display: none !important;
}
.bottom-branches .branch-title p {
  margin: 0 !important;
  color: #b5a48c !important;
  font-size: 30px !important;
  line-height: 30px !important;
  font-weight: 600 !important;
  letter-spacing: -0.6px !important;
}
.bottom-branches .branch-title h2 {
  margin: 0 !important;
  color: #000 !important;
  font-size: 70px !important;
  line-height: 70px !important;
  font-weight: 800 !important;
  letter-spacing: -1.4px !important;
}
.bottom-branches .branch-title span {
  color: rgba(0,0,0,.6) !important;
  font-size: 18px !important;
  line-height: 26px !important;
  letter-spacing: -0.9px !important;
}
.bottom-branches .branch-controls .image-arrow img {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
}
.reserve-bottom {
  box-sizing: border-box !important;
  align-items: flex-start !important;
  padding-top: 110px !important;
  padding-bottom: 110px !important;
  position: relative !important;
  width: 100vw !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  padding: 110px 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  display: block !important;
  overflow: hidden !important;
  color: #fff !important;
}
.reserve-bottom__bg {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
}
.reserve-bottom__dim {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: rgba(0,0,0,.2) !important;
}
.reserve-bottom__inner {
  grid-template-columns: 680px 680px;
  column-gap: 80px;
  row-gap: 80px;
  justify-content: center !important;
  position: relative !important;
  z-index: 2 !important;
  min-height: 0 !important;
  width: 1440px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 80px !important;
  align-items: flex-start !important;
}
.hero {
  max-height: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative !important;
  width: 100vw !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: 1920 / 1220 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  line-height: normal !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.hero::after {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  height: 12px !important;
  background: #fff !important;
  z-index: 4 !important;
  pointer-events: none !important;
  display: none !important;
  content: none !important;
}
.hero__video {
  align-items: center;
  justify-content: center;
  display: block !important;
  z-index: 0 !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  clip-path: none !important;
  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.hero__video-el {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  transform: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.hero__copy {
  position: absolute !important;
  top: 18.1967213% !important;
  transform: none !important;
  width: 760px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  line-height: normal !important;
  left: var(--figma-side) !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  z-index: 2 !important;
}
.price-figma .products {
  width: 960px;
  min-width: 0;
  max-width: 960px;
  flex: 0 0 960px;
  display: flex;
  flex-direction: column;
  height: auto !important;
  min-height: 500px !important;
  gap: 24px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}
.price-figma .product-viewport {
  overflow: hidden;
  cursor: grab;
  user-select: none;
  width: 960px !important;
  height: auto !important;
  min-height: 480px !important;
  flex: 0 0 auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding-bottom: 2px !important;
}
.price-figma .product-track {
  display: flex;
  gap: 30px;
  width: max-content;
  transition: transform .48s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
  align-items: flex-start !important;
  overflow: visible !important;
}
.price-figma .product-track article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: 300px;
  flex: 0 0 300px;
  min-height: 472px !important;
  overflow: visible !important;
}
.price-figma .product-track a {
  margin: 10px 0 0;
  width: 80px;
  height: 30px;
  border-radius: 8px;
  background: #222;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
  font-weight: 700;
  flex: 0 0 30px !important;
  min-height: 30px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.price-figma .product-control {
  gap: 0 !important;
  margin-top: 37px !important;
  width: 960px !important;
  height: 3px !important;
  margin: 0 auto !important;
  flex: 0 0 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.price-figma .product-scrollbar {
  position: relative !important;
  width: 960px !important;
  height: 3px !important;
  flex: 0 0 960px !important;
  margin: 0 auto !important;
  background: #d7d7d7 !important;
  overflow: visible !important;
  cursor: grab !important;
}
.price-figma .product-scrollbar span {
  transition: transform .45s cubic-bezier(.22,.61,.36,1) !important;
  will-change: transform !important;
  display: block !important;
  width: 202px !important;
  height: 3px !important;
  background: #555 !important;
}
.bottom-branches {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 0 0 160px !important;
  background: #fff !important;
  overflow: hidden !important;
}
.bottom-branches .branches-wrap {
  width: 1440px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  gap: 60px !important;
  align-items: flex-start !important;
  overflow: visible !important;
}
.bottom-branches .branch-head {
  width: 1440px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
}
.bottom-branches .branch-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 40px !important;
  white-space: nowrap !important;
}
.bottom-branches .branch-controls {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
.bottom-branches .branch-controls .image-arrow,
.bottom-branches .branch-controls .image-arrow img {
  width: 70px !important;
  height: 70px !important;
  display: block !important;
}
.bottom-branches .branch-controls .image-arrow {
  width: 70px !important;
  height: 70px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.bottom-branches .branch-viewport {
  width: 1440px !important;
  height: 600px !important;
  overflow: hidden !important;
  cursor: grab !important;
  user-select: none !important;
}
.bottom-branches .branch-track {
  width: max-content !important;
  height: 600px !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  overflow: visible !important;
  transition: transform .45s cubic-bezier(.22,.61,.36,1) !important;
  will-change: transform !important;
}
.bottom-branches .branch-card::after {
  display: none !important;
  content: none !important;
}
.bottom-branches .branch-card__bg {
  inset: 0 !important;
  width: 100% !important;
  object-position: center center !important;
  position: absolute !important;
  top: 0 !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
.bottom-branches .branch-card:first-child .branch-card__bg {
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: 0 !important;
  width: 100% !important;
}
.bottom-branches .branch-card__bg--my {
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -35.52% !important;
  width: 191.47% !important;
}
.bottom-branches .branch-card__bg--airport {
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -21.05% !important;
  width: 191.47% !important;
}
.bottom-branches .branch-card__bg--dongtan {
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -39.35% !important;
  width: 191.47% !important;
}
.bottom-branches .branch-card__bg--cheongju {
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -5.73% !important;
  width: 191.47% !important;
}
.bottom-branches .branch-card__dim {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  background: rgba(0,0,0,.35) !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}
.bottom-branches .branch-card__content {
  position: relative !important;
  z-index: 2 !important;
  width: 359px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 30px !important;
  align-items: flex-start !important;
}
.bottom-branches .branch-card:nth-child(1) .branch-card__content {
  width: 291px !important;
}
.bottom-branches .branch-card:nth-child(2) .branch-card__content {
  width: 294px !important;
}
.bottom-branches .branch-card:nth-child(3) .branch-card__content {
  width: 342px !important;
}
.bottom-branches .branch-card:nth-child(4) .branch-card__content {
  width: 263px !important;
}
.bottom-branches .branch-card:nth-child(5) .branch-card__content {
  width: 359px !important;
}
.bottom-branches .branch-card h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -0.56px !important;
}
.bottom-branches .branch-card p {
  margin: 0 !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  letter-spacing: -0.9px !important;
}
.bottom-branches .branch-card small {
  display: block !important;
  margin: -20px 0 0 !important;
  color: rgba(255,255,255,.7) !important;
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.7px !important;
}
.bottom-branches .branch-card__buttons {
  position: relative !important;
  z-index: 3 !important;
  margin-top: 0 !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
.bottom-branches .branch-card__buttons a {
  position: relative !important;
  z-index: 3 !important;
  width: 120px !important;
  height: 36px !important;
  border-radius: 50px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: #fff !important;
  color: #222 !important;
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.7px !important;
  text-decoration: none !important;
}
.bottom-branches .branch-card__buttons a.kakao {
  background: #ffdb4c !important;
}
.bottom-branches .branch-scrollbar {
  width: 1440px !important;
  height: 3px !important;
  background: #d7d7d7 !important;
  overflow: visible !important;
  cursor: grab !important;
}
.bottom-branches .branch-scrollbar span {
  transition: transform .45s cubic-bezier(.22,.61,.36,1) !important;
  display: block !important;
  width: 303px !important;
  height: 3px !important;
  background: #555 !important;
}
.faq-item button .faq-arrow,
.faq-item button span.faq-arrow {
  position: relative !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  color: inherit !important;
}
.faq-item button .faq-arrow img,
.faq-item button span.faq-arrow img,
.faq-arrow__up,
.faq-arrow__down {
  display: none !important;
}
.faq-item button .faq-arrow::before,
.faq-item button .faq-arrow::after,
.faq-item button span.faq-arrow::before,
.faq-item button span.faq-arrow::after {
  content: "" !important;
  position: absolute !important;
  top: 24px !important;
  width: 18px !important;
  height: 3px !important;
  border-radius: 3px !important;
  display: block !important;
  background: #999 !important;
  transform-origin: center center !important;
  transition: transform .2s ease, background-color .2s ease !important;
}
.faq-item button .faq-arrow::before,
.faq-item button span.faq-arrow::before {
  left: 10px !important;
  transform: rotate(45deg) !important;
}
.faq-item button .faq-arrow::after,
.faq-item button span.faq-arrow::after {
  right: 10px !important;
  transform: rotate(-45deg) !important;
}
.faq-item.is-open button .faq-arrow::before,
.faq-item.is-open button span.faq-arrow::before {
  background: #000 !important;
  transform: rotate(-45deg) !important;
}
.faq-item.is-open button .faq-arrow::after,
.faq-item.is-open button span.faq-arrow::after {
  background: #000 !important;
  transform: rotate(45deg) !important;
}
.bottom-branches .branch-card {
  position: relative !important;
  width: 470px !important;
  height: 600px !important;
  flex: 0 0 470px !important;
  padding: 60px 40px 344px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  color: #fff !important;
  border-radius: 0 !important;
  background: #222 !important;
  background-color: lightgray !important;
  background-blend-mode: multiply, normal !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.bottom-branches .branch-card__bg,
.bottom-branches .branch-card__dim {
  display: none !important;
}
.bottom-branches .branch-card:nth-child(1) {
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), url("https://www.figma.com/api/mcp/asset/4a0e1eeb-c128-4195-8f54-4f5794685907") lightgray center / cover no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.bottom-branches .branch-card:nth-child(2) {
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), url("https://www.figma.com/api/mcp/asset/c74a4f02-fb81-4aa7-82a4-a85b6a830e1a") lightgray -166.944px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.bottom-branches .branch-card:nth-child(3) {
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), url("https://www.figma.com/api/mcp/asset/a0dc679d-40d4-4909-a673-4533aedcb31f") lightgray -98.945px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.bottom-branches .branch-card:nth-child(4) {
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), url("https://www.figma.com/api/mcp/asset/09609f71-875d-469e-8ce9-ec8b1aff751e") lightgray -184.945px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.bottom-branches .branch-card:nth-child(5) {
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), url("https://www.figma.com/api/mcp/asset/052c52da-29a7-417b-a3b9-081f5ad68f86") lightgray -26.931px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.bottom-branches .branch-card__content,
.bottom-branches .branch-card__buttons,
.bottom-branches .branch-card__buttons a {
  position: relative !important;
  z-index: 2 !important;
}
.bottom-branches .branch-card__buttons a img,
.bottom-branches .branch-card__buttons a.kakao img {
  inset: auto !important;
  max-width: none !important;
  pointer-events: none !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
  transform: none !important;
}
.bottom-branches .branch-card__buttons a img {
  object-fit: contain !important;
  width: 15px !important;
  height: 14px !important;
}
.bottom-branches .branch-card__buttons a.kakao img {
  width: 13px !important;
  height: 14px !important;
}
.faq-list .faq-item > button .faq-arrow {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  flex: 0 0 50px !important;
  display: block !important;
  position: relative !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.faq-list .faq-item > button .faq-arrow::before,
.faq-list .faq-item > button .faq-arrow::after {
  display: none !important;
  content: none !important;
}
.faq-list .faq-item > button .faq-arrow img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 50px !important;
  height: 50px !important;
  max-width: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.faq-list .faq-item:not(.is-open) > button .faq-arrow__down {
  display: block !important;
}
.faq-list .faq-item:not(.is-open) > button .faq-arrow__up {
  display: none !important;
}
.faq-list .faq-item.is-open > button .faq-arrow__down {
  display: none !important;
}
.faq-list .faq-item.is-open > button .faq-arrow__up {
  display: block !important;
}
@media (max-width: 1919px) {
  body {
    min-width: 1280px;
  }
  .page {
    transform-origin: top left;
  }
}
@media (max-width: 1440px) {
  :root {
    --side: 240px;
  }
  .container,
  .divider,
  .big-image,
  .ba-carousel,
  .timeline-table,
  .comparison-table,
  .reason-box,
  .recommend-list,
  .faq-list,
  .related-wrap,
  .branch-head,
  .branch-viewport,
  .bottom-branches .scrollbar,
  .reserve-bottom__inner,
  .reserve-branch-list,
  .reserve-branch-row,
  .footer__inner,
  .footer__main,
  .footer-line,
  .footer__bottom,
  .reserve-hero__content,
  .branches-wrap {
    width: 960px;
  }
  .top-banner__close,
  .pill--brown {
    right: 24px !important;
  }
  .logo {
    left: 24px !important;
  }
  .gnb__menu {
    left: 320px !important;
    gap: 36px;
  }
}
@media (max-width: 1920px) {
  html, body, .page {
    min-width: var(--page-w);
  }
  .price-figma .price-area {
    width: 1680px;
  }
  .price-figma .products {
    width: 1160px;
  }
  .price-figma .price-area,
  .price-figma .price-title {
    width: var(--inner);
  }
  .price-figma .products,
  .price-figma .product-viewport,
  .product-control {
    width: 960px;
  }
}
@media (max-width: 1488px) {
  :root {
    --wide-content: 1440px;
    --wide-side: 24px;
  }
  body,
  .page {
    overflow-x: auto !important;
  }
  .hero,
  .site-header,
  .top-banner,
  .gnb,
  .doctors-section,
  .reserve-hero,
  .reserve-bottom,
  .footer,
  .bottom-related,
  .bottom-branches {
    min-width: 1488px !important;
  }
  .hero {
    min-width: 0 !important;
    height: calc(100vw * 0.6354166667) !important;
  }
}
@media (max-width:1488px) {
  .hero, .doctors-section.doctors-figma, .reserve-hero.reserve-figma {
    min-width: 1488px !important;
  }
  .doctors-section.doctors-figma {
    min-height: 837px !important;
  }
}


/* Footer background update: Figma node 212:212 */
.footer { background: #000; }
.footer__black { background: #000; }
.footer__bg { opacity: .1; object-fit: cover; object-position: center center; }


/* ===== Footer background final fix: Figma node 212:212 ===== */
.footer {
  background-color: #000 !important;
  background-image: linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.9) 100%), url("https://www.figma.com/api/mcp/asset/a4f90dd0-a0d5-4ec7-afa3-d7ec98812db1") !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
}
.footer__black,
.footer__bg {
  display: none !important;
}
.footer__inner {
  position: relative !important;
  z-index: 2 !important;
}


/* ===== Final footer background upload fix ===== */
.footer {
  position: relative !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background-color: #000 !important;
  background-image: url("assets/images/footer-bg.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.footer__black,
.footer__bg {
  display: none !important;
}
.footer__inner {
  position: relative !important;
  z-index: 2 !important;
}