@charset "utf-8";

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

/*ÃʱâÈ­_e*/

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


/*PC Àüü¸Þ´º*/
#allmenu { position:fixed; top:0px; left:0px; width:100%; min-width:780px; height:0%; background:#242522; 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:166px; 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.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:20px; 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:13px; font-size:16px; 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:#cbcbcb; }

#allmenu .ag-center ul li.center1dt a.center1dta { display:block; position:relative; width:100%; height:32px; margin-bottom:30px; font-size:20px; 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:#cbcbcb; 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:#cbcbcb; }

#allmenu .ag-right { filter: blur(22px); opacity:0; position:relative; left:60px;  float:left; width:380px; height:100%; padding-left:60px; padding-top:24%; overflow:hidden; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#allmenu .ag-right li { float:left; width:33.3%; 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:#cbcbcb; }

#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; }


/*Æ˾÷*/
#mainpopup { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.5 ); z-index:500; }
#mainpopup .popallclose { position:absolute; top:4%; right:4%; }
#mainpopup .mainpopup { position:relative; top:50%; left:0%; transform: translate(0%,-50%); width:100%; min-width:320px; margin:0 auto; text-align:center; }
#mainpopup .mainpopup div { display:inline-block; margin:0 5px; background:#fff; overflow:hidden;  z-index:502; vertical-align:top; }
#mainpopup .mainpopup div ul li.popimg { border-bottom:1px solid #ddd; }
#mainpopup .mainpopup div ul li.popimg img { max-width:100%; }
#mainpopup .mainpopup div ul li.btm { position:relative; width:100%; text-align:left; height:35px; line-height:35px; padding-left:14px; font-family:'NanumGothicBold';font-size:13px; color:#000; box-sizing:border-box; }
#mainpopup .mainpopup div ul li.btm input[type="checkbox"] { display:none; }
#mainpopup .mainpopup input[type="checkbox"] + label span {
display:inline-block;
width:15px;
height:35px;
vertical-align:top;
margin-right:6px;
background:#fff;
border:0px;
cursor:pointer;
background:url('/images/common/check.jpg')no-repeat 0 50%; background-size:15px 15px;
}
#mainpopup .mainpopup input[type="checkbox"]:checked + label span {
background:url('/images/common/checkd.jpg')no-repeat 0 50%; background-size:15px 15px;
}
#mainpopup .mainpopup a.btn_close {
display:block; position:absolute; top:12px; right:14px; width:15px; height:14px; background:url('/images/common/btn_close.jpg')no-repeat 0 50%;
font-size:0px;
}