럭스비아 div.rf-notice {
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 20px 20px 0px 20px !important;
}

div.rf-notice p {
width: 100% !important;
max-width: 760px !important;
padding: 20px 45px !important;
background-color: #f5f5f5 !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: #666 !important;
margin-bottom: 0px !important;
}


.rf-top .product-container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}

.rf-top .product-box {
display: flex;
align-items: center;
border: 2px dashed #e0e0e0;
border-radius: 12px;
background-color: rgb(248, 253, 255);
margin-bottom: 24px;
padding: 20px;
transition: all 0.2s ease;
}

.rf-top .product-box:hover {
transform: translateY(-2px);
border-color: #ff385c;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
background-color: #fff;
}

.rf-top .product-image {
width: 200px;
padding: 10px;
flex-shrink: 0;
position: relative;
background: white;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.rf-top .product-image img {
width: 100%;
height: auto;
border-radius: 4px;
transition: transform 0.2s ease;
border: 1px solid #bebebe;
}

.rf-top .product-image:hover img {
transform: scale(1.03);
}

.rf-top .product-content {
flex: 1;
padding: 10px 20px;
}

.rf-top .product-title {
font-size: 20px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 12px;
line-height: 1.4;
}

.rf-top .badge {
display: inline-block;
padding: 4px 12px;
background-color: #ff385c;
color: white;
border-radius: 20px;
font-size: 12px;
margin-left: 10px;
font-weight: 500;
}

.rf-top .feature-list {
margin: 10px 0;
}

.rf-top .feature-item {
display: flex;
align-items: center;
margin-bottom: 5px;
}

.rf-top .feature-item::before {
content: "•";
color: #ff385c;
margin-right: 8px;
font-size: 18px;
}

.rf-top .detail-button {
background-color: #1a1a1a;
color: white !important;
padding: 12px 16px;
border-radius: 8px;
text-decoration: none !important;
display: block;
margin-top: 20px;
text-align: center;
transition: background-color 0.2s;
}

.rf-top .detail-button:hover {
background-color: #333;
}

@media (max-width: 768px) {
.rf-top .product-box {
flex-direction: column;
text-align: center;
padding: 20px 10px;
}

.rf-top .product-image {
width: calc(100% - 20px);
max-width: 300px;
margin: 0 10px;
}

.rf-top .product-content {
width: calc(100% - 20px);
padding: 10px;
margin: 0 10px;
}

.rf-top .product-title {
font-size: 16px;
line-height: 1.3;
}

.rf-top .feature-list {
text-align: left;
max-width: 300px;
margin: 10px auto;
font-size: 14px;
}

.rf-top .badge {
font-size: 11px;
padding: 3px 10px;
}

.rf-top .detail-button {
font-size: 14px;
padding: 10px 14px;
}
}


document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.rf-content table').forEach(function(table, index) {

const container = document.createElement('div');
container.className = 'table-container';
table.parentNode.insertBefore(container, table);

const content = document.createElement('div');
content.className = 'table-content';
container.appendChild(content);
content.appendChild(table);

const toggle = document.createElement('button');
toggle.className = 'table-toggle';
toggle.textContent = '더보기';
container.appendChild(toggle);

const hasHeaders = table.querySelectorAll('th').length > 0;

if (hasHeaders) {
const headers = Array.from(table.querySelectorAll('th')).map(th => th.textContent || ' ');
table.querySelectorAll('tr').forEach(tr => {
tr.querySelectorAll('td').forEach((td, i) => {
td.setAttribute('data-label', headers[i]);
});
});
table.classList.add('has-headers');
} else {
table.classList.add('no-headers');
}

toggle.addEventListener('click', function() {
content.classList.toggle('expanded');
container.classList.toggle('expanded');
this.textContent = content.classList.contains('expanded') ?
'접기' : '더보기';
});
});
});


.rf-content body {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: 'Noto Sans KR', sans-serif;
line-height: 1.6;
color: #333;
}

.rf-content h2 {
margin-top: 100px !important;
margin-bottom: 20px !important;
margin-left: 0 !important;
margin-right: 0 !important;
color: #2c3e50 !important;
border-bottom: 2px solid #3b82f6 !important;
padding-bottom: 15px !important;
font-weight: 700 !important;
font-size: 1.8em !important;
position: relative !important;
}

.rf-content h2::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
width: 100px !important;
height: 2px !important;
background-color: #3b82f6 !important;
}

.rf-content h3 {
margin-top: 50px !important;
margin-bottom: 16px !important;
color: #34495e !important;
font-weight: 600 !important;
font-size: 1.4em !important;
padding-left: 15px !important;
border-left: 4px solid #3b82f6 !important;
background-color: #f8fafc !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
border-radius: 0 6px 6px 0 !important;
}

.rf-content h4 {
margin-top: 30px !important;
margin-bottom: 12px !important;
color: #455a64 !important;
font-weight: 500 !important;
font-size: 1.2em !important;
position: relative !important;
display: inline-block !important;
padding-bottom: 5px !important;
}

.rf-content h4::before {
content: '▶' !important;
color: #3b82f6 !important;
margin-right: 8px !important;
font-size: 0.8em !important;
}

.rf-content h4::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 1px !important;
background: linear-gradient(to right, #3b82f6, transparent) !important;
}

.rf-content img:not(table img, li img) {
display: block;
margin: 20px auto;
max-width: 100%;
height: auto;
border-radius: 8px;
}


.rf-content div {
line-height: 1.8 !important // 줄 간격을 1.8로 설정 (기본값은 보통 1.2~1.5)
}

.rf-content div.image-container {
background-color: #ffffff/* 흰색 배경 */
padding: 20px/* 여백 크기 조절 */
text-align: center/* 이미지 중앙 정렬 */
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1)/* 부드러운 그림자 효과 */
transition: all 0.3s ease/* 부드러운 전환 효과 */
margin: 15px 0/* 상하 마진 추가 */
}

.rf-content div.image-container:hover {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)/* 호버 시 그림자 강화 */
transform: translateY(-2px)/* 호버 시 살짝 위로 이동 */
}

.rf-content div.image-container img {
width: 230px;
max-width: 100%/* 이미지가 컨테이너를 벗어나지 않도록 */
height: auto/* 이미지 비율 유지 */
}

.rf-content table img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
box-shadow: 0 0 12px rgba(0,0,0,0.08);
}

.rf-content li img {
display: block;
margin: 10px 0 0 0;
max-width: 100%;
height: auto;
box-shadow: 0 0 12px rgba(0,0,0,0.08);
}

.rf-content table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 20px 0 !important;
background: white !important;
overflow: hidden !important;
box-shadow: 0 0 16px rgba(0,0,0,0.08) !important;
}

.rf-content th,
.rf-content td {
padding: 16px !important;
border: none !important;
text-align: left !important;
word-wrap: break-word !important;
border-bottom: 1px solid #bebebe !important;
}

.rf-content th {
background-color: #f8f9fa !important;
font-weight: 600 !important;
color: #2c3e50 !important;
text-transform: uppercase !important;
font-size: 0.9em !important;
letter-spacing: 0.5px !important;
}

.rf-content tr:last-child td {
border-bottom: none !important;
}

.rf-content tr:hover {
background-color: #fafbfc !important;
}

.rf-content a:not(:has(div.image-container)) {
color: #3b82f6;
padding: 2px 10px;
margin: 3px auto;
border-radius: 6px;
background-color: #f0f7ff;
text-decoration: none;
position: relative;
display: inline;
transition: all 0.2s ease;
font-weight: 500;
}

.rf-content a:not(:has(div.image-container)):hover {
color: #2563eb;
}

.rf-content a:not(:has(div.image-container))::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
bottom: -2px;
left: 0;
background-color: #3b82f6;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform 0.3s ease;
}

.rf-content a:not(:has(div.image-container)):hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}

.rf-content table a:not(:has(div.image-container)) {
padding: 8px 16px !important;
margin: 8px auto !important;
border-radius: 6px !important;
background-color: #f0f7ff !important;
color: #3b82f6 !important;
font-weight: 500 !important;
width: 100% !important;
display: block !important;
text-align: center !important;
box-sizing: border-box !important;
transition: all 0.2s ease !important;
}

.rf-content table a:not(:has(div.image-container)):hover {
background-color: #e0f2fe !important;
color: #2563eb !important;
transform: translateY(-1px) !important;
}

.rf-content .local_photo {
max-width: 100%;
height: auto;
margin: 40px auto;
box-shadow: 0 0 16px rgba(0,0,0,0.12);
border-radius: 12px;
display: block;
}

.rf-content p {
margin: 16px 0;
line-height: 1.8;
}

.rf-content [style*="color: #60b26b"] {
font-weight: 500;
}

.rf-content ul,
.rf-content ol {
background: #f8f9fa;
padding: 24px 48px !important;
margin: 20px 0 !important;
box-shadow: 0 0 12px rgba(0,0,0,0.05);
border: 1px solid #bebebe;
}

.rf-content li {
margin: 12px 0;
color: #2c3e50;
padding: 8px 0;
border-bottom: 1px solid #e8e8e8;
}

.rf-content li:last-child {
border-bottom: none;
}

.rf-content li::marker {
color: #3b82f6;
}

.rf-content blockquote {
background: #f0f7ff !important;
border-left: 5px solid #3b82f6 !important;
padding: 20px 30px !important;
margin: 30px 0 !important;
border-radius: 0 8px 8px 0 !important;
font-style: italic !important;
color: #2c3e50 !important;
box-shadow: 0 0 8px rgba(0,0,0,0.05) !important;
}

.rf-content blockquote p {
margin: 0 !important;
}

.rf-content blockquote::before {
font-size: 2em !important;
color: #3b82f6 !important;
line-height: 0.1em !important;
margin-right: 0.25em !important;
vertical-align: -0.4em !important;
}

.rf-content .table-container {
position: relative;
margin: 20px 0;
overflow-x: auto;
}

.rf-content .table-content {
position: relative;
max-height: 200px;
overflow: hidden;
transition: max-height 0.5s ease;
}

.rf-content .table-content:not(.expanded)::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(transparent, white);
pointer-events: none;
}

.rf-content .table-content.expanded {
max-height: none;
}

.rf-content .table-toggle {
display: none;
width: 100%;
padding: 12px;
background: #f8f9fa;
border: none;
color: #3b82f6;
font-weight: 500;
cursor: pointer;
margin-top: -1px;
transition: all 0.2s ease;
}

.rf-content .table-toggle:hover {
background: #3b82f6;
color: white;
}

.rf-content .table-container:not(.expanded) .table-toggle {
display: block;
}
@media screen and (max-width: 768px) {
.rf-content table th {
display: none !important;
}

.rf-content table,
.rf-content table tbody,
.rf-content table tr,
.rf-content table td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
box-shadow: none !important;
}

.rf-content table tr {
margin-bottom: 10px !important;
border: 1px solid #bebebe !important;
box-shadow: 0 0 8px rgba(0,0,0,0.05) !important;
}

.rf-content table.has-headers td {
text-align: left !important;
padding-left: 45% !important;
padding-right: 6% !important;
position: relative !important;
border: none !important;
border-bottom: 1px solid #bebebe !important;
background-color: white !important;
word-break: break-all !important;
}

.rf-content table.has-headers tr:first-child:has(th) {
display: none !important;
}

.rf-content table.has-headers td::before {
content: attr(data-label) !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 33% !important;
font-weight: 600 !important;
text-align: center !important;
color: #2c3e50 !important;
background-color: #f8f9fa !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 8px !important;
}

.rf-content table.no-headers td {
padding: 12px !important;
text-align: left !important;
}

.rf-content table td:last-child {
border-bottom: none !important;
}
}


document.addEventListener('DOMContentLoaded', function() {
const fallbackImageUrl = '

function handleImageError(img) {
if (img.src !== fallbackImageUrl) {
img.src = fallbackImageUrl;
img.onerror = null;
}
}

document.querySelectorAll('.rf-content img').forEach(img => {
img.addEventListener('load', function() {
});

img.addEventListener('error', function() {
handleImageError(this);
});
});
});


.rf-backlink a {
display: flex !important;
align-items: center !important;
color: #2c3e50 !important;
text-decoration: none !important;
padding: 12px 0 !important;
margin: 0 !important;
font-size: 15px !important;
border-bottom: 1px solid #eee !important;
transition: all 0.2s ease !important;
}

.rf-backlink a:last-child {
border-bottom: none !important;
}

.rf-backlink a::before {
content: "•" !important;
color: #3498db !important;
margin-right: 12px !important;
font-size: 20px !important;
line-height: 1 !important;
}

.rf-backlink a:hover {
color: #3498db !important;
padding-left: 5px !important;
}


.rf-backlink h2 {
margin-top: 80px !important;
}



파트너스 활동으로 일정액의 수수료를 지급받습니다.









마이케스 비치 럭스
글쓴이 추천


해변 바로 앞
최저가 보장
반려견 동반 OK

장단점 분석








칼리지오엠
글쓴이 추천


그리스 Agkisaras 위치
최저가 보장 78,464원
사진 41장 모두 보기

장단점 분석








엘리아 부티크 호텔
글쓴이 추천


무료 뷔페식 아침
가성비 좋은 가격
공항 근처 위치

장단점 분석






헤르소니소스 엘리아 부티크 호텔! 조


안녕하세요, 숙소 탐험가 노미보입니다! ✈️ 오늘은 지중해 숨은 보석, 헤르소니소스에서 가성비 끝판왕 숙소를 찾았습니다.