220 lines
26 KiB
CSS
220 lines
26 KiB
CSS
|
|
.project_wrap {width:100%; max-width:1920px; min-width:1080px;}
|
|
|
|
/*오른쪽영역*/
|
|
.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 .diagnosis_box { width:100%; height:calc(100% - 70px); margin-top:20px; display:table; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list {width:400px; height:100%; float:left; background:#fff; border-radius:5px; border:solid 1px #E9ECF0;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li {width:100%; position:relative; padding:10px 20px; border-bottom:solid 1px #D8DDE3; display:table;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li:nth-child(1) {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on { border:0; display:none; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on > div { width:100%; display:table; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input { width:calc(100% - 129px); height:36px; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px; float:left; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input.last { width:80px; margin-left:10px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input::placeholder {color:#B5BDC4;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box { float:right; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button { border-radius:5px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.cancel { background:#EDF5FF; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.cancel:hover { background:#dce8f6!important; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.save { color:#fff; margin-left:8px; background:#3985EA; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on.open { display:block; }
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box {float:right;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box .diagnosis_item_btn {background:#3985EA; color:#fff; border-radius:16px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box .diagnosis_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title {height:50px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .diagnosis_division_box {width:calc(100% - 100px - 34px); float:left; font-size:14px; font-weight:700; line-height:30px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .surgery_box {width:100px; float:left; font-size:14px; font-weight:700; line-height:30px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .dropdown_box {width:34px; height:30px;}
|
|
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .diagnosis_division_box {width:calc(100% - 100px - 34px); float:left; font-size:14px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .surgery_box {width:100px; float:left; font-size:14px;}
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box {width:34px; height:20px; float:right;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button:hover { background: none !important; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box {background:#fff; width:calc(100% - 420px); height:100vh; float:right; border-radius:5px; border:solid 1px #E9ECF0; overflow:hidden;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
|
/* 검색input */
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list {float:left; position:relative;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box {width:200px; float:left; height:36px; position:relative;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; 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 .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box {float:right;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .diagnosis_movement_btn {background:#3985EA; color:#fff; border-radius:5px; float:left; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .diagnosis_movement_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .surgery_addition_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .surgery_addition_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .inactive_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .inactive_btn:hover { background:#d81515 !important; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box {width:100%; height:calc(100% - 77px); overflow:auto; background:#fff;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table {border-collapse:collapse;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead {position:relative; z-index:1;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th {position:sticky; top:0; height:50px; background:#fff; padding:10px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(1) {width:50px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(2) {width:20%;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(3) {width:15%;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(4) {width:10%;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(5) {width:19%;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(6) {width:12%;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(7) {width:10%;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(8) {width:10%;}
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
|
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after {content:""; position:absolute; display:none;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
|
|
|
|
|
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr {border:solid 1px #E9ECF0; border-top:none; background:#fff;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr:nth-child(odd) {background:rgba(57, 133, 234, 10%);}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr:hover {background:rgba(57, 133, 234, 20%);}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td {width:90px; padding:10px; border:solid 1px #E9ECF0; border-right:solid 1px #E9ECF0; position:relative;}
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
|
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input { display:none; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input { display:none; }
|
|
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after {content:""; position:absolute; display:none;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
|
|
|
|
|
|
|
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); }*/
|
|
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}*/
|
|
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .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 .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .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 .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}*/
|
|
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .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 .diagnosis_box .diagnosis_table_box .table_box .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_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 .diagnosis_box .diagnosis_table_box .table_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 .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_input:checked+.switch_label .switch_btn {top:0px; left:26px; background:#3985EA; box-shadow:1px 2px 3px #00000020;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*반응형 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; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list { width:315px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box { width:calc(100% - 325px); }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input { width:calc(100% - 101px); }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input.last { width:60px; margin-left:5px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.save { margin-left:0; }
|
|
}
|
|
|
|
@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 .diagnosis_box { height:calc(100% - 60px); }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li { padding:0 20px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li:nth-child(1) { padding:10px 20px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .title { font-size:14px; line-height:32px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title { height:auto; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .diagnosis_division_box { font-size:12px; line-height:40px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .surgery_box { font-size:12px; line-height:40px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .dropdown_box { height:40px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .diagnosis_division_box { font-size:12px; line-height:40px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .surgery_box { font-size:12px; line-height:40px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box { height:40px; position:relative; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on.open > div { padding:5px 0; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input { width:calc(100% - 95px); height:32px; font-size:12px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box { padding:10px 20px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .title { margin-right:20px; font-size:14px; line-height:32px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box { width:145px; height:32px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box button img { display:none; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box { width:15px; height:15px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on { width:15px; height:15px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after { width:5px; height:8px; left:5px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th { height:40px; padding:0 10px; font-size:12px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box { width:15px; height:15px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on { width:15px; height:15px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after { width:5px; height:8px; left:5px; }
|
|
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td { padding:0 10px; font-size:12px; height:40px; }
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width:1080px) {
|
|
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
|
} |