@charset "utf-8";
@import url("/css/reset.css");
@import url("/css/reserv.css");
@import url("/css/member.css");
@import url("/css/m/main.css");
@import url("/css/m/sub.css");
@import url("/css/m/board.css");


.LayerPopup { position:absolute; top:60px !important; left:50% !important; width:90%  !important; height:auto  !important; transform:translateX(-50%); 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: 13px; 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: 13px; 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; }



.site-header__toggle-menu {  position: fixed; top:15px; right:18px; z-index:12; }
.toggle-menu {  width:68px; height:34px; 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::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 30px; background-color: #fff; 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) }