@charset "utf-8";

/*ÃʱâÈ­_s*/
@import url("/css4/reset.css");

/*ÃʱâÈ­_e*/

@import url("/css4/reserv.css");
@import url("/css4/member.css");
@import url("/css4/board.css");
@import url("/css4/board800.css") only screen and (min-width:100px) and (max-width:800px);
@import url("/css4/main.css");
@import url("/css4/main800.css") only screen and (min-width:100px) and (max-width:800px);

.swiper-slide, .swiper-wrapper { height:auto !important; }
.mainslide .swiper-wrapper { height:100% !important; }

/*·Ñ¸µÆ˾÷*/
.slidepopupwrap { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 50% ); z-index:500; }
.slidepopupwrap .slidepopup { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:480px; border-radius:20px; overflow:hidden; }

.slidepopupwrap .slidepopup .popslideimgs { position:relative; width:100%; background:#ffffff; overflow-X:hidden;border-radius:20px 20px 0 0; }
.slidepopupwrap .slidepopup .popslideimgs .swiper-slide img { display:block; vertical-align:top; }

.slidepopupwrap ul.popslidebt2 { clear:both; position:relative; width:100%; padding-bottom:14px; box-sizing:border-box; }
.slidepopupwrap ul.popslidebt2 li:nth-child(1) { width:100%; width:32px; margin:0 auto; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) { width:100%; margin-top:12px; text-align:center; font-family: 'GmarketSans'; font-size:13px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.slidepopupwrap ul.popslidebt2 li:nth-child(1):hover { color: #fae937; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) a:hover { color: #fae937; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] { display:none; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label span { display:none; }

.slidepopupwrap .slidepopup div.popbt { position:relative; width:100%; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt ul { width:100%; padding:3%; box-sizing:border-box; display:flex; flex-direction: column; }
.slidepopupwrap .slidepopup div.popbt ul li { 
	cursor:pointer; position:relative; width:100%; text-align:center; height:34px !important; line-height:34px; background:#ffffff;
	font-weight:500; font-size:14px; color:#86857e; box-sizing:border-box; border-radius:10px;
}
.slidepopupwrap .slidepopup div.popbt ul li.swiper-slide-thumb-active { color:#ffffff; background:#766559; }


@media all and (max-width:800px){
	.slidepopupwrap { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 50% ); z-index:500; }
	.slidepopupwrap .slidepopup { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:86%; max-width:490px; overflow:hidden; }

	.slidepopupwrap .slidepopup .popslideimgs { position:relative; width:100%; background:#ffffff; overflow-X:hidden;border-radius:20px 20px 0 0; }
	.slidepopupwrap .slidepopup .popslideimgs .swiper-slide img { display:block; vertical-align:top; }

	.slidepopupwrap ul.popslidebt2 { clear:both; position:relative; width:100%; padding-bottom:14px; box-sizing:border-box; }
	.slidepopupwrap ul.popslidebt2 li:nth-child(1) { width:100%; width:32px; margin:0 auto; }
	.slidepopupwrap ul.popslidebt2 li:nth-child(2) { width:100%; margin-top:12px; text-align:center; font-family: 'GmarketSans'; font-size:13px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
	.slidepopupwrap ul.popslidebt2 li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
	.slidepopupwrap ul.popslidebt2 li:nth-child(1):hover { color: #fae937; }
	.slidepopupwrap ul.popslidebt2 li:nth-child(2) a:hover { color: #fae937; }
	.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] { display:none; }
	.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
	.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label span { display:none; }

	.slidepopupwrap .slidepopup div.popbt { position:relative; width:100%; background:#ffffff; overflow:hidden; }
	.slidepopupwrap .slidepopup div.popbt ul { width:100%; padding:3%; box-sizing:border-box; display:flex; flex-direction: column; }
	.slidepopupwrap .slidepopup div.popbt ul li { 
		cursor:pointer; position:relative; width:100%; text-align:center; height:34px !important; line-height:34px; background:#ffffff;
		font-weight:500; font-size:14px; 
	}
}