/* 직원 등록 */
.employee_registration_modal.fade .modal-dialog {width:600px; display:table; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
.employee_registration_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.employee_registration_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.employee_registration_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.employee_registration_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .title {height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box {display:table;width:100%; margin-top:20px;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box.first {margin:0;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box {float:left; width:100%;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:200px; height:36px; border:solid 1px #E9ECF0; border-radius:5px; padding:0 15px; float:left; }
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .duplicate_id {margin-left: 10px;width: 86px;height: 36px;border-radius: 5px;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .duplicate_id:hover { background: #dcdcdc !important; }
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box span {float: left; margin-left:5px; line-height: 36px;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list {background:#fff; border-radius:8px; width:200px; float:left; position:relative;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list.last {margin-left:10px;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/18px auto;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box.active {z-index:10;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 15px;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list {min-width:100%; max-height:150px; overflow-y:auto; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; /*z-index:1;*/ border:solid 1px #E9ECF0; /*display:none; margin:0;*/ padding:10px;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list .option_list_item.first {margin:0;}
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box:nth-child(2) .input_box .select_list { margin-left:5px; }
.employee_registration_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.employee_registration_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.employee_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.employee_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}

/* 직원 정보 */
.employee_info_modal.fade .modal-dialog {width:600px; display:table; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
.employee_info_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.employee_info_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0;}
.employee_info_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.employee_info_modal .modal-dialog .modal-content .modal-body {padding:0;}
.employee_info_modal .modal-dialog .modal-content .modal-body .title {font-size:14px; font-weight:700; background:#EDF5FF; padding:10px; border-radius:5px; margin-top:30px; margin-bottom:20px;}
.employee_info_modal .modal-dialog .modal-content .modal-body .title.first {margin-top:0;}
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0; padding-left:10px;}
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div {width:calc(100% - 100px); line-height:36px; border-radius:5px; color:#21272C; padding:0 10px; float:left;}
.employee_info_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.employee_info_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.employee_info_modal .modal-dialog .modal-content .modal-footer .disabled_btn {color:#fff; width:100px; height:36px; background:#FF2222; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.employee_info_modal .modal-dialog .modal-content .modal-footer .correction_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}


/* joy 추가 시작 */
/* 직원등록 유형 추가 */
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label { width:80px; font-weight:400; margin:0; padding-left:25px; position:relative; }
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label::after { content:''; display:block; width:18px; height:18px; border-radius:50%; border:solid 2px #B5BDC4; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input { display:none; }
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input:checked + label::after { border:solid 2px #3985EA; }
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input:checked + label::before { content:''; display:block; width:10px; height:10px; border-radius:50%; background:#3985EA; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:1; }
/* joy 추가 종료 */


/*반응형 View*/
@media only screen and (max-width:1280px) {
    /* 직원 등록 */
    .employee_registration_modal.fade .modal-dialog { width:450px; }
    .employee_registration_modal .modal-dialog .modal-content { padding:30px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .title { height:40px; font-size:16px; line-height:40px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box { margin-top:10px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {  width:80px; font-size:12px; line-height:32px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:140px; height:32px; font-size:12px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box span { line-height:32px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list { width:140px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box { height:32px; background-size:18px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .label { font-size:12px; height:32px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list { width:100%; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
    
    /* 직원 정보 */
    .employee_info_modal.fade .modal-dialog { width:450px; }
    .employee_info_modal .modal-dialog .modal-content { padding:30px; }
    .employee_info_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .employee_info_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .employee_info_modal .modal-dialog .modal-content .modal-body .title { margin:10px 0 10px; padding:0 10px; font-size:12px; line-height:32px; }
    .employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box { margin-bottom:0; }
    .employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div { width:calc(100% - 80px); font-size:12px; line-height:32px; }
    .employee_info_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .employee_info_modal .modal-dialog .modal-content .modal-footer .disabled_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .employee_info_modal .modal-dialog .modal-content .modal-footer .correction_bth { width:80px; height:32px; font-size:12px; }
    
    
    
	/* joy 추가 시작 */
	/* 직원등록 유형 추가 */
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label::after { width:15px; height:15px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input:checked + label::before { width:7px; height:7px; left:4px; }
    .employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label { width:60px; padding-left:20px; }
    /* joy 추가 종료 */
}