@charset "utf-8";

/* 알림창 관련 css */
#popup1 {visibility:hidden; width:100%; height:70%; position:absolute; z-index:50; bottom:20px;}
#popup1.active {visibility:visible; -webkit-animation:fadein 0.5s, fadeout 0.5s 1.8s; animation:fadein 0.5s, fadeout 0.5s 1.8s;}

#popup {visibility:hidden; width:100%; height:70%; position:absolute; z-index:50; bottom:20px;}
#popup.active {visibility:visible; -webkit-animation:fadein 0.5s, fadeout 0.5s 1.8s; animation:fadein 0.5s, fadeout 0.5s 1.8s;}
#popup-wrap {position:relative; width:80%; height:35%; margin:0 auto; background-color:#eee; color:#000; text-align:center; border-radius:4px; padding:10px 6px; font-size:13px !important;overflow: auto;}
#popup-header { font-size:14px; font-weight:bold; margin-bottom:0 !important; border-bottom:solid 1px rgba(0,0,0,0.05) !important; padding:8px 4px; }
#popup-msg { width:80%; margin:0 auto; padding:15px 0px; line-height:1.5em; }
#popupCloseBtn { position:absolute; width:100px;margin:0 -50px auto;  bottom:20px; display:inline-block; border-radius:4px; background:#f36910; padding: 5px 30px; }
#mask {width:100%; z-index:9999; height:100%; background:#000; opacity: 0.5; left:0; top:0; position:absolute; display: none;}

/* progress bar */
#sync-progress {width:100%; height:100%; position:absolute; z-index:99999; bottom:20px; display: none;}