@charset "utf-8";

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

@import url("/css/reserv.css");
@import url("/css/member.css");
@import url("/css/board.css");

@import url("/css/main.css");
@import url("/css/main1600.css") only screen and (min-width:1301px) and (max-width:1600px);
@import url("/css/main1280.css") only screen and (min-width:801px) and (max-width:1300px);
@import url("/css/main800.css") only screen and (min-width:561px) and (max-width:800px);
@import url("/css/main560.css") only screen and (min-width:300px) and (max-width:560px);

@import url("/css/sub.css");
@import url("/css/sub1600.css") only screen and (min-width:1301px) and (max-width:1600px);
@import url("/css/sub1280.css") only screen and (min-width:801px) and (max-width:1300px);
@import url("/css/sub800.css") only screen and (min-width:561px) and (max-width:800px);
@import url("/css/sub560.css") only screen and (min-width:300px) and (max-width:560px);



/*Æ˾÷*/
.LayerPopup { position:absolute; background:#ffffff; }
.LayerPopup div.popimg { position:relative; }
.LayerPopup div.popimg img { display:block; width:100%; vertical-align:top; }
.LayerPopup ul.btm { position:relative; width:100%; height:45px; line-height:45px; background-color:#353535; box-sizing:border-box; }
.LayerPopup ul.btm li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #616161; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.LayerPopup ul.btm li:nth-child(1):hover { color: #fae937; }
.LayerPopup ul.btm li:nth-child(2) a:hover { color: #fae937; }
.LayerPopup ul.btm li input[type="checkbox"] { display:none; }
.LayerPopup ul.btm li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }

.LayerPopup.active { display:block !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:750px; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt { position:relative; width:100%; height:50px; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt ul { display:flex; width:100%; height:50px;  }
.slidepopupwrap .slidepopup div.popbt ul li { cursor:pointer; position:relative; width:10%; text-align:center; height:50px !important; line-height:50px; background:#dddddd; font-family: 'GmarketSansMedium'; font-size: 14px; color:#000000; box-sizing:border-box; }
.slidepopupwrap .slidepopup div.popbt ul li.swiper-slide-thumb-active { color:#ffffff; background:#00a290; }
.slidepopupwrap .slidepopup .popslideimgs { position:relative; width:100%; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup .popslideimgs .swiper-slide img { display:block; vertical-align:top; }

.slidepopupwrap ul.popslidebt2 { clear:both; position:relative; width:100%; height:45px; line-height:45px; background-color:#111111; box-sizing:border-box; }
.slidepopupwrap ul.popslidebt2 li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #333333; font-family: 'GmarketSansMedium'; font-size:14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size:14px; 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; }

.pop-next { position:absolute; top:50%; left:10px; transform:translateY(-50%); z-index:5; cursor:pointer; }
.pop-prev { position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:5; cursor:pointer; }





@media all and (max-width:640px) {

.LayerPopup { position:absolute; top:100px !important; left:50% !important; transform:translateX(-50%); width:90% !important; max-width:450px !important; background:#ffffff; }

}