/* ARTIQUE Clinic ??Hospital Intro (Figma TENOR 1553:2) */
@font-face {
  font-family: "S-Core Dream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff")
  format("woff");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "S-Core Dream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff")
  format("woff");
  font-weight: 400;
  font-display: swap;
}

:root {
  --design-width: 2448px;
  --scale: calc(100vw / 244.8);
  --bg: #f3eeee;
  --text: #625656;
  --text-dark: #504040;
  --text-muted: #625656;
  --panel: #9f7b77;
  --panel-dark: rgba(52, 42, 41, 0.73);
  --hero-dark: #2a1d1d;
  --location-bg: #393636;
  --feature-title: #e9e9e9;
  --feature-desc: #d2cbcb;
  --location-muted: #938c8c;
  --footer-bg: #1c1615;
  --mangro: "Mangro", "Cormorant Garamond", "Times New Roman", serif;
  --gmarket: "Gmarket Sans", "Pretendard", sans-serif;
  --ko: "Pretendard", "Noto Sans KR", sans-serif;
  --aboreto: "Aboreto", var(--mangro);
  --footer-font: "S-Core Dream", var(--ko);
  --content-pad: clamp(2rem, 8.6vw, 21rem);
  --content-max: 202.8rem;
  --header-h: 14rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


body.hospital01-page {
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
  font-family: var(--ko);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

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

button {
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.hospital01 {
  width: 100%;
  margin: 0 auto;
  overflow-x: clip;
  background: #F3EEEE;
}

/* Header */
.hospital01-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: var(--header-h);
  background: url("../image/hospital01_header_bg.png") center / cover no-repeat;
  opacity: 0.43;
  transition: opacity 0.25s ease;
}

.hospital01-header.is-scrolled {
  opacity: 0.92;
}

.hospital01-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: min(100%, var(--design-width));
  height: 100%;
  margin: 0 auto;
  padding: 0 clamp(2rem, 5.7vw, 14rem);
}

.hospital01-header__logo img {
  width: clamp(12rem, 31.3rem, 31.3rem);
  height: auto;
}

.hospital01-header__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.6rem 4.8rem;
  font-family: var(--aboreto);
  font-size: clamp(1.2rem, 1.836rem, 1.836rem);
  line-height: 1.67;
  letter-spacing: 0.11rem;
  text-transform: uppercase;
  color: #fff;
}

.hospital01-header__actions {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.hospital01-header__members {
  font-family: var(--aboreto);
  font-size: clamp(1.2rem, 1.836rem, 1.836rem);
  letter-spacing: 0.11rem;
  text-transform: uppercase;
  color: #fff;
}

.hospital01-header__lang {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: #fff;
  font-family: var(--aboreto);
  font-size: clamp(1.2rem, 1.806rem, 1.806rem);
  letter-spacing: 0.108rem;
}

.hospital01-header__lang img {
  width: 1.4rem;
  height: auto;
}

/* Quick nav */
.hospital01-quick {
  position: fixed;
  top: clamp(8rem, 12rem, 12rem);
  right: clamp(1rem, 2.4rem, 2.4rem);
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.hospital01-quick__btn {
  display: grid;
  place-items: center;
  width: 6.2rem;
  height: 6.2rem;
}

.hospital01-quick__btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hospital01-quick__btn--reserve {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.hospital01-quick__reserve-icon {
  grid-area: 1 / 1;
  width: 2.7rem !important;
  height: 2.6rem !important;
}

/* Hero scroll scene */
.hospital01-scroll-scene--hero {
  position: relative;
  isolation: isolate;
}

.hospital01-hero__pin {
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  grid-template-areas: "stack";
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  color: #fff;
}

.hospital01-hero__media,
.hospital01-hero__content {
  grid-area: stack;
}

.hospital01-hero__media {
  z-index: 0;
  background: var(--hero-dark);
  overflow: hidden;
}

.hospital01-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
}

.hospital01-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 8rem var(--content-pad) 10rem;
  text-align: center;
  will-change: transform, opacity;
}

.hospital01-hero__wordmark {
  position: relative;
  width: min(100%, 157.7rem);
  aspect-ratio: 1576.94 / 554.37;
  margin-top: 20rem;
  flex-shrink: 0;
}

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

.hosipital01-textbox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10rem;
  padding: 0 var(--content-pad);
}

.contact.type01{
  padding: 0;
  color: #fff;
}

.hospital01-hero__word {
  font-family: 'Mangro';
  font-weight: 400;
  line-height: 1.19;
  opacity: 0.88;
  white-space: nowrap;
}

.hospital01-hero__word--art,
.hospital01-hero__word--unique {
  font-size: clamp(4rem, 35.637rem, 35.637rem);
  text-transform: uppercase;
}

.hospital01-hero__word--art {
  position: absolute;
  left: 0;
  top: 0;
}

.hospital01-hero__word--of {
  position: absolute;
  left: 59.7%;
  top: 7%;
  font-size: clamp(1.4rem, 10.956rem, 10.956rem);
}

.hospital01-hero__line {
  position: absolute;
  left: 39%;
  top: 19.5%;
  width: 17.2%;
  height: auto;
}

.hospital01-hero__word--being {
  position: absolute;
  left: 18.4%;
  top: 59.5%;
  font-size: clamp(1.4rem, 10.956rem, 10.956rem);
}

.hospital01-hero__word--unique {
  position: absolute;
  left: 34.9%;
  top: 23.5%;
}

.hospital01-hero__title {
  font-family: var(--gmarket);
  font-weight: 300;
  font-size: clamp(2.4rem, 4.7rem, 4.7rem);
  line-height: 1.19;
}

.hospital01-hero__desc {
  margin-top: 2.4rem;
  font-family: var(--gmarket);
  font-weight: 300;
  font-size: clamp(1.4rem, 2rem, 2rem);
  line-height: 1.47;
}

/* Clinic — Figma 68:7 */
.hospital01-clinic {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-areas: "stack";
  width: 100%;
  margin-top: var(--hero-clinic-overlap, 0);
}

.hospital01-clinic__visual,
.hospital01-clinic__copy {
  grid-area: stack;
}

.hospital01-clinic__visual {
  width: 100%;
  aspect-ratio: 2792.625 / 1439;
  overflow: hidden;
}

.hospital01-clinic__layers {
  display: grid;
  grid-template-areas: "stack";
  width: 100%;
  height: 100%;
}

.hospital01-clinic__layer {
  grid-area: stack;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.hospital01-clinic__layer--detail {
  transform: scale(1.02);
  transform-origin: center bottom;
}

.hospital01-clinic__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  align-self: center;
  justify-self: center;
  width: min(100%, 110.65rem);
  padding: 0 var(--content-pad);
  text-align: center;
  color: #fff;
}

.hospital01-clinic__title {
  max-width: 110.65rem;
  font-family: 'Mangro';
  font-weight: 400;
  font-size: clamp(3.2rem, 9.825rem, 9.825rem);
  line-height: 0.87;
  letter-spacing: 0.295rem;
  color: #fffefe;
  opacity: 0.88;
}

.hospital01-clinic__desc {
  max-width: 56rem;
  font-family: var(--gmarket);
  font-weight: 300;
  font-size: clamp(1.4rem, 2rem, 2rem);
  line-height: 1.47;
  color: #fff;
}

/* Premium + programs scroll stack (Figma 71:844) */
.hospital01-premium {
  position: relative;
  z-index: 3;
  background: var(--panel);
  color: #fffefe;
}

.hospital01-premium::before {
  content: "";
  position: sticky;
  top: 0;
  z-index: 0;
  display: block;
  height: 100vh;
  height: 100dvh;
  margin-bottom: -100vh;
  margin-bottom: -100dvh;
  background: var(--panel);
  pointer-events: none;
}

.hospital01-premium__track {
  position: relative;
  z-index: 1;
  background: transparent;
}

.hospital01-premium__spacer--approach {
  height: 35vh;
  height: 35dvh;
}

.hospital01-premium__bg-sticky {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 0;
  pointer-events: none;
}

.hospital01-premium__pin {
  position: relative;
  width: 100%;
  height: 100vh;
}

.hospital01-premium__bg,
.hospital01-premium__texture {
  width: 100%;
}

.hospital01-premium__bg {
  display: none;
}

.hospital01-premium__texture {
  width: 100%;
  aspect-ratio: 2510 / 1412;
  overflow: hidden;
  opacity: 0.55;
}

.hospital01-premium__texture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hospital01-premium__portrait-sticky {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0 var(--content-pad) 0;
  margin-bottom: calc(-1 * min(72vh, 100rem));
  pointer-events: none;
}

.hospital01-premium__portrait {
  width: min(100%, 120.5rem);
  aspect-ratio: 1205 / 1607;
  overflow: hidden;
}

.hospital01-premium__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hospital01-premium__phase {
  position: relative;
}

.hospital01-premium__phase--intro {
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 110vh;
  min-height: 110dvh;
  padding: 0 var(--content-pad) 8rem;
}

.hospital01-premium__phase--programs {
  z-index: 4;
  padding: 0 var(--content-pad) 6rem;
  min-height: 0 !important;
}

.hospital01-premium__phase--release {
  z-index: 4;
  min-height: 72vh;
  min-height: 72dvh;
}

.hospital01-premium__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.hospital01-premium__headline {
  font-family: 'Mangro';
  font-weight: 400;
  font-size: clamp(3rem, 12.35rem, 12.35rem);
  line-height: 0.94;
  letter-spacing: 0.371rem;
  color: #fffefe;
  opacity: 0.88;
}

.hospital01-premium__headline span {
  display: inline-block;
  font-family: 'Mangro';
}

.hospital01-premium__sub {
  font-weight: 200;
  font-size: clamp(1.8rem, 3.6rem, 3.6rem);
  line-height: 1.11;
  color: var(--bg);
  margin-top: 40px;
}

.hospital01-premium__sub span {
  display: block;
}

.hospital01-premium__stamp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 20px;
  font-family: 'Mangro';
  width: 160px;
  height: 84px;
  overflow: hidden;
  background: url(/assets/image/bg-me.png) no-repeat;
  background-size: 160px 84px;
}
.hospital01-premium__stamp span{
  display: none;
}

.hospital01-premium__stamp-paren {
  font-size: clamp(3rem, 7.058rem, 7.058rem);
  letter-spacing: 0.353rem;

}

.hospital-header-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding-bottom: 240px;
  padding-top: 150px;
  justify-content: center;
  align-items: center;
}
.hospital-header-container img{
  width: 200px;
}
.hospital-header-container .hospital-header-desc{
  width: 100%;
  font-size: 30px;
  color: #F3EEEE;
}
.hospital-header-container .hospital-header-list{
  width: 100%;
  display: flex;
  gap: 58px;
  justify-content: center;
}
.hospital-header-container .hospital-header-list li{
  font-size: 19px;
  color: #fff;
  font-family: 'Mangro';
}


.hospital01-premium__stamp-paren--right {
  transform: scaleX(-1);
}

.hospital01-premium__stamp-love {
  font-size: clamp(1rem, 1.905rem, 1.905rem);
  font-style: italic;font-family: 'Mangro';
}

.hospital01-premium__stamp-me {
  font-size: clamp(2.4rem, 5.803rem, 5.803rem);
  font-style: italic;font-family: 'Mangro';
}

.hospital01-premium__programs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33.3rem;
  padding-top: 6rem;
  padding-bottom: 8rem;
}

.hospital01-program {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
  width: min(100%, 58.133rem);
  color: #fff;
  position: relative;
}

.hospital01-program__head {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 1.6rem;
  margin-bottom: 15px;
}

.hospital01-program__brand {
  font-family: 'Mangro';
  font-size: clamp(1.8rem, 3.2rem, 3.2rem);
  letter-spacing: 0.32rem;
  text-transform: uppercase;
}

.hospital01-program__icon {
  width: 4.7rem;
  height: 4.7rem;
  flex-shrink: 0;
}

.hospital01-program__visual {
  grid-column: 1 / -1;
  width: 100%;
  aspect-ratio: 581 / 801;
  overflow: hidden;
  background: #8a6a66;
  isolation: isolate;
}

.hospital01-program__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hospital01-program__visual--flowers {
  position: relative;
}

.hospital01-program__layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hospital01-program__layer--flowers {
  object-position: center 20%;
}

.hospital01-program__body {
  grid-column: 1 / -1;
  position: absolute;
  left: 20px;
  bottom: 60px;
}

.hospital01-program__body h3 {
  font-family: var(--gmarket);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.13;
  margin-bottom: 1.6rem;
}

.hospital01-program__body p {
  font-family: var(--gmarket);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.27;
  color: #fff;
}

/* Facilities (Figma 75:846) */
.hospital01-facilities {
  position: relative;
  z-index: 4;
  isolation: isolate;
  min-height: 174.5rem;
  background: var(--bg);
  overflow: hidden;
}

.hospital01-facilities::before {

  position: sticky;
  top: 0;
  z-index: 0;
  display: block;
  height: 111.9rem;
  margin-bottom: -111.9rem;
  background: var(--panel-dark);
  border-block: 1px solid #6e6b6b;
  pointer-events: none;
}

.hospital01-facilities__content {
  position: relative;
  z-index: 1;
  padding: 17.9rem 0 10rem;
  color: var(--bg);
}

.hospital01-facilities__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.7rem;
  text-align: center;
  margin-bottom: 15.1rem;
}

.hospital01-facilities__title {
  font-family: 'Mangro';
  font-weight: 400;
  font-size: clamp(5rem, 14.7rem, 14.7rem);
  line-height: 1.19;
  letter-spacing: 0.441rem;
  color: #625656;
  opacity: 0.88;
}

.hospital01-facilities__subtitle {
  font-family: var(--ko);
  font-weight: 400;
  font-size: clamp(1.4rem, 2.4rem, 2.4rem);
  line-height: 1.19;
  color: #625656;
}

.hospital01-facilities__swiper {
  width: 100%;
  overflow: visible;
  touch-action: pan-y;
  cursor: grab;
}

.hospital01-facilities__swiper.swiper-grabbing {
  cursor: grabbing;
}

.hospital01-facilities__swiper .swiper-wrapper {
  align-items: center;
  transition-timing-function: ease;
}

.hospital01-facilities__slide {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 158.6rem;
  height: auto;
  transition: opacity 0.4s ease;
  opacity: 0.45;
}

.hospital01-facilities__slide--peek {
  width: 200rem;
}

.hospital01-facilities__slide.swiper-slide-active {
  opacity: 1;
}

.hospital01-facilities__slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 1586 / 1057;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.hospital01-facilities__slide--peek img {
  aspect-ratio: 2000 / 1057;
  object-position: bottom;
}

.hospital01-facilities__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(100%, 68.9rem);
  margin: 10rem auto 0;
}

.hospital01-facilities__arrow {
  display: grid;
  place-items: center;
  width: 6rem;
  height: 6rem;
  flex-shrink: 0;
  border-radius: 50%;
}
.hospital01-facilities__arrow:hover{
  background: #DDD7D7;
}
.hospital01-facilities__arrow--next {
  transform: rotate(180deg);
}

.hospital01-facilities__arrow img {
  width: 6rem;
  height: 6rem;
  object-fit: contain;
  pointer-events: none;
}

.hospital01-facilities__pagination {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22.7rem;
  min-height: 1rem;
}

.hospital01-facilities__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background: #d8cece;
  opacity: 1;
}

.hospital01-facilities__pagination .swiper-pagination-bullet-active {
  background: #736868;
}

/* The Unique (Figma 75:847) */
.hospital01-unique {
  padding: 8rem var(--content-pad) 12rem;
  background: var(--bg);
  color: var(--text);
}

.hospital01-unique__inner {
  position: relative;
  max-width: 202.6rem;
  min-height: 123rem;
  margin: 0 auto;
}

.hospital01-unique__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.96rem;
  text-align: center;
}

.hospital01-unique__title {
  font-family: 'Mangro';
  font-weight: 400;
  font-size: clamp(5rem, 14.7rem, 14.7rem);
  line-height: 1.19;
  letter-spacing: 0.441rem;
  color: var(--text);
  opacity: 0.88;
}

.hospital01-unique__eyebrow {
  font-family: var(--ko);
  font-weight: 400;
  font-size: clamp(1.4rem, 2.4rem, 2.4rem);
  line-height: 1.19;
  text-transform: uppercase;
  color: var(--text);
}

.hospital01-unique__brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 7.6rem;
}

.hospital01-unique__mark {
  width: 13.1rem;
  height: auto;
  flex-shrink: 0;
}

.hospital01-unique__wordmark {
  position: relative;
  width: min(100%, 29.6rem);
  aspect-ratio: 296 / 105;
  flex-shrink: 0;
}

.hospital01-unique__word {
  position: absolute;
  font-family: 'Mangro';
  line-height: 1.19;
  color: var(--text);
  opacity: 0.88;
  white-space: nowrap;
}

.hospital01-unique__word--art,
.hospital01-unique__word--unique {
  font-size: clamp(2rem, 6.7rem, 6.7rem);
  text-transform: uppercase;
}

.hospital01-unique__word--art {
  left: 0;
  top: 0;
}

.hospital01-unique__word--of {
  left: 59.5%;
  top: 7%;
  font-size: clamp(1rem, 2.06rem, 2.06rem);
}

.hospital01-unique__line {
  position: absolute;
  left: 37.5%;
  top: 19.5%;
  width: 17.3%;
}

.hospital01-unique__word--being {
  left: 18.5%;
  top: 77%;
  font-size: clamp(1rem, 2.06rem, 2.06rem);
}

.hospital01-unique__word--unique {
  left: 14.5%;
  top: 23.5%;
}

.hospital01-unique__rule {
  display: block;
  border: 0;
  width: 100%;
  height: 0.172rem;
  background: url("../image/hospital01_unique_divider.svg") center / 100% 100%
  no-repeat;
}

.hospital01-unique__rule--top {
  margin-top: 1.8rem;
}

.hospital01-unique__rule--bottom {
  margin-top: 4rem;
  background-image: url("../image/hospital01_unique_divider_light.svg");
}

.hospital01-unique__body {
  position: relative;
  margin-top: 5.8rem;
}

.hospital01-unique__stage {
  display: grid;
  grid-template-columns: minmax(0, 81.4rem) minmax(0, 97.3rem);
  justify-content: space-between;
  gap: 4rem 8.4rem;
  align-items: center;
  padding: 0 40px 0 80px;
}

.hospital01-unique__content {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}

.hospital01-unique__program {
  font-family: 'Mangro';
  font-weight: 400;
  font-size: clamp(3rem, 9.633rem, 9.633rem);
  line-height: 0.88;
  color: var(--text);
  opacity: 0.88;
}

.hospital01-unique__program span {
  display: block;
  font-family: 'Mangro';
}

.hospital01-unique__desc {
  font-family: var(--ko);
  font-weight: 500;
  font-size: clamp(1.6rem, 3.2rem, 3.2rem);
  line-height: 1.19;
  text-transform: uppercase;
  color: var(--text);
}

.hospital01-unique__visual {
  overflow: hidden;
}

.hospital01-unique__visual img {
  width: 100%;
  height: auto;
  aspect-ratio: 973 / 649;
  object-fit: cover;
}

.hospital01-unique__nav {
  position: absolute;
  width: 100%;
  height: 4.4rem;
  margin-top: -2.24rem;
  top: 50%;
  left: 0;
}

.hospital01-unique__nav-deco {
  width: 100%;
  height: 4.4rem;
  object-fit: contain;
  pointer-events: none;
}

.hospital01-unique__arrow {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 14px;
  height: 28px;
  cursor: pointer;
}

.hospital01-unique__arrow--prev {
  left: 0;
}

.hospital01-unique__arrow--next {
  right: 0;
}

/* Location */
.hospital01-location {
  padding: 12rem var(--content-pad) 0;
}

.hospital01-location__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
  max-width: var(--content-max);
  margin: 0 auto 6rem;
  color: #625656;
}

.hospital01-location__title {
  font-family: 'Mangro';
  font-weight: 400;
  font-size: clamp(5rem, 14.7rem, 14.7rem);
  line-height: 1.19;
  letter-spacing: 0.441rem;
  opacity: 0.88;
}

.hospital01-location__subtitle {
  font-family: var(--gmarket);
  font-weight: 500;
  font-size: clamp(1.6rem, 2.738rem, 2.738rem);
  line-height: 1.19;
  text-align: right;
}

.hospital01-location__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(0, 1fr);
  max-width: var(--content-max);
  margin: 0 auto;
  min-height: 78.6rem;
}

.hospital01-location__map {
  overflow: hidden;
}

.hospital01-location__map img {
  width: 100%;
  height: 100%;
  min-height: 78.6rem;
  object-fit: cover;
}

.hospital01-location__info {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 8.3rem 4.8rem 4rem;
  background: var(--location-bg);
  color: #fff;
}

.hospital01-location__label {
  font-family: var(--gmarket);
  font-weight: 300;
  font-size: 3.305rem;
  line-height: 1.19;
  text-transform: uppercase;
}

.hospital01-location__guide {
  font-family: var(--gmarket);
  font-weight: 300;
  font-size: 1.703rem;
  line-height: 1.19;
  letter-spacing: 0.051rem;
  text-transform: uppercase;
}

.hospital01-location__phone-label,
.hospital01-location__reserve-label,
.hospital01-location__address-label {
  margin-top: 1.6rem;
  font-family: var(--gmarket);
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--location-muted);
  text-transform: uppercase;
}

.hospital01-location__phone {
  font-family: var(--gmarket);
  font-weight: 300;
  font-size: 6.242rem;
  line-height: 1.19;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
}

.hospital01-location__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 2.6rem;
  margin-top: 1.6rem;
}

.hospital01-location__btn {
  display: grid;
  place-items: center;
  min-width: 20rem;
  min-height: 5.1rem;
}

.hospital01-location__btn img {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.hospital01-location__btn span {
  grid-area: 1 / 1;
  font-family: 'Mangro';
  font-size: 2.859rem;
  letter-spacing: 0.229rem;
  text-transform: uppercase;
  opacity: 0.88;
}

.hospital01-location__address {
  margin-top: 0.8rem;
  font-family: var(--footer-font);
  font-weight: 300;
  font-size: 2.2rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.hospital01-location__parking {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem 2.4rem;
  margin-top: 1.6rem;
  font-family: var(--footer-font);
  font-weight: 300;
  font-size: 2.2rem;
  text-transform: uppercase;
}

.hospital01-location__parking img {
  width: 1px;
  height: 1.5rem;
}

.hospital01-location__notice {
  margin-top: 1.6rem;
  font-weight: 300;
  font-size: 1.711rem;
  opacity: 0.66;
}

/* Footer */
.hospital01-footer {
  position: relative;
  padding: 10rem var(--content-pad) 6rem;
  background: var(--footer-bg);
  color: #fff;
  overflow: hidden;
}

.hospital01-footer__texture {
  position: absolute;
  inset: 0;
  opacity: 0.08;
  pointer-events: none;
}

.hospital01-footer__texture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hospital01-footer__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8rem;
  max-width: var(--content-max);
  margin: 0 auto;
  text-align: center;
}

.hospital01-footer__logo {
  width: min(100%, 113.4rem);
  height: auto;
}

.hospital01-footer__hours-title {
  font-weight: 300;
  font-size: clamp(2rem, 3.811rem, 3.811rem);
}

.hospital01-footer__hours-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 4rem;
  margin-top: 3rem;
}

.hospital01-footer__hours-grid dt {
  font-weight: 200;
  font-size: clamp(1.4rem, 2.25rem, 2.25rem);
  color: #bc9090;
}

.hospital01-footer__hours-grid dd {
  margin-top: 0.6rem;
  font-weight: 200;
  font-size: clamp(1.8rem, 2.812rem, 2.812rem);
}

.hospital01-footer__hours-note {
  margin-top: 3rem;
  font-weight: 300;
  font-size: clamp(1.2rem, 2.111rem, 2.111rem);
}

.hospital01-footer__legal {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
}

.hospital01-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem 4rem;
  font-family: var(--footer-font);
  font-size: 2.018rem;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}

.hospital01-footer__company {
  font-family: var(--footer-font);
  font-weight: 300;
  font-size: 1.711rem;
  letter-spacing: 0.034rem;
  text-transform: uppercase;
  opacity: 0.9;
}

.hospital01-footer__copy {
  align-self: flex-end;
  font-family: var(--footer-font);
  font-weight: 300;
  font-size: 1.711rem;
  color: rgba(255, 255, 255, 0.31);
}

/* Responsive */
@media (max-width: 1200px) {
  html {
    font-size: clamp(5px, calc(100vw / 140), 8px);
  }

  .hospital01-header__nav {
    display: none;
  }

  .hospital01-premium__portrait-sticky {
    margin-bottom: -52vh;
  }

  .hospital01-premium__programs {
    gap: 12rem;
  }

  .hospital01-unique__stage {
    grid-template-columns: 1fr;
  }

  .hospital01-unique__visual {
    order: -1;
  }

  .hospital01-unique__content {
    padding-top: 0;
  }

  .hospital01-unique__brand-row {
    margin-top: 4rem;
  }

  .hospital01-unique__wordmark {
    width: min(100%, 22rem);
  }

  .hospital01-location__grid {
    grid-template-columns: 1fr;
  }

  .hospital01-location__map img {
    min-height: 40rem;
  }

  .hospital01-footer__hours-grid {
    grid-template-columns: 1fr;
  }

  .hospital01-footer__copy {
    align-self: center;
  }
}
body#sub1_1{
  overflow-x: visible !important;
}
body#sub1_2{
  overflow-x: visible !important;
}
@media (max-width: 768px) {
  html {
    font-size: clamp(4.5px, calc(100vw / 90), 7px);
  }

  .hospital01-quick {
    top: auto;
    bottom: 2rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: min(100%, 24rem);
  }

  .hospital01-hero__content {
    padding-bottom: 6rem;
  }

  .hospital01-facilities__header {
    margin-bottom: 8rem;
    padding: 0 var(--content-pad);
  }

  .hospital01-facilities__slide,
  .hospital01-facilities__slide--peek {
    width: min(92vw, 158.6rem);
  }

  .hospital01-facilities__slide--peek {
    width: min(96vw, 200rem);
  }

  .hospital01-location__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .hospital01-location__subtitle {
    text-align: left;
  }

  .hospital01-facilities__nav {
    max-width: 100%;
    padding: 40px 1rem 0 1rem;
  }
  .hospital01-unique__desc br{
    display: none;
  }

  .hospital01-facilities__pagination {
    flex: 1 1 auto;
    width: auto;
  }

  .hospital01-location__info {
    padding: 4rem 2.4rem;
  }

  .hospital01-location__phone {
    font-size: 4.8rem;
  }

  .hospital01-location__btn {
    min-width: 100%;
  }
  .hospital01-facilities {
    min-height: 100vh;
  }
  .hospital01-hero__wordmark{
    padding-top: 80px;
  }
  .hospital01-hero__title{
    font-size: 16px;
  }
  .hospital01-hero__desc{
    font-size: 13px;
  }
  .hospital01-program__body h3{
    font-size: 24px;
  }
  .hospital01-program__body p{
    font-size: 14px;
  }
  .hospital01-premium__headline span{
    font-size: 30px;
  }
  .hospital01-unique__mark{
    width: 50px;
    height: 50px;
  }
  .hosipital01-textbox{
    position: static;
    padding: 0;
    margin-top: 80px;
  }
  .hospital01-hero__title{
    font-size: 19px;
  }
  .hospital01-hero__desc{
    font-size: 13px;
    margin-top: 20px;
  }
  .hospital01-hero__desc br{
    display: none;
  }
  .hospital-header-container{
    gap: 28px;
    padding-bottom: 150px;
  }
  .hospital-header-container img{
    width: 150px;
  }
  .hospital-header-container .hospital-header-desc{
    font-size: 19px;
  }
  .hospital-header-container .hospital-header-list{
    gap: 30px;
  }
  .hospital-header-container .hospital-header-list li{
    font-size: 10px;
  }
  .hospital01-premium__headline,
  .hospital01-premium__sub,
  .hospital01-premium__stamp{
    display: none;
  }
  .hospital01-program__brand{
    font-size: 16px;
  }
  .hospital01-program__head{
    margin-bottom: 10px;
  }
  .hospital01-premium__phase--release{
    display: none;
  }
  .hospital01-premium__phase--programs{
    min-height: 0 !important;
  }
  .hospital01-program__body{
  }
  .hospital01-program__body h3{
    font-size: 24px;
  }
  .hospital01-program__body p{
    color: #fff;
    font-size: 14px;
    padding-right: 20px;
  }
  .hospital01-facilities__title{
    font-size: 34px;
  }
  .hospital01-facilities__subtitle{
    font-size: 15px;
  }
  .hospital01-facilities__nav{
    padding-top: 0;
    margin-top: 20px;
  }
  .hospital01-premium::before{
    display: none;
  }
  .hospital01-facilities{
    min-height: 0;
  }
  .hospital01-unique{
    position: relative;
    z-index: 22;
  }
  .hospital01-unique__title{
    font-size: 34px;
  }
  .hospital01-unique__eyebrow{
    font-size: 15px;
  }
  .hospital01-unique__program{
    text-align: center;
  }
  .hospital01-unique__program span{
    font-size: 32px;
  }
  .hospital01-unique__desc{
    font-size: 12px;
  }
  .hospital01-unique__nav{
    margin-top: 0;
    top: auto;
    bottom: 80px;
  }
  .hospital01-unique__stage{
    padding: 0 40px 20px 40px;
  }
  .hospital01-unique__visual{
    width: calc( 100% + 80px );
    margin-left: -40px;
    margin-right: -40px;
  }
  .hospital01-location__title{
    font-size: 34px;
    text-align: center;
  }
  .hospital01-location__subtitle{
    font-size: 15px;
    text-align: center;
  }
  .hospital01-location__header{
    align-items: center;
  }
  .hospital01-unique{
    padding: 40px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .hospital01-hero__content {
    transform: none !important;
    opacity: 1 !important;
  }

  .hospital01-facilities__slide {
    transition: none;
  }
}