/* 출퇴/휴무 등록*/
.registration_wrap_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.registration_wrap_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.registration_wrap_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.registration_wrap_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
.registration_wrap_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;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 100px); height:36px; position:relative; float:left; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {width:calc((100% - 120px) / 3 ); height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box:last-child { margin-right:0; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#21272C; background:none; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box {width:calc((100% - 120px) / 3 ); float:left; position:relative; margin-left:10px; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box {position:relative; width:100%; height:36px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box.last {margin-left:0;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime {width:calc((100% - 120px) / 3 ); height:36px; float:left; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime .attendanceTimeInput { line-height: 34px;display: block;width: 100%;padding: 0 12px;padding-left: 35px;outline: none; border-radius: 5px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
.registration_wrap_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.registration_wrap_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.registration_wrap_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;}
.registration_wrap_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;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.hide_box { margin-right:0; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box{ display:none; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box {width:calc((100% - 105px) / 3 * 2 ); margin-left:0; float:left; position:relative; margin-top: 10px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .slash { color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left; }
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box {position:relative; width:calc((100% - 16px) / 2); height:36px; float:left;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box.last {margin-left:0;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box .date_picker {line-height:34px; display:block; margin-right:0; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}


/* 휴무 등록*/
.holiday_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.holiday_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.holiday_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.holiday_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.holiday_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
.holiday_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;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 100px); height:36px; position:relative; float:left; }
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box {width:calc(100% - 145px); float:left; position:relative; }
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .slash { color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left; }
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box {position:relative; width:calc(100% / 2 - 15px); height:36px; float:left;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box.last {margin-left:0;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .holiday_sum { width:45px; line-height:36px; text-align:right; display:inline-block; }
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
.holiday_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.holiday_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.holiday_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;}
.holiday_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;}






/* 연차 등록*/
.yeoncha_modal.fade .modal-dialog {width:580px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.yeoncha_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.yeoncha_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.yeoncha_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.yeoncha_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
.yeoncha_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;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first p { width:100px; line-height:36px; color:#3985EA; text-align:right; float:left; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 200px); height:36px; position:relative; float:left; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box {width:calc((100% - 110px) / 3 ); height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box:last-child { margin-right:0; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box.active {z-index:10;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#21272C; background:none; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item.first {margin:0;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box {width:calc((100% - 110px) / 3 * 2); float:left; position:relative; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { width:calc((100% - 17px) / 2); position:relative; height:36px; float:left;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box.last {margin-left:0;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1; width:22px;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 5px; padding-left:30px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { float:left; line-height:36px; padding:0 5px; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box { display:none; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 100px); margin:0 0 10px 100px; float:left; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list {width:calc(50% - 15px); background:#fff; border-radius:5px; float:left; position:relative;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:14px; font-weight:400; color:#8F8F8F; cursor:pointer; background:none; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list { max-height:200px; overflow-y:auto; min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; color:#494E53; text-align:center; line-height:30px; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .slash { float:left; line-height:36px; padding:0 10px; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box { width:100%; display:table; margin-bottom:10px; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
.yeoncha_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.yeoncha_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.yeoncha_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;}
.yeoncha_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;}




/* 휴가 발행 - 휴가발행 */
.hyuga_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.hyuga_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.hyuga_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav { border:0; }
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a { padding:0 10px; }
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a p {font-size:18px;}
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li.active a { border:0; }
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li.active a p { color:#3985EA; text-decoration:underline; font-weight:700;}
.hyuga_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.hyuga_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box {width:100%; display:table; float:left;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box { width:200px; height:36px; position:relative; float:left; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box {width:200px; height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box.active {z-index:10;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#21272C; background:none; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box { width:200px; display:table; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box p { width:50px; line-height:36px; text-align:right; float:left; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box input { width:calc(100% - 50px); float:left; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box {width:200px; position:relative; float:left; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box {position:relative; width:100%; height:36px; }
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box {width:calc(100% - 100px); display:table; margin-bottom:10px;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box textarea::placeholder {color:#B5BDC4;}
.hyuga_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.hyuga_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.hyuga_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;}
.hyuga_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;}

/* 휴가 발행 - 휴가일괄등록 */
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box {width:100%; display:table; float:left;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label.file_btn {width:36px; height:36px; margin-right:10px; display:flex; align-items:center;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label img {margin-left:10px;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box input {width:200px; height:36px; float:left; border:1px solid #E9ECF0; border-radius:5px; text-indent:10px;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box input[type="file"] {display:none;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button {position:relative; padding:0 10px; font-size:14px; font-weight:700; color:#3985EA; background:none;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button::after {content:''; display:block; position:absolute; width:1px; height:60%; top:20%; left:0; background:#E9ECF0;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button:hover { background: none !important; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .reservation_total { float:left; line-height:36px; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box.last { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E9ECF0 }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box { width:100%; display:table; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box label { font-size:18px; line-height:36px; margin-bottom:10px; float:left;}
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table { width:100%; clear:both; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th { width:fit-content; position:sticky; top:0; padding:0 10px; line-height:36px; background:#EDF5FF; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; width:40%; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table tbody tr td { padding:0 10px; line-height:36px; }
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box .table_scroll { width:100%; height:139px; overflow-y:auto; }


/* 휴무취소*/
.cencell_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.cencell_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative; }
.cencell_modal .modal-dialog .modal-content .modal-header { width:100%; padding:0; padding-bottom:30px; border:none; display:table; border-radius:0; border-bottom:1px solid #E9ECF0;}
.cencell_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
.cencell_modal .modal-dialog .modal-content .modal-header button.cencell_btn { float:right; border-radius:5px; color:#fff; background:red; }
.cencell_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li { width:100%; display:table; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li.different { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #E9ECF0; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:100px; font-size:14px; line-height:36px; float:left; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:14px; line-height:36px; float:left; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box { width:100%; display:table; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box label { width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box {border-radius:8px; float:left; position:relative;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box {position:relative; width:165px; height:36px; float:left; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box.last {margin-left:0;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box p.total { margin-left:10px; line-height:36px; float:left; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box {width:calc(100% - 100px); display:table; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea::placeholder {color:#B5BDC4;}
.cencell_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.cencell_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.cencell_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;}
.cencell_modal .modal-dialog .modal-content .modal-footer .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}

.cencell_modal .modal-dialog .modal-content.oh::before { content:''; display:block; width:100%; height:100%; border-radius:5px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:1; }
/*.cencell_modal .modal-dialog .modal-content .cencell_reason { width:80%; display:none; padding:30px; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); background:#fff; z-index:5; }*/
.cencell_modal .modal-dialog .modal-content .cencell_reason label { margin-bottom:20px; }
.cencell_modal .modal-dialog .modal-content .cencell_reason .textarea_box { margin-bottom:50px; }
.cencell_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none;}
.cencell_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea::placeholder {color:#B5BDC4;}
.cencell_modal .modal-dialog .modal-content .cencell_reason .btn_box {margin:0 auto; display:table;}
.cencell_modal .modal-dialog .modal-content .cencell_reason .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.cencell_modal .modal-dialog .modal-content .cencell_reason .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
/*.cencell_modal .modal-dialog .modal-content .cencell_reason.open { display:block; }*/






/* 휴무취소-상세*/
.cencell_info_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.cencell_info_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.cencell_info_modal .modal-dialog .modal-content .modal-header { width:100%; padding:0; padding-bottom:30px; border:none; display:table; border-radius:0; border-bottom:1px solid #E9ECF0;}
.cencell_info_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li { width:100%; display:table; }
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:100px; font-size:14px; line-height:36px; float:left; }
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:14px; line-height:36px; float:left; }
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box {width:calc(100% - 100px); display:table; }
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none;}
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea::placeholder {color:#B5BDC4;}
.cencell_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%;}
.cencell_info_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.cencell_info_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;}
.cencell_info_modal .modal-dialog .modal-content .modal-footer .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}




/* joy 추가 시작 */
/* 휴가발행 팝업 - 사용기한 항목 */
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box {width:calc(100% - 100px);float: left;position: relative;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .slash {float: left;line-height: 36px;padding: 0 5px;}
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box {float: left;width:calc(100% / 2 - 30px);}

/* 출퇴근수정 팝업 - 출퇴근기록 항목 */
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 12px; width:6px; display:block; float:left;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box { width:calc(100% - 100px); float:left; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list {width:calc(50% - 15px); background:#fff; border-radius:5px; float:left; position:relative;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:14px; font-weight:400; color:#494E53; cursor:pointer; background:none; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .select_option_list { max-height:200px; overflow-y:auto; min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; color:#494E53; text-align:center; line-height:30px; }

.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .updateAttendanceTime {width:auto; height:36px; margin-right:10px; float:left;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .updateAttendanceTime input { line-height: 34px;display: block;width: 100%;padding: 0 12px;text-align:center;outline: none;border: 1px solid #E9ECF0;border-radius: 5px;}
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .updateAttendanceTime img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
/* joy 추가 종료 */



@media only screen and (max-width:1280px) {
    /* 출퇴/휴무 등록*/
    .registration_wrap_modal.fade .modal-dialog { width:490px; }
    .registration_wrap_modal .modal-dialog .modal-content { padding:30px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 80px); height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc((100% - 100px) / 3); height:32px; background-size:18px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box { width:calc((100% - 100px) / 3); }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box { height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img { width:20px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box input { height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime .attendanceTimeInput { line-height: 32px; font-size:12px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime { height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box { width:calc((100% - 85px) / 3* 2); }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box img { width:20px; margin-top:-2px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker { height:32px; font-size:12px; line-height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea  { width:calc(100% - 80px); font-size:12px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .registration_wrap_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }

    /* 연차 사용*/
    .yeoncha_modal.fade .modal-dialog { width:490px; }
    .yeoncha_modal .modal-dialog .modal-content { padding:30px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first p { width:80px; font-size:12px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 160px); height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 80px); margin-left:80px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list { width:calc(50% - 10px); }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box { height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .slash { padding:0 5px; line-height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .label { font-size:12px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box { width:calc((100% - 90px) / 3); height:32px; background-size:18px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { font-size:12px; height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item { font-size:12px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box { width:calc((100% - 90px) / 3 * 2); }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box img { width:20px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker { height:32px; font-size:12px; line-height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { line-height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea  { width:calc(100% - 80px); font-size:12px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .yeoncha_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }

    /* 휴무등록 */
    .holiday_modal.fade .modal-dialog { width:490px; }
    .holiday_modal .modal-dialog .modal-content { padding:30px; }
    .holiday_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .holiday_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first p { width:80px; font-size:12px; line-height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 80px); height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .slash { line-height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box { width:calc(100% - 120px); }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box { width:calc(100% / 2 - 8px); height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img { width:20px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker { height:32px; margin-right:0; font-size:12px; line-height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .holiday_sum { width:40px; font-size:12px; line-height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea  { width:calc(100% - 80px); font-size:12px; }
    .holiday_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .holiday_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .holiday_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }

    /* 휴무취소 */
    .cencell_modal.fade .modal-dialog { width:490px; }
    .cencell_modal .modal-dialog .modal-content { padding:30px; }
    .cencell_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .cencell_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:80px; margin-bottom:0; font-size:12px; line-height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:12px; line-height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box label { width:80px; font-size:12px; line-height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .slash { line-height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box { width:calc(100% - 110px); }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box { width:calc(100% / 2 - 8px); height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box img { width:20px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box .date_picker { height:32px; margin-right:0; font-size:12px; line-height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box p.total { width:20px; line-height:32px; text-align:right; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box { width:calc(100% - 80px); }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea { font-size:12px; }
    .cencell_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .cencell_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .cencell_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }
    .cencell_modal .modal-dialog .modal-content .cencell_reason .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .cencell_modal .modal-dialog .modal-content .cencell_reason .seve_bth { width:80px; height:32px; font-size:12px; }


    /* 휴무취소-상세 */
    .cencell_info_modal.fade .modal-dialog { width:490px; }
    .cencell_info_modal .modal-dialog .modal-content { padding:30px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-body { padding:20px 0 0 0; }
    .cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:80px; margin-bottom:0; font-size:12px; line-height:32px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:12px; line-height:32px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box label { width:80px; font-size:12px; line-height:32px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box { width:calc(100% - 80px); }
    .cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea { font-size:12px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .cencell_info_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }

    /* 휴가 발행 - 휴가일괄등록 */
    .hyuga_modal.fade .modal-dialog { width:490px; }
    .hyuga_modal .modal-dialog .modal-content { padding:30px; }
    .hyuga_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a { padding:0 5px; }
    .hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a p { font-size:16px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box { width:175px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box p { width:35px; font-size:12px; line-height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box input { width:140px; height:32px; font-size:12px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box { width:140px; height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box img { width:20px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box { width:140px; height:32px; background-size:18px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .label { font-size:12px; height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box { height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box img { width:20px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box .date_picker { height:32px; font-size:12px; line-height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box { width:calc(100% - 80px); }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box textarea {  font-size:12px; }
    .hyuga_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .hyuga_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .hyuga_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
    /* 휴가 발행 - 휴가발행 */
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box input { height:32px; font-size:12px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label.file_btn { width:32px; height:32px; margin-right:0; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label img { width:20px; margin:0 0 0 5px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button { font-size:12px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .reservation_total { font-size:12px; line-height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box.last { padding-bottom:0; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box .table_scroll { height:162px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box label { margin-bottom:5px; font-size:16px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th { font-size:12px; line-height:32px; }
    .hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table tbody tr td { font-size:12px; line-height:32px; }
    
    
    
    
    
    
    
    /* joy 추가 시작 */
    /* 출퇴근수정 팝업 - 출퇴근기록 항목 */
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box { width:calc(100% - 80px); }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .slash { margin:0 5px; line-height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list { width:calc(50% - 8px); }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box { height:32px; background-size:18px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .label { font-size:12px; height:32px; }
    .cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
    /* joy 추가 종료 */
}