@charset "utf-8";

.tour .tourInfo {border-radius: 40px; border: 5px solid #FFF; background: #F9F9F9; box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.10); display:flex; gap:90px; margin-bottom:60px; align-items: center; margin-top:70px;}
.tour .tourInfo .img {max-width:700px; border-radius:0 0 0 40px; overflow:hidden; margin-top:-160px;}
.tour .tourInfo .txtWrap p {color: #000;font-size:var(--fs30); font-weight: 600; margin-bottom:20px;}
.tour .tourInfo .txtWrap span {font-size:var(--fs18); color: #666; font-weight: 600;}
.tour .tourInfo .txtWrap span b {color:var(--base1);}


/*** 층 탭 ***/
.tour .tourSlideBox {position:relative;}
.tour .floorTab {display:inline-block; position:absolute; left:0; top:0; z-index:99;}
.tour .floorTab ul{display:flex;width:80px; height:auto;background:var(--base1);border-radius:100px;color:#fff;flex-wrap:wrap;flex-direction: column;align-items: center;padding:60px 0;justify-content: center;} 
.tour .floorTab li{cursor:pointer;transition:.3s;opacity:.5; padding:20px;font-weight:700;}
.tour .floorTab li:hover {opacity:1;}
.tour .floorTab li.on{opacity:1;}


/*** 세부구역 탭 ***/
.tour .floorContent {position:relative;}
.tour .roomTab{display:none;}
.tour .roomTab.on{display:block;}

.tour .subtabWrap {width: 400px; position:absolute; right:0; top:0; z-index:99; padding:40px 30px 10px 30px;}
.tour .subtabWrap h3 {font-size:var(--fs28); color:var(--base1); margin-bottom: 25px; line-height:1;}

.tour .roomTab ul{display:flex;flex-wrap:wrap;flex-direction: column; gap:15px;}
.tour .roomTab li{position:relative; padding-left:20px; cursor:pointer;line-height: 1;color:#000;opacity:.4;font-size:var(--fs23); font-weight:700;transition:all .3s ease;}
.tour .roomTab li:before {content:""; width:7px; height:7px; background:#ddd; position:absolute; left:0; top:8px; border-radius:10px;}
.tour .roomTab li:hover {opacity:1;}
.tour .roomTab li.on{opacity:1;}
.tour .roomTab li p {font-size:var(--fs16); font-weight:500; line-height:1.2; margin-top:5px;}


/*** 세부구역 콘텐츠 ***/
.tour .roomContent{display:none;opacity:0;visibility:hidden;transition:opacity .6s ease;}
.tour .roomContent.on{display:block;opacity:1;visibility:visible;}

/*** 왼쪽 슬라이드 ***/
.tour .tourSlideWrap{position:relative; display:flex; gap:30px;}
.tour .mainSwiper{height:650px;overflow:hidden;border-radius:10px; margin-left:110px;}
.tour .mainSwiper .swiper-slide img{width:100%;height:100%;object-fit:cover;border-radius:50px;}

/*** 썸네일 슬라이드 ***/
.tour .nextPreview{width:100%;max-width:400px;height:auto;overflow:hidden;border-radius:20px;align-self:flex-end;opacity:.9;transition:.6s;}
.tour .nextPreview .swiper-slide img{width:100%;height:100%;object-fit:cover;border-radius:40px;}

/*** 슬라이드 버튼 ***/
.tour .slideBtn {position:absolute; left:0; bottom:0; display:flex; gap:5px;}
.tour .swiper-button-next:after, .tour .swiper-button-prev:after {content:none;}
.tour .swiper-button-next, .tour .swiper-button-prev {position:static;}
.tour .swiper-button-next {display: block !important; width: 35px; height: 35px; border-radius:100px; background: var(--base1) url(/images/intro/tourNext.svg) no-repeat center;}
.tour .swiper-button-prev {display: block !important; width: 35px; height: 35px; border-radius:100px; background: var(--base1) url(/images/intro/tourPrev.svg) no-repeat center;}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	.tour .tourInfo {align-items: flex-end;}
	.tour .tourInfo .img {max-width: 100%;}
	
	.tour .tourWrap {height:auto;}
	.tour .tourInfo .txtWrap {padding:40px;}
	
	/*** 썸네일 슬라이드 ***/
	.tour .nextPreview{max-width:350px;}
	.tour .subtabWrap {width:350px;}
	
	/*** 왼쪽 슬라이드 ***/
	.tour .mainSwiper{height:550px;}
	
	/*** 층 탭 ***/
	.tour .floorTab ul {padding:10px;}
	
	

}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	
	.tour .tourInfo {flex-direction: column; gap:0; margin-top: 140px;}
	
	.tour .floorTab {display: block; position:static;}
	.tour .floorTab ul {width:100%; flex-direction: row; flex-wrap: nowrap; }
	
	.tour .subtabWrap {position:static; padding:40px; border:2px solid #eee; border-radius:20px; margin:20px 0; width:100%;}
	
	.tour .mainSwiper {margin-left:0; height:auto;}
	
	.tour .roomTab ul {flex-direction: row;}
	
	/*** 썸네일 슬라이드 ***/
	.tour .nextPreview {display:none;}
	
	
	.tour .floorTab ul {padding:0;}
	
	.tour .slideBtn {right:0; left:auto;}
	
		
}



/* ************************ 모바일 ************************ */
@media (max-width: 767px) {

	

	.tour .tourInfo .img {max-width:100%; border-radius:0;}
	.tour .mainSwiper .swiper-slide img {border-radius:20px;}
	
	.tour .floorTab ul {border-radius:15px;}
	

	

}


/* ************************ 모바일 ************************ */
@media (max-width: 500px) {

	.tour .floorTab li {padding:20px 12px;}
	
	.tour .subtabWrap {padding:25px;}
	.tour .roomTab ul {gap:10px;}
	
	.tour .subtabWrap h3 {margin-bottom:20px;}
	.tour .tourInfo {margin-bottom:40px;}


}