.menu-bottom{position: fixed;z-index:999;bottom:75px;left:0px;right:0px;display:none;}
.menu-bottom .hide-btn-box {position: absolute;top: 0px;left: 0px; height: 6%;width: 100%;z-index: 5;}
.menu-bottom .menu-hide-btn {width: 36px;height: 5px;border-radius: 3px;background:#3C3C434D;position: absolute;left: 50%;transform: translateX(-50%);top: 10px;}

.menu-bottom .menu-bottom-box{width: 100%;background:var(--v-white);padding:30px 20px;border-radius: 15px 15px 0px 0px;position: relative;z-index: 1;color:var(--v-black);max-height: calc(100vh - 200px);overflow-x: auto;}
.menu-bottom .menu-bottom-box::-webkit-scrollbar {display: none;}
.menu-bottom .menu-bottom-title .menu-h2{text-align:center;font-size:22px;font-weight: 600;margin-bottom:15px;}
.menu-bottom .menu-bottom-list { margin-bottom:45px; display:flex; flex-direction: column;align-items: flex-start;}
.menu-bottom .menu-bottom-list a{ margin-bottom:5px; font-weight: 500; cursor: pointer; transition:0.3s; margin-left:-10px; padding-left:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:block;}
.menu-bottom .menu-bottom-list a:hover{transform:translateX(10px);  color: var(--v-red-dark);}
.menu-bottom .menu-bottom-list a.active {color: var(--v-red-dark);position: relative;transform:translateX(10px);}
.menu-bottom .menu-bottom-list a::after {content:'';display:none;width: 6px;height:6px;position: absolute;left:0px;top:50%;margin-top:-3px;background:var(--v-red-dark);}
.menu-bottom .menu-bottom-list a.active::after { display:block;}
.text-center {text-align:center;}
.menu-bottom .grey-button {display:inline-block;padding:15px 40px;margin:0px auto;width:100%;max-width:357px;background: var(--v-grey-light1);border-radius: 100px;font-weight: 500;}
.menu-bottom .menu-bottom-cover{position: fixed;left:0px;top:0px;width: 100vw;height:100vh;background:rgba(0,0,0,.5);}

.menu-show-btn {position:fixed;width: 40px; height:40px;border-radius:50%;background:rgba(0,0,0,.5);right:20px;bottom:80px;z-index:100;display:flex;justify-content: center;align-items: center;border: 3px solid #FFFFFF73;}

@media (min-width:600px) {
  .menu-bottom .menu-bottom-box{text-align: center;}
  .menu-bottom .menu-bottom-list { align-items: center;}
}