@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");


/*PC Àüü¸Þ´º*/
#allmenu { position:fixed; top:0px; left:0px; width:100%; min-width:100%; height:0%; background:#122c83; z-index: 311; overflow:hidden; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s; }
#allmenu.active { height:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#allmenu h1 { filter: blur(12px); opacity:0; position:absolute; top:8%; left:3%; width:200px; transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }
#allmenu h1 img { width:100%; }
#allmenu.active h1 { opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
#allmenu ul.allmenu_sns { opacity:0; position:absolute; bottom:8%; left:-1%; transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#allmenu ul.allmenu_sns li { width:41px; height:41px; overflow:hidden; border-radius:100%; margin-top:15px; }
#allmenu.active ul.allmenu_sns { opacity:1; left:3%; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.4s; }

#allmenu-gnb { position:relative; width:1080px; height:100%; margin:0 auto; }
#allmenu .ag-left { filter: blur(22px); opacity:0; position:relative; left:60px; float:left; width:240px; height:100%; padding-top:24%; margin-right:60px; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.4s; }
#allmenu .ag-center { filter: blur(22px); opacity:0; position:relative; left:60px; float:left; width:340px; height:100%; padding-top:24%; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
#allmenu .ag-right { filter: blur(22px); opacity:0; position:relative; left:60px;  float:left; width:380px; height:100%; padding-left:60px; padding-top:24%; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#allmenu.active .ag-left { filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#allmenu.active .ag-center { filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }
#allmenu.active .ag-right { filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.0s; }

#allmenu .ag-left li.gnb01 { margin-bottom:60px; }
#allmenu .ag-left li.gnb01 a.gnb1td { font-size:22px; font-weight:700; color:#fff; line-height:100%; }
#allmenu .ag-left li.gnb01 ul { width:100%; margin-top:20px; }
#allmenu .ag-left li.gnb01 a.gnb2td { display:block; margin-bottom:15px; font-size:17px; font-weight:400; color:#a6acb5; line-height:110%; }
#allmenu .ag-left li.gnb01 a.gnb1td:hover, #allmenu .ag-left li.gnb01 a.gnb2td:hover { color:#0ab2ff; }

#allmenu .ag-center ul li.center1dt a.center1dta { display:block; position:relative; width:100%; height:32px; margin-bottom:30px; font-size:24px; font-weight:700; color:#ffffff; line-height:100%;  z-index:1; letter-spacing:1px; }
#allmenu .ag-center ul li.center1dt a.center1dta span { display:block; position:absolute; top:0px; right:40px; font-weight:300; }
#allmenu .ag-center ul li.center1dt a:hover.center1dta { color:#0ab2ff; z-index:2; }

#allmenu .ag-center ul li.center1dt ul { position:relative; width:100%; height:40px; line-height:20px; text-align:center; }
#allmenu .ag-center ul li.center1dt ul li { display:inline-block; font-size:18px; font-weight:500; margin: 0 16px; }
#allmenu .ag-center ul li.center1dt ul li a { color:#999999; }
#allmenu .ag-center ul li.center1dt ul li a:hover { color:#0ab2ff; }

#allmenu .ag-right li { margin-bottom:30px; }
#allmenu .ag-right li a { font-size:17px; font-weight:500; color:#fff; line-height:100%; }
#allmenu .ag-right li a:hover { color:#0ab2ff; }

#allmenu .login { position:absolute; top:18%; left:0px; z-index:10; }
#allmenu .login li { float:left; position:relative;margin-right:10px; }
#allmenu .login li:nth-child(2) { color:#5c5c5c; font-size:12px; }
#allmenu .login li a { font-size:15px; font-weight:300; color:#fff; line-height:100%; }

.allmenuclose { position:absolute; top:8%; right:4%; cursor:pointer; }


/*Æ˾÷*/
.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 {  line-height:45px;  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 { line-height:45px; display:block; width:100%; height:100%; cursor:pointer; }
.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }




/*·Ñ¸µÆ˾÷*/
.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:1200px; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt { float:left; position:relative; width:180px; height:550px; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt ul li { cursor:pointer; position:relative; width:100%; height:12.5%; line-height:68px; padding-left:22px; border-bottom:1px solid #ffffff; 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 { float:left; position:relative; width:1020px; height:550px; 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: 12px; 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: 12px; 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; }