#modalStoreSwiper { width: 100%; padding: 15px 0; }
#modalStoreSwiper.off { display: none; }
#modalStoreSwiper .swiper-wrapper { height: 200px; }
#modalStoreSwiper .swiper-wrapper .swiper-slide { height: 100%; width: auto; position: relative; }
#modalStoreSwiper .swiper-wrapper .swiper-slide .badge { position: absolute; top: 5px; left: 5px; background-color: white; border-radius: 5px; padding: 3px 8px; font-size: 12px; }
#modalStoreSwiper .swiper-wrapper .swiper-slide img { height: 100%; }



/* #modalStore { } */
#modalStore .modalBody { gap: 15px; height: auto; max-width: 600px; }
#modalStore .modalBody .titleArea { display: flex; flex-direction: row; gap: 10px; height: auto; align-items: center; justify-content: flex-start; }
#modalStore .modalBody .titleArea .logo { max-height: 50px; max-width: 60px; }
#modalStore .modalBody .titleArea .nameArea { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 3px; }
#modalStore .modalBody .titleArea .nameArea .name { font-size: 22px; font-weight: 700; flex-grow: 1; }
#modalStore .modalBody .titleArea .nameArea .badge { height: 24px; }
#modalStore .modalBody .titleArea .nameArea .icon_jjin { height: 24px; }
#modalStore .modalBody .titleArea .nameArea .icon_jjin.off { display: none; }
#modalStore .modalBody .addrArea { display: flex; flex-direction: row; gap: 10px; }
#modalStore .modalBody .addrArea .fa-map-marker-alt { color: #375af9; font-size: 16px; }
#modalStore .modalBody .addrArea .addr { font-size: 16px; font-weight: 300; }

#modalStore .urlcopy { display: flex; flex-direction: row; gap: 10px; height: 30px; border-radius: 4px; overflow: hidden; border: 1px solid #ccc; margin-top: 15px; }
#modalStore .urlcopy .lbl { background-color: #ccc; color: #666; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; width: 80px; font-size: 14px; flex-shrink: 0; }
#modalStore .urlcopy .url_text { height: 100%; flex-grow: 1; border: 0; width: 50px; }
#modalStore .urlcopy .btn_urlcopy { height: 100%; width: 30px; border: 0; cursor: pointer; flex-shrink: 0; }

#modalStore .messages { font-size: 14px; }

#modalStore .modalBody .buttons { display: flex; flex-direction: row; gap: 10px; justify-content: flex-end; }
#modalStore .modalBody .buttons .btnClose { height: 30px; width: 120px; text-decoration: none; color: #666; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #eee; border-radius: 4px; }
#modalStore .modalBody .buttons .btnReserve { height: 30px; width: 120px; text-decoration: none; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #3380ec; border-radius: 4px; opacity: 0.3; }
#modalStore .modalBody .buttons .btnReserve.on { opacity: 1; }