@charset "utf-8";

.common_popup {display: block; background-color: #fff; position: fixed;	top: 180px; width: 330px; height: 460px; z-index: 99; border: 1px solid #666;}

.common_popup .contents {width: 100%; height: 420px; overflow: hidden;}
/*.common_popup .contents p {width: 100%; height: 100%;}*/
.common_popup .contents p {width: 100%;}
.common_popup .contents p img {width: 100% !important; height: 100%; object-fit: contain;}

.common_popup .footer {width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0px; bottom: 0px; background-color: #000; display: flex; justify-content: space-between; align-items: center;}
.common_popup .footer label {color: #fff; margin-left: 15px;}
.common_popup .footer label span {font-size: 15px; font-weight: 300;}
.common_popup .footer label::before {content:''; width: 18px; height: 18px; background-color:transparent; border:1px solid #fff; border-radius: 100px; vertical-align: sub;}

.common_popup .footer .btn_close {display: block; width: 68px; height: 100%; background-color: #333; color: #fff; font-size: 16px; font-weight: 300;text-align: center;}