@charset "utf-8";

/* 하단 메뉴 */
#ft {position:relative;margin:0 auto;max-width:420px}
#ft_nav {position:fixed;bottom:0;width:100%;max-width:420px;background:#fff;box-shadow: rgb(203 203 203 / 26%) 0px -3px 6px 0px;z-index:999}
#ft_nav:after {display:block;visibility:hidden;clear:both;content:""}
#ft_nav li {position:relative;float:left;width:20%;text-align:center}
#ft_nav li a {display:block;height:60px;padding:11px 0 0}
#ft_nav li img {width:auto;height:21px}
#ft_nav li span {position:absolute;bottom:7px;display:block;width:100%;padding:4px 0 0;font-size:12px;letter-spacing:-1px}
#ft_nav .ft_best div {position:absolute;top:-24px;left:0;width:100%}
#ft_nav .ft_best img {width:60px;height:60px}
#ft_nav .ft_best span {color:#ebaa4f}
#ft_nav .ft_gnb span {color:#888}
#ft_nav .gnb_on span {color:#ff0b04 !important}
#ft_nav .chat-new{color:#ff0000}
#ft_nav .chat-none{color:#888}

/* 하단 버튼 */
#ft_sub {position:relative;margin:0 auto;max-width:420px}
#ft_sub .reserve_btn {padding-right:60px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#ft_button {position:fixed;bottom:0;width:100%;max-width:420px;background:#fff;box-shadow: rgb(203 203 203 / 26%) 0px -3px 6px 0px;z-index:999}
#ft_button:after {display:block;visibility:hidden;clear:both;content:""}
#ft_button .ft_submit {position:relative;margin:10px auto;padding:0 20px}
#ft_button .ft_submit button {width:100%;height:45px;border:0;font-size:15px;color:#fff;font-weight:bold;background: linear-gradient(to bottom, #fee715, #efbb29);border-radius:10px}
#ft_button .ft_submit a {display:block;width:100%;height:45px;line-height:45px;font-size:15px;color:#fff;font-weight:bold;text-align:center;background: linear-gradient(to bottom, #fee715, #efbb29);border-radius:10px}
#ft_button .ft_submit input[type="button"] {width:100%;height:45px;border:0;font-size:15px;color:#fff;font-weight:bold;background: linear-gradient(to bottom, #fee715, #efbb29);border-radius:10px;cursor:pointer}
#ft_button .submit_close button {background: linear-gradient(to bottom, #d9d9d9, #bbb) !important;cursor:default;}
#ft_button .mt_scrap {position:absolute;right:20px;top:10px}
#ft_button .mt_scrap a.btn_scrap {width:60px;height:45px}
#ft_button .mt_scrap i {width:45px;height:45px;line-height:45px;text-align:center;font-size:25px;color:#ff0b04;border:1px solid #ffdfa5;border-radius:50%;cursor:pointer}
#ft_button .submit_reserve button {background: linear-gradient(to bottom, #d9d9d9, #bbb)}
