
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}

/*오른쪽영역*/
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}

/* 왼쪽_메뉴 영역 */
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
.project_wrap .content_section .hospital_wrap .left_box a.back {font-size:14px; font-weight:700; color:#3985EA;}
.project_wrap .content_section .hospital_wrap .left_box a.back img {margin:-3px 5px 0 0;}

/* 센터쪽 */
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; display:table; }
.project_wrap .content_section .hospital_wrap .center_box .employee_top { height:50px; position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .employee_top button.back { width:23px; height:23px; padding:0; float:left; background:none; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.project_wrap .content_section .hospital_wrap .center_box .employee_top button.back img { width:100%; height:100%; vertical-align:top; }
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha { min-width:100px; font-size:20px; line-height:50px; font-weight:700; padding-left:10px;}
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span { padding:0 10px; position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span::after { content:''; display:block; width:2px; height:60%; position:absolute; top:20%; left:0; background:#ccc; }
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span.first { padding-left:0; }
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span.first::after { display:none; }
.project_wrap .content_section .hospital_wrap .center_box .filter_box { display:table; width:100%; padding:20px 0; clear:both; }
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:16px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first {width:100px; margin-left:0;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.active {z-index:10;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
/* 캘린더input */
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_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;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .hyuga_cencell_btn {background:red; color:#fff; border-radius:5px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .hyuga_cencell_btn:hover { background:#d81515 !important; }
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:8px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn p {color:#fff;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn img { position:absolute; top:50%; left:15px; transform:translateY(-50%); }
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 126px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
.project_wrap .content_section .hospital_wrap .center_box .table_box p { font-size:25px; font-weight:700; }

@media only screen and (max-width:1500px) {
    .project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
    .project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
    .project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box.first { width:90px; }
    .project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box { width:130px; }
}

@media only screen and (max-width:1280px) {
    .project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
    .project_wrap .content_section .hospital_wrap .center_box .employee_top { height:40px; }
    .project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha { font-size:16px; line-height:40px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn { margin-left:5px; padding-left:10px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn p { display:none; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first { width:80px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box { width:120px; height:32px; background-size:18px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .search_box { height:28px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 102px); }
}

@media only screen and (max-width:1080px) {
    .project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
    
}