.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%; } .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 .center_box { width: calc(100% - 240px); height: calc(100vh - 50px); position: absolute; left: 240px; padding: 10px 10px 10px 0; } .project_wrap .content_section .hospital_wrap .center_box .page_title { min-width: 100px; height: 50px; font-size: 18px; line-height: 50px; text-align: left; font-weight: 700; padding-left: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box { width: 100%; height: calc(100% - 70px); overflow: auto; background: #fff; border: solid 1px #E9ECF0; border-radius: 5px; padding: 50px; margin-top: 20px; } .project_wrap .content_section .hospital_wrap .center_box .info_box { width: 100%; height: calc(100% - 70px); overflow: auto; background: #fff; border: solid 1px #E9ECF0; border-radius: 5px; padding: 50px; margin-top: 20px; display: flex; gap: 50px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .info_left { width: 50%; min-width: 500px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .info_right { width: 50%; min-width: 500px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .info { width: 100%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box { display: table; width: 100%; margin-top: 20px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box.first { margin-top: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .title { height: 50px; font-size: 18px; line-height: 50px; text-align: left; font-weight: 700; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box { width: 100%; background: #fff; display: table; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_title { width: 100px; font-size: 14px; line-height: 36px; float: left; font-weight: 700; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list { width: 700px; float: left; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li { margin-top: 10px; display: table; width: 100%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.list_title_li { background: #EDF5FF; border-radius: 5px; display: table; width: 100%; padding: 8px; margin: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title { font-size: 14px; font-weight: 700; float: left; padding: 0 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(1) { width: 13%; border-radius: 5px 0 0 5px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(2) { width: 37%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(3) { width: 37%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(4) { width: 13%; border-radius: 0 5px 5px 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.on .day_box .day { background: #3985EA; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .day_box { width: 13%; padding: 0 10px; float: left; border-right: solid 1px #E9ECF0; box-sizing: border-box; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .day_box .day { width: 70px; line-height: 36px; border-radius: 16px; font-size: 14px; font-weight: 700; color: #fff; background: #B5BDC4; text-align: center; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box { width: 37%; padding: 0 10px; float: left; border-right: solid 1px #E9ECF0; box-sizing: border-box; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list { background: #fff; border-radius: 5px; width: calc(50% - 15px); float: left; position: relative; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box { width: 100%; height: 36px; border: 1px solid #E9ECF0; border-radius: 5px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box.active { z-index: 10; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .label { border: 1px solid #B5BDC4; background: #E9ECF0; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate3D(-50%, -50%, 0); width: 100%; height: 100%; outline: none; color: #8F8F8F; font-size: 14px; font-weight: 400; padding: 0 15px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.on .select_time_list_box .select_list .select_box .label { border: none; background: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list { min-width: 100%; height: 250px; overflow-y: auto; border-radius: 5px; border: Solid 1px #E9ECF0; padding: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .option_list_item { transition: .1s; position: relative; line-height: 30px; font-size: 14px; color: #494E53; text-align: center; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .option_list_item.first { margin: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .slash { color: #000; font-size: 14px; font-weight: 400; line-height: 36px; margin: 0 12px; width: 6px; display: block; float: left; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box { width: 13%; height: 36px; padding: 0 10px; float: left; box-sizing: border-box; position: relative; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper { position: absolute; height: 24px; top: 50%; left: 50%; transform: translate3d(-75%, -50%, 0); } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_input { position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_label { position: relative; cursor: pointer; display: inline-block; width: 50px; height: 24px; background: #D8DDE3; border: 1px solid #B5BDC4; border-radius: 20px; transition: 0.2s; margin: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_label .switch_btn { position: absolute; top: 0; left: 0; display: inline-block; width: 22px; height: 22px; border-radius: 20px; background: #B5BDC4; transition: 0.2s; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_input:checked+.switch_label { background: #EDF5FF; border: 1px solid #3985EA; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_input:checked+.switch_label .switch_btn { top: 0px; left: 26px; background: #3985EA; box-shadow: 1px 2px 3px #00000020; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box { display: table; width: 100%; margin-top: 40px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .holiday_title { width: 100px; font-size: 14px; line-height: 36px; float: left; font-weight: 700; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box { width: calc(100% - 100px); height: 36px; float: left; position: relative; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box .check_box { width: 18px; height: 18px; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .select_check_hide { display: none; } .select_check_show { width: 18px; height: 18px; background: url(/image/web/check_off.svg) no-repeat; background-size: contain; } .select_check_hide:checked+.select_check_show { background: url("/image/web/check_on.svg") no-repeat; background-size: contain; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box span { line-height: 34px; font-size: 14px; color: #494E53; margin-left: 25px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box { width: 100%; background: #fff; display: table; margin-top: 40px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_title { width: 100px; font-size: 14px; line-height: 36px; float: left; font-weight: 700; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list { width: 700px; float: left; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li { margin-top: 10px; display: table; width: 100%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li.list_title_li { background: #EDF5FF; border-radius: 5px; display: table; width: 100%; padding: 8px; margin: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title { font-size: 14px; font-weight: 700; float: left; padding: 0 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(1) { width: 38%; border-radius: 5px 0 0 5px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(2) { width: 25%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(3) { width: 20%; border-radius: 0 5px 5px 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box { width: 41%; float: left; position: relative; padding: 0 10px; border-right: solid 1px #E9ECF0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box input { width: 100%; height: 36px; border: 1px solid #E9ECF0; border-radius: 5px; background: none; padding: 0 10px; font-size: 14px; background: #fff; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box input::placeholder { color: #B5BDC4; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box { width: 25%; float: left; position: relative; padding: 0 10px; border-right: solid 1px #E9ECF0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box { position: relative; width: 100%; height: 36px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box.last { margin-left: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .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 .info_box .form_box .hospital_box .hospital_list li .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 .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator { display: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .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 .info_box .form_box .hospital_box .hospital_list li .select_list { background: #fff; border-right: solid 1px #E9ECF0; width: 20%; float: left; position: relative; padding: 0 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .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%/20px auto; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box.active { z-index: 10; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .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: #8F8F8F; font-size: 14px; font-weight: 400; padding: 0 15px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list { position: absolute; top: 40px; left: 0; width: 200px; background: #fff; color: #fff; border-radius: 5px; transition: .4s ease-in; z-index: 1; border: solid 1px #E9ECF0; display: none; margin: 0; padding: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .search_box { width: 100%; float: left; height: 34px; position: relative; margin: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .search_box img { position: absolute; top: 50%; transform: translateY(-50%); left: 5px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .search_box input { width: 100%; height: 34px; border: solid 1px #D8DDE3; border-radius: 5px; background: none; position: absolute; left: 0; padding: 0 10px 0 30px; font-size: 14px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .option_item { transition: .1s; position: relative; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .option_item.first { margin-top: 40px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_item .select_check_wrap { width: 18px; height: 18px; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list { min-width: 100%; border-radius: 5px; border: solid 1px #E9ECF0; padding: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .option_list_item { transition: .1s; position: relative; line-height: 30px; font-size: 14px; margin-top: 0; color: #494E53; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .option_list_item.first { margin: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box { width: 7%; height: 36px; float: left; padding: 0 10px; position: relative; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button { width: 24px; height: 24px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); background: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button img { vertical-align: top; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box { width: 7%; height: 36px; float: left; position: relative; padding: 0 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button { width: 24px; height: 24px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); background: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button img { width: 24px; height: 24px; vertical-align: top; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li button:hover { background: none !important; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box { width: 100%; background: #fff; display: table; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .admset_title { width: 100px; font-size: 14px; line-height: 36px; float: left; font-weight: 700; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box { width: calc(100% - 100px); float: left; display: table; margin-bottom: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box button { margin-left: 10px; clear: both; font-size: 14px; font-weight: 700; line-height: 36px; color: #3985EA; background: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input { width: 200px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input:read-only { outline: 0; border: 1px solid #D8DDE3; background: #E9ECF0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input { width: 200px; height: 36px; border: 1px solid #E9ECF0; border-radius: 5px; font-size: 14px; padding: 0 10px; } /* .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input::placeholder {color:#B5BDC4;} */ .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input:disabled { background: #E9ECF0; border: solid 1px #D8DDE3; color: #21272C; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box a { font-size: 14px; color: #3985EA; line-height: 36px; margin-left: 20px; font-weight: 700; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box .comment { font-size: 12px; margin-top: 10px; padding-left: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .button_box { margin-top: 50px; text-align: center; } .project_wrap .content_section .hospital_wrap .center_box .info_box .button_box button { border-radius: 16px; color: #fff; background: #3985EA; } /* FullCalendar Custom Style */ .fc .fc-toolbar-title { font-size: 18px !important; font-weight: 700; color: #21272C; } .fc .fc-button-primary { background-color: #fff; border: 1px solid #D8DDE3; color: #494E53; font-size: 14px; font-weight: 500; padding: 6px 12px; border-radius: 5px; transition: all 0.2s; } .fc .fc-button-primary:hover { background-color: #F5F7FA; border-color: #D8DDE3; color: #21272C; } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: #3985EA; border-color: #3985EA; color: #fff; } .fc .fc-button-primary:disabled { background-color: #F5F7FA; border-color: #E9ECF0; color: #B5BDC4; opacity: 1; } .fc .fc-button .fc-icon { font-size: 1.2em; vertical-align: bottom; } .fc .fc-col-header-cell-cushion { color: #21272C; font-weight: 700; padding: 10px 0; font-size: 14px; text-decoration: none; } .fc .fc-daygrid-day-number { color: #494E53; font-size: 12px; padding: 5px 10px; text-decoration: none; font-weight: 500; } .fc .fc-day-sunday .fc-col-header-cell-cushion, .fc .fc-day-sunday .fc-daygrid-day-number { color: #E02020; } .fc .fc-day-saturday .fc-col-header-cell-cushion, .fc .fc-day-saturday .fc-daygrid-day-number { color: #3985EA; } .fc .fc-day-today { background-color: #EDF5FF !important; } .fc-theme-standard td, .fc-theme-standard th { border-color: #E9ECF0; } .fc-event { border: none; border-radius: 3px; padding: 2px 5px; font-size: 12px; font-weight: 500; letter-spacing: -0.02em; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .fc-h-event .fc-event-main { color: #fff; } /*반응형 View*/ @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; } } @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 .center_box .page_title { height: 40px; font-size: 16px; line-height: 40px; } .project_wrap .content_section .hospital_wrap .center_box .info_box { height: calc(100% - 60px); padding: 30px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .info { width: 500px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .title { height: 40px; line-height: 40px; font-size: 16px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_title { width: 80px; line-height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list { width: 500px; float: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.list_title_li { padding: 0; line-height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title { font-size: 12px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .day_box .day { width: 100%; line-height: 32px; font-size: 12px; border-radius: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box { height: 32px; background-size: 18px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .label { padding: 0 10px; font-size: 12px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list { width: 100%; height: 180px; overflow-y: auto; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .search_box { height: 28px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .search_box img { width: 22px; margin-top: 1px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size: 12px; margin-top: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .slash { margin: 0 5px; line-height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box { height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper { transform: translate(-50%, -50%); } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box { margin-top: 30px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .holiday_title { width: 80px; line-height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box { width: calc(100% - 80px); height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box span { margin-left: 20px; font-size: 12px; line-height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box .check_box { width: 15px; height: 15px; } .select_check_show { width: 15px; height: 15px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box { margin-top: 20px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list { width: 500px; float: none; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li.list_title_li { padding: 0; line-height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title { font-size: 12px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box { width: 40%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box { width: 27%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list { width: 23%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box { width: 10%; height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(1) { width: 40%; border-radius: 5px 0 0 5px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(2) { width: 27%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(3) { width: 23%; border-radius: 0 5px 5px 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box input { height: 32px; font-size: 12px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box { width: 110px; height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box img { width: 20px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .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 .info_box .form_box .hospital_box .hospital_list li .select_list .select_box { height: 32px; background-size: 18px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .label { padding: 0 10px; font-size: 12px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list { width: 100%; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .search_box { height: 28px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .search_box img { width: 22px; margin-top: 1px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .option_list_item { font-size: 12px; margin-top: 0; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button { width: 22px; height: 22px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button img { width: 22px; height: 22px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button { width: 22px; height: 22px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button img { width: 22px; height: 22px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .admset_title { width: 80px; font-size: 12px; line-height: 32px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box { width: calc(100% - 80px); } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input { width: 140px; height: 32px; font-size: 12px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box a { font-size: 12px; line-height: 32px; margin-left: 10px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .button_box { margin-top: 30px; } .project_wrap .content_section .hospital_wrap .center_box .info_box .button_box button { width: 80px; } } @media only screen and (max-width:1080px) { .project_wrap .content_section .hospital_wrap { width: calc(100% - 50px); } }