/* 
danger = 실패
success = 성공
warning = 경고

info = ㅇㅇ 하겠습니까?
*/
.modal-dialog { padding-right:0 !important; }

/* success */
.success.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}

.success.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.success.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.success .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}

.success .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
.success .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}


.success .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
.success .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin:0 auto; display:block;}




/* warning */
.warning.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}

.warning.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.warning.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.warning .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}

.warning .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
.warning .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}


.warning .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
.warning .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin:0 auto; display:block;}

	

	
/* danger */
.danger.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}

.danger.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.danger.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.danger .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}

.danger .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
.danger .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}


.danger .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
.danger .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin:0 auto; display:block;}




/* info */
.info.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}

.info.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.info.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.info .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}

.info .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
.info .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}


.info .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
.info .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.info .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}

.info .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}