@charset "UTF-8";
@keyframes showSweetAlert {
  0% { transform:scale(0.7); }
  45% { transform:scale(1.05); }
  80% { transform:scale(0.95); }
  100% { transform:scale(1); }
}
@keyframes hideSweetAlert {
  0% { transform:scale(1); }
  100% { transform:scale(0.5); }
}
@keyframes slideFromTop {
  0% { top:0%; }
  100% { top:50%; }
}
@keyframes slideToTop {
  0% { top:50%; }
  100% { top:0%; }
}
@keyframes slideFromBottom {
  0% { top:70%; }
  100% { top:50%; }
}
@keyframes slideToBottom {
  0% { top:50%; }
  100% { top:70%; }
}
.showSweetAlert { animation:showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] { animation:none; }
.showSweetAlert[data-animation=slide-from-top] { animation:slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] { animation:slideFromBottom 0.3s; }
.hideSweetAlert { animation:hideSweetAlert 0.3s; }
.hideSweetAlert[data-animation=none] { animation:none; }
.hideSweetAlert[data-animation=slide-from-top] { animation:slideToTop 0.3s; }
.hideSweetAlert[data-animation=slide-from-bottom] { animation:slideToBottom 0.3s; }
@keyframes animateSuccessTip {
  0% { width:0; left:1px; top:19px; }
  54% { width:0; left:1px; top:19px; }
  70% { width:50px; left:-8px; top:37px; }
  84% { width:17px; left:21px; top:48px; }
  100% { width:25px; left:14px; top:45px; }
}
@keyframes animateSuccessLong {
  0% { width:0; right:46px; top:54px; }
  65% { width:0; right:46px; top:54px; }
  84% { width:55px; right:0px; top:35px; }
  100% { width:47px; right:8px; top:38px; }
}
@keyframes rotatePlaceholder {
  0% { transform:rotate(-45deg); }
  5% { transform:rotate(-45deg); }
  12% { transform:rotate(-405deg); }
  100% { transform:rotate(-405deg); }
}
.animateSuccessTip { animation:animateSuccessTip 0.75s; }
.animateSuccessLong { animation:animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after { animation:rotatePlaceholder 4.25s ease-in; }
@keyframes animateErrorIcon {
  0% { transform:rotateX(100deg); opacity:0; }
  100% { transform:rotateX(0deg); opacity:1; }
}
.animateErrorIcon { animation:animateErrorIcon 0.5s; }
@keyframes animateXMark {
  0% { transform:scale(0.4); margin-top:26px; opacity:0; }
  50% { transform:scale(0.4); margin-top:26px; opacity:0; }
  80% { transform:scale(1.15); margin-top:-6px; }
  100% { transform:scale(1); margin-top:0; opacity:1; }
}
.animateXMark { animation:animateXMark 0.5s; }
@keyframes pulseWarning {
  0% { border-color:#f8d486; }
  100% { border-color:#f8bb86; }
}
.pulseWarning { animation:pulseWarning 0.75s infinite alternate; }
@keyframes pulseWarningIns {
  0% { background-color:#f8d486; }
  100% { background-color:#f8bb86; }
}
.pulseWarningIns { animation:pulseWarningIns 0.75s infinite alternate; }
@keyframes rotate-loading {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
body.stop-scrolling { height:100%; overflow:hidden; }
/* 1. 배경 오버레이: 화면 전체를 덮고 alert보다 아래에 위치 */
.sweet-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.4);
  z-index:3000 !important; /* alert보다 낮은 숫자 */
  display:block;
}
/* 2. 알림창: 오버레이보다 위에 위치하고 transform으로 중앙 정렬 */
.sweet-alert {
  position:fixed;
  top:50% !important; /* 화면 세로 50% 지점 */
  left:50% !important; /* 화면 가로 50% 지점 */
  transform:translate(-50%, -50%) !important; /* 자신의 크기만큼 역이동하여 완전 중앙 */
  background-color:#ffffff;
  z-index:3100 !important; /* overlay보다 높은 숫자 */
  /* 기존 스타일 초기화 */
  margin-top:0 !important;
  margin-left:0 !important;
  display:block;
  /* 디자인 요소 */
  min-width:300px;
  padding:20px;
  border-radius:5px;
  box-shadow:0 10px 40px rgba(0, 0, 0, 0.3);
  text-align:center;
}
.sweet-alert:focus { outline:none !important; }
/* sweet-alert  showSweetAlert visible */
@media all and (max-width:767px) {
  .sweet-alert { left:15px; margin-left:0; margin-right:0; right:15px; width:auto; }
}
.sweet-alert .form-group { display:none; }
.sweet-alert .form-group .sa-input-error { display:none; }
.sweet-alert.show-input .form-group { display:block; }
.sweet-alert .sa-confirm-button-container { display:inline-block; position:relative; }
.sweet-alert .la-ball-fall { left:50%; margin-left:-27px; margin-top:-9px; opacity:0; position:absolute; top:50%; visibility:hidden; }
.sweet-alert button[disabled] { cursor:default; opacity:.6; }
.sweet-alert button.confirm[disabled] { color:transparent; }
.sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity:1; transition-delay:0s; visibility:visible; }
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall, .la-ball-fall > div { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; }
.la-ball-fall { color:#fff; display:block; font-size:0; }
.la-ball-fall.la-dark { color:#333; }
.la-ball-fall > div { background-color:currentColor; border:0 solid currentColor; display:inline-block; float:none; }
.la-ball-fall { height:18px; width:54px; }
.la-ball-fall > div { -moz-animation:ball-fall 1s ease-in-out infinite; -o-animation:ball-fall 1s ease-in-out infinite; -webkit-animation:ball-fall 1s ease-in-out infinite; animation:ball-fall 1s ease-in-out infinite; border-radius:100%; height:10px; margin:4px; opacity:0; width:10px; }
.la-ball-fall > div:nth-child(1) { -moz-animation-delay:-200ms; -o-animation-delay:-200ms; -webkit-animation-delay:-200ms; animation-delay:-200ms; }
.la-ball-fall > div:nth-child(2) { -moz-animation-delay:-100ms; -o-animation-delay:-100ms; -webkit-animation-delay:-100ms; animation-delay:-100ms; }
.la-ball-fall > div:nth-child(3) { -moz-animation-delay:0ms; -o-animation-delay:0ms; -webkit-animation-delay:0ms; animation-delay:0ms; }
.la-ball-fall.la-sm { height:8px; width:26px; }
.la-ball-fall.la-sm > div { height:4px; margin:2px; width:4px; }
.la-ball-fall.la-2x { height:36px; width:108px; }
.la-ball-fall.la-2x > div { height:20px; margin:8px; width:20px; }
.la-ball-fall.la-3x { height:54px; width:162px; }
.la-ball-fall.la-3x > div { height:30px; margin:12px; width:30px; }
/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% { opacity:0; -webkit-transform:translateY(-145%); transform:translateY(-145%); }
  10% { opacity:.5; }
  20% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
  80% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
  90% { opacity:.5; }
  100% { opacity:0; -webkit-transform:translateY(145%); transform:translateY(145%); }
}
@-moz-keyframes ball-fall {
  0% { opacity:0; -moz-transform:translateY(-145%); transform:translateY(-145%); }
  10% { opacity:.5; }
  20% { opacity:1; -moz-transform:translateY(0); transform:translateY(0); }
  80% { opacity:1; -moz-transform:translateY(0); transform:translateY(0); }
  90% { opacity:.5; }
  100% { opacity:0; -moz-transform:translateY(145%); transform:translateY(145%); }
}
@-o-keyframes ball-fall {
  0% { opacity:0; -o-transform:translateY(-145%); transform:translateY(-145%); }
  10% { opacity:.5; }
  20% { opacity:1; -o-transform:translateY(0); transform:translateY(0); }
  80% { opacity:1; -o-transform:translateY(0); transform:translateY(0); }
  90% { opacity:.5; }
  100% { opacity:0; -o-transform:translateY(145%); transform:translateY(145%); }
}
@keyframes ball-fall {
  0% { opacity:0; -webkit-transform:translateY(-145%); -moz-transform:translateY(-145%); -o-transform:translateY(-145%); transform:translateY(-145%); }
  10% { opacity:.5; }
  20% { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
  80% { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
  90% { opacity:.5; }
  100% { opacity:0; -webkit-transform:translateY(145%); -moz-transform:translateY(145%); -o-transform:translateY(145%); transform:translateY(145%); }
}
.sweet-alert p { font-size:13px !important; margin-bottom:10px; text-align:left;}
.sweet-alert .sa-input-error { right:13px !important; top:23px !important; }
.sweet-alert h2 { font-size:16px !important; margin:10px 0px !important; }
.sweet-alert button { font-size:12px; height:26px; padding:2px 10px; vertical-align:bottom; }
.sweet-alert .icon-success, .sweet-alert .icon-question, .sweet-alert .icon-info, .sweet-alert .icon-warn, .sweet-alert .icon-error { font-size:50px; line-height:50px; padding:0px; }
.sweet-alert .icon-success { color:#2b982b; }
.sweet-alert .icon-question { color:#1f91f3; }
.sweet-alert .icon-info { color:#03a9f4; }
.sweet-alert .icon-warn { color:#ff9600; }
.sweet-alert .icon-error { color:#fb483a; }
/* sweetalert.css */