/* Bridge: COSS hero + Cheongyang main-wrap (acego.main.local.css) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.css");
@import url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.css");

body.cy-home {
  --cy-ink: #00031c;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
}

body.cy-home .hero-wave {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23e3f5ff' d='M0,64 C240,120 480,20 720,56 C960,92 1200,120 1440,48 L1440,120 L0,120 Z'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  filter: none;
  height: clamp(64px, 10vw, 120px);
}

body.cy-home .site-header.is-scrolled {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(0,3,28,.06);
}
body.cy-home .site-header.is-scrolled .logo,
body.cy-home .site-header.is-scrolled .nav-links > a,
body.cy-home .site-header.is-scrolled .nav-links .nav-drop > a { color: var(--cy-ink); text-shadow: none; }
body.cy-home .site-header.is-scrolled .nav-toggle span { background: var(--cy-ink); box-shadow: none; }
body.cy-home .site-header.is-scrolled .nav-cta { background: var(--cy-ink); color: #fff; }

/* Cheongyang uses gmarket alias */
.resevation *,
.map-slide.splide * {
  font-family: "GmarketSansMedium", "GmarketSansBold", Pretendard, sans-serif !important;
}
.map-slide.splide .map-tit,
.resevation .date .reserv-tit {
  font-family: "GmarketSansBold", "GmarketSansMedium", Pretendard, sans-serif !important;
}

/* sr-only / more plus from layout */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); border: 0;
}
.more span {
  position: relative; display: block; width: 100%; height: 100%;
}
.more span:before,
.more span:after {
  content: ""; position: absolute; left: 50%; top: 50%;
  background: transparent; border-color: #000; border-style: solid;
}
.more span:before {
  width: 18px; height: 0; border-width: 0 0 3px 0; margin-left: -9px; margin-top: -1.5px;
}
.more span:after {
  width: 0; height: 18px; border-width: 0 3px 0 0; margin-left: -1.5px; margin-top: -9px;
}
.map-slide.splide .thum .more span:before,
.map-slide.splide .thum .more span:after { border-color: #00031c; }

/* Character slots live in kos-cy-footer.css (user main.png + keep bounce/jump) */

body.cy-home .site-footer { background: #1a2a36; margin-top: 0; }

/* Prevent kos.css from crushing sc widths */
#main.main-wrap { width: 100%; max-width: none; }
#main.main-wrap img { max-width: 100%; height: auto; }

/* Map circle: fill frame (Cheongyang). Bridge height:auto was making oval + white gaps. */
#main.main-wrap .map-slide.splide .thum {
  overflow: hidden;
}
#main.main-wrap .map-slide.splide .thum-in {
  border-radius: 50%;
  overflow: hidden;
}
#main.main-wrap .map-slide.splide .thum-in img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  transform: translate(-50%, -50%);
  border-radius: 0;
}

/* Cheongyang common/layout reset — without it, pause looks like a Windows bevel button */
#main.main-wrap .splide .button,
#main.main-wrap .splide button.splide__toggle {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
  cursor: pointer;
}
#main.main-wrap .splide .button.splide__toggle .play,
#main.main-wrap .splide .button.splide__toggle .stop {
  background-color: transparent;
  border: 0;
}

/* Hide Splide-injected map title text + page counter (labels live in PNG art) */
#main.main-wrap .map-slide.splide .splide__pagination__page > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  font-size: 0 !important;
}
#main.main-wrap .map-slide.splide .splide__pagination__page:before {
  font-size: 0 !important;
  color: transparent !important;
}