/* 휴가등록정보 */
.hyuga_info_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;}
.hyuga_info_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative; }
.hyuga_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;}
.hyuga_info_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
.hyuga_info_modal .modal-dialog .modal-content .modal-header button.cencell_btn { float:right; border-radius:5px; color:#fff; background:red; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li { width:100%; display:table; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:100px; font-size:14px; line-height:36px; float:left; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:14px; line-height:36px; float:left; }
.hyuga_info_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;}
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box:last-child { margin-right:0; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box.active {z-index:10;}
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list {width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.hyuga_info_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;}
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item.first {margin:0;}
.hyuga_info_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; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { width:calc((100% - 25px) / 2); position:relative; height:36px; float:left;}
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box.last {margin-left:0;}
.hyuga_info_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;}
.hyuga_info_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 12px; padding-left:30px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.hyuga_info_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;}
.hyuga_info_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;}
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { float:left; line-height:36px; padding:0 5px; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box { width:calc(100% - 100px); display:table; margin-bottom:10px; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:100%; height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px;}
.hyuga_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%;}
.hyuga_info_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.hyuga_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;}
.hyuga_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;}
.hyuga_info_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; }
.hyuga_info_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; }
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .reason_head { border-bottom:1px solid #E9ECF0; margin-bottom:20px; }
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason label { font-size:18px; margin-bottom:20px; }
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span { display:inline-block; }
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span.reason_label { width:100px; margin-bottom:20px; }
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box { width:100%; margin-bottom:50px; display:table; }
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box label { width:100px; font-size:14px; font-weight:400; float:left; }
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; float:left;}
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea::placeholder {color:#B5BDC4;}
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .btn_box {margin:0 auto; display:table;}
.hyuga_info_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;}
.hyuga_info_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;}
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason.open { display:block; }

.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box.show_box { display:none; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li.toggle_box { display:none; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 100px); float:left; margin:0 0 5px 100px; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list {width:calc(50% - 10px); background:#fff; border-radius:5px; float:left; position:relative;}
.hyuga_info_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;}
.hyuga_info_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:12px; font-weight:400; color:#8F8F8F; cursor:pointer; background:none; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list { min-width:100%; max-height:200px; overflow-y:auto; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px;}
.hyuga_info_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; font-size:12px; color:#494E53; text-align:center; line-height:30px; }
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .slash { float:left; line-height:36px; padding:0 5px; }




/* 휴가취소 */
.hyuga_cencell_modal.fade .modal-dialog {width:1040px; 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_cencell_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative; }
.hyuga_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;}
.hyuga_cencell_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-header button.cencell_btn { float:right; border-radius:5px; color:#fff; background:red; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box { height:300px; overflow-y:auto; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table { width:100%; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { width:20%; position:sticky; top:0; line-height:36px; padding:0 10px; background:#EDF5FF; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th.slim { width:10%; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:5px 10px; }
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input {width:200px; height:36px; float:left; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; text-indent:10px;}
.hyuga_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%;}
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.hyuga_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;}
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .cancellation {color:#fff; width:100px; height:36px; background:red; border-radius:16px; font-size:14px; margin-left:10px;}


@media only screen and (max-width:1280px) {
    /* 휴가취소*/
    .hyuga_cencell_modal.fade .modal-dialog { width:800px; }
    .hyuga_cencell_modal .modal-dialog .modal-content { padding:30px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box { height:250px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { width:auto; font-size:12px; line-height:32px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { font-size:12px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input { width:100%; height:32px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .cancellation { width:80px; height:32px; font-size:12px; }

    /* 휴가등록*/
    .hyuga_info_modal.fade .modal-dialog { width:490px; }
    .hyuga_info_modal .modal-dialog .modal-content { padding:30px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:80px; font-size:12px; line-height:32px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:12px; line-height:32px; }
    .hyuga_info_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; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { font-size:12px; height:32px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item { font-size:12px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 80px); height:32px; margin-left:80px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box { height:32px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box { width:calc((100% - 90px) / 3 * 2); }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { width:calc((100% - 17px) / 2); height:32px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box img { width:20px; }
    .hyuga_info_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; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { line-height:32px; }
    .hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span.reason_label { width:80px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .textarea_box { width:calc(100% - 80px); }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .textarea_box textarea {  font-size:12px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .hyuga_info_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }

    .hyuga_info_modal .modal-dialog .modal-content .cencell_reason label { font-size:16px; }
    .hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span { font-size:12px; }
    .hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box label { width:80px; font-size:12px; }
    .hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
    .hyuga_info_modal .modal-dialog .modal-content .cencell_reason .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .hyuga_info_modal .modal-dialog .modal-content .cencell_reason .seve_bth { width:80px; height:32px; font-size:12px; }
}