@charset "UTF-8";

/* Ref) https://kr.vuejs.org/v2/examples/modal.html */
.modal-mask {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}
.modal-mask.modal_top{z-index:10001;}
.pwdConfirmModal {
  z-index: 9997;
}
/*
.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.modal-container{position:relative;width:300px;margin:0px auto;padding:30px 20px 20px;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0, 0, 0, .33);transition:all .3s ease;}
*/
.modal-container{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;gap:1.5rem;width:calc(100% - 32px);max-width:18.75rem;padding:1.875rem 1.25rem 1.25rem;border-radius:0.75rem;background:#fff;box-shadow:0 2px 8px rgba(0, 0, 0, .33);transition:all .3s ease;}
.wlonger{max-width: 21.75rem;}
.modal-body{display:flex;flex-direction:column;align-items:center;gap:0.625rem;}
.modal-body .modal-icon{width:2.5rem;height:2.5rem;}
.modal-body .modal-icon.warning{background:url(../images/icon_warning.png) no-repeat center center;background-size:contain;}
.modal-body .modal-icon.complete{background:url(../images/icon_complete.png) no-repeat center center;background-size:contain;}
.modal-body .modal-icon.area{background:url(../images/icon_area.png) no-repeat center center;background-size:contain;}
.modal-body p{color:#666;font-size:0.9375rem;text-align:center;line-height:1.375rem;}
.modal-body p span{color:#3b6fef;}
.modal-body p.title{color:#000;font-size:1.125rem;font-weight:600;line-height:1.75rem;}

.modal-button-div{display:flex;justify-content:space-between;gap:0.5rem;background:#fff;}

@media screen and (min-width:1024px){
}