@charset "utf-8";

html,body{background:#1c2b2d;}

#visual{width:100%; height:100vh; height:calc((var(--vh, 1vh) * 100)); max-height:1072px; position:relative; -webkit-transition:all 0.1s; -o-transition:all 0.1s; transition:all 0.1s; position:relative;}
#visual .visualBg{width:100%; height:100%;}
#visual .visualBox{width:100%; height:100%; position:relative; overflow:hidden;}
#visual .visualBox .visualSlide{width:100%; height:100%;}
#visual .visualBox .visualSlide .slideItem{width:100%; height:100%; position:relative; overflow:hidden;}
#visual .visualBox .visualSlide .slideItem a{display:block; width:100%; height:100%; position:relative; z-index:3;}
#visual .visualBox .visualSlide .slideItem .visualImg{width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; position:absolute; top:50%; left:50%; z-index:1; -webkit-transform:translate(-50%, -50%) scale(1.2); -ms-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); -webkit-transition:all 0.45s linear; -o-transition:all 0.45s linear; transition:all 0.75s linear;}
#visual .visualBox .visualSlide .slideItem .visualImg.visual1{background-image:url("/html/resource/img/loungs/main/visual1.jpg");}
#visual .visualBox .visualSlide .slideItem .visualImg.visual2{background-image:url("/html/resource/img/loungs/main/visual2.jpg");}
#visual .visualBox .visualSlide .slideItem.swiper-slide-active .visualImg{-webkit-transform:translate(-50%, -50%) scale(1.0); -ms-transform:translate(-50%, -50%) scale(1.0); transform:translate(-50%, -50%) scale(1.0);}
#visual .slidePager{width:100%; height:0; max-width:1600px; margin:0 auto;}
#visual .slidePager button{display:inline-block; width:90px; height:90px; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:10;}
#visual .slidePager button.prevSlide{background-image:url("/html/resource/img/loungs/main/visual_prev.png"); left:10%;}
#visual .slidePager button.nextSlide{background-image:url("/html/resource/img/loungs/main/visual_next.png"); right:10%;}

.mainPop{position:absolute; z-index:9999;}
.mainPop .popContent{width:100%; height:auto;}
.mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;}
.mainPop .popBottom .bottomText{display:inline-block; font-size:18px; letter-spacing:-0.05em; line-height:40px;}
.mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;}

.popupBg2{display:inline-block; position:absolute; z-index:9999; width:1080px; max-width:90%; left:50%; transform:translateX(-50%);}
.popupBg2 .mainPop2{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox{width:100%; height:auto; overflow:hidden;}
.popupBg2 .mainPop2 .popContentBox .popSlide{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem a{display:block; width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem img{width:100% !important; height:auto !important;}
.popupBg2 .mainPop2 .popTabs{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; background:#fff; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.popupBg2 .mainPop2 .popTabs button{display:inline-flex; justify-content:center; width:20%; height:50px; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; position:relative; color:#333; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#fff;}
.popupBg2 .mainPop2 .popTabs button.on{background:#c99e67; color:#fff; font-weight:700;}
.popupBg2 .mainPop2 .popTabs button span{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.popupBg2 .mainPop2 .popBottom{display:flex; justify-content:space-between; align-items:center; width:100%; background:#333; padding:0 20px;}
.popupBg2 .mainPop2 .popBottom .bottomItem{display:inline-flex; width:auto; height:40px; justify-content:center; align-items:center; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem{width:auto;}
.popupBg2 .mainPop2 .popBottom .bottomItem button{width:100%; height:100%; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:40px; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem button{width:20px; height:20px; font-size:0; line-height:unset; background:url("/html/resource/img/loungs/main/pop_close.png") no-repeat center center/cover;}

@media (max-width:1600px) {
	#visual .slidePager button.prevSlide{background-image:url("/html/resource/img/loungs/main/visual_prev.png"); left:40px;}
	#visual .slidePager button.nextSlide{background-image:url("/html/resource/img/loungs/main/visual_next.png"); right:40px;}
}

@media (max-width:1000px) {
	#visual{height:140.00000vw; max-height:unset;}
	#visual .visualBox .visualSlide .slideItem .visualImg.visual1{background-image:url("/html/resource/img/loungs/main/m_visual1.jpg");}
	#visual .visualBox .visualSlide .slideItem .visualImg.visual2{background-image:url("/html/resource/img/loungs/main/m_visual2.jpg");}
	#visual .slidePager{width:100%; height:0; max-width:1600px; margin:0 auto;}
	#visual .slidePager button{width:90px; height:90px;}
	
	.popupBg{position:fixed; width:100%; height:0; top:0; left:0; z-index:9999;}
	.popupBg .mainPop{position:relative; max-width:90%; left:auto !important; top:auto !important; margin:0 auto;}
	.popupBg .mainPop:nth-of-type(1){margin-top:100px;}
	.popupBg .mainPop .popBottom{height:50px; padding:0 10px;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:24px; height:24px; margin:13px 10px 13px 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:24px; line-height:50px;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:10px; line-height:50px;}
	
	.popupBg2{max-width:90%; left:50% !important; top:150px !important; transform:translateX(-50%);}
	.popupBg2 .mainPop2 .popTabs button{width:50%; height:40px; font-size:14px;}
	.popupBg2 .mainPop2 .popBottom{padding:0 15px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:40px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:40px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem button{width:20px; height:20px;}

}

@media (max-width:768px) {
	#visual .slidePager button{width:11.71875vw; height:11.71875vw;}
	#visual .slidePager button.prevSlide{left:5.20833vw;}
	#visual .slidePager button.nextSlide{right:5.20833vw;}

	.popupBg .mainPop:nth-of-type(1){margin-top:13.02083vw;}
	.popupBg .mainPop .popBottom{height:6.51042vw; padding:0 1.30208vw;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:3.12500vw; height:3.12500vw; margin:1.69271vw 1.30208vw 1.69271vw 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:3.12500vw; line-height:6.51042vw;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:1.30208vw; line-height:6.51042vw;}

	.popupBg2{top:19.53125vw !important;}

}

@media (max-width:450px) {
	.popupBg2 .mainPop2 .popTabs button{height:35px; font-size:14px; line-height:1.25;}
	.popupBg2 .mainPop2 .popBottom{padding:0 10px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem button{width:18px; height:18px;}
}

@media (max-width:340px) {
	.popupBg2 .mainPop2 .popTabs button{height:13.23529vw; font-size:4.11765vw; line-height:13.23529vw;}
	.popupBg2 .mainPop2 .popBottom{padding:0 2.94118vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:13.23529vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:4.11765vw; line-height:13.23529vw; letter-spacing:-0.035em;}
	.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem button{width:5.29412vw; height:5.29412vw;}
}