/* 모달 */
.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%);  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; font-weight: 600;}
.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; }

.show-modal{opacity: 1; visibility: visible; transform: scale(1);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }

/* 기본알람창 크기 */
.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;}