@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("/css/main.css");


/*PC Àüü¸Þ´º*/
#allmenu { position:fixed; top:0px; left:0px; width:100%; min-width:780px; 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 { 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; }




/*·Ñ¸µÆ˾÷*/
.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; }









.site-header__toggle-menu {  position: absolute; top: 15px; right:55px; z-index: 801; }
.toggle-menu {  width:89px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 30px; overflow: hidden; cursor:pointer; animation: faderight 2.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.5s; }
.toggle-menu.active::before { width: 44px }
.toggle-menu:hover::before { width:44px }
.toggle-menu::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 30px; background-color: #f9dadf; transition: width ease .3s }
.toggle-menu__lines { width: 20px; height: 10px; position: relative }
.toggle-menu__line { width: 20px; height: 2px; position: absolute; transform: scale(1.01); backface-visibility: hidden; background-color: #24262b; transition: top ease .3s,transform ease .3s }
.toggle-menu__line:nth-child(1) { top: 0px }
.toggle-menu__line:nth-child(2) { top: 8px }
.toggle-menu.active .toggle-menu__line { top: 4px }
.toggle-menu.active .toggle-menu__line:nth-child(1) { transform: rotate(45deg) scale(1.01) }
.toggle-menu.active .toggle-menu__line:nth-child(2) { transform: rotate(-45deg) scale(1.01) }
.toggle-menu:hover:not(.active) .toggle-menu__line { top:4px }
.toggle-menu:hover:not(.active) .toggle-menu__line:nth-child(2) { transform: rotate(-90deg) scale(1.01) }
.toggle-menu:hover.active .toggle-menu__lines { transform: rotate(90deg) }

.site-header__menu { width:100vw; height: 0; position:fixed; top: 0; left: 0; overflow: auto; background:url('/images/common/allmenubg.jpg')no-repeat 50% 0; background-size:cover; transition: height cubic-bezier(0.25, 1, 0.5, 1) .6s .6s; z-index: 800; overflow:hidden; }
.site-header__menu.active { height: 100dvh; transition: height cubic-bezier(0.25, 1, 0.5, 1) .6s }


.allmenulogo { position:absolute; top:30px; left:50%; transform:translateX(-50%); opacity:0; filter: blur(10px); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.allmenucenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1230px; height:474px; }

.allmenutxt1 { opacity:0; filter: blur(10px); position:absolute; top:8%; left:8%; transform:translate(-50%,-50%);  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; width:75px; height:62px; background:url('/images/common/amtxt1.png')no-repeat 0 0; }
.allmenutxt2 { opacity:0; filter: blur(10px); position:absolute; top:18%; left:99%; transform:translate(-50%,-50%); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; width:169px; height:65px; background:url('/images/common/amtxt2.png')no-repeat 0 0; }
.allmenutxt3 { opacity:0; filter: blur(10px); position:absolute; top:76%; left:83%; transform:translate(-50%,-50%); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; width:414px; height:73px; background:url('/images/common/amtxt3.png')no-repeat 0 0; }

#allmenugnb { transform:translateX(-50px); opacity:0; filter: blur(10px); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; float:left; position:relative; width:708px; height:438px; overflow:hidden; box-sizing:border-box; border-right:1px solid rgba(255,255,255,10%); }
#allmenugnb li.dt1menu { position:relative; width:100%; height:40px; margin-bottom:40px; }
#allmenugnb li.dt1menu a.dt1a { display:block; float:left; width:196px; height:40px; line-height:40px; font-size:25px; font-family: 'Pretendard'; font-weight:700; color:#ffffff; }
#allmenugnb li.dt1menu ul.drop2menu { float:left; position:relative; width:480px;  overflow:hidden; }
#allmenugnb li.dt1menu ul.drop2menu li { display:inline-block; height:40px; line-height:40px; margin-right:15px; box-sizing:border-box; vertical-align:top; }
#allmenugnb li.dt1menu ul.drop2menu li a { font-size:19px; font-weight:500; color:#d7d3ca; letter-spacing:-1px; }
#allmenugnb li.dt1menu ul.drop2menu li a:hover { color:#ffffff;  border-bottom:1px solid #ffffff;}
#allmenugnb li.dt1menu a.dt1a:hover { color:#ccbba1; }
.allmenutxt { transform:translateX(100px); opacity:0; filter: blur(10px); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; float:left; position:relative; width:220px; margin-left:56px; }
.allmenutxt ul.txt1 { position:relative; width:100%; padding-left:23px; box-sizing:border-box; background:url('/images/common/amicon_1.png')no-repeat 0 0; }
.allmenutxt ul.txt1 li:nth-child(1) { font-size:17px; font-weight:500; color:#ffffff; }
.allmenutxt ul.txt1 li:nth-child(2) { margin-top:6px; font-size:24px; font-weight:500; color:#ffffff; }
.allmenutxt ul.txt1 li:nth-child(2) a { color:#ffffff; }
.allmenutxt ul.txt2 { position:relative; width:100%; margin-top:140px; padding-left:23px; box-sizing:border-box; background:url('/images/common/amicon_2.png')no-repeat 0 0; }
.allmenutxt ul.txt2 li:nth-child(1) { font-size:14px; font-weight:400; color:#ffffff; }
.allmenutxt ul.txt2 li:nth-child(2) { margin-top:20px; }
.allmenutxt ul.txt2 li:nth-child(2) .wrap_btn_zoom { display:none; }

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



.site-header__menu.active .allmenulogo { opacity:1; filter: blur(0px); transition: all 2.2s cubic-bezier(0.25, 1, 0.5, 1) .6s; }
.site-header__menu.active .allmenutxt1 { opacity:1; filter: blur(0px); top:18%; left:8%; transition: all 2.2s cubic-bezier(0.25, 1, 0.5, 1) .6s; }
.site-header__menu.active .allmenutxt2 { opacity:1; filter: blur(0px); top:18%; left:89%; transition: all 2.2s cubic-bezier(0.25, 1, 0.5, 1) .6s; }
.site-header__menu.active .allmenutxt3 { opacity:1; filter: blur(0px); top:86%; left:83%; transition: all 2.2s cubic-bezier(0.25, 1, 0.5, 1) .6s; }

.site-header__menu.active #allmenugnb { transform:translateX(0px); opacity:1; filter: blur(0px); transition: all 2.0s cubic-bezier(0.25, 1, 0.5, 1) 1.3s; }
.site-header__menu.active .allmenutxt { transform:translateX(0px); opacity:1; filter: blur(0px); transition: all 2.0s cubic-bezier(0.25, 1, 0.5, 1) 1.3s; }

.allmenuvmaintxt { opacity:0; filter: blur(10px); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; position:absolute; bottom:74px; left:3%; width:140px; height:140px; }
.allmenuvmaintxt span { display:block; animation: rotate_image 16s linear infinite;transform-origin: 50% 50%; }

.site-header__menu.active .allmenuvmaintxt { opacity:1; filter: blur(0px); bottom:174px; transition: all 2.2s cubic-bezier(0.25, 1, 0.5, 1) .6s; }