/* ===== Pretendard 셀프호스팅 (리베리 KO 테마 동일 서브셋 미러, 2026-08-15) ===== */
@font-face{font-family:'Pretendard';font-weight:400;font-style:normal;src:local('Pretendard'),url("https://cdn-ariel.pages.dev/media/font/Pretendard-Regular.subset.woff2") format("woff2");font-display:swap}
@font-face{font-family:'Pretendard';font-weight:500;font-style:normal;src:local('Pretendard'),url("https://cdn-ariel.pages.dev/media/font/Pretendard-Medium.subset.woff2") format("woff2");font-display:swap}
@font-face{font-family:'Pretendard';font-weight:600;font-style:normal;src:local('Pretendard'),url("https://cdn-ariel.pages.dev/media/font/Pretendard-SemiBold.subset.woff2") format("woff2");font-display:swap}
@font-face{font-family:'Pretendard';font-weight:700;font-style:normal;src:local('Pretendard'),url("https://cdn-ariel.pages.dev/media/font/Pretendard-Bold.subset.woff2") format("woff2");font-display:swap}
@font-face{
  font-family: "NewYork";
  src: url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.woff2") format("woff2"),
       url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.woff") format("woff"),
       url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.ttf") format("truetype"),
       url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.svg#newyorkregular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "newyorkregular";
  src: url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.woff2") format("woff2"),
       url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.woff") format("woff"),
       url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.ttf") format("truetype"),
       url("https://cdn-ariel.pages.dev/media/font/newyork-webfont.svg#newyorkregular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.rb4-page, .rb4-page *{
  box-sizing: border-box;
}
.rb4-page{
  scroll-behavior: smooth;
}
.rb4-page{
  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;
}
.rb4-page a{
  color: inherit;
  text-decoration: none;
}
.rb4-page img{
  display: block;
  max-width: none;
}
.rb4-page button{
  font: inherit;
  border: 0;
  background: none;
  cursor: pointer;
  color: inherit;
}
.rb4-page .center{
  text-align: center;
  align-items: center;
}
.rb4-page .top-banner p{
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.rb4-page .top-banner strong{
  font-weight: 800;
}
.rb4-page .top-banner em{
  color: #CFEFF0;
  font-style: normal;
}
.rb4-page .logo img{
  width: 170px;
  height: 18px;
  object-fit: contain;
}
.rb4-page .gnb__menu .is-active{
  text-decoration: underline;
  text-underline-offset: 4px;
  color: #000;
}
.rb4-page .gnb__menu .point{
  color: #e06666;
}
.rb4-page .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;
}
.rb4-page .pill--black{
  background: #000;
  color: #fff;
  width: 180px;
}
.rb4-page .pill--outline{
  border: 1px solid #000;
  color: #000;
  width: 180px;
  padding: 0 30px;
}
.rb4-page .hero__price .won{
  font-family: "Noto Serif TC", Georgia, serif;
  font-size: 48px;
  line-height: 60px;
}
.rb4-page .hero__price strong{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 400;
}
.rb4-page .hero__price span:not(.won){
  font-family: Georgia, "Times New Roman", serif;
  font-size: 48px;
  line-height: 60px;
}
.rb4-page .info-band{
  height: 500px;
  padding: 80px 0;
}
.rb4-page .info-list{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 144px;
}
.rb4-page .info-card{
  width: 200px;
  text-align: center;
}
.rb4-page .info-card--wide{
  width: 232px;
}
.rb4-page .info-card__img{
  width: 200px;
  height: 200px;
  background: #d9d9d9;
  overflow: hidden;
  box-shadow: var(--shadow-card);
}
.rb4-page .info-card__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.08);
}
.rb4-page .round-tr-bl{
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
.rb4-page .round-bottom{
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
.rb4-page .info-card__label{
  margin: 40px 0 10px;
  color: #999;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.9px;
  white-space: nowrap;
}
.rb4-page .info-card h3{
  margin: 0;
  color: #222;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -1.5px;
  font-weight: 800;
  white-space: nowrap;
}
.rb4-page .info-card h3 span{
  color: var(--orange);
}
.rb4-page .divider{
  height: 1px;
  background: #ddd;
}
.rb4-page .section-title{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.rb4-page .section-title p{
  margin: 0;
  color: var(--orange);
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.rb4-page .section-title h2{
  position: relative;
  margin: 0;
  color: #000;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -1.6px;
  font-weight: 100;
}
.rb4-page .section-title--left h2{
  font-size: 90px;
  line-height: 100px;
  letter-spacing: -1.8px;
}
.rb4-page .section-title h2 strong{
  font-weight: 800;
}
.rb4-page .section-title small{
  color: #999;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.rb4-page .section-title--left{
  position: relative;
  align-items: flex-start;
}
.rb4-page .underline{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 430px;
  height: 24px;
  background: linear-gradient(90deg, #CFEFF0 0%, #23B8BA 100%);
}
.rb4-page .answer-text strong{
  color: #000;
  font-weight: 600;
}
.rb4-page .answer-text em{
  color: var(--orange);
  font-style: normal;
}
.rb4-page .big-image{
  width: 1440px;
  height: 680px;
  overflow: hidden;
}
.rb4-page .big-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.rb4-page .cut-tl-br{
  border-top-left-radius: 120px;
  border-bottom-right-radius: 120px;
}
.rb4-page .quote-copy{
  text-align: center;
  color: #666;
}
.rb4-page .quote-mark{
  color: #000;
  font-family: Georgia, serif;
  font-size: 90px;
  line-height: 90px;
  letter-spacing: -4.5px;
}
.rb4-page .quote-copy p{
  margin: 0;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -1px;
}
.rb4-page .quote-copy strong{
  display: block;
  margin-top: 40px;
  color: #000;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -1.4px;
  font-weight: 400;
}
.rb4-page .quote-copy b{
  font-weight: 700;
}
.rb4-page .soft-bg{
  background: linear-gradient(180deg, #EFF3F3 10.8%, #F7F9F9 58.1%, #fff 99.5%);
  border-top-left-radius: 160px;
  border-top-right-radius: 160px;
}
.rb4-page .ba-wrap{
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.rb4-page .ba-carousel{
  display: flex;
  align-items: center;
  gap: 28px;
  width: 100%;
}
.rb4-page .ba-track{
  display: flex;
  gap: 0;
  width: 1244px;
  overflow: hidden;
}
.rb4-page .ba-card{
  flex: 0 0 608px;
  width: 608px;
}
.rb4-page .ba-card + .ba-card{
  margin-left: 28px;
}
.rb4-page .ba-card__photos{
  display: flex;
  width: 608px;
  height: 360px;
  overflow: hidden;
}
.rb4-page .ba-card__photos div{
  width: 304px;
  height: 360px;
  overflow: hidden;
}
.rb4-page .ba-card__photos img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.4);
}
.rb4-page .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;
}
.rb4-page .ba-card__body h3{
  margin: 0 0 20px;
  color: #222;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: -0.56px;
}
.rb4-page .ba-card__body p{
  margin: 0;
  color: #666;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.rb4-page .ba-card__body small{
  color: #666;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
}
.rb4-page .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;
}
.rb4-page .arrow-btn.gray{
  border-color: #bbb;
  color: #bbb;
  background: rgba(255,255,255,.55);
}
.rb4-page .arrow-btn.white{
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.rb4-page .notice{
  margin: 0;
  color: #999;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.6px;
  text-align: center;
}
.rb4-page .process-wrap{
  padding-bottom: 160px;
  margin-top: 160px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.rb4-page .process-slider{
  display: flex;
  gap: 100px;
  align-items: center;
}
.rb4-page .step-card{
  position: relative;
  width: 1100px;
  height: 500px;
  border-radius: 30px;
  overflow: hidden;
  color: #fff;
}
.rb4-page .step-card img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb4-page .step-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #000 8.38%, rgba(0,0,0,0) 70.28%);
}
.rb4-page .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;
}
.rb4-page .step-card__title{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.rb4-page .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;
}
.rb4-page .step-card__title strong{
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -1.2px;
  font-weight: 800;
}
.rb4-page .step-card p{
  margin: 0;
  color: rgba(255,255,255,.7);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.8px;
  font-weight: 500;
}
.rb4-page .timeline-table{
  display: grid;
  grid-template-columns: 230px 1210px;
  width: 1440px;
  height: 570px;
}
.rb4-page .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;
}
.rb4-page .timeline-table > .period{
  justify-content: center;
  color: #222;
  font-weight: 700;
  text-align: center;
  padding: 0;
}
.rb4-page .timeline-table__head{
  height: 80px !important;
  background: var(--deep-brown) !important;
  color: #F5F7FC !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  padding: 0 !important;
}
.rb4-page .timeline-table > div:not(.period):not(.timeline-table__head){
  padding-left: 0;
}
.rb4-page .compare-wrap{
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.rb4-page .section-desc{
  color: #666;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -1px;
}
.rb4-page .section-desc b{
  color: #222;
  font-weight: 400;
}
.rb4-page .comparison-table{
  display: flex;
  width: 1440px;
  align-items: stretch;
}
.rb4-page .comparison-table .col{
  width: 314px;
  display: flex;
  flex-direction: column;
}
.rb4-page .comparison-table .col.label{
  width: 184px;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .comparison-table .col.label p{
  color: #222;
  font-size: 18px;
  letter-spacing: -0.9px;
}
.rb4-page .comparison-table .highlight{
  border: 5px solid var(--orange);
  margin-top: -5px;
}
.rb4-page .comparison-table .highlight > div{
  background: var(--orange);
}
.rb4-page .comparison-table .highlight p{
  background: #fff6ed;
  color: #222;
  font-weight: 600;
}
.rb4-page .compare-note{
  margin: 0;
  color: #666;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.9px;
  text-align: center;
}
.rb4-page .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;
}
.rb4-page .reason-box > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
  opacity: .9;
}
.rb4-page .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;
}
.rb4-page .reason-badge::before{
  content: "";
  position: absolute;
  top: 0;
  width: 96px;
  height: 96px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
}
.rb4-page .reason-badge span{
  margin-top: 36px;
  color: #fff;
  text-align: center;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -1.3px;
}
.rb4-page .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;
}
.rb4-page .recommend-list{
  display: flex;
  gap: 15px;
  width: 1440px;
}
.rb4-page .recommend-list article{
  width: 470px;
}
.rb4-page .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;
}
.rb4-page .recommend-list small{
  margin-top: 0;
  color: rgba(255,255,255,.7);
  font-size: 16px;
  font-weight: 400;
}
.rb4-page .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;
}
.rb4-page .source{
  margin: -20px 0 0;
  color: #666;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
  text-align: center;
}
.rb4-page .price-main-img{
  width: 450px;
  height: 500px;
  border-radius: 40px;
  overflow: hidden;
  flex: 0 0 450px;
}
.rb4-page .price-main-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb4-page .product-track article{
  width: 300px;
  flex: 0 0 300px;
  display: grid;
  grid-template-rows: 300px auto auto auto auto;
  row-gap: 10px;
}
.rb4-page .product-track img{
  width: 300px;
  height: 300px;
  border-radius: 20px;
  object-fit: cover;
  background: #d9d9d9;
}
.rb4-page .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;
}
.rb4-page .product-track h3 small{
  font-size: 14px;
  font-weight: 600;
}
.rb4-page .product-track p{
  margin: 0;
  color: #999;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.rb4-page .product-track strong{
  color: var(--orange);
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -1.1px;
  font-weight: 600;
}
.rb4-page .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;
}
.rb4-page .scrollbar{
  margin-top: 37px;
  width: 960px;
  height: 3px;
  background: #d7d7d7;
}
.rb4-page .scrollbar span{
  display: block;
  height: 3px;
  width: 202px;
  background: #555;
  transition: transform .45s ease;
}
.rb4-page .doctors-section::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
}
.rb4-page .section-title--dark p{
  color: #ffe4bf;
}
.rb4-page .section-title--dark h2{
  color: #fff;
  font-size: 80px;
  line-height: 90px;
  font-weight: 100;
}
.rb4-page .section-title--dark small{
  color: rgba(255,255,255,.7);
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.rb4-page .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;
}
.rb4-page .faq-item button span::before, .rb4-page .faq-item button span::after{
  content: "";
  position: absolute;
  left: 15px;
  top: 24px;
  width: 20px;
  height: 1px;
  background: currentColor;
}
.rb4-page .faq-item div{
  display: none;
  width: 100%;
  padding: 10px 40px 40px;
  color: #666;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -1px;
}
.rb4-page .faq-item.is-open div{
  display: block;
}
.rb4-page .more-btn{
  width: 300px;
  height: 80px;
  border-radius: 80px;
  background: #229382;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.rb4-page .reserve-hero > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb4-page .reserve-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
}
.rb4-page .reserve-hero__inner{
  position: relative;
  z-index: 2;
  padding-top: 160px;
}
.rb4-page .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;
}
.rb4-page .reserve-buttons .kakao{
  background: #ffdb4c;
}
.rb4-page .related-section{
  padding: 160px 0;
}
.rb4-page .branches-section{
  padding-bottom: 160px;
}
.rb4-page .branch-head > div:last-child{
  display: flex;
  gap: 10px;
}
.rb4-page .branch-track article{
  position: relative;
  width: 470px;
  height: 600px;
  flex: 0 0 470px;
  color: #fff;
  padding: 60px 40px;
  overflow: hidden;
}
.rb4-page .branch-track article::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
}
.rb4-page .branch-track img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb4-page .branch-track h3, .rb4-page .branch-track p, .rb4-page .branch-track small, .rb4-page .branch-track div{
  position: relative;
  z-index: 2;
}
.rb4-page .branch-track h3{
  margin: 0 0 30px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 800;
  letter-spacing: -0.56px;
}
.rb4-page .branch-track p{
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.9px;
}
.rb4-page .branch-track small{
  display: block;
  opacity: .7;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.rb4-page .branch-track div{
  margin-top: 30px;
  display: flex;
  gap: 10px;
}
.rb4-page .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;
}
.rb4-page .branch-track a.kakao{
  background: #ffdb4c;
}
.rb4-page .branches-wrap .scrollbar{
  width: 1440px;
}
.rb4-page .branches-wrap .scrollbar span{
  width: 303px;
}
.rb4-page .reserve-bottom > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb4-page .reserve-bottom::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.2);
}
.rb4-page .reserve-branch-list div{
  height: 70px;
  border-bottom: 1px solid rgba(255,255,255,.3);
  display: flex;
  align-items: center;
  gap: 24px;
}
.rb4-page .reserve-branch-list strong{
  width: 220px;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -1.3px;
}
.rb4-page .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;
}
.rb4-page .footer__info p{
  margin: 0;
  color: rgba(255,255,255,.6);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.rb4-page .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;
}
.rb4-page .footer-menu dl{
  margin: 0;
  display: flex;
  gap: 50px;
}
.rb4-page .footer-menu dt{
  width: 103px;
  color: #23B8BA;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -1px;
}
.rb4-page .footer-menu dd{
  margin: 0 0 18px;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.rb4-page .footer-menu dd b{
  display: inline-block;
  width: 80px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.rb4-page .footer-menu__row{
  display: flex;
  gap: 46px;
  align-items: center;
  color: #999;
  font-size: 14px;
}
.rb4-page .footer-menu__row b{
  color: #23B8BA;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -1px;
}
.rb4-page .footer__bottom div{
  display: flex;
  gap: 20px;
}
.rb4-page .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;
}
.rb4-page .auto-row{
  display: flex;
  flex-direction: row;
}
.rb4-page .auto-col{
  display: flex;
  flex-direction: column;
}
.rb4-page .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;
}
.rb4-page .reserve-title{
  align-items: flex-start;
  gap: 40px;
  color: #fff;
  white-space: nowrap;
}
.rb4-page .reserve-title p{
  margin: 0;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #fff;
}
.rb4-page .reserve-title h2{
  margin: 0;
  font-size: 80px;
  line-height: 80px;
  font-weight: 800;
  letter-spacing: -1.6px;
  color: #fff;
}
.rb4-page .reserve-title span{
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: rgba(255,255,255,.6);
}
.rb4-page .reserve-buttons{
  margin-top: 60px;
  display: flex;
  margin: 0;
  gap: 6px;
  align-items: center;
  width: 100%;
}
.rb4-page .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;
}
.rb4-page .reserve-main-btn img{
  flex: 0 0 auto;
  width: 30px;
  height: 24px;
  object-fit: contain;
}
.rb4-page .reserve-main-btn--kakao{
  background: #ffdb4c;
}
.rb4-page .reserve-main-btn--kakao img{
  width: 28px;
  height: 30px;
}
.rb4-page .related-wrap h2{
  margin: 0;
  color: #222;
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  letter-spacing: -1.4px;
  width: 100%;
}
.rb4-page .related-list a{
  display: block;
  width: 100%;
  color: #222;
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -1.1px;
}
.rb4-page .branch-title{
  align-items: flex-start;
  gap: 40px;
  white-space: nowrap;
}
.rb4-page .branch-title p{
  margin: 0;
  color: #b5a48c;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.rb4-page .branch-title h2{
  margin: 0;
  color: #000;
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  letter-spacing: -1.4px;
}
.rb4-page .branch-title span{
  color: rgba(0,0,0,.6);
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.9px;
}
.rb4-page .branch-controls{
  gap: 10px;
  align-items: center;
}
.rb4-page .image-arrow{
  width: 70px;
  height: 70px;
  padding: 0;
  border: 0;
  background: transparent;
}
.rb4-page .image-arrow img{
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.rb4-page .image-arrow--next{
  transform: rotate(180deg) scaleY(-1);
}
.rb4-page .branch-track article.branch-card, .rb4-page .branch-card{
  position: relative;
  flex: 0 0 470px;
  width: 470px;
  height: 600px;
  padding: 60px 40px 344px;
  align-items: flex-start;
  overflow: hidden;
  color: #fff;
}
.rb4-page .branch-card::after{
  display: none;
}
.rb4-page .branch-card__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb4-page .branch-card__bg--my{
  width: 191.47%;
  left: -35.52%;
  max-width: none;
}
.rb4-page .branch-card__bg--airport{
  width: 191.47%;
  left: -21.05%;
  max-width: none;
}
.rb4-page .branch-card__bg--dongtan{
  width: 191.47%;
  left: -39.35%;
  max-width: none;
}
.rb4-page .branch-card__bg--cheongju{
  width: 191.47%;
  left: -5.73%;
  max-width: none;
}
.rb4-page .branch-card__dim{
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0,0,0,.35);
  mix-blend-mode: multiply;
}
.rb4-page .branch-card__content{
  position: relative;
  z-index: 2;
  gap: 30px;
  align-items: flex-start;
  width: 359px;
}
.rb4-page .branch-card h3{
  margin: 0;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  font-weight: 800;
  letter-spacing: -0.56px;
}
.rb4-page .branch-card p{
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.9px;
}
.rb4-page .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;
}
.rb4-page .branch-card__buttons{
  gap: 10px;
  align-items: center;
  margin-top: 0 !important;
}
.rb4-page .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;
}
.rb4-page .branch-card__buttons a img{
  width: 15px;
  height: 14px;
  object-fit: contain;
}
.rb4-page .branch-card__buttons a.kakao{
  background: #ffdb4c;
}
.rb4-page .branch-card__buttons a.kakao img{
  width: 13px;
  height: 14px;
}
.rb4-page .bottom-branches .scrollbar span{
  display: block;
  width: 303px;
  height: 3px;
  background: #555;
  transform: translateX(0);
  transition: transform .45s ease;
}
.rb4-page .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;
}
.rb4-page .reserve-bottom__title h2::first-line{
  color: #fff;
}
.rb4-page .reserve-bottom__title h2 span{
  color: #e5caa4;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .reserve-guide img{
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
}
.rb4-page .reserve-branch-row--last{
  min-height: 50px;
}
.rb4-page .reserve-branch-list .reserve-branch-row{
  height: auto;
  border: 0;
}
.rb4-page .reserve-branch-list .reserve-branch-item{
  height: auto;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.rb4-page .reserve-branch-item--single{
  border-bottom: 0 !important;
}
.rb4-page .reserve-branch-item span{
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.rb4-page .reserve-branch-item span img{
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.rb4-page .footer__black{
  position: absolute;
  inset: 0;
  background: #000;
  z-index: 0;
}
.rb4-page .footer__info{
  display: flex;
  flex-direction: column;
  width: 362px;
  gap: 70px;
  align-items: flex-start;
}
.rb4-page .footer__info-top{
  gap: 40px;
  align-items: flex-start;
  width: 362px;
}
.rb4-page .footer-logo{
  display: flex;
  gap: 20px;
  align-items: center;
}
.rb4-page .footer-logo img{
  width: 170px;
  height: 18px;
  object-fit: contain;
}
.rb4-page .footer-logo strong{
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
  letter-spacing: -0.48px;
  white-space: nowrap;
}
.rb4-page .footer-copy{
  gap: 20px;
  align-items: flex-start;
  width: 362px;
}
.rb4-page .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;
}
.rb4-page .sns{
  display: flex;
  gap: 10px;
  align-items: center;
}
.rb4-page .sns a{
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
}
.rb4-page .sns img{
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.rb4-page .sns-instagram .sns-bg{
  position: absolute;
  inset: 0;
}
.rb4-page .sns-instagram .sns-icon{
  position: absolute;
  inset: 9px;
  width: 22px;
  height: 22px;
}
.rb4-page .footer-menu-group{
  margin: 0;
  gap: 50px;
  align-items: flex-start;
  width: 962px;
}
.rb4-page .footer-menu-group dt{
  width: 103px;
  flex: 0 0 103px;
  color: #23B8BA;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.rb4-page .footer-menu-group dd{
  margin: 0;
  gap: 18px;
  align-items: flex-start;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .footer-menu-line b{
  color: #23B8BA;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -1px;
}
.rb4-page .footer-menu-line span{
  color: #999;
  margin-right: -26px;
}
.rb4-page .footer-menu-line--last{
  width: 617px;
  justify-content: space-between;
  gap: 0;
}
.rb4-page .footer-line{
  width: 1440px;
  height: 1px;
  background: rgba(255,255,255,.2);
}
.rb4-page .footer__bottom{
  display: flex;
  width: 1440px;
  padding-top: 0;
  border-top: 0;
  gap: 80px;
  align-items: flex-start;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .hero__bg, .rb4-page .doctors-bg, .rb4-page .reserve-hero__bg, .rb4-page .reserve-bottom__bg, .rb4-page .footer__bg{
  width: 100%;
}
.rb4-page .logo, .rb4-page .doctors-left{
  left: var(--side);
}
.rb4-page .reserve-hero, .rb4-page .reserve-bottom, .rb4-page .footer, .rb4-page .bottom-branches{
  padding-left: var(--side);
  padding-right: var(--side);
}
.rb4-page .reserve-hero__content, .rb4-page .reserve-bottom__inner, .rb4-page .footer__inner, .rb4-page .branches-wrap{
  margin-left: 0;
  margin-right: 0;
}
.rb4-page .reserve-hero__content, .rb4-page .branches-wrap, .rb4-page .reserve-bottom__inner, .rb4-page .footer__inner{
  width: calc(100vw - 480px);
}
.rb4-page .footer__main{
  display: flex;
  width: 1440px;
  align-items: center;
  gap: 80px;
  justify-content: space-between;
}
.rb4-page .site-header, .rb4-page .top-banner, .rb4-page .gnb, .rb4-page .hero, .rb4-page .info-band, .rb4-page .answer-section, .rb4-page .soft-bg, .rb4-page .effect-section, .rb4-page .compare-section, .rb4-page .price-section, .rb4-page .doctors-section, .rb4-page .faq-section, .rb4-page .reserve-hero, .rb4-page .bottom-related, .rb4-page .bottom-branches, .rb4-page .reserve-bottom, .rb4-page .footer{
  width: 100%;
  min-width: var(--page-w);
}
.rb4-page .site-header{
  position: relative;
  z-index: 20;
  background: #fff;
  height: 170px;
}
.rb4-page .top-banner{
  position: relative;
  background: #222;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.rb4-page .top-banner__close{
  position: absolute;
  top: 11px;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  right: var(--side);
}
.rb4-page .gnb{
  position: relative;
  display: flex;
  align-items: center;
  height: 120px;
}
.rb4-page .pill--brown{
  position: absolute;
  background: var(--brown);
  color: #fff;
  right: 240px;
  top: 34px;
}
.rb4-page .hero__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: var(--page-w);
  height: 1220px;
  object-fit: cover;
  object-position: center top;
}
.rb4-page .circle-text{
  position: absolute;
  width: 183px;
  height: 183px;
  border-radius: 50%;
  left: 868px;
  top: 1298px;
}
.rb4-page .divider, .rb4-page .big-image, .rb4-page .ba-carousel, .rb4-page .timeline-table, .rb4-page .comparison-table, .rb4-page .reason-box, .rb4-page .recommend-list, .rb4-page .faq-list, .rb4-page .related-wrap, .rb4-page .branch-head, .rb4-page .branch-viewport, .rb4-page .bottom-branches .scrollbar, .rb4-page .reserve-bottom__inner, .rb4-page .reserve-branch-list, .rb4-page .reserve-branch-row, .rb4-page .footer__inner, .rb4-page .footer__main, .rb4-page .footer-line, .rb4-page .footer__bottom{
  width: var(--inner);
  max-width: none;
}
.rb4-page .answer-head, .rb4-page .effect-content, .rb4-page .compare-wrap, .rb4-page .faq-wrap, .rb4-page .ba-wrap, .rb4-page .process-wrap, .rb4-page .effect-wrap{
  width: 100%;
}
.rb4-page .price-section{
  position: relative;
  overflow: visible;
  padding: 160px 0;
}
.rb4-page .price-title{
  margin-left: 678px;
  width: 584px;
}
.rb4-page .price-area{
  display: flex;
  gap: 30px;
  align-items: flex-start;
  margin: 80px 0 0 240px;
  width: 2100px;
  max-width: none;
  overflow: visible;
}
.rb4-page .products{
  width: 1620px;
  overflow: hidden;
}
.rb4-page .product-track{
  display: flex;
  gap: 30px;
  transition: transform .45s ease;
  width: max-content;
}
.rb4-page .reserve-hero__content{
  position: relative;
  z-index: 2;
  align-items: flex-start;
  gap: 60px;
  width: auto;
  margin: 0;
}
.rb4-page .bottom-related{
  background: #fff;
  padding: 160px 0;
}
.rb4-page .related-wrap{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: var(--inner);
  gap: 90px;
}
.rb4-page .related-list{
  display: flex;
  align-items: center;
  width: var(--inner);
  gap: 40px;
  justify-content: flex-start;
}
.rb4-page .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;
}
.rb4-page .related-list img{
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  width: 330px;
}
.rb4-page .branch-head{
  display: flex;
  margin-bottom: 60px;
  margin: 0;
  align-items: flex-end;
  justify-content: space-between;
  width: var(--inner);
}
.rb4-page .branch-track{
  display: flex;
  gap: 15px;
  align-items: center;
  transition: transform .45s ease;
  width: max-content;
  overflow: visible;
}
.rb4-page .bottom-branches .scrollbar{
  height: 3px;
  background: #d7d7d7;
  overflow: hidden;
  width: var(--inner);
}
.rb4-page .reserve-bottom__inner, .rb4-page .reserve-branch-list, .rb4-page .reserve-branch-row{
  width: var(--inner);
}
.rb4-page .footer__inner, .rb4-page .footer__main, .rb4-page .footer-line, .rb4-page .footer__bottom{
  width: var(--inner);
}
.rb4-page .footer-policy{
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  margin-left: 0;
}
.rb4-page .before-after-section{
  padding-top: 0;
}
.rb4-page .ba-figma{
  width: var(--inner);
  padding: 160px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
.rb4-page .ba-figma__title{
  width: 476px;
  gap: 40px;
}
.rb4-page .ba-figma__title p{
  color: #23B8BA;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.6px;
  font-weight: 600;
}
.rb4-page .ba-figma__title h2{
  margin: 0;
  color: #000;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -1.6px;
  font-weight: 100;
  white-space: nowrap;
}
.rb4-page .ba-figma__title h2 strong{
  font-weight: 700;
}
.rb4-page .ba-carousel--figma{
  width: 1440px;
  display: flex;
  align-items: center;
  gap: 28px;
  position: relative;
  overflow: visible;
}
.rb4-page .ba-carousel--figma .ba-viewport{
  width: 1244px;
  overflow: hidden;
}
.rb4-page .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;
}
.rb4-page .ba-card--figma{
  width: 608px;
  flex: 0 0 608px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: transparent;
}
.rb4-page .ba-card--figma .ba-card__photos{
  width: 608px;
  height: 360px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.rb4-page .ba-card--figma .ba-photo{
  position: relative;
  width: 304px;
  height: 360px;
  overflow: hidden;
  flex: 0 0 304px;
  background: #ddd;
}
.rb4-page .ba-card--figma .ba-photo img{
  position: absolute;
  max-width: none;
  display: block;
  object-fit: cover;
}
.rb4-page .ba-photo--first-before img{
  width: 232.24%;
  height: 196.11%;
  left: -6.58%;
  top: -52.78%;
}
.rb4-page .ba-photo--first-after img{
  width: 236.18%;
  height: 199.44%;
  left: -124.01%;
  top: -53.33%;
}
.rb4-page .ba-photo--second-before img{
  width: 212.5%;
  height: 179.44%;
  left: -1.32%;
  top: -45.28%;
}
.rb4-page .ba-photo--second-after img{
  width: 213.82%;
  height: 180.56%;
  left: -113.49%;
  top: -46.39%;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .ba-card--figma .ba-card__body p{
  margin: 0;
  color: #666;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.rb4-page .ba-card--figma .ba-card__body small{
  margin: 0;
  color: #666;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
}
.rb4-page .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;
}
.rb4-page .ba-notice{
  margin: 0;
  color: #999;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.6px;
  text-align: center;
  white-space: nowrap;
}
.rb4-page .price-figma{
  position: relative;
  height: 786px;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.rb4-page .price-figma .section-title{
  gap: 40px;
}
.rb4-page .price-figma .section-title p{
  color: #23B8BA;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.6px;
  font-weight: 600;
}
.rb4-page .price-figma .section-title h2 strong{
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -1.6px;
  font-weight: 700;
}
.rb4-page .price-figma .section-title small{
  color: #666;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
  font-weight: 400;
}
.rb4-page .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;
}
.rb4-page .product-viewport{
  width: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
}
.rb4-page .product-viewport.is-dragging{
  cursor: grabbing;
}
.rb4-page .price-figma .product-track.is-dragging{
  transition: none;
}
.rb4-page .price-figma .product-track img{
  width: 300px;
  height: 300px;
  border-radius: 20px;
  object-fit: cover;
  object-position: bottom center;
  background: #d9d9d9;
  pointer-events: none;
}
.rb4-page .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;
}
.rb4-page .price-figma .product-track h3 small{
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.rb4-page .price-figma .product-track p{
  margin: 10px 0 0;
  color: #999;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.8px;
}
.rb4-page .price-figma .product-track strong{
  margin: 20px 0 0;
  color: #23B8BA;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -1.1px;
  font-weight: 600;
}
.rb4-page .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;
}
.rb4-page .product-arrow:hover{
  background: #222;
  color: #fff;
}
.rb4-page .price-section.price-figma{
  position: relative;
  height: auto;
  min-height: 0;
  padding: 160px 0;
  overflow: hidden;
  background: #fff;
}
.rb4-page .price-figma .price-title{
  left: 50%;
  top: 0;
  position: static;
  transform: none;
  width: var(--inner);
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.rb4-page .price-figma .price-title .section-title{
  align-items: center;
  text-align: center;
}
.rb4-page .price-figma .price-main-img{
  position: relative;
  width: 450px;
  height: 500px;
  flex: 0 0 450px;
  border-radius: 40px;
  overflow: hidden;
}
.rb4-page .product-control{
  width: 960px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.rb4-page .product-scrollbar{
  width: auto;
  flex: 1 1 auto;
  height: 3px;
  background: #d7d7d7;
  overflow: hidden;
}
.rb4-page .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%;
}
.rb4-page, .rb4-page{
  width: 100%;
  min-width: 0 !important;
  overflow-x: hidden;
}
.rb4-page .page{
  position: relative;
  background: #fff;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden;
}
.rb4-page .container{
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  width: var(--inner-fluid);
  max-width: 1440px;
}
.rb4-page .site-header, .rb4-page .top-banner, .rb4-page .gnb, .rb4-page .hero, .rb4-page .soft-bg, .rb4-page .doctors-section, .rb4-page .reserve-hero, .rb4-page .reserve-bottom, .rb4-page .footer, .rb4-page .bottom-related, .rb4-page .bottom-branches, .rb4-page .faq-section, .rb4-page .compare-section, .rb4-page .price-section, .rb4-page .answer-section, .rb4-page .info-band{
  width: 100%;
  min-width: 0 !important;
}
.rb4-page .doctors-section, .rb4-page .reserve-hero, .rb4-page .reserve-bottom, .rb4-page .footer{
  width: 100vw !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw);
}
.rb4-page .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;
}
.rb4-page, .rb4-page, .rb4-page .page{
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
.rb4-page .site-header, .rb4-page .top-banner, .rb4-page .gnb, .rb4-page .hero, .rb4-page .doctors-section, .rb4-page .reserve-hero, .rb4-page .reserve-bottom, .rb4-page .footer{
  width: 100vw !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.rb4-page .container, .rb4-page .divider, .rb4-page .big-image, .rb4-page .ba-carousel, .rb4-page .timeline-table, .rb4-page .comparison-table, .rb4-page .reason-box, .rb4-page .recommend-list, .rb4-page .faq-list, .rb4-page .related-wrap, .rb4-page .branch-head, .rb4-page .branch-viewport, .rb4-page .bottom-branches .scrollbar, .rb4-page .reserve-bottom__inner, .rb4-page .reserve-branch-list, .rb4-page .reserve-branch-row, .rb4-page .footer__inner, .rb4-page .footer__main, .rb4-page .footer-line, .rb4-page .footer__bottom{
  width: var(--wide-content) !important;
  max-width: var(--wide-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.rb4-page .top-banner__close, .rb4-page .pill--brown{
  right: var(--wide-side) !important;
}
.rb4-page .logo{
  position: absolute;
  width: 170px;
  height: 18px;
  top: 51px;
  left: var(--wide-side) !important;
}
.rb4-page .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;
}
.rb4-page .hero .pill--black, .rb4-page .hero .pill--outline{
  width: 180px !important;
}
.rb4-page .doctors-section{
  position: relative;
  color: #fff;
  width: 100%;
  min-width: 1978px;
  height: auto !important;
  aspect-ratio: 1920 / 1080;
  overflow: hidden !important;
}
.rb4-page .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;
}
.rb4-page .doctors-left{
  position: absolute;
  z-index: 2;
  top: 278px;
  width: 340px;
  display: flex;
  flex-direction: column;
  gap: 150px;
  left: var(--wide-side) !important;
}
.rb4-page .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;
}
.rb4-page .reserve-hero__bg, .rb4-page .reserve-hero > img{
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.rb4-page .reserve-hero__content, .rb4-page .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;
}
.rb4-page .bottom-related, .rb4-page .bottom-branches{
  width: 100vw !important;
  min-width: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.rb4-page .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;
}
.rb4-page .branch-viewport{
  width: var(--inner);
  overflow: hidden !important;
}
.rb4-page .reserve-bottom__bg, .rb4-page .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;
}
.rb4-page .reserve-bottom__top, .rb4-page .reserve-branch-list, .rb4-page .reserve-branch-row{
  width: var(--wide-content) !important;
}
.rb4-page .reserve-bottom__title, .rb4-page .reserve-guide, .rb4-page .reserve-branch-item{
  width: 680px !important;
}
.rb4-page .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;
}
.rb4-page .footer__bg{
  position: absolute;
  inset: 0;
  opacity: .1;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.rb4-page .footer__inner{
  display: flex;
  flex-direction: column;
  width: 1440px;
  margin: 0;
  gap: 80px;
  align-items: flex-start;
  position: relative !important;
  z-index: 2 !important;
}
.rb4-page .footer-menu{
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: flex-start;
  width: 962px !important;
  max-width: 962px !important;
}
.rb4-page{
  --black: #222;
  --brown: #817261;
  --deep-brown: #1F5657;
  --orange: #23B8BA;
  --hero-orange: #1F5657;
  --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));
}
.rb4-page .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;
}
.rb4-page .hero .hero__word{
  margin-bottom: 0.5208333vw;
  margin: 0 0 10px !important;
  color: #1F5657 !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;
}
.rb4-page .hero__price{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  color: #000;
  gap: 10px !important;
  margin: 0 !important;
}
/* 아리엘 0815: span 블랭킷 !important 제외 — rbp-pre/rbp-suf·ARPRICE 치환 span의 인라인 em 위계 보존 */
.rb4-page .hero__price .won, .rb4-page .hero__price strong{
  font-size: 48px !important;
  line-height: 60px !important;
  font-weight: 400 !important;
}
.rb4-page .hero__price small{
  font-size: 30px !important;
  line-height: 100px !important;
  font-weight: 400 !important;
}
.rb4-page .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;
}
.rb4-page .hero__buttons{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px !important;
  gap: 20px !important;
}
.rb4-page .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;
}
.rb4-page .answer-section{
  padding: 160px 0 !important;
}
.rb4-page .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;
}
.rb4-page .answer-head{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.rb4-page .answer-head .section-title--left > p{
  color: #23B8BA !important;
  font-size: 30px !important;
  line-height: 30px !important;
  letter-spacing: -0.6px !important;
  font-weight: 600 !important;
}
.rb4-page .answer-head .section-title--left h2 strong{
  font-weight: 800 !important;
}
.rb4-page .answer-text{
  color: #666;
  width: 654px !important;
  font-size: 30px !important;
  line-height: 44px !important;
  letter-spacing: -1.5px !important;
}
.rb4-page .doctors-section.doctors-figma::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 1;
  pointer-events: none;
}
.rb4-page .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;
}
.rb4-page .doctors-section.doctors-figma .section-title--dark{
  gap: 37px !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .doctors-section.doctors-figma .section-title--dark h2 strong{
  font-weight: 800 !important;
}
.rb4-page .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;
}
.rb4-page .doctor-arrows{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .doctor-viewport.is-dragging{
  cursor: grabbing !important;
}
.rb4-page .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;
}
.rb4-page .doctor-cards.is-dragging{
  transition: none !important;
}
.rb4-page .doctor-cards article{
  width: 580px !important;
  flex: 0 0 580px !important;
}
.rb4-page .doctor-cards img{
  display: block !important;
  width: 580px !important;
  height: 660px !important;
  border-radius: 40px 40px 0 0 !important;
  object-fit: cover !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .doctor-cards h3 span{
  color: #666 !important;
  font-weight: 100 !important;
}
.rb4-page .doctor-cards h3 em{
  color: #23B8BA !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .reserve-hero.reserve-figma .reserve-hero__dim, .rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .reserve-hero.reserve-figma .reserve-title{
  gap: 40px !important;
  align-items: flex-start !important;
  color: #fff !important;
  text-align: left !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .reserve-hero.reserve-figma .reserve-buttons{
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
}
.rb4-page .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;
}
.rb4-page .reserve-hero.reserve-figma .reserve-main-btn--kakao{
  background: #ffdb4c !important;
}
.rb4-page .reserve-hero.reserve-figma .reserve-main-btn img{
  width: auto !important;
  height: 30px !important;
  max-width: 30px !important;
  object-fit: contain !important;
}
.rb4-page .reserve-hero.reserve-figma .reserve-main-btn:first-child img{
  width: 30px !important;
  height: 24px !important;
}
.rb4-page .hero .hero__word, .rb4-page .hero__price strong{
  font-family: "NewYork", Georgia, "Times New Roman", serif;
  font-weight: 400;
}
.rb4-page .hero .hero__word, .rb4-page .hero .hero__word br, .rb4-page .hero__price strong{
  font-family: "NewYork", "newyorkregular", Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.rb4-page .hero__video, .rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .arrow-btn--image img{
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  display: block !important;
}
.rb4-page .ba-carousel--figma .arrow-btn--image, .rb4-page .process-slider .arrow-btn--image{
  opacity: 1 !important;
  transition: opacity .2s ease !important;
}
.rb4-page .ba-carousel--figma .arrow-btn--image:hover, .rb4-page .process-slider .arrow-btn--image:hover{
  opacity: .88 !important;
}
.rb4-page .soft-bg.before-after-section{
  padding-top: 160px !important;
}
.rb4-page .before-after-section .ba-figma{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.rb4-page .before-after-section .process-wrap{
  margin-top: 160px !important;
  padding-bottom: 160px !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .price-figma .product-arrow{
  display: none !important;
}
.rb4-page .price-figma .product-scrollbar:active, .rb4-page .price-figma .product-scrollbar.is-dragging{
  cursor: grabbing !important;
}
.rb4-page .price-figma .product-track.is-dragging, .rb4-page .bottom-branches .branch-track.is-dragging{
  transition: none !important;
}
.rb4-page .price-figma .product-viewport.is-dragging, .rb4-page .bottom-branches .branch-viewport.is-dragging, .rb4-page .bottom-branches .branch-scrollbar.is-dragging{
  cursor: grabbing !important;
}
.rb4-page .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;
}
.rb4-page .doctors-section.doctors-figma .doctors-bg, .rb4-page .doctors-section.doctors-figma::after{
  height: 100% !important;
}
.rb4-page .doctors-section.doctors-figma .doctor-viewport{
  top: 120px !important;
  height: 850px !important;
}
.rb4-page .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;
}
.rb4-page .faq-section{
  padding: 160px 0 !important;
  background: #fff !important;
}
.rb4-page .faq-wrap{
  width: 1440px !important;
  max-width: 1440px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 80px !important;
}
.rb4-page .faq-section .section-title{
  gap: 40px !important;
  align-items: center !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.rb4-page .faq-section .section-title p{
  font-size: 30px !important;
  line-height: 30px !important;
  font-weight: 600 !important;
  letter-spacing: -0.6px !important;
  color: #23B8BA !important;
}
.rb4-page .faq-section .section-title h2, .rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .faq-item{
  border-bottom: 1px solid #555 !important;
  background: #fff !important;
}
.rb4-page .faq-item:last-child{
  border-bottom: 0 !important;
}
.rb4-page .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;
}
.rb4-page .faq-item.is-open button{
  color: #000 !important;
}
.rb4-page .faq-item button span::before{
  transform: translate(-78%, -50%) rotate(45deg) !important;
}
.rb4-page .faq-item button span::after{
  transition: transform .25s ease;
  transform: translate(-22%, -50%) rotate(-45deg) !important;
}
.rb4-page .faq-item.is-open button span::before{
  background: #000 !important;
  transform: translate(-78%, -50%) rotate(-45deg) !important;
}
.rb4-page .faq-item.is-open button span::after{
  background: #000 !important;
  transform: translate(-22%, -50%) rotate(45deg) !important;
}
.rb4-page .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;
}
.rb4-page .faq-item.is-open > div{
  max-height: 180px !important;
  padding: 10px 40px 40px !important;
}
.rb4-page .faq-wrap .more-btn{
  width: 300px !important;
  height: 80px !important;
  border-radius: 80px !important;
  background: #229382 !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;
}
.rb4-page .bottom-branches .branch-card__bg--my, .rb4-page .bottom-branches .branch-card__bg--airport, .rb4-page .bottom-branches .branch-card__bg--dongtan, .rb4-page .bottom-branches .branch-card__bg--cheongju{
  width: 191.47% !important;
  height: 100% !important;
  max-width: none !important;
}
.rb4-page .reserve-bottom__top{
  width: 1440px !important;
  gap: 80px !important;
  display: flex !important;
  align-items: flex-start !important;
}
.rb4-page .reserve-bottom__title{
  align-items: flex-start;
  justify-content: center;
  width: 680px !important;
}
.rb4-page .reserve-guide{
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: space-between;
  align-items: stretch;
  width: 680px !important;
  height: 256px !important;
}
.rb4-page .reserve-branch-list{
  grid-column: 1/3;
  grid-template-columns: 680px 680px;
  display: flex;
  flex-direction: column;
  width: 1440px !important;
  gap: 20px !important;
}
.rb4-page .reserve-branch-row{
  align-items: flex-start;
  justify-content: flex-start;
  width: 1440px !important;
  gap: 80px !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .reserve-branch-item span, .rb4-page .reserve-branch-item span img{
  width: 50px !important;
  height: 50px !important;
}
.rb4-page .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;
}
.rb4-page .footer-menu-line > div{
  display: flex !important;
  align-items: center !important;
  gap: 46px !important;
}
.rb4-page .footer-menu-line > b{
  width: 82px !important;
  text-align: left !important;
}
.rb4-page .answer-head .section-title--left{
  width: 786px !important;
  gap: 40px !important;
  align-items: flex-start !important;
  position: relative !important;
}
.rb4-page .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;
}
.rb4-page .answer-head .underline{
  position: absolute !important;
  background: linear-gradient(90deg, #CFEFF0 0%, #23B8BA 100%) !important;
  left: 0 !important;
  top: 342px !important;
  bottom: auto !important;
  width: 430px !important;
  height: 24px !important;
  z-index: 0 !important;
}
.rb4-page .ba-carousel--figma [data-ba-next] img, .rb4-page .process-slider [data-step-next] img{
  transform: scaleX(-1) !important;
  transform-origin: center center !important;
}
.rb4-page .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;
}
.rb4-page .effect-content{
  width: 1440px !important;
  max-width: 1440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 70px !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .effect-tabs li:last-child{
  margin-bottom: 0 !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iKiBhcnJvd185OTkiPgo8ZyBpZD0iUmVjdGFuZ2xlIDciPgo8L2c+CjxwYXRoIGlkPSJWZWN0b3IgMSIgZD0iTTcgNEwxNCAxMEw3IDE2IiBzdHJva2U9InZhcigtLXN0cm9rZS0wLCAjOTk5OTk5KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjwvZz4KPC9zdmc+Cg==") center / 20px 20px no-repeat !important;
  transform: none !important;
}
.rb4-page .effect-tabs button.is-active{
  color: #000 !important;
}
.rb4-page .effect-tabs button.is-active::before{
  color: #000 !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iKiBhcnJvd18wMDAiPgo8ZyBpZD0iUmVjdGFuZ2xlIDciPgo8L2c+CjxwYXRoIGlkPSJWZWN0b3IgMSIgZD0iTTcgNEwxNCAxMEw3IDE2IiBzdHJva2U9InZhcigtLXN0cm9rZS0wLCBibGFjaykiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+Cjwvc3ZnPgo=") !important;
}
.rb4-page .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("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDUwIDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iZHJvcF9idG4yIj4KPHBhdGggaWQ9IlZlY3RvciAxIiBkPSJNMTQgMTlMMjUgMzFMMzYgMTkiIHN0cm9rZT0idmFyKC0tc3Ryb2tlLTAsICM5OTk5OTkpIiBzdHJva2Utd2lkdGg9IjMiLz4KPC9nPgo8L3N2Zz4K") center / 50px 50px no-repeat !important;
}
.rb4-page .faq-item.is-open button span{
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDUwIDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iKioqIGRyb3BfYnRuMSI+CjxwYXRoIGlkPSJWZWN0b3IgMSIgZD0iTTE0IDE5TDI1IDMxTDM2IDE5IiBzdHJva2U9InZhcigtLXN0cm9rZS0wLCBibGFjaykiIHN0cm9rZS13aWR0aD0iMyIvPgo8L2c+Cjwvc3ZnPgo=") !important;
}
.rb4-page .faq-item button span::before, .rb4-page .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;
}
.rb4-page .effect-section{
  padding: 160px 0 !important;
  background: #fff !important;
  padding-top: 0 !important;
  padding-bottom: 160px !important;
}
.rb4-page .compare-section{
  padding: 160px 0;
  padding-top: 0 !important;
}
.rb4-page .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;
}
.rb4-page .faq-item button .faq-arrow::before, .rb4-page .faq-item button .faq-arrow::after{
  display: none !important;
  content: none !important;
}
.rb4-page .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;
}
.rb4-page .faq-arrow__up{
  display: none !important;
}
.rb4-page .faq-arrow__down{
  display: block !important;
}
.rb4-page .faq-item.is-open .faq-arrow__up{
  display: block !important;
}
.rb4-page .faq-item.is-open .faq-arrow__down{
  display: none !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .bottom-branches .branch-controls .image-arrow img{
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .reserve-bottom__dim{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: rgba(0,0,0,.2) !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .bottom-branches{
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 0 0 160px !important;
  background: #fff !important;
  overflow: hidden !important;
}
.rb4-page .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;
}
.rb4-page .bottom-branches .branch-head{
  width: 1440px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
}
.rb4-page .bottom-branches .branch-title{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 40px !important;
  white-space: nowrap !important;
}
.rb4-page .bottom-branches .branch-controls{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
.rb4-page .bottom-branches .branch-controls .image-arrow, .rb4-page .bottom-branches .branch-controls .image-arrow img{
  width: 70px !important;
  height: 70px !important;
  display: block !important;
}
.rb4-page .bottom-branches .branch-controls .image-arrow{
  width: 70px !important;
  height: 70px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.rb4-page .bottom-branches .branch-viewport{
  width: 1440px !important;
  height: 600px !important;
  overflow: hidden !important;
  cursor: grab !important;
  user-select: none !important;
}
.rb4-page .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;
}
.rb4-page .bottom-branches .branch-card::after{
  display: none !important;
  content: none !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .bottom-branches .branch-card__bg--my{
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -35.52% !important;
  width: 191.47% !important;
}
.rb4-page .bottom-branches .branch-card__bg--airport{
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -21.05% !important;
  width: 191.47% !important;
}
.rb4-page .bottom-branches .branch-card__bg--dongtan{
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -39.35% !important;
  width: 191.47% !important;
}
.rb4-page .bottom-branches .branch-card__bg--cheongju{
  top: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  left: -5.73% !important;
  width: 191.47% !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .bottom-branches .branch-card:nth-child(1) .branch-card__content{
  width: 291px !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(2) .branch-card__content{
  width: 294px !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(3) .branch-card__content{
  width: 342px !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(4) .branch-card__content{
  width: 263px !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(5) .branch-card__content{
  width: 359px !important;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .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;
}
.rb4-page .bottom-branches .branch-card__buttons a.kakao{
  background: #ffdb4c !important;
}
.rb4-page .bottom-branches .branch-scrollbar{
  width: 1440px !important;
  height: 3px !important;
  background: #d7d7d7 !important;
  overflow: visible !important;
  cursor: grab !important;
}
.rb4-page .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;
}
.rb4-page .faq-item button .faq-arrow, .rb4-page .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;
}
.rb4-page .faq-item button .faq-arrow img, .rb4-page .faq-item button span.faq-arrow img, .rb4-page .faq-arrow__up, .rb4-page .faq-arrow__down{
  display: none !important;
}
.rb4-page .faq-item button .faq-arrow::before, .rb4-page .faq-item button .faq-arrow::after, .rb4-page .faq-item button span.faq-arrow::before, .rb4-page .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;
}
.rb4-page .faq-item button .faq-arrow::before, .rb4-page .faq-item button span.faq-arrow::before{
  left: 10px !important;
  transform: rotate(45deg) !important;
}
.rb4-page .faq-item button .faq-arrow::after, .rb4-page .faq-item button span.faq-arrow::after{
  right: 10px !important;
  transform: rotate(-45deg) !important;
}
.rb4-page .faq-item.is-open button .faq-arrow::before, .rb4-page .faq-item.is-open button span.faq-arrow::before{
  background: #000 !important;
  transform: rotate(-45deg) !important;
}
.rb4-page .faq-item.is-open button .faq-arrow::after, .rb4-page .faq-item.is-open button span.faq-arrow::after{
  background: #000 !important;
  transform: rotate(45deg) !important;
}
.rb4-page .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;
}
.rb4-page .bottom-branches .branch-card__bg, .rb4-page .bottom-branches .branch-card__dim{
  display: none !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(1){
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), none lightgray center / cover no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(2){
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), none lightgray -166.944px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(3){
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), none lightgray -98.945px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(4){
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), none lightgray -184.945px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.rb4-page .bottom-branches .branch-card:nth-child(5){
  background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 100%), none lightgray -26.931px 0px / 191.466% 100% no-repeat !important;
  background-blend-mode: multiply, normal !important;
}
.rb4-page .bottom-branches .branch-card__content, .rb4-page .bottom-branches .branch-card__buttons, .rb4-page .bottom-branches .branch-card__buttons a{
  position: relative !important;
  z-index: 2 !important;
}
.rb4-page .bottom-branches .branch-card__buttons a img, .rb4-page .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;
}
.rb4-page .bottom-branches .branch-card__buttons a img{
  object-fit: contain !important;
  width: 15px !important;
  height: 14px !important;
}
.rb4-page .bottom-branches .branch-card__buttons a.kakao img{
  width: 13px !important;
  height: 14px !important;
}
.rb4-page .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;
}
.rb4-page .faq-list .faq-item > button .faq-arrow::before, .rb4-page .faq-list .faq-item > button .faq-arrow::after{
  display: none !important;
  content: none !important;
}
.rb4-page .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;
}
.rb4-page .faq-list .faq-item:not(.is-open) > button .faq-arrow__down{
  display: block !important;
}
.rb4-page .faq-list .faq-item:not(.is-open) > button .faq-arrow__up{
  display: none !important;
}
.rb4-page .faq-list .faq-item.is-open > button .faq-arrow__down{
  display: none !important;
}
.rb4-page .faq-list .faq-item.is-open > button .faq-arrow__up{
  display: block !important;
}
@media (max-width: 1919px){
.rb4-page{
    min-width: 1280px;
  }
.rb4-page .page{
    transform-origin: top left;
  }
}
@media (max-width: 1440px){
.rb4-page{
    --side: 240px;
  }
.rb4-page .container, .rb4-page .divider, .rb4-page .big-image, .rb4-page .ba-carousel, .rb4-page .timeline-table, .rb4-page .comparison-table, .rb4-page .reason-box, .rb4-page .recommend-list, .rb4-page .faq-list, .rb4-page .related-wrap, .rb4-page .branch-head, .rb4-page .branch-viewport, .rb4-page .bottom-branches .scrollbar, .rb4-page .reserve-bottom__inner, .rb4-page .reserve-branch-list, .rb4-page .reserve-branch-row, .rb4-page .footer__inner, .rb4-page .footer__main, .rb4-page .footer-line, .rb4-page .footer__bottom, .rb4-page .reserve-hero__content, .rb4-page .branches-wrap{
    width: 960px;
  }
.rb4-page .top-banner__close, .rb4-page .pill--brown{
    right: 24px !important;
  }
.rb4-page .logo{
    left: 24px !important;
  }
.rb4-page .gnb__menu{
    left: 320px !important;
    gap: 36px;
  }
}
@media (max-width: 1920px){
.rb4-page, .rb4-page, .rb4-page .page{
    min-width: var(--page-w);
  }
.rb4-page .price-figma .price-area{
    width: 1680px;
  }
.rb4-page .price-figma .products{
    width: 1160px;
  }
.rb4-page .price-figma .price-area, .rb4-page .price-figma .price-title{
    width: var(--inner);
  }
.rb4-page .price-figma .products, .rb4-page .price-figma .product-viewport, .rb4-page .product-control{
    width: 960px;
  }
}
@media (max-width: 1488px){
.rb4-page{
    --wide-content: 1440px;
    --wide-side: 24px;
  }
.rb4-page, .rb4-page .page{
    overflow-x: auto !important;
  }
.rb4-page .hero, .rb4-page .site-header, .rb4-page .top-banner, .rb4-page .gnb, .rb4-page .doctors-section, .rb4-page .reserve-hero, .rb4-page .reserve-bottom, .rb4-page .footer, .rb4-page .bottom-related, .rb4-page .bottom-branches{
    min-width: 1488px !important;
  }
.rb4-page .hero{
    min-width: 0 !important;
    height: calc(100vw * 0.6354166667) !important;
  }
}
@media (max-width:1488px){
.rb4-page .hero, .rb4-page .doctors-section.doctors-figma, .rb4-page .reserve-hero.reserve-figma{
    min-width: 1488px !important;
  }
.rb4-page .doctors-section.doctors-figma{
    min-height: 837px !important;
  }
}
.rb4-page .footer{ background: #000; }
.rb4-page .footer__black{ background: #000; }
.rb4-page .footer__bg{ opacity: .1; object-fit: cover; object-position: center center; }
.rb4-page .footer{
  background-color: #000 !important;
  background-image: linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.9) 100%), none !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
}
.rb4-page .footer__black, .rb4-page .footer__bg{
  display: none !important;
}
.rb4-page .footer__inner{
  position: relative !important;
  z-index: 2 !important;
}
.rb4-page .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: none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.rb4-page .footer__black, .rb4-page .footer__bg{
  display: none !important;
}
.rb4-page .footer__inner{
  position: relative !important;
  z-index: 2 !important;
}

/* KADENCE HEADER/FOOTER KILL (2026-08-04 카나리 실사고 — 구셀 킬 블록 이식 + ★.site-header/header.header 제거
   (v4 금형 자체 헤더가 <header class="site-header"> — 충돌로 우리 GNB까지 사망한 실사고.
   테마 헤더는 #masthead ID로 충분히 커버 — 라이브 실측 HEADER#masthead.site-header)) */
.rb4-void{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;position:absolute!important;top:-9999px!important}
.rb4-void2{display:none!important}
#wpadminbar,.nojq{display:none!important;height:0!important;visibility:hidden!important}
html{margin-top:0!important}
.site-container .entry-content-wrap,.site .entry-content-wrap,.content-wrap{padding:0!important;max-width:100%!important;margin:0!important}
/* ★테마 래퍼 중화 (2026-08-04 카나리 실사고 2: 테마 .inner{padding:150px;max-width:1920px}가
   v4 풀블리드 금형을 1140px로 구겨 좌측 잘림 — :has() 1차 + JS 폴백 2차) */
.inner:has(.rb4-page),.entry-content:has(.rb4-page),article:has(.rb4-page),.site-main:has(.rb4-page){padding:0!important;max-width:none!important;margin:0!important;width:100%!important}
/* GNB 로고 (2026-08-04 사용자 지시 "동그라미+오른쪽 영문 로고, 크기 이쁘게") —
   라이브 로고 2이미지(엠블럼+워드마크)가 디자인 .logo 폭(170px)에서 줄바꿈 적층되던 것을
   가로 플렉스 정렬로 수리. 이미지 자체는 라이브 CDN 원본 그대로. */
.rb4-page a.logo{display:flex!important;align-items:center;gap:11px;width:auto;max-width:none;line-height:0}
.rb4-page a.logo img{display:block;flex:0 0 auto}
.rb4-page a.logo .nav-emblem-img{height:38px!important}
.rb4-page a.logo .nav-logo-img{height:17px!important}
/* GNB 메가메뉴 v2 (2026-08-04) — 라이브 mega-menu 마크업 이식용 스코프 스타일.
   디자인 GNB 라벨은 원판 그대로, 드롭다운 패널만 디자인 토큰(화이트·라운드·오렌지 호버). */
.rb4-page .gnb__menu>li{position:relative}
.rb4-page .rb4x-has-mega>a::after{content:"▾";font-size:9px;margin-left:5px;opacity:.55;vertical-align:1px}
.rb4-page .rb4x-has-mega>.mega-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.10);padding:24px 30px;gap:10px 40px;z-index:140;white-space:nowrap;text-align:left}
.rb4-page .rb4x-has-mega:hover>.mega-menu,.rb4-page .rb4x-has-mega:focus-within>.mega-menu{display:grid}
.rb4-page .mega-menu .mega-col{display:flex;flex-direction:column;gap:5px;min-width:130px}
.rb4-page .mega-menu h5{margin:0 0 6px;font-size:12px;letter-spacing:.06em;color:#9a9a9a;font-weight:700}
.rb4-page .mega-menu .mega-badge{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:8px;background:var(--orange,#ff6b2c);color:#fff;font-size:9px;font-weight:700;letter-spacing:.04em;vertical-align:1px}
.rb4-page .mega-menu a{font-size:14px;color:#222;text-decoration:none;line-height:1.95;letter-spacing:-.3px}
.rb4-page .mega-menu a:hover{color:var(--orange,#ff6b2c)}
.rb4-page .mega-menu .mega-trigger,.rb4-page .mega-menu svg{display:none}
@media(max-width:900px){.rb4-page .rb4x-has-mega>.mega-menu{display:none!important}}

.rb4-page{margin:0}
.rb4-page [hidden]{display:none!important}
.rb4-page .hidden{display:none!important}
/* 라이브 국문 h1 (디자인 h1 슬롯=영문 워드마크 → .hero__word 별칭 이관, 실 h1은 본 룰) */
.rb4-page .hero__copy h1.rb4x-h1{margin:14px 0 0!important;color:#111!important;font-family:Pretendard,-apple-system,sans-serif!important;font-size:clamp(22px,1.8vw,34px)!important;line-height:1.45!important;letter-spacing:-1.2px!important;font-weight:700!important}
.rb4-page .rb4x-h1 em{font-style:normal!important;color:#1F5657!important}
/* 히어로 배지 라이브 dot span 정렬 */
.rb4-page .hero__eyebrow{display:inline-flex;align-items:center;gap:8px}
/* 라이브 전후사진 = 통짜 합본 1장 (디자인 전제=반쪽 2분할 크롭) → 직결 img 규칙 필요 */
.rb4-page .ba-card--figma .ba-card__photos>img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;transform:none!important}
.rb4-page .ba-card--figma .ba-card__photos>img.strip{object-fit:contain!important;background:#f6f1ea}
.rb4-page .ba-card__body .ba-branch{display:block;margin-top:10px;font-size:15px;color:#999;font-weight:500}
.rb4-page .ba-card__body .ba-arrow{margin:0 6px}
.rb4-page .ba-card--figma .ba-card__body{height:auto;min-height:230px}
/* 카드 바디 하단 크레딧/잔여 캡션 스택 (디자인 small 슬롯 복수 행) */
.rb4-page .ba-card__foot{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.rb4-page .ba-card__foot small{line-height:20px}
/* 장비컷 = crop 금지 (스텝/답변 대표컷) */
.rb4-page .step-card img.eq{object-fit:contain!important;background:#fff}
.rb4-page .big-image--eq{background:#fff;border:1px solid #f1ede8}
.rb4-page .big-image--eq img{object-fit:contain!important;background:#fff;width:100%;height:100%}
.rb4-page .big-image img{width:100%;height:100%;object-fit:cover;display:block}
/* 스텝 본문 = 라이브 장문 단락 (디자인 전제=수동 <br> 3줄) */
.rb4-page .step-card__overlay p{white-space:normal}
/* FAQ 답변 = 라이브 장문 (디자인 max-height:180px 전제=단답) */
.rb4-page .faq-item.is-open > div{max-height:900px!important}
/* ★닫힌 FAQ 답변 = display:none 금지 → max-height:0 클립 (0709 실가시 요건):
   디자인 .faq-item div{display:none}이 닫힌 답변을 innerText에서 제외(라이브는 max-height 클립
   = SEO 텍스트 렌더 유지). 시각 결과 동일(3020행 max-height:0+overflow:hidden이 접힘 담당).
   .hid(더보기 이전 감춤)는 라이브 프로토콜 그대로 display:none 유지. */
.rb4-page .faq-item div{display:block}
.rb4-page .faq-item button{white-space:normal!important;height:auto!important;gap:16px;text-align:left!important}
/* 라이브 '더 많은 질문 보기' 프로토콜 (.hid/.show + toggleMore) */
.rb4-page .faq-item.hid{display:none}
.rb4-page .faq-item.hid.show{display:block}
.rb4-page .more-btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}
/* 경과표/비교표 = 라이브 행수 가변 (디자인 고정 570px 전제=4행) */
.rb4-page .timeline-table{height:auto!important}
/* 중요한 이유 = 라이브 문단 3노드 (디자인=단일 p+br) — p 복수 배치 시 좌 보더 중복 제거 */
.rb4-page .reason-box .rb4x-why{position:relative;z-index:2;width:1019px;border-left:1px solid rgba(255,255,255,.3);padding-left:60px;display:flex;flex-direction:column;gap:14px}
.rb4-page .reason-box .rb4x-why p{width:auto;border-left:0;padding-left:0}
/* 상담예약 지점행 아이콘 = 실링크 래핑 */
.rb4-page .reserve-branch-item span.auto-row a{display:flex}
/* 푸터 좌측 소개문 = 라이브 장문 단일 노드 (디자인 전제=수동 <br> 2행 + nowrap)
   → nowrap 유지 시 362px 칼럼을 넘어 우측 메뉴와 겹침. 칼럼 내 줄바꿈으로 분리. */
.rb4-page .footer-copy p{white-space:normal}
/* 푸터 메뉴 블록 우측 고정 (space-between 보험 — 좌 브랜드/소개문과 명확 분리) */
.rb4-page .footer-menu{margin-left:auto!important}
/* 푸터 법정고지 = 라이브 문단 복수 노드 */
.rb4-page .rb4x-legal{display:flex;flex-direction:column;gap:6px}
.rb4-page .footer__bottom p{margin:0}
.rb4-page .footer-menu-group dd a{color:inherit}
.rb4-page .footer-menu-group dd a:hover{color:#fff}
/* 과학적 근거 (디자인 quote-copy/source 클래스 재사용 — 신규 룩 창작 없음) */
.rb4-page section.rb4x-sci{padding-top:160px!important} /* 디자인 섹션 리듬(160px) — compare-section의 padding-top:0!important 상쇄 */
.rb4-page .rb4x-sci-wrap{display:flex;flex-direction:column;gap:60px;align-items:center}
.rb4-page .rb4x-sci-wrap .quote-copy{max-width:1100px}
.rb4-page .rb4x-sci-wrap .source{margin:0}
/* 라이브 플로팅 (카카오 지점선택/전화) — 디자인 무관 사이트 공통 크롬 */
.rb4-page .kakao-float{position:fixed;right:26px;bottom:96px;width:58px;height:58px;border-radius:50%;background:#FEE500;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.22);cursor:pointer;z-index:900}
.rb4-page .kakao-float svg{width:30px;height:30px}
.rb4-page .phone-float{position:fixed;right:26px;bottom:26px;width:58px;height:58px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.22);z-index:900}
.rb4-page .phone-float svg{width:26px;height:26px;fill:#fff}
.rb4-page .kakao-branches{position:fixed;right:26px;bottom:164px;display:none;flex-direction:column;gap:6px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.2);padding:14px;z-index:901}
.rb4-page .kakao-branches.open{display:flex}
.rb4-page .kakao-branches a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#333;padding:7px 10px;border-radius:10px}
.rb4-page .kakao-branches a:hover{background:#FEE500}
.rb4-page .kb-dot{width:8px;height:8px;border-radius:50%;background:#FEE500;border:1px solid #e6cf00}
/* 상단배너 라이브 링크 */
.rb4-page .top-banner a{color:#CFEFF0;text-decoration:underline;text-underline-offset:3px;margin-left:14px;font-size:14px;font-weight:600}
/* ★캐러셀 네이티브 가로 스크롤 (사용자 지시 0709) — 원판=overflow:hidden+transform 스테핑
   → viewport overflow-x:auto (트랙패드 가로 스와이프/터치/shift+휠 네이티브), 화살표=scrollBy 병행.
   스크롤바는 시각적으로 숨김. 세로 휠은 핸들러 부재로 페이지 통과(원판 하이재킹 결함 해소). */
.rb4-page .ba-carousel--figma .ba-viewport,
.rb4-page .price-figma .product-viewport,
.rb4-page .doctors-section.doctors-figma .doctor-viewport,
.rb4-page .bottom-branches .branch-viewport{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}
.rb4-page .ba-carousel--figma .ba-viewport::-webkit-scrollbar,
.rb4-page .price-figma .product-viewport::-webkit-scrollbar,
.rb4-page .doctors-section.doctors-figma .doctor-viewport::-webkit-scrollbar,
.rb4-page .bottom-branches .branch-viewport::-webkit-scrollbar{display:none}
/* 트랙 transform 스테핑 잔재 무력화 (JS도 scrollLeft로 전환 — 이중 안전판) */
.rb4-page .ba-carousel--figma .ba-track,
.rb4-page .price-figma .product-track,
.rb4-page .doctors-section.doctors-figma .doctor-cards,
.rb4-page .bottom-branches .branch-track{transform:none!important;transition:none!important}
/* BA 뷰포트도 드래그 UX 통일 (원판은 product/doctor/branch만 grab) */
.rb4-page .ba-carousel--figma .ba-viewport{cursor:grab;user-select:none}
.rb4-page .ba-carousel--figma .ba-viewport.is-dragging{cursor:grabbing}
/* 관련시술 가로 카드 행 — 카드 폭 초과 시 네이티브 스크롤 안전판 (화살표 없는 정적 행) */
.rb4-page .related-list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.rb4-page .related-list::-webkit-scrollbar{display:none}
/* ★시술과정 4단계 = 4카드 가로 스크롤 캐러셀 (0709 사용자 지시 — 전 스텝 텍스트 실가시 DOM)
   원판 단일카드 JS 텍스트스왑 폐기 → 디자인 .step-card 형상 그대로 4형제 카드,
   뷰포트=overflow-x:auto+snap (다른 rb4x 캐러셀과 동일 프로토콜), 화살표=data-step-prev/next scrollBy */
.rb4-page .rb4x-step-viewport{width:1100px;max-width:100%;flex:0 0 1100px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none}
.rb4-page .rb4x-step-viewport::-webkit-scrollbar{display:none}
.rb4-page .rb4x-step-viewport.is-dragging{cursor:grabbing}
.rb4-page .rb4x-step-track{display:flex;gap:40px}
.rb4-page .rb4x-step-track .step-card{flex:0 0 1100px}
.rb4-page .rb4x-step-track .step-card{scroll-snap-align:start}
/* ★효과 및 경과 = 4패널 가로 스크롤 행 (0709 — 전 패널 텍스트 실가시 DOM, 탭=스크롤 내비게이션)
   원판 단일패널 JS 텍스트스왑 폐기 → 디자인 .effect-visual 형상 그대로 4형제 패널 */
.rb4-page .rb4x-effect-viewport{width:920px;max-width:100%;flex:0 0 920px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none}
.rb4-page .rb4x-effect-viewport::-webkit-scrollbar{display:none}
.rb4-page .rb4x-effect-viewport.is-dragging{cursor:grabbing}
.rb4-page .rb4x-effect-track{display:flex;gap:40px}
.rb4-page .rb4x-effect-track .effect-visual{scroll-snap-align:start}
/* ★0710 사용자 지시 v2: 사진 카드=디자인 원본 그대로, 설명문=카드 "밖" 별도 공간(아래 여백 블록) */
.rb4-page .rb4x-effect-item{flex:0 0 920px;scroll-snap-align:start;display:flex;flex-direction:column}
.rb4-page .rb4x-effect-item .effect-visual{flex:0 0 500px!important;height:500px!important} /* 디자인 flex-basis 920(가로용)이 컬럼에서 높이로 작동하는 것 차단 */
.rb4-page .rb4x-effect-cap{margin:28px auto 0;max-width:820px;padding:0 20px;color:#333;font-size:18px;line-height:1.75;text-align:center}
/* ★전체 의료진 (라이브 all-doctors 섹션 — 종전 hidden 보존 → 실가시 승격, 0709)
   디자인 언어 재사용: section-title center 헤더 + 화이트 라운드 카드 가로 스크롤 행 */
.rb4-page .rb4x-alldoc{background:#fff;padding:0 0 160px}
.rb4-page .rb4x-alldoc-wrap{display:flex;flex-direction:column;gap:60px;align-items:center}
.rb4-page .rb4x-alldoc-row{width:1440px;max-width:100%;display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;padding:4px 4px 14px}
.rb4-page .rb4x-alldoc-row::-webkit-scrollbar{display:none}
.rb4-page .rb4x-alldoc-row.is-dragging{cursor:grabbing}
.rb4-page .rb4x-alldoc-row article{flex:0 0 300px;scroll-snap-align:start;background:#fff;border:1px solid #eee;border-radius:20px;overflow:hidden;padding-bottom:26px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.rb4-page .rb4x-alldoc-row article img{width:100%;height:280px;object-fit:cover;display:block}
.rb4-page .rb4x-alldoc-row h3{margin:20px 0 4px;font-size:20px;line-height:26px;font-weight:800;letter-spacing:-1px;color:#222}
.rb4-page .rb4x-alldoc-row .rb4x-alldoc-branch{display:block;color:#999;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.6px}
.rb4-page .rb4x-alldoc-row p{margin:12px 20px 0;color:#666;font-size:14px;line-height:22px;letter-spacing:-.5px;font-weight:500}
/* ★상담예약 연락 라인 (라이브 전화/카카오 텍스트 — 종전 hidden → 실가시, 다크 밴드 위 화이트) */
.rb4-page .rb4x-bk-contacts{display:flex;gap:28px;margin-top:20px;flex-wrap:wrap}
.rb4-page .rb4x-bk-contact{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.5px}
.rb4-page .rb4x-bk-contact svg{width:20px;height:20px;flex:0 0 20px}
.rb4-page .rb4x-bk-contact svg path{fill:#fff}
/* ★의료광고 컴플라이언스 밴드 (라이브 rb2-info-band 승격 — 법정 고지 실가시, 푸터 직전) */
.rb4-page .rb4x-compliance{max-width:1100px;margin:0 auto;padding:0 20px 120px;display:flex;flex-direction:column;gap:12px}
.rb4-page .rb4x-comp-doctor,.rb4-page .rb4x-comp-cert{background:#f8f6f2;border-left:3px solid #d8cfc2;border-radius:6px;padding:16px 22px;font-size:13px;line-height:1.8;color:#666;letter-spacing:-.3px;font-weight:500}
.rb4-page .rb4x-comp-doctor{text-align:center}
.rb4-page .rb4x-comp-doctor strong,.rb4-page .rb4x-comp-cert strong{color:#3a352f;font-weight:700}
.rb4-page .rb4x-comp-cert span{display:inline-block;margin-top:6px;font-size:12px;color:#999}
/* ★핵심답변 최종 업데이트 날짜 (라이브 가시 — 종전 hidden → 뮤트 표기) */
.rb4-page .rb4x-ans-date{margin-top:20px;color:#999;font-size:15px;line-height:22px;letter-spacing:-.5px;font-weight:500}

/* RB4M 근사 CSS 전면 폐기 (§153 0805) — 모바일 = 셀 조각 렌더러(render_skin_m.py) 담당 */


/* ===== rb4x-hook-v2 : 후킹 표준 v2 슬롯 시안 (2026-07-31) — 금형 토큰(--orange/NewYork/Pretendard) 사용 ===== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap");
/* slot1 — 핵심 답변 질문 H2 세리프 디스플레이 승격 (CSS 전용, 텍스트 불변) */
.rb4-page .answer-section .section-title h2{
  font-family:"NewYork","newyorkregular","Noto Serif KR",Georgia,"Times New Roman",serif;
  font-weight:400;
}
.rb4-page .answer-section .section-title h2 strong{font-weight:700;}
/* slot2 — 공감 카드 "이런 고민이 있으신가요?" */
.rb4-page .rb4x-hook-symp-section{padding:0 0 160px;}
.rb4-page .rb4x-hook-symp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:80px;}
.rb4-page .rb4x-hook-symp article{display:flex;gap:22px;align-items:flex-start;background:#fff;border:1px solid #d7d7d7;border-radius:20px;padding:38px 42px;}
.rb4-page .rb4x-hook-symp .ck{flex:0 0 34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;margin-top:3px;}
.rb4-page .rb4x-hook-symp p{margin:4px 0 0;font-size:22px;line-height:34px;letter-spacing:-0.8px;color:#222;}
.rb4-page .rb4x-hook-symp-note{margin:44px auto 0;max-width:1080px;text-align:center;font-size:18px;line-height:30px;letter-spacing:-0.6px;color:#666;}
/* slot3 — 공개된 가격표 읽는 법 넘버드 카드 4 */
.rb4-page .rb4x-hook-read-section{padding:160px 0 0;}
.rb4-page .rb4x-hook-read-lead{margin:56px auto 0;max-width:1080px;text-align:center;font-size:20px;line-height:32px;letter-spacing:-0.6px;color:#444;}
.rb4-page .rb4x-hook-read{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;}
.rb4-page .rb4x-hook-read article{background:#fff;border:1px solid #d7d7d7;border-top:4px solid var(--orange);border-radius:0 0 20px 20px;padding:34px 30px 30px;}
.rb4-page .rb4x-hook-read .no{display:block;font-family:"NewYork","newyorkregular",Georgia,"Times New Roman",serif;font-size:44px;line-height:1;color:var(--orange);opacity:.5;margin-bottom:18px;}
.rb4-page .rb4x-hook-read b{display:block;font-size:21px;line-height:28px;letter-spacing:-0.8px;color:#222;margin-bottom:12px;font-weight:700;}
.rb4-page .rb4x-hook-read p{margin:0;font-size:16px;line-height:26px;letter-spacing:-0.5px;color:#555;}
/* slot4 — 경과 관찰 "끝난 뒤에도 이렇게 지켜봅니다" h3 3분할 */
.rb4-page .rb4x-hook-follow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px;}
.rb4-page .rb4x-hook-follow article{background:#fff;border:1px solid #d7d7d7;border-radius:20px;padding:42px 38px;}
.rb4-page .rb4x-hook-follow h3{margin:0 0 14px;font-size:24px;line-height:32px;letter-spacing:-0.9px;color:#222;font-weight:700;}
.rb4-page .rb4x-hook-follow h3::before{content:"";display:block;width:34px;height:4px;background:var(--orange);margin-bottom:18px;}
.rb4-page .rb4x-hook-follow p{margin:0;font-size:17px;line-height:28px;letter-spacing:-0.5px;color:#555;}
@media (max-width:1488px){.rb4-page .rb4x-hook-read{grid-template-columns:1fr 1fr;}}
@media (max-width:1024px){.rb4-page .rb4x-hook-symp,.rb4-page .rb4x-hook-read,.rb4-page .rb4x-hook-follow{grid-template-columns:1fr;}}

@media(max-width:900px){.rb4-page>*:not(script):not(style){display:none!important}}
/* §163-f 0812: 국제판 가격 위계 — From/USD 보조 크기 (KO 정합·100px 상속 차단) */
.rb4-page .hero__price span.rbp-pre, .rb4-page .hero__price span.rbp-usd{
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}
/* 0812: RBPRICE 폴백(상담문구) 전용 가독성 — 숫자 가격은 원 디자인 유지 */
.rb4-page .hero__price .rbp-fb{font-size:26px !important;line-height:36px !important;font-family:Georgia,"Times New Roman",serif !important;font-weight:400 !important;letter-spacing:.02em !important;font-style:normal !important}