/* BASIC css start */
/*  최하단 고정 메뉴 */

#fixBtn { position:fixed; right:0; bottom:0;left:0; width:100%; height:6.4rem;padding-bottom:env(safe-area-inset-bottom);
    border-top:1px solid #eee; background:#fff;  box-shadow:0 -.2rem .8rem rgba(0,0,0,.035); box-sizing:content-box; z-index:999; }
#fixBtn .fixList { display:flex; width:100%; height:6.4rem; margin:0; padding:0 .3rem; list-style:none; 
    align-items:stretch; justify-content:space-between; box-sizing:border-box;}
#fixBtn .fixList li { flex:1; min-width:0; }
#fixBtn .fixList li a { display:flex; width:100%; height:100%; padding:.9rem 0 .7rem; color:#555; font-size:1.1rem; font-weight:400; line-height:1.2;
    text-align:center; text-decoration:none; flex-direction:column; align-items:center;
    justify-content:flex-start; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}

/* 아이콘 공통 */
#fixBtn .fixList svg { display:block; width:2.7rem; height:2.7rem; margin-bottom:.55rem; fill:none;
    stroke:currentColor; stroke-width:1; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }

/* 텍스트 */
#fixBtn .fixList li a > span:last-child { display:block; white-space:nowrap; }



/* 예약·투어 강조 */
#fixBtn .fixList .reservation a { color:#ff1553; font-weight:bold; }

#fixBtn .reservationIcon { display:flex; width:4rem; height:4rem; margin-top:-.55rem; margin-bottom:0; border-radius:50%;
    background:#fff2f6; align-items:center; justify-content:center; box-sizing:border-box; }

#fixBtn .reservationIcon svg { width:2.7rem; height:2.7rem; margin:0; }

/* 터치 효과 */
#fixBtn .fixList li a:active { opacity:.55; }

/* 콘텐츠가 하단 메뉴에 가리지 않도록 */
body {  padding-bottom:calc(7rem + env(safe-area-inset-bottom)); }

/* BASIC css end */