.overlay-container {
position: relative;
width: 100%; /* 100% 너비로 변경 */
max-width: 800px; /* 최대 너비 제한 */
height: auto; /* 높이를 자동으로 조정 */
margin: 0 auto;
aspect-ratio: 1 / 1; /* 정사각형 비율 유지 */
}
.overlay-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.overlay-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70px;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
}
.overlay-text span {
color: white;
font-weight: bold;
font-size: 18px;
font-family: ‘Noto Sans KR’, ‘Noto Sans’, Apple SD Gothic Neo, Malgun Gothic, 돋움, Dotum, sans-serif;
text-align: center;
}
.button-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 720px;
margin: 15px auto;
padding: 0 10px;
}
/* 기존 버튼 스타일 – 혹시 다른 곳에서 사용할 수 있으므로 유지 */
.big-action-button {
display: block !important;
width: 100% !important;
margin: 10px 0 !important;
padding: 12px 16px !important;
font-size: 0.9rem !important;
font-weight: 600 !important;
text-align: center !important;
color: #FFFFFF !important;
background-color: #455A64 !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
line-height: 1.4 !important;
cursor: pointer !important;
text-transform: none !important;
letter-spacing: normal !important;
}
.big-action-button:hover {
background-color: #37474F !important;
transform: scale(1.02) !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}
/* 새로운 컬러 샘플 스타일 */
.color-sample {
display: flex;
flex-direction: column;
margin-bottom: 20px;
border: 1px solid #E0E0E0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
width: 100%;
}
.color-preview {
height: 70px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all 0.3s ease;
}
.color-preview:hover {
opacity: 0.9;
}
.light-text {
color: #FFFFFF;
font-weight: bold;
text-align: center;
font-size: 0.9rem;
}
.color-info {
padding: 12px;
background-color: #FFFFFF;
}
.color-name {
font-weight: bold;
margin-bottom: 4px;
}
.color-hex {
color: #757575;
font-family: monospace;
margin-bottom: 4px;
}
/* 모바일 대응 미디어 쿼리 */
@media screen and (max-width: 768px) {
.overlay-container {
max-width: 100%; /* 모바일에서 전체 너비 */
aspect-ratio: 1 / 1; /* 정사각형 비율 유지 */
}
.overlay-text {
height: 40px; /* 모바일에서 높이 조정 */
font-size: 14px; /* 모바일 폰트 크기 조정 */
}
.button-container {
max-width: 95%;
padding: 0 5px;
}
.big-action-button {
max-width: 100% !important;
margin: 8px 0 !important;
padding: 10px 14px !important;
font-size: 0.8rem !important;
border-radius: 6px !important;
}
}
/* 태블릿 대응 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.button-container {
max-width: 80%;
}
.big-action-button {
max-width: 100% !important;
margin: 10px 0 !important;
padding: 14px 18px !important;
font-size: 0.95rem !important;
}
}
호텔 나이아가라
서울 한 달 살기 도전! 현지인처럼 즐기는 완벽한 로컬 가이드 🏠 당일치기로 서울 다녀올 뻔했는데 호텔 나이아가라 묵고 일정 연장한 사람 여기 있음 🙋♀️ 호텔 나이아가라 베개가 너무 좋아서 몰래 가져가고 싶었다는… (농담이에요 진짜로 안 가져갔어요 ㅠ) 🛏️ 호텔 나이아가라 호텔 바에서 만든 칵테일 맛이 레전드… 여기서만 마실 수 있는 시그니처 꼭 드셔보세요 🍸 태그하고 싶은 친구가 있다면 공유하세요! 서울 여행 계획 중인 친구에게 최고의 선물이 될 거예요 🎁
성급: 4.0
도시: 서울 (대한민국)
방의 수: 98
층의 수: 12
1박 가격: 146795 원
리뷰 수: 235
체크인: 1899-12-31 14:00:00
체크아웃: 1899-12-31 12:00:00
주소: 259-2, Yumchang-dong, Gangseo-gu
우편번호:
위치: 지도에서 보기
개업 연도:
리노베이션 연도: 2006
간략 설명: 서울에 업무차 또는 휴가를 누리기 위해 방문하였다면 4성 호텔 나이아가라에서 편리함을 즐기세요. 호텔은 모든 여행객의 개별 요구에 맞도록 높은 수준의 서비스와 편의시설을 제공하고 있습니다.
답글 남기기