.elementor-6 .elementor-element.elementor-element-80d7c32 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-80d7c32 > .elementor-background-overlay{background-color:#00000085;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-80d7c32 > .elementor-container{min-height:100vh;}.elementor-6 .elementor-element.elementor-element-80d7c32{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-82px;margin-bottom:0px;padding:50px 50px 50px 50px;}.elementor-6 .elementor-element.elementor-element-07a1b09 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:100px;}.elementor-6 .elementor-element.elementor-element-07a1b09 > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-07a1b09 > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-07a1b09 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-6 .elementor-element.elementor-element-07a1b09 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-07a1b09 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-02ec6d0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-3394ccb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-bfdbb3a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-bfdbb3a > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-bfdbb3a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-a20bc64.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-a20bc64.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-db6249e.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-9f0ac02 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-9f0ac02 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-9f0ac02{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-b7002e3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-b7002e3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}body.elementor-page-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-80d7c32 > .elementor-container{min-height:691px;}.elementor-6 .elementor-element.elementor-element-db6249e{width:100%;max-width:100%;}.elementor-6 .elementor-element.elementor-element-db6249e.elementor-element{--flex-grow:0;--flex-shrink:0;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-80d7c32 > .elementor-container{min-height:100vh;}.elementor-6 .elementor-element.elementor-element-80d7c32{padding:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-bfdbb3a{padding:50px 15px 50px 15px;}.elementor-6 .elementor-element.elementor-element-9f0ac02{padding:50px 15px 50px 15px;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-07a1b09{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6 .elementor-element.elementor-element-a20bc64{width:100%;}.elementor-6 .elementor-element.elementor-element-b7002e3{width:100%;}}/* Start custom CSS for html, class: .elementor-element-02ec6d0 *//* ============================== 홈 최상단 비디오 영역 CSS ================================== */
/* 🔧 전체 래퍼 */
.kroyal-animated-text-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 30vh;
  text-align: center;
  color: white;
  font-family: 'Pretendard', sans-serif;
  overflow: hidden;
}

/* 기본: 둘 다 숨김 처리 */
.desktop-only, .mobile-only {
  display: none;
}

/* 🔁 그룹 전환 애니메이션 (유지 0 / 인 49% / 아웃 49% / 블랙아웃 2%) */
.kroyal-text-group {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  animation: kroyal-clip-40s-50gap 40s linear infinite;
  animation-fill-mode: both;
  will-change: opacity, clip-path;
}

/* ⏱ 그룹 딜레이 (총 40s → 슬롯 = 6.6667s) */
.group-a { animation-delay: 0s; }
.group-b { animation-delay: 6.6667s; }
.group-c { animation-delay: 13.3333s; }
.group-d { animation-delay: 20s; }
.group-e { animation-delay: 26.6667s; }
.group-f { animation-delay: 33.3333s; }

/* 🔠 텍스트 스타일 */
.kroyal-text-upper {
  font-size: 30pt;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.3;
}

.kroyal-text-lower {
  font-size: 20pt;
  font-weight: 600;
  margin-top: 20px;
  line-height: 1.3;
}

/* ───── 구분선 ───── */
.kroyal-separator {
  width: 150px;
  height: 1px;
  background-color: #fff;
  margin: 0 auto;
}

/* 🎬 유지 0 / 인 49% / 아웃 49% / 블랙아웃 2% (겹침 방지)
   - 0%      →  8.1667% : 페이드 인 (≈ 3.2667s)  → opacity 0→1, clip 100%→0
   - 8.1667% → 16.3333% : 페이드 아웃 (≈ 3.2667s) → opacity 1→0, clip 0→100
   - 16.3333%→ 16.6667% : 블랙아웃 2% (≈ 0.1333s) → 다음 그룹과 겹침 방지
   ※ 모든 구간 선형(linear) 변화로 '머무르는 느낌' 제거
*/
@keyframes kroyal-clip-40s-50gap {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }
  8.1667% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  16.3333% {
    opacity: 0;
    clip-path: inset(0 0 0 100%);
  }
  16.6667% {
    opacity: 0;
    clip-path: inset(0 0 0 100%);
  }
  100% {
    opacity: 0;
    clip-path: inset(0 0 0 100%);
  }
}

/*============================ 모바일 화면 (767px 이하일 때) ============================*/
@media (max-width: 767px) {
  /* 홈화면 - 상단 영역 */
  .mobile-only {
    display: block;
  }
  
  .kroyal-text-upper{
    font-size: 21px;
  }

  .kroyal-text-lower{
    font-size: 18px;
  }

  .kroyal-separator{
    width: 60px;
    height: 1px;
  }

  .kroyal-animated-text-wrapper{
    height: 120px;
  }

  .thekroyal-home-content-title{
    font-size: 13pt;
    font-weight: 700;
  }

  .thekroyal-home-content-content{
    font-size: 10pt;
    font-weight: 400;
  }
}

/*============================ 데스크톱 화면 (768px 이상일 때) ============================*/
@media (min-width: 768px) {
  .desktop-only {
    display: block;
  }
}

.thekroyal-home-content-text {
  position: relative;
  width: 100%;
  color: white;
  text-align: end;
  font-family: 'Pretendard', sans-serif;
  overflow: hidden;
}

.thekroyal-home-content-title {
  font-size: 21pt;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.3;
}

.thekroyal-home-content-content {
  font-size: 13pt;
  font-weight: 600;
  margin-top: 20px;
  line-height: 1.3;
}

/* 모바일 화면 (767px 이하일 때) */
@media (max-width: 767px) {
  .thekroyal-home-content-title{
    font-size: 13pt;
    font-weight: 700;
  }

  .thekroyal-home-content-content{
    font-size: 10pt;
    font-weight: 400;
  }
}

/* ============================ 상세 페이지 이동 버튼 ============================*/
.more-details-btn {
  background-color: #DDCB9E;
  color: #1D2635;
  padding: 5px 18px;
  border-radius: 20px;
  border-color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
  margin-top: 20px;
  font-weight: 800;
  transition: background-color 0.3s ease;
}
.more-details-btn:hover {
  background-color: #1D2635;
  border-color: #DDCB9E;
  color: #FFFFFF;
}
.more-details-btn:focus {
  background-color: #1D2635;
  border-color: #DDCB9E;
  color: #FFFFFF;
}

.hero-section {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #000;
}

.lang-ko, .lang-en { display: none; }
html[data-lang="ko"] .lang-ko { display: block; }
html[data-lang="en"] .lang-en { display: block; }


/* ============================ 마우스 스크롤 아이콘 ============================ */
.hero-mouse.anchor {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.hero-mouse.anchor .mouse {
  width: 24px;
  height: 38px;
  border: 2px solid #ffffff;
  border-radius: 16px;
  position: relative;
  box-sizing: border-box;
}

.hero-mouse.anchor .wheel {
  position: absolute;
  left: 50%;
  top: 7px;
  width: 3px;
  height: 7px;
  background: rgba(255, 255, 255, 1);
  border-radius: 2px;
  transform: translateX(-50%);
  animation: scroll-wheel 1.6s infinite linear;
}

@keyframes scroll-wheel {
  0%   { opacity: 0; transform: translate(-50%, 0); }
  30%  { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, 12px); }
}

/* 글씨 스타일 */
.hero-mouse.anchor .mouseText {
  font-size: 14px;
  color: #fff;
  font-family: sans-serif;
  text-align: center;
}/* End custom CSS */