.dialog-notice-mask { position: fixed; top: 0px; left: 0; width: 100%; background-color: #000; opacity: 0.3; text-align: center; z-index: 9999998; display: block; height: 100vh; }
.dialog-notice-pan { position: fixed; top: 0px; left: 0; width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center; z-index: 9999999; justify-content: center; }
.dialog-notice-pan .dialog-notice-body { background-color: #ffffff; text-align: center; display: flex; max-width: 95%; border-radius: 5px; min-width: 400px; min-height: 150px; padding: 10px 20px; flex-direction: column; align-items: center; justify-content: space-between; }
.dialog-notice-pan .dialog-notice-body .title { font-size: 20px; line-height: 30px; color: #000000; display: block; margin: 5px; }
.dialog-notice-pan .dialog-notice-body .body { font-size: 16px; line-height: 24px; color: #666666; display: block; margin: 5px; }
.dialog-notice-pan .dialog-notice-body .bt-pan { overflow: hidden; display: flex; flex-direction: row; align-items: center; width: 100%; }
.dialog-notice-pan .dialog-notice-body .bt-pan button { font-size: 14px; line-height: 34px; text-align: center; margin: 5px; display: block; border: solid 1px #ffa726; color: #046835; background-color: #FFFFFF; border-radius: 5px; flex: 1; padding: 0; }
.dialog-notice-pan .dialog-notice-body .bt-pan button.on { color: #ffffff; background-color: #ffa726; visibility: hidden; visibility: visible; }