.hero{
    width: 100%;
    height: 100vh;
    position: relative;
    background: url(../img/banner.png) center center/cover no-repeat;
}


.logo{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.logo img{
    height: 40px;
}

.sub_text{
    font-size: 18px;
    font-weight: 300;
    color: #c9c9c9;
display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-align: center;
    line-height: 160%;
    padding-top: 100px;
}
.title_text{
    font-family: "Cormorant Garamond", serif;
    font-size: 150px;
    font-weight: 800;
    color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sub_title{
    font-size: 40px;
    font-weight: 300;
    color: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 20px;
}

.price {
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 20px;
}

.btn {
    position: absolute;
    width: 350px; height: 70px;
    font-size: 25px;
    font-weight: 500;
    background: transparent;
    border: 2px solid #FFC400;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    top: 72%;
    left: 0; right: 0; margin: 0 auto;
}

.btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}




.time_offer {
  width: 100%;
  padding: 120px 0;  /* 위아래 간격 주기 */
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 타이틀 */
.time_offer_title {
  font-family: "Cormorant Garamond", serif;
  font-size: 60px;
  font-weight: 500;
  color: #f0f0f0;
  margin-bottom: 80px;  /* 타이틀과 타이머 사이 간격 */
}

/* 타이머 전체 박스 */
.time_offer_timer {
  display: flex;
  align-items: center;
  gap: 30px; /* 좌우 간격 */
}

/* 각 숫자 박스 */
.time_box {
  width: 170px;
  height: 190px;
  background: #4a4a4a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 숫자 */
.time_number {
  font-size: 80px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #cacaca;
}

/* 라벨 */
.time_label {
  font-size: 16px;
  opacity: 0.8;
  color: #cacaca;
}

/* 콜론 */
.time_colon {
  font-size: 80px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #cacaca;
}

/* 전체 섹션 */
.room_section {
  background: #000;
  color: #fff;
  padding: 120px 0;
}

.room_inner {
  max-width: 1640px;
  margin: 0 auto;
}

/* 섹션 제목 */
.room_section_title {
  font-family: "Cormorant Garamond", serif;
  font-size: 60px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 100px;
  color: #f0f0f0;
}

/* 콘텐츠 래퍼 (이미지 + 텍스트 가로 정렬) */
.room_content {
  display: flex;
  gap: 60px;
}

/* 왼쪽 이미지 영역 */
.room_image {
    width: 1116px; height: 882px;
  flex: 3;
}

.room_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 오른쪽 텍스트 영역 */
.room_text {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 작은 라벨 */
.room_label {
  font-family: "Cormorant Garamond", serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 8px;
}

/* Room Type 타이틀 */
.room_title {
  font-family: "Cormorant Garamond", serif;
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 20px;
}

/* 서브 타이틀 */
.room_subtitle {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #e0e0e0;
}

/* 설명 텍스트 */
.room_desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 32px;
  opacity: 0.9;
  color: #b9b9b9;
}

/* 하단 정보 리스트 */
.room_info_list {
  list-style: none;
  font-size: 12px;
}

.room_info_list li {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255,255,255,0.15);
  padding: 8px 0;
}

.room_info_list li:last-child {
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.room_info_icons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;

}

.icon_item {
  text-align: center;
  width: 100px; /* 아이콘 한 칸 영역 */
  color: #fff;
}

.icon_item img {
  margin-bottom: 12px;
  opacity: 0.9;
}

.icon_title {
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 4px;
}

.icon_value {
  font-size: 12px;
  line-height: 1.5;
}

/* Meal 섹션 전체 */
.meal_section {
  background: #000;
  color: #fff;
  padding: 120px 0;
}

/* 이미지 + 텍스트 가로 배치 (텍스트 왼쪽 / 이미지 오른쪽) */
.meal_content {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* 왼쪽 텍스트 / 오른쪽 이미지 비율 */
.meal_text {
  flex: 2;
}

.meal_image {
  flex: 3;
}

.meal_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 전체 슬라이더 섹션 */
.full_slider {
  width: 100%;
  height: 960px;          /* 1920x960 비율 맞춰 고정 */
  background: #000;
  overflow: hidden;
}

/* 슬라이드 래퍼 */
.full_slider_inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 각 슬라이드 공통 스타일 */
.full_slider .slide {
  position: absolute;
  inset: 0;               /* top:0; right:0; bottom:0; left:0; */
  opacity: 0;
  transition: opacity 1s ease;   /* 부드러운 페이드 효과 */
}

/* 활성 슬라이드 */
.full_slider .slide.active {
  opacity: 1;
}

/* 이미지가 화면 꽉 차게 */
.full_slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* 이미지 잘려도 꽉차게 */
  display: block;
}
/* 섹션 전체 */
.promo_section {
  background: #000;
  color: #fff;
  padding: 120px 0 140px;
}

.promo_inner {
  max-width: 1640px;
  margin: 0 auto;
}

/* 상단 타이틀 */
.promo_title {
  font-family: "Cormorant Garamond", serif;
  font-size: 80px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 200px;
}

/* 각각의 블록 (이미지 + 텍스트) */
.promo_item {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  margin-bottom: 80px;
}

/* 2번째처럼 이미지 오른쪽 / 텍스트 왼쪽인 경우 */
.promo_item--reverse {
  flex-direction: row-reverse;
}

/* 동그란 이미지 */
.promo_image {
  width: 600px;
  height: 600px;
  border-radius: 50%;   /* 원형 유지 */
  overflow: hidden;
  flex-shrink: 0;       /* 부모 flex 변화에 따라 크기가 줄어들지 않도록 */
}

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

/* 텍스트 영역 */
.promo_text {
  flex: 1;
  font-family: "Noto Sans KR", sans-serif;
}

/* 소 타이틀/본문 스타일 */
.promo_item_title {
  font-size: 38px;
  font-weight: 400;
  margin-bottom: 40px;
}

.promo_item_sub {
  font-size: 25px;
  margin-bottom: 20px;
  color: #c5c5c5;
}

.promo_desc {
  font-size: 13px;
  line-height: 1.9;
  opacity: 0.9;
}
.promo_item_sub_desc{
  font-size: 18px;
  color: #939393;
  margin-bottom: 40px;

}
.promo_sub{
  font-size: 22px;
  font-weight: 300;
  color: #c5c5c5;
  margin-bottom: 30px;
}
/* 블록 제목 + 리스트 */
.promo_block {
  margin-bottom: 12px;
}

.promo_block_title {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #d4d4d4;
}

.promo_list {
  list-style: disc;
  margin-left: 16px;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.6;
  color: #939393;
  margin-bottom: 30px ;
}

/* 섹션 기본 설정 */
.benefit_section{
  background:#000;
  color:#fff;
  padding:120px 0 200px;
  text-align:center;
}

.benefit_title{
  font-family:"Cormorant Garamond", serif;
  font-size:80px;
  font-weight:500;
  margin-bottom:120px;
}

/* 슬라이더 래퍼 */
.benefit_slider{
  position:relative;
  max-width:1640px;
  margin:0 auto;
  height:auto;          /* ✅ 높이 고정하지 말기 */
  overflow: visible;    /* ✅ 중요 */
}



/* 라디오 숨기기 */
.benefit_slider input{
  display:none;
}

/* 카드들을 담는 트랙 */
.benefit_track{
  position:relative;
  width:1640px;
  height:520px;
  margin: 0 auto;
}

/* 각 카드 공통 스타일 */
.benefit_item{
  position:absolute;
  top:0;
  width:900px;
  transition:transform .6s ease, opacity .6s ease;
  opacity:.5;
  transform:scale(.9);
  cursor:pointer;
  text-align:center;
}

/* ✅ 이미지 폭 900 금지 -> 카드 폭에 맞추기 */
.benefit_item img{
  width:100%;
  height:500px;         /* 원하는 높이(필요하면 300~360 조절) */
  object-fit:cover;
  display:block;
}


.benefit_text{
  padding:16px 32px 26px;
}

/* 텍스트 기본 */
.benefit_text .title{
  font-size:36px;
  font-weight:400;
  color: #f0f0f0 ;
}

.benefit_text .sub,
.benefit_text .desc1,
.benefit_text .desc2{
  display:none;
  opacity:.85;
}

.benefit_text .sub{
  font-size:25px;
  margin-top:30px;
  color:#e0e0e0;
}

.benefit_text .desc1{
  font-size:16px;
  line-height:1.6;
  margin-top:20px;
  color: #b9b9b9;
}

.benefit_text .desc2{
  font-size:12px;
  line-height:1.6;
  margin-top:25px;
  opacity:.7;
  color: #939393;
}

/* =========================
   위치 지정 (b1, b2, b3 상태별)
   ========================= */

/* b1: 첫 번째 카드가 가운데 */
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(1){
  left:50%;
  transform:translateX(-50%) scale(1);
  opacity:1;
  z-index:3;
}
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(2){
  left:72%;
  transform:translateX(-50%) scale(.9);
  opacity:.6;
  z-index:2;
}
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(3){
  left:28%;
  transform:translateX(-50%) scale(.9);
  opacity:.6;
  z-index:2;
}

/* b2: 두 번째 카드가 가운데 */
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(2){
  left:50%;
  transform:translateX(-50%) scale(1);
  opacity:1;
  z-index:3;
}
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(3){
  left:72%;
  transform:translateX(-50%) scale(.9);
  opacity:.6;
  z-index:2;
}
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(1){
  left:28%;
  transform:translateX(-50%) scale(.9);
  opacity:.6;
  z-index:2;
}

/* b3: 세 번째 카드가 가운데 */
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(3){
  left:50%;
  transform:translateX(-50%) scale(1);
  opacity:1;
  z-index:3;
}
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(1){
  left:72%;
  transform:translateX(-50%) scale(.9);
  opacity:.6;
  z-index:2;
}
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(2){
  left:28%;
  transform:translateX(-50%) scale(.9);
  opacity:.6;
  z-index:2;
}

/* 가운데 카드일 때만 sub / desc 보이게 */
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(1) .sub,
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(1) .desc1,
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(1) .desc2,
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(2) .sub,
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(2) .desc1,
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(2) .desc2,
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(3) .sub,
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(3) .desc1,
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(3) .desc2{
  display:block;
}

/* 양옆 카드 제목은 조금 작게 */
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(2) .title,
#b1:checked ~ .benefit_track .benefit_item:nth-of-type(3) .title,
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(1) .title,
#b2:checked ~ .benefit_track .benefit_item:nth-of-type(3) .title,
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(1) .title,
#b3:checked ~ .benefit_track .benefit_item:nth-of-type(2) .title{
  font-size:30px;
  margin-top:6px;
  align-items: center;
}

/* =========================
   버튼 스타일
   ========================= */

.benefit_btns{
  position:absolute;      /* ✅ relative 말고 absolute */
  inset:0;                /* top:0; right:0; bottom:0; left:0; */
  z-index:50;
  pointer-events:none;    /* ✅ 버튼만 클릭되게(아래 label에서 다시 켬) */
}

.benefit_btns label{
  position:absolute;
  top: calc(250px - 21px);   /* ✅ 이미지(500px) 정중앙 */
  width:42px;
  height:42px;

  display:none;
  align-items:center;
  justify-content:center;

  color:#fff;
  cursor:pointer;
  z-index:60;

  pointer-events:auto;       /* ✅ 클릭 가능 */
}

.benefit_btns label span{
  font-size: 80px;
  line-height: 1;
  font-weight: 100;
  opacity: 0.5;
  transition:opacity 0.3s;
}
.benefit_btns label span:hover{
  opacity: 1;
}
.material-symbols-outlined{
  font-weight: 100;
}
.benefit_btns label:hover{
  color:#d8d8d8;
}

/* 좌/우 위치 */
.prev, .prev2, .prev3 { left:20px }
.next, .next2, .next3 { right:0; }


/* 어떤 버튼을 보일지 radio 상태로 제어 */
#b1:checked ~ .benefit_btns .prev,
#b1:checked ~ .benefit_btns .next{
  display:flex;
}

#b2:checked ~ .benefit_btns .prev2,
#b2:checked ~ .benefit_btns .next2{
  display:flex;
}

#b3:checked ~ .benefit_btns .prev3,
#b3:checked ~ .benefit_btns .next3{
  display:flex;
}
/* 섹션 전체 */
.guide_section {
  background: #000;
  color: #fff;
  padding: 120px 0 140px;
}

.guide_inner {
  max-width: 1640px;   /* 너 페이지 너비에 맞춰서 */
  margin: 0 auto;
}

/* 타이틀 */
.guide_title {
  font-size: 36px;
  font-weight: 500;
  text-align: center;
  margin-top: 230px;
  margin-bottom: 60px;
}

/* 각 박스 */
.guide_item {
  width: 1313px; 
  min-height: 200px;            /* 높이는 최소값만 지정 */
  display: flex;
  align-items: stretch;         /* ← 양쪽 박스를 박스 전체 높이에 맞게 늘리기 */
  background: #131313;
  border-radius: 20px;
  padding: 30px 60px;
  margin: 0 auto 40px;          /* ← 가운데 정렬 */
  box-sizing: border-box;
}

/* 왼쪽 영역 */
.guide_item_left{
  display:flex;
  align-items:center;
  justify-content:center; /* ✅ 가로도 가운데 */
  text-align: center;
}

.guide_item_label{
  width:100%;             /* ✅ 부모 폭 전체 사용 */
  margin:0;               /* ✅ p 기본 margin 제거 */
  text-align:center;
  line-height:1.4;        /* (선택) 줄바꿈 자연스럽게 */
}



/* 오른쪽 영역 */
.guide_item_right {
  flex: 1;                      /* width: 1070px 제거하고 유동으로 */
  padding-left: 40px;
  display: flex;
  align-items: center;
}
/* 리스트 스타일 */
.guide_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  color: #b9b9b9;
}

.guide_list li::before {
  content: "- ";
}

.guide_item_label{
  font-size: 23px;
  font-weight: 300;
  color: #e0e0e0;
  text-align: center;
  align-items: center;
  justify-content: center;
}

/* 섹션 전체 */
.roompromo_section {
  background: #000;
  color: #fff;
  padding: 120px 0 140px;
}

.roompromo_inner {
  max-width: 1640px;
  margin: 0 auto;
  position: relative;
}

/* 타이틀 */
.roompromo_title {
  font-family: "Cormorant Garamond", serif;
  font-size: 60px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 100px;

}

/* 라디오 숨기기 */
.roompromo_section input[name="roompromo"] {
  display: none;
}

/* 화살표 */
.roompromo_arrows {
  position: absolute;
  top: 18%;
  right: 0;
  display: flex;
  gap: 8px;
}

.roompromo_arrow {
  width: 60px;
  height: 60px;

  display: none; /* 기본은 안 보이게 */
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.roompromo_arrow .material-symbols-outlined {
  font-size: 18px;
}


/* 어떤 상태에서 어떤 화살표를 보이게 할지 */
#rp1:checked ~ .roompromo_arrows .prev1,
#rp1:checked ~ .roompromo_arrows .next1 {
  display: flex;
}
#rp2:checked ~ .roompromo_arrows .prev2,
#rp2:checked ~ .roompromo_arrows .next2 {
  display: flex;
}
#rp3:checked ~ .roompromo_arrows .prev3,
#rp3:checked ~ .roompromo_arrows .next3 {
  display: flex;
}
#rp4:checked ~ .roompromo_arrows .prev4,
#rp4:checked ~ .roompromo_arrows .next4 {
  display: flex;
}
#rp5:checked ~ .roompromo_arrows .prev5,
#rp5:checked ~ .roompromo_arrows .next5 {
  display: flex;
}

/* 슬라이더 영역 */
.roompromo_slider {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.roompromo_track {
  display: flex;
  gap: 24px; /* 카드 사이 간격 */
  transition: transform 1s ease-in-out;  /* 속도 조금 느리게, 부드럽게 */
}

/* 카드: 여러 장 보이게(지금 너가 좋아한 느낌) */
.roompromo_item {
  flex: 0 0 40%;         /* 이미지 크기 조절: 40%면 2.x장 보이는 느낌 */
  box-sizing: border-box;
}

/* 이미지 */
.roompromo_img {
  width: 100%;
  height: 366px;
  overflow: hidden;
}

.roompromo_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 캡션 */
.roompromo_caption {
  margin-top: 18px;
  text-align: center;
  font-size: 20px;
}

/* Inventory 버튼 */
.roompromo_btn_wrap {
  text-align: center;
  margin-top: 100px;
}

.roompromo_btn {
  width: 260px;
  height: 60px;
  border-radius: 0;
  border: 1px solid #f7c948;
  background: transparent;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.roompromo_btn:hover {
  background: rgba(255, 255, 255, 0.1);
    color: #fff;
}



/* 전체 푸터 */
.signiel_footer {
  background: #000;
  color: #f5f5f5;
  padding: 80px 0 60px;
  font-family: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  font-size: 14px;
}

.footer_inner {
  max-width: 1640px;
  margin: 0 auto;
}

/* 상단 로고 + 스토어 */
.footer_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.footer_logo {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.18em;
}

.footer_store {
  display: flex;
  gap: 20px;
}

.store_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 18px;
  font-weight: 300;
  color: #f5f5f5;
  text-decoration: none;
}

.store_btn:hover {
  background: #fff;
  color: #000;
}

/* 중간 영역 */
.footer_middle {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 40px 0 36px;
}

/* 왼쪽 4컬럼 */
.footer_cols {
  display: flex;
  gap: 80px;
}

.footer_col_title {
  font-family: "Cormorant Garamond", serif;
  font-size: 16px;
  letter-spacing: 0.15em;
  margin-bottom: 16px;
}

.footer_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer_list li {
  margin-bottom: 4px;
}

.footer_list a {
  color: rgba(245, 245, 245, 0.75);
  text-decoration: none;
  font-size: 13px;
}

.footer_list a:hover {
  color: #ffffff;
}

/* 오른쪽 CONTACT */
.footer_contact {
  padding-left: 60px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  min-width: 340px;
}

.footer_contact_text p {
  margin: 0 0 4px;
  color: rgba(245, 245, 245, 0.8);
  font-size: 13px;
}

/* 패밀리 사이트 */
.footer_family {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 26px 0 18px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.family_label {
  font-size: 13px;
}

.family_plus {
  font-size: 18px;
}

/* SNS 아이콘 (이미지 자리 – 지금은 원형 텍스트로 처리) */
.footer_sns {
  display: flex;
  gap: 30px;
  cursor: pointer;
}

.sns_icon{
  border: 1px solid rgba(255,255,255,0.5);
  display: inline-flex;          /* flex OK, inline로 크기 최소화 */
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #f5f5f5;
  padding: 6px;                  /* 테두리 여백만 */
}

.sns_icon img{
  display: block;     /* 여백 제거 */
  width: auto;        /* ❗ 원본 유지 */
  height: auto;
  max-width: none;    /* 혹시 상위에서 막고 있으면 해제 */
}


.sns_icon:hover {
  background: #fff;
  color: #000;
}

/* 하단 주소/링크 */
.footer_bottom {
  margin-top: 24px;
  font-size: 12px;
  color: rgba(245, 245, 245, 0.65);
  line-height: 1.6;
}

.footer_links a {
  color: rgba(245, 245, 245, 0.75);
  text-decoration: none;
}

.footer_links a:hover {
  color: #ffffff;
}


/* =======================================
   🏝️ 시그니엘 반응형 가이드 (공통)
   ======================================= */
@media (max-width: 1440px) {
  .room_inner, .promo_inner, .footer_inner, .guide_inner, .roompromo_inner {
    width: 92% !important;
    max-width: none;
  }
}

/* =======================================
   1. 태블릿 반응형 (1024px ~ 769px)
   ======================================= */
@media (max-width: 1024px) {
  /* 히어로 섹션 */
  .title_text { font-size: 100px; }
  .sub_title, .price { font-size: 32px; }

  /* 룸 & 다이닝 섹션 가로배치 해제 */
  .room_content, .meal_content { 
    flex-direction: column !important; 
    gap: 40px; 
    text-align: center;
  }
  .room_image, .meal_image, .room_text, .meal_text { width: 100% !important; flex: none; }
  .room_info_icons { justify-content: center; flex-wrap: wrap; }

  /* 프로모션 키 인포 (둥근 이미지) */
  .promo_item, .promo_item--reverse { 
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
  }
  .promo_image { width: 400px; height: 400px; }
  .promo_list { text-align: left; display: inline-block; }

  /* 베네핏 슬라이더 */
  .benefit_track { width: 100%; height: auto; min-height: 600px; }
  .benefit_item { width: 80%; }
}

/* =======================================
   2. 모바일 반응형 (768px 이하)
   ======================================= */
@media (max-width: 768px) {
  /* 히어로 섹션 폰트 최적화 */
  .hero { height: auto; padding-bottom: 80px; }
  .sub_text { padding-top: 60px; font-size: 16px; }
  .title_text { font-size: 60px; }
  .sub_title, .price { font-size: 24px; }
  .btn { width: 80%; max-width: 300px; position: static; margin: 40px auto 0; display: block; }

  /* 타임 오퍼 (타이머) */
  .time_offer_timer { gap: 15px; }
  .time_box { width: 80px; height: 100px; }
  .time_number { font-size: 32px; }
  .time_colon { font-size: 32px; }

  /* 섹션 타이틀 공통 */
  .room_section_title, .promo_title, .benefit_title, .roompromo_title {
    font-size: 36px !important;
    margin-bottom: 40px !important;
  }

  /* 이용 안내 가로 박스 -> 세로 */
  .guide_item { 
    width: 100%; 
    flex-direction: column; 
    padding: 30px 20px; 
    min-height: auto;
  }
  .guide_item_right { padding-left: 0; margin-top: 20px; }
  .guide_list { font-size: 15px; }

  /* 푸터 레이아웃 */
  .footer_top { flex-direction: column; gap: 30px; text-align: center; }
  .footer_middle { flex-direction: column; gap: 40px; }
  .footer_cols { grid-template-columns: repeat(2, 1fr); display: grid; gap: 30px; }
  .footer_contact { padding-left: 0; border-left: none; min-width: unset; text-align: center; }
  .footer_sns { justify-content: center; }
}

/* =======================================
   3. 초소형 스마트폰 (430px 이하)
   ======================================= */
@media (max-width: 430px) {
  /* 폰트 크기 디테일 (vh/vw 활용) */
  .title_text { font-size: 12vw; }
  .room_title { font-size: 32px; }
  .room_subtitle { font-size: 16px; }
  .room_desc { font-size: 13px; word-break: keep-all; }

  /* 아이콘 영역 촘촘하게 */
  .icon_item { width: 33.33%; margin-bottom: 20px; }
  .icon_item img { width: 30px; }

  /* 프로모션 이미지 크기 축소 */
  .promo_image { width: 280px; height: 280px; }
  .promo_item_title { font-size: 24px; }
  .promo_item_sub { font-size: 18px; }
  .promo_list { font-size: 14px; }

  /* 베네핏 슬라이더 (카드 한장씩 보이게) */
  .benefit_item { width: 95%; position: relative; left: 0 !important; transform: none !important; opacity: 1 !important; margin-bottom: 30px; }
  .benefit_track { display: flex; flex-direction: column; height: auto; }
  .benefit_text .sub, .benefit_text .desc1, .benefit_text .desc2 { display: block !important; }
  .benefit_btns { display: none; } /* 모바일에선 세로 나열로 대체 */

  /* 하단 슬라이더 비중 조절 */
  .roompromo_item { flex: 0 0 85%; }
  .roompromo_arrows { top: -60px; }

  /* 푸터 1열로 */
  .footer_cols { grid-template-columns: 1fr; text-align: center; }
  .footer_logo { font-size: 24px; }
  .footer_address { font-size: 11px; }
  .footer_links { font-size: 11px; flex-wrap: wrap; justify-content: center; }
}