﻿.gmwMenu_wrap{position:fixed; bottom:0; left:-26.7rem; width:25.7rem; height:100%; transition:left .3s ease; -webkit-transition:left .3s ease; z-index:9998;}
.gmwMenu_wrap > .btn_wrap{position:absolute; bottom:0; left:26.74rem; width:3rem; height:16rem; padding:0; z-index:1;}
.gmwMenu_wrap > .btn_wrap > a{display:block; position:relative; width:100%; height:100%; padding:1.25rem 1rem; background:#04a6e1; font-weight:300; font-size:1.8rem; line-height:1rem; color:#fff; text-align:center; white-space:nowrap;}
.gmwMenu_wrap > .btn_wrap > a > span{display:block; line-height:1.2rem; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.gmwMenu_wrap > .btn_wrap > a > span > em{font-weight:800; line-height:5.2rem;}
.gmwMenu_wrap > .btn_wrap i[class*="xi-"]{position:absolute; bottom:1.25rem; left:1rem; width:1rem; height:1rem; font-size:0.9rem; line-height:1rem; text-align:center;}
.gmwMenu_wrap.active > .btn_wrap i[class*="xi-"]{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.gmwMenu_lst{position:absolute; top:0; left:0; width:25.7rem; height:100%; padding:7rem 0.5rem 1rem; background:#fbfbfb; border-right:1px solid #eaeaea;}
.gmwMenu_lst > .title{position:absolute; top:0; left:0; width:100%; height:3.75rem; padding:1.15rem 0; border-bottom:1px solid #e3e6e8; font-weight:400; font-size:3rem; line-height:2.5rem; font-family:"Gotham"; color:#000; letter-spacing:-0.025rem; text-align:center; border-top:1px solid #e3e6e8;}
.gmwMenu_lst > .title > em{font-weight:800; line-height:2.4rem;}
.gmwMenu_lst .gmwMenulst{width:100%; height:100%; text-align:left; vertical-align:middle;}
.gmwMenu_lst ul{padding:0 0.5rem !important;}
.gmwMenu_lst li{display:block; padding:0.5rem 0;}
.gmwMenu_lst a{display:block; position:relative; width:100%; height:100%; transition:color .3s ease;-webkit-transition:color .3s ease;}
.gmwMenu_lst a > .img{display:block;}
.gmwMenu_lst a > .img img{width:100%; height:100px;}
.gmwMenu_lst a > strong{position:absolute; top:50%;left:1.25rem; font-weight:300; letter-spacing:-0.05rem; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.gmwMenu_lst a > strong > em{display:block; font-weight:500; font-size:0.9rem; line-height:1.25rem; color:#000;} /* font-family:"Gotham"; */
.gmwMenu_lst a > strong > span{display:block; margin:0.25rem 0 0; font-weight:400; font-size:0.7rem; line-height:1rem; color:#767676;}
.gmwMenu_lst .no2 a > strong > em{color:#fff;}
.gmwMenu_lst .no2 a > strong > span{color:#fff;}
.gmwMenu_wrap.active{left:0;}
.noLast{padding-bottom:9rem !important;}
.gmwMenu_lst .no2{padding:0.5rem 0 !important;}
/*.gmwMensu_wrap > .btn_wrap > a:after{content:'\003C';}*/
.gmwMenu_wrap div,.gmwMenu_wrap p,.gmwMenu_wrap a,.gmwMenu_wrap span em{vertical-align: baseline !important;}

/*.swiper-slide-evt {text-align:center; display:flex;}*/

/* MOBILE, max width 768px */
@media only screen and (max-width: 768px), (max-device-width:768px){
.mCSB_container ul li{float:left; width:20%; height:100%; line-height:50px;}
.gmwMenu_wrap{width:100%; height:16.7rem;bottom:-16.7rem;left:0; transition:bottom .3s ease; -webkit-transition:bottom .3s ease;}
.gmwMenu_lst{width:100%; height:16.7rem;}
.gmwMenu_wrap.active{bottom:0;left:auto;}
.gmwMenu_wrap > .btn_wrap{position:absolute; bottom:11.5rem; left:0; width:16rem; height:3rem; padding:0; z-index:1;} /* padding-left:3px; */
.gmwMenu_wrap > .btn_wrap > a > span{transform:none; -webkit-transform:none;}
.gmwMenu_wrap > .btn_wrap > a > span > em{font-weight:800; line-height:3.2rem;}
.gmwMenu_lst{padding:0;}
.gmwMenu_lst .gmwMenulst{white-space:nowrap;}
.gmwMenu_lst{height:9.5rem;}
.gmwMenu_wrap{height:9.5rem;} /* height:9rem; */ /* 테스트height:40rem; */
.gmwMenu_wrap{bottom:-9.5rem;}
.depth2{display:inline-block;}
/*.gmwMenu_lst a{width:80%;}*/
.gmwMenu_lst a > strong {top: 47%; min-height: 66%; left: 1.3rem;}
.gmwMenu_lst a > strong > em {font-size: 1.7rem;line-height: 1.7rem;}
.gmwMenu_lst a > strong > b {display: block;margin: 0.5rem 0 0 0;color: #fe2c9c;font-size: 1.3rem;}
.gmwMenu_lst a > strong > span {font-size: 1.1rem;line-height: 1.3rem;}
}
@media only screen and (min-width: 768px){.gmwMenu_lst .gmwMenulst{overflow:auto;}}

.swiper-slide{min-width:239px;}

/* 스크롤바 CSS */
.gmwMenulst::-webkit-scrollbar {width:10px;}
.gmwMenulst::-webkit-scrollbar-thumb {background-color:#717374; border-radius:10px;}
.gmwMenulst::-webkit-scrollbar-track {background-color:grey; border-radius:10px; box-shadow:inset 0px 0px 5px white;}