.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.modal_content {background-color: #fefefe;margin: 10% auto;padding: 20px;border: 1px solid #888;border-radius: 8px;width: 80%;max-width: 700px;position: relative;}
.modal_content h2{color:#000;margin-bottom:10px;}
.modal_content h3{color:#000;margin-top:10px;}
.modal_content h4{color:#000;margin-bottom:20px;}
.close {color: #212121;float: right;font-size: 28px;font-weight: bold;cursor: pointer;position: absolute;right: 20px;top: 18px;}
.close:hover, .close:focus {color: black;}

.class_container{display:flex;margin-top:30px;width:100%;}
.class_container dl{width:50%;}
.class_container dl dt{padding:15px 0;text-align:center;background:#f8f9f9;border:1px solid #ddd}
.class_container dl dd{height:300px;overflow-x: hidden;overflow-y: scroll;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.class_container dl dd li a{display:inline-block;padding:12px;width:100%;border-left:1px solid #ddd;border-bottom:1px solid #ddd}


#modal_job .modal_content{max-width:1200px;margin:5% auto}
.class_container dl dd li{position: relative}
.class_container dl dd li .select_on{border:1px solid #ddd;width:auto;position: absolute;right:10px;font-size:14px;padding:5px 9px;color:#b5b5b5;top:7px}
.selected_tagbox{border:1px solid #ddd;margin-top:20px;width:100%;padding:20px 0;}
.ul_area_code_list{min-height:50px;padding:0 15px}
.ul_area_code_list li{float:left;border:1px solid #ddd;margin:5px;padding:10px}
.ul_area_code_list li .selected_tag .btn_area_cd_del{margin-left:12px;float:right}