.alert-modal1-background{ position:fixed; width:100vw; height:100vh; background-color: rgba(255,255,255,.85); }
.alert-modal1-left{ box-sizing: border-box; left:248px; width:calc(100vw - 248px); }
.alert-modal1{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; padding:55px 0 44px 0; width:464px; background-color: #FFF; mix-blend-mode: normal; box-shadow: 0px 4px 16px rgba(35, 37, 62, 0.25); }
.alert-modal1-title{ box-sizing: border-box; padding:0 20px; width:100%; margin-bottom:28px; display:flex; justify-content: center; align-items: center; font-size:18px; }
.alert-modal1-ok{ width:125px; height:60px; background-color: #0300A0; font-size:16px; display:flex; justify-content: center; align-items: center; color:#FFF; cursor: pointer; }
.modal-background-close{ display:none; }
.modal-background-open{ display:block; }
.modal-close{ opacity: 0; }
.modal-open{ opacity: 1; animation: fadein 300ms; -moz-animation: fadein 300ms; -webkit-animation: fadein 300ms; -o-animation: fadein 300ms; }

.alert-modal2-background{ position:fixed; width:calc(100vw - 248px); height:100vh; background-color: rgba(255,255,255,.85); box-sizing: border-box; left:248px; }
.alert-modal2{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; padding:55px 0 44px 0; width:464px; background-color: #FFF; mix-blend-mode: normal; box-shadow: 0px 4px 16px rgba(35, 37, 62, 0.25); }
.alert-modal2-title{ box-sizing: border-box; padding:0 20px; width:100%; margin-bottom:28px; display:flex; justify-content: center; align-items: center; font-size:18px; }
.alert-modal2-btn-box{ width:100%; height:61px; display:flex; justify-content: center; align-items: center; }
.alert-modal2-ok{ width:125px; height:60px; background-color: #0300A0; font-size:16px; display:flex; justify-content: center; align-items: center; color:#FFF; cursor: pointer; margin-right:5px; }
.alert-modal2-no{ width:125px; box-sizing: border-box; height:60px; border:1px #0300A0 solid; font-size:16px; display:flex; justify-content: center; align-items: center; color:#6C6C6C; cursor: pointer; }



.alert-modal-mypage-background, .alert-modal-mypage1-background, .alert-modal-popup-background{ position:fixed; width:100vw; height:100vh; background-color: rgba(255,255,255,.85); z-index:999; }
.alert-modal-mypage-left{ box-sizing: border-box; width:100%; padding-left:248px; }
.alert-modal-mypage, .alert-modal-mypage1, .alert-modal-mypage2{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; padding:30px 0 15px 0; width:400px; background-color: #FFF; mix-blend-mode: normal; box-shadow: 0px 4px 16px rgba(35, 37, 62, 0.25); border-radius: 10px; }
.alert-modal-mypage-text{ width:calc(100% - 40px); color:#425098; margin:10px 20px; min-height:40px; display:flex; justify-content: flex-start; align-items: center; background-color: #F3F3F3; padding:11px 16px; font-size:14px; font-family: "NotoSansKR Regular", sans-serif; font-weight: normal; }
.alert-modal-mypage-title1{ box-sizing: border-box; padding:0 20px; width:100%; display:flex; justify-content: flex-start; align-items: center; font-size:20px; font-family: "NotoSansKR Regular", sans-serif; margin-bottom:10px; }
.alert-modal-mypage-title2{ box-sizing: border-box; padding:0 20px; width:100%; display:flex; justify-content: center; align-items: center; font-size:20px; font-family: "NotoSansKR Regular", sans-serif; }
.alert-modal-mypage-title3{ box-sizing: border-box; padding:0 20px; width:100%; display:flex; justify-content: center; align-items: center; font-size:20px; font-family: "NotoSansKR Regular", sans-serif; }
.alert-modal-mypage-img{ width:100%; }
.alert-modal-mypage-ok{ width:18px; height:18px; position:absolute; top:34px; right:25px; cursor:pointer; }


@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}