/* body class .popup_open */
.popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; display: none }
body.popup_open .popup { display: block }
.popup .popup-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; background-color: #ffffff; z-index: 2; max-width: 90% }
.popup .popup-title { margin: 10px; padding: 5px 0; border-bottom: 1px solid #c0c0c0; font-size: 1em }
.popup .popup-content { min-width: 300px }
.popup .popup-wrap .popup-content .text-box { padding: 10px }
.popup .popup-wrap .popup-content .input-box { padding: 10px }
.popup .popup-wrap .popup-content .input-box input { width: 100%; padding: 5px 0; border: 1px solid #c8c8c8 }
.popup .popup-wrap .popup-content .input-box select { width: 100%; padding: 5px 0; border: 1px solid #c8c8c8 }
.popup .popup-wrap .popup-content .popup-btn { background: #ededed }
.popup .popup-wrap .popup-content .popup-btn ul { list-style: none; display: flex; justify-content: center }
.popup .popup-wrap .popup-content .popup-btn ul li { width: 50%; padding: 10px 0 }
.popup .popup-wrap .popup-content .popup-btn ul li a { text-decoration: none; margin: 0 10px; display: block; padding: 10px 0; text-align: center; border-radius: 2px; background-color: #777777; color: #ffffff }
.popup .popup-wrap .popup-content .popup-btn ul li a:hover { opacity: 0.8 }
.popup .popup-wrap .popup-content .popup-btn ul li a.confirm { background-color: #0a5ede }


/* ***********  *********** */
body.popup_open .dimmed { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); overflow: hidden; z-index: 1 }
body.popup_open { overflow: hidden }