.popup {position: absolute; top:180px; right:150px; z-index:10; width:500px; max-width:95%;}
.popup .close_area {background:#fff; display:flex; justify-content:space-between; padding:5px 10px;}
.popup .close_area span {font-size:14px; cursor: pointer;}
.popup .close_area span label {cursor: pointer;}
.popup .close_area input[type="checkbox"] {display:none;}
.popup .close_area input[type="checkbox"] + label {display:inline-block; width:14px; height:14px; border:1px solid #000; margin:2px 7px 0 0;}
.popup .close_area input[type="checkbox"]:checked + label {background:#000;}

@media (max-width:767px) {
    .popup {right:50%; transform: translateX(50%); top: 10%; border: 1px solid #555;}
}