/* 모달 */
.modal{ position: fixed; z-index: 100; left: 0; top: 0; bottom: 0; max-width: 100%; width: 100%; height: 100%; }
.modal-bg{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0c0c0c;
    opacity: .8;
    z-index: 100;
    transition: all .2s;
    }

.modal-wrap{position: relative; width: auto; margin: 0 auto; top: 50%; transform: translateY(-50%);  background-color: #fff; border-radius: 5px;/* border-radius: 10px; */ z-index: 120;box-shadow: 2px 4px 11px rgba(0,0,0,0.2);}
.modal-con{padding: 40px 30px 40px; }
.modal-close{position: absolute; right: 16px; top: 16px; font-size: 1.35em; cursor: pointer; display: none; z-index: 102;}
.modal-body p.md-title{font-size: 1.1em;}
.modal-body .md-con{padding-top: 10px;}
.modal-body .md-con p{font-size: 16px; font-weight: 300;}
.modal-body .md-btn{text-align: right; padding-top: 50px;}
.modal-body .md-btn button{display: inline-block; cursor: pointer; margin:0 5px;  padding: 0 20px; height: 34px; border-radius: 3px; line-height: 34px; }


/* 기본알람창 크기 */
.modal-wrap.modal-xs{max-width: 520px;}
.modal-wrap.modal-sm{max-width: 760px;}
.modal-wrap.modal-md{max-width: 1024px;}
.modal-wrap.modal-lg{max-width: 1200px;}