/* 둘러보기 */
#interior						{ width:100%; background-image:url('/images/interior-bg.jpg');background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-color:#fff}
.interior-section					{ position: relative; width: 100%; margin: 0; overflow: hidden; }
.interiorSwiper					{ width: 100%; overflow: hidden; }
.interiorSwiper .swiper-slide img		{ width: 100%; max-width: 100%; height: auto; display: block; }

.interior-overlay					{ position: absolute; left: 0; bottom: 10%; width: 100%; z-index: 50; pointer-events: none; }
.interior-overlay .interior-container		{ pointer-events: auto; position: relative; z-index: 60; }

.interior-title						{ font-size: 56px; line-height: 1.25; color: #fff; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); margin: 0 0 30px 0; display: block; }

.interior-tabs					{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; position: relative; z-index: 70; }
.interior-tabs li					{ color: #fff; padding: 10px 40px; margin-right: 5px; margin-bottom: 10px; cursor: pointer !important; border: 1px solid transparent; opacity: 0.7; transition: all 0.3s ease; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.interior-tabs li.active				{ border-color: #fff; opacity: 1; }
.interior-tabs li:hover				{ opacity: 1; }

@media (max-width: 768px) {
	.interior-section				{ background: #f3f3f3; }
	.interior-overlay				{ position: static; width: 100%; bottom: auto; left: auto; padding: 44px 0 50px; background: #f3f3f3; pointer-events: auto; }
	.interior-overlay .interior-container	{ max-width: 100%; padding-left: 34px; padding-right: 34px; }
	.interior-title					{ display: block; font-size: 34px; line-height: 1.45; color: #2d2d2d; text-shadow: none; margin-bottom: 44px; word-break: keep-all; }
	.interior-tabs				{ display: flex; flex-wrap: wrap; gap: 14px 18px; }
	.interior-tabs li				{ width: calc(33.333% - 12px); min-width: 0; margin: 0; padding: 14px 8px; text-align: center; font-size: 16px; font-weight: 600; color: #a8a8a8; border: 1px solid transparent; background: transparent; text-shadow: none; opacity: 1; }
	.interior-tabs li.active			{ color: #222; border-color: #222; background: #fff; }
}

@media (max-width: 480px) {
	.interior-overlay .interior-container	{ padding-left: 20px; padding-right: 20px; }
	.interior-title					{ font-size: 26px; margin-bottom: 30px; }
	.interior-tabs				{ gap: 10px 12px; }
	.interior-tabs li				{ width: calc(33.333% - 8px); font-size: 14px; padding: 12px 6px; }
}