.modal{position:fixed; /* width:auto !important; height:auto !important; */ background-color:#fff; border:1px solid rgba(0, 0, 0, 0.2); border-radius:calc(0.3rem - 1px); z-index:99999;}
.modal.rightfix{left:auto !important; right:1% !important;}
.modal.mobile_modal{width:100%; }
.modal .modal-header{display:flex; align-items:center; justify-content:space-between; width:100%; height:3.125rem; background-color:#666; padding:0 1.25rem; gap:20px}
.modal .modal-header .modal-title{font-size:1.25rem; font-weight:500; color:#fff;}
.modal .modal-header .close{position:relative; width:1.625rem; height:3.125rem; top:0;  display:block; text-indent:-9999px; overflow:hidden;}
.modal .modal-header .close::before,
.modal .modal-header .close::after{content:''; position:absolute; top:50%; width:1.625rem; height:0.188rem; background-color:#fff;}
.modal .modal-header .close::before{left:1px; transform:translateY(-50%) rotate(45deg); }
.modal .modal-header .close::after{left:0; transform:translateY(-50%) rotate(-45deg);}

.modal .modal-body{padding:1.25rem;}
.modal .modal-body a{}

.modal .modal-footer{padding:0.625rem 1.25rem;}
.modal .modal-footer input[type="checkbox"]{}
.modal .modal-footer input[type="checkbox"] + label{}

.modal{display: none;}
.modal.show{display: block;}

@media screen and (max-width:1024px){
	.modal{left: 1.5rem !important}
}
@media screen and (max-width:768px){
	.modal{width:95% !important; top:3.75rem !important; left: 2.5% !important}
	.modal.rightfix{left:50% !important; transform:translateX(-50%) !important;}
}