.modal_div { position: absolute; width: 90%; max-width: 300px; left: calc( 50% - ( 300px / 2 ) ); top: calc( 5% ); max-height: 90vh; padding: 30px; border: 1px solid #999999; border-radius: 5px; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; z-index: 99999; }
.modal_div div, .modal_div ol, .modal_div ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.modal_div.off { display: none; }
.modal_div .modal_con { font-size: 14px; min-height: 250px; line-height: 200%; overflow-y: auto; }
.modal_div .modal_con img { max-width: 100%; }
.modal_div .modal_close { position: absolute; top: 10px; right: 10px; z-index: 99999; }
.modal_div .modal_close a { display: inline-block; width: 30px; height: 30px; font-size: 15px; font-weight: bold; line-height: 30px; color: #ffffff; text-align: center; background-color: #000000; border-radius: 15px; opacity: 0.5; }

.overray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.2; z-index: 9999; }
.overray.off { display: none; }

.new_scroll::-webkit-scrollbar { width: 10px; height: 10px; }
.new_scroll::-webkit-scrollbar-thumb { background-color: #212121; border-radius: 3px; }
.new_scroll::-webkit-scrollbar-track { background-color: #f9f9f9; border-radius: 3px; }