body{ font-family: 'Noto Sans KR', sans-serif; } .cont_area{ display: inline-block; margin-top: 50px; margin-left: 43px; } .cont_area.AllSerchArea .cont_serch_area{width:1535px;} .cont_area.AllSerchArea .list_tab_menu{width:1535px;} .cont_area.AllSerchArea .list_tab_menu li{ height: 53px; font-size: 14px; font-weight: 300; line-height: 53px; text-align: center; color: #777; display:inline-block; } .cont_area.AllSerchArea .list_tab_menu li a{ border-right: 1px solid #dde6e9; padding: 0 17.43px; } .cont_area.AllSerchArea .list_tab_menu_on{ background-color: #fff; font-size: 14px !important; font-weight: 500 !important; color: #0388d2 !important; border-top: 4px solid #0388d2; box-shadow: 0px 0px 5px rgba(9,57,83,0.34); border-radius: 5px 5px 0 0; margin-top: -4px; } .cont_main_title{ font-size: 24px; font-weight: 500; vertical-align: middle; } .nav li{ display:inline-block } /*serch_area 시작*/ .cont_serch_area{ width: 1300px; border: 1px solid #e6e8ed; background-color: #f5f7fa; border-radius: 5px; vertical-align: middle; margin: 20px auto; text-align: center; } .cont_serch_area input,.cont_serch_area select{ border: 1px solid #dde6e9; border-radius: 3px; } .basic_serch_area,.serch_btns{ display: inline-block; } .basic_serch_area{ width: 1200px; padding: 26px 0; } .basic_serch_area select{ width: 134px; height: 34px; border-radius: 3px; background: url(/direct/img/basic_serch_area_select.png) no-repeat 94% center; background-color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 12px; } .basic_serch_area>input{ width: 726px; height: 30px; border-radius: 3px; margin-left: 11px; padding-left: 10px; } .serch_btns{ margin-left: 12px } .serch_btns input[type="button"]{ padding: 4px 16px; font-size: 16px; border: none; color: #fff; border-radius: 3px; background-color: #aaa; font-weight: 400; } .detail_serch_btn{ background-color: #0388d2 !important; margin-left: 12px; } .detail_serch_area{ display: none; } .detail_serch_area ul{ width: 1100px; border-top: 1px solid #e6e8ed; padding: 26px 0; margin:0 auto; } .detail_serch_area ul li{ display: inline-block; margin-left: 40px; } .detail_serch_area ul li:first-child{ margin-left: -94px; } .detail_serch_title,.detail_term{ display: inline-block; font-size: 14px; } .detail_term{ margin-left: 18px; } .detail_term input{ width: 143px; height: 27px; padding-left: 5px; } /*달력 선택 수정 - 2019.09.10 수정*/ a.date_select_btn{ position: relative; vertical-align:text-top; } a.date_select_btn img{ position: absolute; left: -28px; bottom: 0; } /*serch_area 끝*/ /*list 시작*/ .list_info{ display: block; text-align: right; } .all_list_number{ float: left; } .all_list_number,.list_info_right,.list_write,.list_count,.read_btn,.del_btn{ display: inline-block; } .all_number{ font-weight: 700; color: #0388d2; letter-spacing: 1px; margin-left: 5px; } .list_write input,.list_count select,.read_btn input,.exl_down_btn input,.del_btn input{ border: 1px solid #dde6e9; background-color: #fff; font-size: 14px; height: 34px; padding: 0 12px; color: #727272; font-weight: 500; border-radius:5px; } .list_count select{ width: 68px; } .list_wrap{ margin-top: 12px; border-top: 3px solid #0388d2; } .list_wrap table{ width: 100%; table-layout: fixed; max-width: 1300px } .list_wrap table tr:first-child{ background-color: #f5f7fa; } .list_wrap table tr th{ height: 48px; vertical-align: middle; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dde6e9; font-size: 16px; } .list_wrap table tr th:last-child{border-right: 0} .list_wrap table tr td{ text-align: center; min-height: 30px; vertical-align: middle; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; font-size: 15px; padding: 10px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; } .list_wrap table a{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: calc(100% - 61px);} .list_wrap table tr td.cont_name{ text-align: left; padding-left: 15px; } .file_btn{ display: inline; vertical-align: text-bottom; } .file_btn input{ border: none; } .file{ background: url(/direct/img/file_icon.png) no-repeat center center; } .img_file{ width: 18px; background: url(/direct/img/img_icon.png) no-repeat center center; } .readN * { font-weight: bold !important; } /*list 끝*/ /*list_tab_menu 시작*/ .list_tab_menu_wrap{ border: 1px solid #dde6e9; border-radius: 5px; } .list_tab_menu_wrap table{max-width: 1252px;} .list_tab_menu{ width: 1300px; background-color: #f5f7fa; border-bottom: 1px solid #dde6e9 } .list_tab_menu li{ height: 53px; font-size: 16px; font-weight: 300; line-height: 53px; text-align: center; color: #777; display:inline-block; } .list_tab_menu li a{ border-right: 1px solid #dde6e9; padding: 0 24px; } .list_tab_menu_on{ background-color: #fff; font-size: 17px !important; font-weight: 500 !important; color: #0388d2 !important; border-top: 4px solid #0388d2; box-shadow: 0px 0px 5px rgba(9,57,83,0.34); border-radius: 5px 5px 0 0; margin-top: -4px; } .list_tab_menu_on a{ border-right: none !important; font-weight: 500 !important } .tab_group{ margin-left: 24px; margin-top: 26px; margin-bottom: 26px; } .tab_group select{ width: 100px; height: 35px; border-radius: 3px; border: 1px solid #dde6e9; font-size: 14px; color: #777; } .list_tab_menu_wrap .list_info{ padding: 0 24px; } .list_tab_menu_wrap .list_wrap{ padding: 0 24px; border-top: 0; } .list_tab_menu_wrap .list_wrap table{ border-top: 3px solid #0388d2; } .list_tab_menu_wrap .list_wrap table tr th{ font-size: 15px; font-weight: 400; } .list_tab_menu_wrap .list_wrap table tr td{ font-size: 14px; font-weight: 400; } .list_tab_menu_wrap .list_wrap table tr td:last-child, .list_tab_menu_wrap .list_wrap table tr th:last-child{ border-right: none; } .list_name{ width: 600px; } /*list_tab_menu 끝*/ /*page 시작*/ .page{ text-align: center; margin:20px 0; } .page ul{ margin: 0 auto; text-align: center; display: table; } .page ul li{ font-size: 13px; display: inline-block; border: 1px solid #dde6e9; border-collapse: collapse; padding: 7px 11px; color: #888; } .page ul li:first-child{border-radius:5px 0 0 5px;} .page ul li:last-child{border-radius:0 5px 5px 0;} .page ul li:only-child{border-radius:5px;} .page ul li img{ display:none; } .page ul li.page_prev{ border-radius: 5px 0 0 5px; } .page ul li.page_next{ border-radius: 0 5px 5px 0px; } .page ul li.page_first{ background-image: url(/direct/img/page_before.png); background-repeat: no-repeat; background-position: center center; border-radius: 5px 0 0 5px; } .page ul li.page_last{ background-image: url(/direct/img/page_next.png); background-repeat: no-repeat; background-position: center center; border-radius: 0 5px 5px 0px; } /*page 끝*/ /*sort 시작*/ .sort{ display: inline-block; margin-left: 3px; vertical-align: baseline; margin-top: -7px; } .sort_btn{ display: inline-block; cursor: pointer; } .sort_btn img{ margin-bottom: 4px; } /*business_index*/ .exl_down_btn{ display: inline-block; } .exl_down_btn input{ background: url(/direct/img/exel_down.png) no-repeat 10px; padding-left: 32px; } .business_index table tr td{ min-width: 20px; } .business_index table tr td input[type="text"]{ border: 1px solid #dde6e9; border-radius: 3px; width: 100px; text-align: center; } .enterprise_name{ width: 200px } /*setting_list 추가 - 2019.09.16*/ .setting_list_wrap { width: 1156px; border-left: 1px solid #ccc; border-radius: 5px; border-top: 1px solid #ccc; border-left: 3px solid #0388d2; margin-top: 37px; } .setting_list_wrap table tr { border-bottom: 1px solid #ccc; } .setting_list_wrap table tr th{ width: 29%; font-size: 15px; font-weight: 600; letter-spacing: 1px; background-color: #f5f7fa; } .list_wrap table tr td{ background-color: #fff; /* text-align: left; padding-left: 15px; */ } .list_wrap table tr td:last-child{border-right: 0} .list_wrap table tr td input[type="text"]{ width: 88%; border: 1px solid #ccc; border-radius: 3px; height: 30px; padding-left: 10px; letter-spacing: 1px } .list_wrap table tr td input[type="password"]{ width: 97%; border: 1px solid #ccc; border-radius: 3px; height: 30px; padding-left: 10px; letter-spacing: 1px } .setting_btn{ text-align: right; margin: 10px 0; } .setting_btn input[type="button"]{ margin: 0 0 0 5px; min-width: 40px; border: none; background-color: #aaa; color: #fff; border-radius: 5px; font-weight: 400; height: 30px; font-size: 14px; letter-spacing: 1px; padding: 0 8px; font-weight: 500; } .setting_btn input[type="button"].del_btn{ background: url(/direct/img/del_btn_2.png) no-repeat 8px center; border: 1px solid #ea1f1f; color: #ea1f1f; padding-left: 22px } .setting_btn input[type="button"].list_btn{ background: url(/direct/img/list_btn.png) no-repeat 8px center; border: 1px solid #aaa; color: #aaa; padding-left: 18px; } .setting_btn input[type="button"].edit_btn{ background: url(/direct/img/edit_btn.png) no-repeat 8px center; border: 1px solid #0388d2; color: #0388d2; padding-left: 22px; } .setting_btn input[type="button"].enroll_btn{ border: 1px solid #0388d2; color: #0388d2; background-color:#fff; } .setting_btn input[type="button"].enroll_btn:hover{ border: 1px solid #0388d2; color: #fff; background-color:#0388d2; } .setting_btn input[type="button"].del_btn:hover{ background: #ea1f1f url(/direct/img/del_btn_2_white.png) no-repeat 8px center; border: 1px solid #ea1f1f; color: #Fff; padding-left: 22px } .setting_btn input[type="button"].list_btn:hover{ background: #aaa url(/direct/img/list_btn_white.png) no-repeat 8px center; border: 1px solid #aaa; color: #fff; padding-left: 18px; } .setting_btn input[type="button"].edit_btn:hover{ background: #0388d2 url(/direct/img/edit_btn_white.png) no-repeat 8px center; border: 1px solid #0388d2; color: #fff; padding-left: 22px; } .setting_btn input[type="button"].password_change_btn{ border: 1px solid #aaa; color: #aaa; background-color: #fff; } .setting_btn input[type="button"].password_change_btn:hover{ border: 1px solid #aaa; color: #fff; background-color: #aaa; } .setting_list_wrap table tr td input[type="radio"]+label{ margin-left: 20px; } .setting_list_wrap table tr td input[type="radio"]:first-child+label{ margin-left: 0; } /*setting_list 수정 - 2019.09.24*/ .cont_area .list_wrap.setting_list_wrap table tbody tr td{ text-align: left; padding-left: 19px; } /* 장애관리 */ .fault_cont_area { margin-top: 20px; } .fault_cont_area .list_tab_menu_wrap ul.fault_list_tab_menu { margin-bottom: 20px; } .fault_cont_area .list_tab_menu_wrap ul.fault_list_tab_menu li { height: 40px; font-size: 13px; line-height: 42px; } .fault_list_tab_menu li.list_tab_menu_on{font-size: 14px !important;} .fault_cont_area .list_tab_menu_wrap ul.fault_list_tab_menu li.table_btns_list { margin-left: 796px } .table_btns_list input[type="button"].copy_plan { border: 1px solid #333; color: #333; background: #fff url(/direct/img/asset/asset_copy.png) no-repeat 4px center; padding-left: 18px; vertical-align: middle; } .table_btns_list input[type="button"].copy_plan:hover { border: 1px solid #333; color: #fff; background: #333 url(/direct/img/asset/asset_copy_white.png) no-repeat 4px center; padding-left: 18px; } .table_btns_list input[type="button"].plan_setting_btn { border: none; background: url(/direct/img/asset/asset_setting.png) no-repeat; width: 20px; height: 20px; vertical-align: middle; box-shadow: none; } .fault_serch_area, .fault_date_area, .fault_serch_work_area { margin: 0 15px; display: inline-block; } .fault_serch_area input[type="text"] { width: 245px; height: 27px; font-size: 13px; } .fault_serch_area input[type="button"].fault_serch_btn { width: 44px; background-color: #aaa; border: none; color: #fff; font-size: 13px; border-radius: 3px; height: 31px; vertical-align: top; font-weight: 400; margin-left: 5px; } .fault_serch_area input[type="button"].fault_serch_btn:hover { background-color: #0388d2; color: #fff } .fault_serch_area input[type="text"]::placeholder { background: none; } .fault_date_area input[type="text"].fault_date { width: 170px; height: 27px; } .fault_date_area input[type="button"].fault_date_reset { width: 57px; height: 31px; background-color: #aaa; color: #fff; border: none; border-radius: 5px; font-size: 13px; font-weight: 400; vertical-align: top; margin-left: 5px; } .fault_date_area input[type="button"].fault_date_reset:hover { background-color: #0388d2; color: #fff; } .fault_select_area { margin: 12px 0 0 15px; display: inline-block; } .fault_select_area .nice-select { margin-right: 7px; width: 100px; } .fault_serch_work_area input[type="text"] { width: 166px; height: 27px; font-size: 13px; } .fault_serch_work_area input[type="text"]::placeholder { background: none; } .fault_serch_work_area input[type="button"].fault_serch_btn { border: none; background-color: #aaa; color: #fff; font-size: 13px; font-weight: 400; width: 44px; height: 31px; vertical-align: top; margin: 0 14px 0 8px; border-radius: 3px; } .fault_serch_work_area input[type="button"]:hover { background-color: #0388d2; color: #fff; } .fault_cont_area .list_tab_menu_wrap .list_info { margin: 15px 0; height: 20px; } .fault_cont_area .list_tab_menu_wrap .list_info .all_list_number, .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right, .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .fault_list_page, .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns, .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_count { display: inline-block; vertical-align: middle; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .fault_list_page ul li { display: inline-block; margin: 0 8px; font-size: 13px; vertical-align: middle; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .fault_list_page ul li.fault_page_on { color: #0388d2; font-weight: 600; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns ul li { margin: 0 1px; display: inline-block; vertical-align: middle; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .fault_list_page ul li.fault_page_first, .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .fault_list_page ul li.fault_page_before, .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .fault_list_page ul li.fault_page_next, .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .fault_list_page ul li.fault_page_last { margin: 0 1px; vertical-align: middle; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns ul li input[type="button"] { border: 1px solid #0388d2; color: #0388d2; font-size: 11px; border-radius: 5px; background-color: #Fff; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns ul li input[type="button"].person_btn { color: #333; border: 1px solid #333; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns ul li input[type="button"].person_btn:hover { color: #Fff; background-color: #333; border: 1px solid #333; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns ul li input[type="button"].fault_del { background: url(/direct/img/fault_del_btn.png) no-repeat 4px center; padding-left: 17px; color: #ea1f1f; border: 1px solid #ea1f1f } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns ul li input[type="button"].fault_del:hover { background: #ea1f1f url(/direct/img/fault_del_btn_white.png) no-repeat 4px center; padding-left: 17px; color: #fff; border: 1px solid #ea1f1f } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_btns ul li input[type="button"]:hover { background-color: #0388d2; color: #fff; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_count { margin-left: 0; } .fault_cont_area .list_tab_menu_wrap .list_info .list_info_right .list_count .nice-select { font-size: 11px; height: 21px; line-height: 21px; margin-left: 0; } .fault_area .fault_cont_area .list_tab_menu_wrap .fault_table { width: 1258px; min-height: 300px; margin-bottom: 30px } .fault_area .fault_cont_area .list_tab_menu_wrap .fault_table table { width: 1258px; } .fault_area .fault_cont_area .list_tab_menu_wrap .fault_table table thead tr th { font-size: 14px; font-weight: 500; } .fault_area .fault_cont_area .list_tab_menu_wrap .fault_table table tbody tr td { font-size: 13px; color: #333; font-weight: 400; } .fault_area .fault_cont_area .list_tab_menu_wrap .fault_table table tbody tr input[type="button"].result_work_enroll_btn { background: url(/direct/img/result_work_enroll_btn.png) no-repeat center 4px; border: none; vertical-align: middle; cursor: pointer; } /*민원관리*/ .user_complanint_wrap { width: 1276px; margin-top: 26px; } .complanint_top_area { background: url(/direct/img/complanint/user_complanint_top_bg.png) no-repeat center center; height: 236px; margin: 0 auto; text-align: center; } .complanint_top_area .menu_box ul li { width: 146px; height: 146px; display: inline-block; margin: 0 10px; background: linear-gradient(45deg, #60c0ff, #3988ff); border-radius: 10px; color: #fff; font-size: 20px; vertical-align: middle; margin-top: 40px; font-weight: 500; box-shadow: 0px 0px 8px rgba(51, 51, 51, 0.38); cursor: pointer; } .complanint_top_area .menu_box ul li:hover { width: 164px; height: 164px; box-shadow: 0px 0px 8px rgba(51, 51, 51, 0.65); font-size: 22px; margin-top: 20px; } .complanint_top_area .menu_box ul li:hover img { margin: 40px auto 15px auto } .complanint_top_area .menu_box ul li:nth-child(2) { background: linear-gradient(60deg, #608dfe, #6db2fd); } .complanint_top_area .menu_box ul li:nth-child(3) { background: linear-gradient(60deg, #38d0e5, #38a8ff); } .complanint_top_area .menu_box ul li img { display: block; text-align: center; margin: 35px auto 15px auto; } .complanint_cont_area { margin-top: 30px; } .user_my_box { width: 276px; height: 276px; border: 1px solid #fff; box-shadow: 0px 0px 7px 1px rgba(51, 51, 51, 0.2); background-color: #fff; border-radius: 5px; text-align: center; display: inline-block; margin-right: 8px; overflow:hidden } .complanint_cont_area .user_my_box .user_img { width: 130px; height: 130px; border: 1px solid #ccc; border-radius: 100px; margin: 30px auto 10px auto; } .complanint_cont_area .user_my_box .user_data { margin-top: 10px; } .complanint_cont_area .user_my_box .user_data ul li.user_name { font-size: 19px; font-weight: 600; } .complanint_cont_area .user_my_box .user_data ul li.user_affiliation { font-size: 15px; font-weight: 400; margin-top: 5px; margin-bottom: 10px; } .complanint_cont_area .user_my_box .mypage_go input { border: 1px solid #ddd; background-color: #FFf; color: #ddd; font-size: 15px; font-weight: 400; width: 170px; height: 34px; border-radius: 5px; } .complanint_cont_area .user_my_box .mypage_go input:hover { border: 1px solid #0388d2; background-color: #0388d2; color: #fff; } .complanint_cont_area .user_complanint_table_area { display: inline-block; vertical-align: top; border-radius: 5px; border: 1px solid #ccc; height: 276px; overflow: hidden; margin: 0 5px; box-shadow: 0 0 4px rgba(51, 51, 51, 0.22); } .complanint_cont_area .user_complanint_table_area .user_table_title_area { width: 100%; background-color: #0388d2; color: #fff; height: 49px; font-size: 18px; vertical-align: middle; position: relative; line-height: 49px; } .complanint_cont_area .user_complanint_table_area .user_table_title_area img { margin: -5px 7px 0 12px; vertical-align: middle; } .complanint_cont_area .user_complanint_table_area .user_table_title_area input[type="button"].user_complanint_ask_btn { width: 69px; height: 24px; background-color: #fff; border: 1px solid #0388d2; font-size: 14px; color: #0388d2; border-radius: 5px; margin-left: 8px; margin-top: -3px; vertical-align: middle; } .complanint_cont_area .user_complanint_table_area .user_table_title_area .user_ask_list { display: inline-block; text-align: right; right: 9px; top: 0px; position: absolute; font-size: 13px; } .complanint_cont_area .user_complanint_table_area .user_table_title_area .user_ask_list input[type="button"] { background: url(/direct/img/complanint/list_cont_go.png) no-repeat center center; border: none; vertical-align: text-top; /* margin-left: 10px; */ } .complanint_cont_area .user_complanint_table_area.user_ask_area { width: 749px; } .complanint_cont_area .user_complanint_table_area.user_ask_area .complanint_title{ min-width: 142px; max-width: 142px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .complanint_cont_area .user_complanint_table_area .complanint_check{ width: 30px; text-align: center; } .complanint_cont_area .user_complanint_table_area .complanint_num{ min-width: 50px; } .complanint_cont_area .user_complanint_table_area .complanint_area{ min-width: 50px; } .complanint_cont_area .user_complanint_table_area .complanint_sort{ min-width: 80px; } .complanint_cont_area .user_complanint_table_area .complanint_importance{ min-width: 50px; } .complanint_cont_area .user_complanint_table_area .complanint_claimant{ min-width: 70px; } .complanint_cont_area .user_complanint_table_area .complanint_attach{ min-width: 50px; } .complanint_cont_area .user_complanint_table_area .complanint_status{ min-width: 80px; } .complanint_cont_area .user_complanint_table_area .equipment_name{ min-width:80px; max-width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .complanint_cont_area .user_complanint_table_area .return_date{ min-width: 100px; } .complanint_cont_area .user_complanint_table_area .equipment_model_name{ min-width: 120px; } .complanint_cont_area .user_complanint_table_area .equipment_department{ min-width: 60px; } .complanint_cont_area .user_complanint_table_area .equipment_user{ min-width: 60px; } .complanint_cont_area .user_complanint_table_area .rental_status{ min-width: 80px; } .complanint_cont_area .user_complanint_table_area .rental_period{ min-width: 160px; width: 160px; text-align: center; } .complanint_cont_area .user_complanint_table_area .complanint_enroll_date{ min-width: 100px; } .complanint_cont_area .user_complanint_table_area .complanint_add_complant{ min-width: 60px; } .complanint_cont_area .user_complanint_table_area table { width: 749px; } .complanint_cont_area .user_complanint_table_area table thead { background-color: #f5f7fa; width: 749px; height: 38px; } .complanint_cont_area .user_complanint_table_area table thead, .complanint_cont_area .user_complanint_table_area table tbody{ display: block; } .complanint_cont_area .user_complanint_table_area table tbody { overflow-y: scroll; width: 749px; height: 189px; } .complanint_cont_area .user_complanint_table_area table thead tr { height: 38px; border-bottom: 1px solid #dde6e9; text-align: center; } .complanint_cont_area .user_complanint_table_area table thead tr th { vertical-align: middle; font-size: 14px; text-align: center; min-width: 20px; text-align: center; } .complanint_cont_area .user_complanint_table_area table tbody tr { width: 749px; border-bottom: 1px dashed #dde6e9; } .complanint_cont_area .user_complanint_table_area table tbody tr td { min-width: 20px; text-align: center; width: auto; height: 30px; border-bottom: 1px dashed #ccc; font-size: 13px; line-height: 30px; } .complanint_cont_area .user_complanint_table_area table tbody tr:last-child td { border-bottom: none; } .complanint_cont_area .user_complanint_table_area table tbody tr td input[type="checkbox"] + label, .complanint_cont_area .user_complanint_table_area table thead tr th input[type="checkbox"] + label { width: 12px; height: 12px; border: 1px solid #333; } .complanint_cont_area .user_complanint_table_area table tbody tr td input[type="button"].user_complanint_file { background: url(/direct/img/complanint/table_file_icon.png) no-repeat center center; border: none; vertical-align: middle; } .complanint_cont_area .user_complanint_table_area table tbody tr td input[type="button"].user_complanint_img { background: url(/direct/img/complanint/table_img_icon.png) no-repeat center center; border: none; background-size: contain; margin-left: 3px; vertical-align: middle; } .complanint_cont_area .user_complanint_table_area table tbody tr td input[type="button"].user_add_complanint_ask { background: url(/direct/img/complanint/user_add_complanint_ask.png) no-repeat center center; border: none; vertical-align: middle; margin-top: -4px; } .complanint_cont_area .user_complanint_table_area.user_notice_area { width: 214px; margin-right: 0; } .complanint_cont_area .user_complanint_table_area.user_notice_area table { width: 214px; position: relative; } .complanint_cont_area .user_complanint_table_area.user_notice_area table tbody { overflow-y: scroll; position: absolute; height: 227px; width: 214px; } .complanint_cont_area .user_complanint_table_area.user_notice_area table tr td { vertical-align: middle; } .complanint_cont_area .user_complanint_table_area.user_notice_area table tr td ul { padding-left: 15px; text-align: left; line-height: 11px; padding-bottom: 10px; padding-top: 10px; width:100%; } .complanint_cont_area .user_complanint_table_area.user_notice_area table tr td ul li { display: inline-block; text-align: left; width:auto; min-width: 17px; max-width:180px; } .complanint_cont_area .user_complanint_table_area.user_calender_area { width: 276px; margin-left: 0; margin-top: 26px; } .complanint_cont_area .user_complanint_table_area.user_equipment_area { margin-top: 26px; } .complanint_cont_area .user_complanint_table_area.user_equipment_area .user_table_title_area input[type="button"].eq_rental, .complanint_cont_area .user_complanint_table_area.user_equipment_area .user_table_title_area input[type="button"].eq_return { width: 69px; height: 24px; border: 1px solid #0388d2; background-color: #fff; color: #0388d2; font-size: 13px; border-radius: 5px; } .complanint_cont_area .user_complanint_table_area.user_equipment_area .user_table_title_area input[type="button"].eq_rental { margin-left: 12px; } .complanint_cont_area .user_complanint_table_area.user_data_area { width: 214px; margin-right: 0; margin-top: 26px; margin-left: 7px; } .complanint_cont_area .user_complanint_table_area.user_data_area table { width: 214px; position: relative; } .complanint_cont_area .user_complanint_table_area.user_data_area table tbody { overflow-y: scroll; height: 227px; width: 214px; position: absolute; } .complanint_cont_area .user_complanint_table_area.user_data_area table tbody tr { width: 214px; } .complanint_cont_area .user_complanint_table_area.user_data_area table tbody tr td { vertical-align: middle; } .complanint_cont_area .user_complanint_table_area.user_data_area table tbody tr td ul { padding-left: 15px; text-align: left; line-height: 11px; padding-bottom: 10px; padding-top: 10px; } .complanint_cont_area .user_complanint_table_area.user_data_area table tbody tr td ul li { display: inline-block; vertical-align: middle; } /*민원관리 장비대여·반납*/ .eq_all_area .list_info_right .list_write{ /* margin-right: -12px; */ } .eq_all_area .list_info_right .list_write input[type="button"]{ margin-right: 5px; } .user_ask_area .list_info_right .list_write{ /* margin-right: -12px; */ } .user_ask_area .list_info_right .list_write input[type="button"]{ margin-right: 5px; } .no_read{ font-weight: 700; cursor: pointer; } .user_ask_area .list_info_right .list_count .nice-select, .eq_all_area .list_info_right .list_count .nice-select{ margin-right:5px; } /*민원관리 민원신청*/ .user_ask_area .user_ask_table_wrap table tr td input[type="button"].user_add_ask_btn{ border: none; background: url(/direct/img/complanint/user_add_Ask_btn.png) no-repeat center center; width: 18px; } .user_ask_area .user_ask_table_wrap table tr td:last-child{ border-right: none; } .user_ask_area .user_ask_table_wrap table tr td.user_ask_title{ min-width: 280px; max-width: 280px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .user_ask_area .user_ask_table_wrap table tr td.user_ask_title .file_btn{ vertical-align: top; } /*민원관리(관리자)_헬프데스크*/ .admin_complanint_area .admin_complanint_cont_area{ margin-left: 0; } .admin_complanint_area .admin_complanint_cont_sort{ text-align: right; margin: 10px 0; } /* .admin_complanint_area .admin_complanint_cont_area .admin_helpdesk_table .list_tab_menu_wrap ul.admin_helpdesk_tab_menu li{ width: 95px; margin-left: -7px; } */ .admin_complanint_area .admin_complanint_cont_area .admin_helpdesk_table .list_tab_menu_wrap ul.admin_helpdesk_tab_menu li:first-child{ margin-left: 0 !important; } /* .admin_complanint_area .admin_complanint_cont_area .admin_helpdesk_table .list_tab_menu_wrap ul.admin_helpdesk_tab_menu li.ask_waiting, .admin_complanint_area .admin_complanint_cont_area .admin_helpdesk_table .list_tab_menu_wrap ul.admin_helpdesk_tab_menu li.ask_ok, .admin_complanint_area .admin_complanint_cont_area .admin_helpdesk_table .list_tab_menu_wrap ul.admin_helpdesk_tab_menu li.ask_processing_ok{ width: 100px; margin-left: -17px; } */ .admin_complanint_area .admin_complanint_cont_area .admin_helpdesk_table .list_tab_menu_wrap ul.admin_helpdesk_tab_menu li.ask_return{ margin-left: -17px; } /* .admin_complanint_area .admin_complanint_cont_area .admin_helpdesk_table .list_tab_menu_wrap ul.admin_helpdesk_tab_menu li a{ padding: 0 23px; } */ .admin_complanint_area .admin_complanint_cont_sort .nice-select{ width: 100px; height: 27px; line-height: 27px; margin-right: 10px; } .admin_complanint_area .admin_complanint_cont_sort input[type="button"].reset_btn{ width: 57px; height: 27px; font-size: 12px; border: none; background-color: #aaa; color: #fff; border-radius: 5px; font-weight: 400; letter-spacing: 1px; margin-left:-5px; vertical-align: top } .admin_complanint_area .admin_complanint_cont_sort input[type="button"].reset_btn:hover { background-color: #0388d2; color: #fff; } .admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area input[type="text"].admin_charge,.admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area input[type="text"].admin_writer{ width: 125px; height: 23px; margin-right: 8px; padding-left: 8px; vertical-align: top; } .admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area input[type="text"].admin_charge::placeholder,.admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area input[type="text"].admin_writer::placeholder{ background: none; font-size: 13px; } .admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area input[type="text"].admin_charge{ margin-left: 10px; } .admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area input[type="button"].admin_charge_btn,.admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area input[type="button"].admin_writer_btn{ width: 44px; height: 28px; margin-left: -2px; margin-right: 3px; border: none; color: #fff; background-color: #aaa; font-size: 12px; font-weight: 400; letter-spacing: 1px; border-radius: 5px; vertical-align: top; } .admin_helpdesk_table_btn{ display: inline-block; margin-right: -8px; } .admin_helpdesk_table_btn input[type="button"]{ min-width: 40px; color: #333; border: 1px solid #333; border-radius: 5px; height: 21px; font-size: 11px; background-color: #fff; } .admin_helpdesk_table_btn input[type="button"]:hover{ background-color: #333; color: #fff; border: 1px solid #333; } .admin_helpdesk_table_btn input[type="button"].:hover{ background-color: #333; color: #fff; border: 1px solid #333; } .admin_helpdesk_table_btn .nice-select{ height: 21px; line-height: 21px; font-size: 11px; padding-left: 10px; margin-right: 3px; vertical-align: top } .admin_helpdesk_table_btn input[type="button"].admin_del_btn{ background: url(/direct/img/complanint/del_btn.png) no-repeat 5px center; padding-left: 18px; color: #ea1f1f; border: 1px solid #ea1f1f; } .admin_helpdesk_table_btn input[type="button"].admin_del_btn:hover{ background: #ea1f1f url(/direct/img/complanint/del_btn_white.png) no-repeat 5px center; padding-left: 18px; color: #fff; border: 1px solid #ea1f1f; } .admin_helpdesk_table_btn input[type="button"].exl_down{ border: 1px solid #0388d2; color: #0388d2; margin-right:10px; } .admin_helpdesk_table_btn input[type="button"].exl_down:hover{ color: #fff; background-color: #0388d2; } .admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .admin_helpdesk_select_area .list_info .list_info_right .asset_list_page ul li{ vertical-align: unset } .admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .helpdesk_table table tbody tr td.helpdesk_table_title{ min-width: 150px; } .admin_complanint_area .admin_helpdesk_table .list_tab_menu_wrap .helpdesk_table table tbody tr td input[type="button"].img_btn{ background: url(/direct/img/complanint/complanint_process_img_icon.png) no-repeat center center; border: none; background-size: contain; vertical-align: sub; margin-left: 3px; } /*IP관리*/ .ip_area .ip_left_area .ip_list_tab_menu li { width: 90px; } .ip_area .ip_left_area .ip_list_tab_menu li.list_tab_menu_on { width: 95px; } .ip_area .ip_left_area .ip_list_tab_menu li a { padding: 0 24.46px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_list_tab_menu li { width: 82px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_list_tab_menu li a { padding: 0 21.53px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_list_tab_menu li.table_btns_list { width: 729px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_list_tab_menu li.table_btns_list .nice-select { font-size: 11px; width: 80px; padding-left: 7px; padding-right: 18px; height: 20px; line-height: 20px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail ul.ip_list_tab_menu li { width: 90px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail ul.ip_list_tab_menu li.table_btns_list { width: 746px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap { margin-bottom: 20px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="radio"] + label { margin-left: 22px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="radio"]:first-child + label { margin-left: 15px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="text"] { margin-left: 15px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="text"].ip_required_serch { width: 192px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li input[type="text"] { width: 282px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li input[type="text"].ip_required_serch { width: 235px } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li input[type="text"].ip_use_etc { width: 62px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="text"].ip_use_date { width: 95px; margin-left: 15px; ; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="text"].ip_use_date:nth-child(3) { margin-left: 5px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="button"].ip_enroll_serch_btn { width: 40px; display: inline-block; background-color: #aaa; height: 30px; vertical-align: top; border: none; color: #fff; border-radius: 5px; margin-left: 7px; letter-spacing: 1px; font-weight: 400; font-size: 12px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="button"].ip_date_reset { width: 50px; font-size: 12px; font-weight: 400; color: #fff; background-color: #aaa; border: none; height: 30px; margin-left: 8px; border-radius: 5px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li a.date_select_btn img { left: -20px; top: 2px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 { margin-left: 50px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li .ip_use_check { margin-left: 63px; margin-top: 3px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li .nice-select { width: 115px; margin-left: 13px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li input[type="text"].ip_select_etc_text { width: 159px; margin-left: 8px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li input[type="button"].ip_file_btn { background: url(/direct/img/enroll_file_icon.png) no-repeat center center; border: none; vertical-align: middle; margin-left: 8px; margin-top: -1px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li input[type="button"].ip_file_btn:hover { background: url(/direct/img/enroll_file_icon_hover.png) no-repeat center center } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li input[type="text"].ip_required_file { width: 259px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list_2 li textarea { width: 276px; vertical-align: middle; height: 59px; margin-left: 14px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_enroll_wrap ul.ip_enroll_list li input[type="button"]:hover { background-color: #0388d2; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area { margin-left: 15px; margin-top: 15px; margin-bottom: 20px; display: none; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table { margin-top: 10px; border: 1px solid #dde6e9; width: 986px; min-height: 533px; border-radius: 5px; position: relative; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table { width: 986px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table thead { height: 40px; line-height: 40px; font-size: 16px; font-weight: 500; background-color: #f5f7fa; border-bottom: 1px solid #dde6e9; display: block; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody { display: block; overflow-y: scroll; width: 986px; height: 463px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody tr td { border-bottom: 1px dashed #ccc; border-right: 1px dashed #ccc; height: 30px; line-height: 30px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody tr td input[type="checkbox"] + label { margin-top: -3px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody tr td:last-child { border-right: none; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table thead tr th.ip_useterm_check, .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody tr td.ip_useterm_check { width: 80px; text-align: center; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table thead tr th.ip_useterm_sort, .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody tr td.ip_useterm_sort { width: 100px; text-align: center; font-size: 13px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table thead tr th.ip_useterm_date, .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody tr td.ip_useterm_date { width: 589px; text-align: center; font-size: 13px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table thead tr th.ip_useterm_day, .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tbody tr td.ip_useterm_day { width: 180px; text-align: center; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tfoot { position: absolute; bottom: 0; width: 986px; background-color: #f5f7fa; border-top: 1px solid #dde6e9; font-size: 16px; font-weight: 500; padding: 5px 0; line-height: 30px; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tfoot tr td.ip_useterm_sum { width: 748px; text-align: center; border-right: 1px solid #ccc; } .ip_area .ip_right_area .ip_right_sort_table .list_tab_menu_wrap .ip_table_detail .ip_useterm_table_area .ip_useterm_table table tfoot tr td.ip_useterm_sum_num { text-align: center; width: 180px; } /*보안관리*/ .security_area div.cont_serch_area { background-color: #fdfeff; } .security_area .cont_serch_area > ul { margin: 15px 0; } .security_area .cont_serch_area > ul > li { font-size: 16px; font-weight: 500; text-align: left; margin-left: 100px; padding: 8px 0; } .security_area .cont_serch_area ul li .serch_list_check { display: inline-block; margin-left: 25px; vertical-align: middle; font-weight: 400; font-size: 15px; } .security_area .cont_serch_area ul li .serch_list_check ul li input[type="checkbox"] + label { width: 14px; height: 14px; margin-right: 8px; margin-left: 22px; } .security_area .cont_serch_area ul li .serch_list_check ul li:first-child input[type="checkbox"] + label { margin-left: 0; } .security_area .cont_serch_area ul li input[type="text"] { margin-left: 29px; } .security_area .cont_serch_area ul li input[type="text"].serch_text_input { width: 747px; height: 27px; padding-left: 10px; } .security_area .cont_serch_area ul li input[type="text"].serch_date { width: 190px; height: 27px; padding-left: 10px; } .security_area .cont_serch_area ul li input[type="text"].serch_date:nth-child(3) { margin-left: 0; } .security_area .cont_serch_area .serch_btns { margin-bottom: 25px; } .security_area .cont_serch_area .serch_btns input[type="button"].serch_btn { width: 47px; height: 28px; padding: 0; font-size: 13px; letter-spacing: 1px; vertical-align: middle; background-color: #0388d2; } .security_area .cont_serch_area .serch_btns input[type="button"].reset_btn { width: 59px; height: 28px; padding: 0; font-size: 13px; letter-spacing: 1px; vertical-align: middle; margin-left: 8px; } .security_area .list_tab_menu_wrap .list_info { text-align: left; margin-top: 30px; } .security_area .list_tab_menu_wrap .list_info .all_list_number { float: none; } .security_area .list_tab_menu_wrap .security_index tr td { text-align: center; padding: 0; height: 40px; } .security_area .list_tab_menu_wrap .security_index tr td.legal_name { width: 550px; text-align: center; } .security_basic_area .list_wrap table tr td{ text-align: center; padding: 0; height: 40px; } /*환경관리-공지사항*/ .setting_notice_area .list_info .all_list_number{ margin-top: 9px; } .setting_notice_area .list_wrap table tr td{ text-align: center; padding: 0; height: 40px; } .setting_notice_area .list_wrap table tr td.cont_name{ min-width: 600px; } /*아이디중복확인 css - 2019.09.23*/ .setDiv {padding-top: 100px;text-align: center;} .mask {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none;} .window {display: none;background-color: #ffffff;width:410px; height:210px;z-index:99999; border-radius:10px} .id_check1{width:410px;height:84px; background:#6c99f1; color:#ffffff; text-align:center; border-top-left-radius:10px;border-top-right-radius:10px;} .id_check1 input{border:none;width:16px; height:24px; color:#ffffff;background:url("/img/post/X.png") no-repeat; font-size:18px; position:absolute; right:0px; margin:10px} .id_check1 span{padding-left:30px;background:url(/img/post/id_check_img1.png)no-repeat 1px;position:relative; font-size:20px; top:30px} .id_check1 img {} .id_check2{width:410px;height:70px; font-size:16px; line-height:70px} .id_check2 input {width:188px; height:33px; border:1px solid #dedede; margin:17px} .id_check3{width:410px;height:56px; background:#f0f0f0; color:#646464; font-size:14px;border-bottom-left-radius:10px; border-bottom-right-radius:10px} .id_check3 span{line-height:56px} .id_check3 button{background:url(/img/post/check_id.png);border:none;width:133px; height:34px;margin:13px;padding-right:10px;color:#ffffff; border-radius:10px} /*itn_레이어 css - 2019.09.23*/ .itn_setDiv {padding-top: 100px;text-align: center;} .itn_mask {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none;} .itn_window {display: none;background-color: #ffffff;width:410px; height:210px;z-index:99999; border-radius:10px} /*환경관리 버튼 css*/ #evts_button_open_all,#evts_button_close_all{ border:1px solid #0388d2; background-color:#fff; border-radius:5px; color:#0388d2; } #evts_button_open_all:hover,#evts_button_close_all:hover{ background:#0388d2; color:#fff; } /*20191011 - 정수빈 */ /*스케줄러*/ .cal_cont .basic_serch_area{ margin-left: 20px; padding: 26px 0 0 0; } .cal_cont .basic_serch_area ul li .detail_serch_title{ font-size: 16px; font-weight: 600; } .cal_cont .basic_serch_area ul li input[type="text"].cal_name{ height: 27px; margin-left: 15px; width: 600px; border: 1px solid #aaa; border-radius: 5px; } .cal_cont .basic_serch_area ul li input[type="button"].cal_name_serch{ height: 31px; width: 58px; margin-left: 10px; background-color: #aaa; color: #fff; font-weight: 400; border: none; border-radius: 5px; } .cal_cont .basic_serch_area ul li input[type="button"].cal_name_serch:hover{ background-color: #0388d2; } .cont_cal{ width: 1303px; background-color: antiquewhite; margin-top:30px; } .cont_cal .sel_cal{ width: 100%; height: 66px; background-color: #fff; box-shadow: 0 0 7px 3px rgba(51,51,51,0.2); -webkit-box-shadow: 0px 0px 7px 3px rgba(51,51,51,0.2); -moz-box-shadow: 0px 0px 7px 3px rgba(51,51,51,0.2); border-radius: 5px 5px 0 0; position: relative; } .cont_cal .sel_cal .cal_sort{ display: inline-block; position: absolute; left: 30px; top: 15px; } .cont_cal .sel_cal .cal_sort ul.nav{ display: inline-block; background-color: #e9edf2; color: #ccc; width: 209px; height: 35px; line-height: 35px; border-radius: 5px; } .cont_cal .sel_cal .cal_sort ul.nav li{ width: 30%;; font-size: 15px; text-align: center; cursor:pointer; font-weight:400; } .cal_sort_on{ border: none; border-radius: 5px; background-color: #fff; height: 22px; line-height: 23px; color: #0388d2; font-weight: 500; box-shadow: 0 0 5px rgba(51,51,51,0.5); } .cont_cal .sel_cal .cal_sort ul.nav li:first-child{ margin-left: 8px; } .cont_cal .sel_cal .cal_sort .today_btn{ display: inline-block; margin-left: 10px; vertical-align:middle; margin-top: -4px; } .cont_cal .sel_cal .cal_sort .today_btn input[type="button"]{ width: 70px; border: 1px solid #0388d2; background-color: #fff; border-radius: 5px; font-weight: 400; font-size: 15px; color: #0388d2; } .cont_cal .sel_cal .cal_sort .today_btn input[type="button"]:hover{ border: 1px solid #0388d2; background-color: #0388d2; color: #fff; } .cont_cal .sel_cal .cal_nb{ position: absolute; left: 620px; top: 15px; vertical-align: middle; } .cont_cal .sel_cal .cal_nb .n_btn,.cont_cal .sel_cal .cal_nb .nb_r,.cont_cal .sel_cal .cal_nb .b_btn{ display: inline-block; vertical-align: middle; } .cont_cal .sel_cal .cal_nb .n_btn input[type="button"]{ background: url(/direct/img/n_btn.png) no-repeat center center; border: none; } .cont_cal .sel_cal .cal_nb .b_btn input[type="button"]{ background: url(/direct/img/b_btn.png) no-repeat center center; border: none; } .cont_cal .sel_cal .cal_nb .nb_r span{ display: block; text-align: center; width: 100px !important; } .cont_cal .sel_cal .cal_nb .nb_r span.month{ font-size: 21px; font-weight: 600; } .cont_cal .sel_cal .cal_nb .nb_r span.year{ font-size: 15px; margin-top: 3px; font-weight: 400; } .cont_cal .cal_sm{ position: absolute; right: 30px; top: 20px; } .cont_cal .cal_sm input[type="button"]{ vertical-align: middle; font-size: 15px; font-weight: 400; background-color: #fff; height: 30px; border-radius: 5px; } .cont_cal .cal_sm input[type="button"].cal_list{ border: 1px solid #aaa; color: #aaa; background: url(/direct/img/cal_list.png) no-repeat 8px center; padding-left: 25px; } .cont_cal .cal_sm input[type="button"].cal_list:hover{ border: 1px solid #aaa; color: #fff; background: #aaa url(/direct/img/cal_list_white.png) no-repeat 8px center; padding-left: 25px; } .cont_cal .cal_sm input[type="button"].cal_add{ border: 1px solid #0388d2; color: #0388d2; background: url(/direct/img/cal_add.png) no-repeat 8px center; padding-left: 25px; margin-left: 5px; background-size: 9px; } .cont_cal .cal_sm input[type="button"].cal_add:hover{ border: 1px solid #0388d2; color: #fff; background: #0388d2 url(/direct/img/cal_add_white.png) no-repeat 8px center; padding-left: 25px; margin-left: 5px; } .cont_cal .cal_sm input[type="button"].cal_setting{ background: url(/direct/img/cal_setting.png) no-repeat center center; border: none; width: 30px; background-size: 18px; } .cal_cont{ min-height: 500px; background-color: #fff; box-shadow: 0 0 7px 2px rgba(51,51,51,0.2); -webkit-box-shadow: 0px 0px 7px 2px rgba(51,51,51,0.2); -moz-box-shadow: 0px 0px 7px 2px rgba(51,51,51,0.2); overflow-x:hidden; } .month_area{ width: 98%; /* display: flex; flex-flow: row wrap; */ text-align: center; margin: 0px auto; padding: 16px 0 2px 0; } .d_line{ flex-grow: 1; flex-basis: auto; } .e_line .day_area{ border-right: none; } .e_line .dw .dw_dc{ border-right: none; } .dw_area{ display: flex; flex-flow: row wrap; } .dw{ border-bottom: 1px solid #dde6e9; color: #999; font-size: 18px; font-weight: 400; flex-grow: 1; padding-bottom:20px; } .dw_dc{ border-right: 1px solid #dde6e9; width: 99.5%; height: 20px; } .dw_area .dw:last-child .dw_dc{ border-right: none; } /* .day_area{ min-height: 80px; border-bottom: 1px solid #dde6e9; border-right: 1px solid #dde6e9; text-align: left; padding-left: 13px; padding-top: 10px; font-size: 18px; color: #333; position: relative; } .day_area:last-child{ border-bottom: none; } .today_area{ position: absolute; width: 110%; height: 120%; background-color: #0388d2; left: -10px; top: -10px; z-index: 99; border-radius: 5px; box-shadow: 0 0 5px rgba(51,51,51,0.8); } .tn{ z-index: 99999; position: absolute; color: #fff; font-size: 18px; top: 2px; left: 10px; font-weight: 500; } */ .day_area{ width: 100%; } .day_area .dn_row{ display: flex; } .day_area .dn_row .dn{ flex: 1 1 ; flex-grow: 1; min-height: 127px; border-right: 1px solid #dde6e9; border-bottom: 1px solid #dde6e9; position: relative; text-align: left; padding-left: 15px; padding-top: 6px; } .day_area .dn_row .dn:hover{background-color: #f5f7fa;} .day_area .dn_row .dn:last-child{ border-right: none } .day_area .dn_row:last-child .dn{ border-bottom: none; } .today_area{ position: absolute; width: 105%; height: 106%; background-color: #0388d2; left: -5px; top: -5px; z-index: 99; border-radius: 5px; box-shadow: 0 0 5px rgba(51,51,51,0.8); } .tn{ z-index: 99999; position: absolute; color: #fff; font-size: 18px; top: 2px; left: 10px; font-weight: 500; } .red_sc{ background-color:#ff7473 !important; } .red_sc.wsc{border:1px solid #f84d4c;} .red_sc.ws_wsc{border-left:1px solid #f84d4c;border-right:1px solid #f84d4c;border-top:1px solid #f84d4c;border-bottom:none !important;} .red_sc.wm_wsc{border-left:1px solid #f84d4c;border-right:1px solid #f84d4c;border-top:none !important;border-bottom:none !important;} .red_sc.wme_wsc{border-left:1px solid #f84d4c;border-right:1px solid #f84d4c;border-bottom:1px solid #f84d4c;border-top:none !important;} .red_sc.we_wsc{border-left:1px solid #f84d4c;border-right:1px solid #f84d4c;border-bottom:1px solid #f84d4c;border-top:none !important;} .yew_sc{ background-color:#ffc952 !important; } .yew_sc.wsc{border:1px solid #e9a400;} .yew_sc.ws_wsc{border-left:1px solid #e9a400;border-right:1px solid #e9a400;border-top:1px solid #e9a400;border-bottom:none !important;} .yew_sc.wm_wsc{border-left:1px solid #e9a400;border-right:1px solid #e9a400;border-top:none !important;border-bottom:none !important;} .yew_sc.wme_wsc{border-left:1px solid #e9a400;border-right:1px solid #e9a400;border-bottom:1px solid #e9a400;border-top:none !important;} .yew_sc.we_wsc{border-left:1px solid #e9a400;border-right:1px solid #e9a400;border-bottom:1px solid #e9a400;border-top:none !important;} .ble_sc{ background-color:#47b8e0 !important; } .ble_sc.wsc{border:1px solid #0094c8;} .ble_sc.ws_wsc{border-left:1px solid #0094c8;border-right:1px solid #0094c8;border-top:1px solid #0094c8;border-bottom:none !important;} .ble_sc.wm_wsc{border-left:1px solid #0094c8;border-right:1px solid #0094c8;border-top:none !important;border-bottom:none !important;} .ble_sc.wme_wsc{border-left:1px solid #0094c8;border-right:1px solid #0094c8;border-bottom:1px solid #0094c8;border-top:none !important;} .ble_sc.we_wsc{border-left:1px solid #0094c8;border-right:1px solid #0094c8;border-bottom:1px solid #0094c8;border-top:none !important;} .sc{ position: absolute; top: 37px; height: 22px; line-height: 22px; font-weight: 500; color: #fff; padding: 0 15px; font-size: 13px; left: 10px; z-index: 999; cursor: pointer; } .sc span{ z-index:99999; } .s_sc{ position: absolute; width: 90%; background-color: #ea1f1f; color: #fff; white-space: nowrap; padding: 0px 15px; border-radius: 5px; font-size: 13px; z-index:99999; } .m_sc{ width: 95%; background-color: #ea1f1f; height: 22px; border-radius: 5px; z-index: 123; } .e_sc{ width: 70%; background-color: #ea1f1f; left: 10px; border-radius: 5px; z-index: 123; } .se_sc{ width: 73%; background-color: #ea1f1f; left: 10px; border-radius: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .week_area{ width: 95%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; height:620px; overflow: hidden; } .wt_area{ display: flex; } .wdn_time{ flex-grow: 0.9; /* border-bottom: 1px solid #dde6e9; */ } .wdn_time .wdn_dc{ vertical-align: bottom; margin-top: 20px; } .wt_area .wdn_area{ flex-grow: 1; text-align: center; /* border-bottom: 1px solid #dde6e9; */ } .wdn_dc_area{ display: flex; width: 100%; text-align: center; border-bottom: 1px solid #dde6e9; margin-top:27px; } .wdn_dc{ height: auto; min-height: 93px; border-right: 1px solid #dde6e9; flex-grow: 1; position: relative; } .wdn_dc:first-child{ flex-grow: 0.63; } .wdn_dc:last-child{ border-right: none; } .wdh{ color: #999; font-size: 15px; display: block; margin-bottom: 5px; } .wdn{ color: #686868; font-size: 19px; line-height: 32px; } .w_time{ display: flex; overflow-y: scroll; max-height: 500px; width: calc(100% + 8px); } .w_time_t{ width: 93px; } .w_line{ width: calc((100% - 93px)/7); border-right: 1px solid #dde6e9; height: 100%; } .w_line:last-child{ border-right: none; } .wh_area{ width: 100%; min-height: 80px; border-bottom: 1px solid #dde6e9; position: relative; } .wh_t{ min-height: 80px; position: relative; color: #686868; font-size: 13px; text-align: right; padding-right: 15px; } .wh_t_deco{ width: 10px; border-right: 1px solid #dde6e9; height: 100%; } .wh_deco_line{ width: 100%; border-bottom: 1px solid #dde6e9; min-height: 80px; } .wsc{ position: absolute; left: 8px; top: 5px; width: 78%; background-color: #0388d2; color: #fff; border-radius: 5px; min-height: 60px; /* box-shadow: 0 0 5px rgba(51,51,51,0.3); */ padding: 5px 10px; overflow: hidden; cursor:pointer; } .allDay.wsc{height: 20px;min-height: 20px;box-shadow:none;} .wsc_title{ font-size: 13px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%; overflow: hidden; text-overflow: ellipsis; height:auto; max-height: 2em; word-break: break-word; } .wsc_time{ font-size: 11px; font-weight: 400; } .ws_wsc{ height: 100%; border-top: 1px solid #aad8f2; border-left: 1px solid #aad8f2; border-right: 1px solid #aad8f2; z-index: 99; } .wm_wsc{ height: 100%; top: 0; border-left: 1px solid #aad8f2; border-right: 1px solid #aad8f2; border-radius: 0; z-index: 99; } .we_wsc{ top: 0; box-shadow: none; border-left: 1px solid #aad8f2; border-right: 1px solid #aad8f2; border-bottom: 1px solid #aad8f2; border-radius: 0 0 5px 5px; z-index: 99; } .wme_wsc{ top: 0; box-shadow: none; border-left: 1px solid #aad8f2; border-right: 1px solid #aad8f2; border-bottom: 1px solid #aad8f2; border-radius: 0 0 5px 5px; z-index: 99; } .sec_wsc{left:50px;width:50%;} .day_area{ width: 100%; margin: 0 auto; /* padding-top: 20px; */ padding-bottom: 20px; } .dtt_area{ display: flex; } .dtm_dc{ width: 74px; border-bottom: 1px solid #dde6e9; border-right: 1px solid #dde6e9; height: 77px; margin-top: 28px; align-self: flex-end; margin-left: 20px; } .dtm_Allday{ min-height: 40px; display: block; margin-left: -40px; position: relative; margin-top:-25px; } .dsc.allDay_dsc{ position: absolute; height: 20px; min-height: 20px; padding: 3px 10px; width: 94.7%; } .dtt_title{ flex-grow: 1; border-bottom: 1px solid #dde6e9; padding-left: 40px; padding-top: 12px; } .dtm_area{ max-height: 500px; overflow-y: scroll; display: flex; margin-left:18px; width:100%; } .dth_t{ flex-grow: 0.009; border-right: 1px solid #dde6e9; font-size: 13px; height: 100%; } .dth_th{ height: 80px; text-align: right; padding-right: 20px; } .dth_s{ flex-grow: 1; } .dth_sa{ height: 80px; border-bottom: 1px solid #dde6e9; position: relative; } .dsc{ position: absolute; width: 95%; background-color: #47b8e0; height: 64%; top: 5px; left: 5px; border-radius: 5px; color: #fff; padding: 10px; cursor:pointer } .se_dsc{ height: 50px; line-height: 45px; border:1px solid #00a8e3; } .s_dsc{ height: 81%; border-radius: 5px; border-left: 1px solid #00a8e3; border-right: 1px solid #00a8e3; border-top: 1px solid #00a8e3; z-index: 999; } .m_dsc{ height: 100%; top: -11px; border-radius: 0; border-left: 1px solid #00a8e3; border-right: 1px solid #00a8e3; z-index: 100; } .e_dsc{ height: 59%; border-radius: 0 0 5px 5px; border-left: 1px solid #00a8e3; border-bottom: 1px solid #00a8e3; border-right: 1px solid #00a8e3; z-index: 999; } .me_dsc{ z-index:99; border-left: 1px solid #00a8e3; border-bottom: 1px solid #00a8e3; border-right: 1px solid #00a8e3; } .dsc_title{ font-size: 15px; font-weight: 500; } .dsc_time{ font-size: 15px; float: right; margin-right: 2%; } .sc_list_b{ height: 20px; } .sc_list_area{ border: 1px solid #aaa; width: 98%; margin: 0 auto; border-radius: 10px; height: 346px; } .sc_list_area table{ width: 100%; text-align: center; border-radius: 10px; } .sc_list_area table thead{ display: block; } .sc_list_area table tr th{ font-size: 16px; font-weight: 600; height: 35px; line-height: 35px; border-bottom: 1px solid #dde6e9; background-color: #f5f7fa; } .sc_list_area table tbody{ display: block; overflow-y: scroll; max-height: 463px; } .sc_term{ width: 450px; letter-spacing: 1px; } .sc_title{ width:800px } td.sc_title{ text-align: left; padding-left: 15px; cursor: pointer; } .sc_enroll_person{ width: 120px; } .sc_list_area table tr td{ border-bottom: 1px dashed #ccc; height: 30px; font-size: 15px; line-height: 30px; border-right: 1px dashed #ccc; } .sc_list_area table tr:only-child td{ border-bottom: 1px dashed #ccc !important; } /* .sc_list_area table tr:last-child td{ border-bottom: none; } */ .sc_list_area table tr td:last-child{ border-right: none; } /*20191011 - 민원관리 수정*/ input[type="button"].asset_right_serch_btn{ background-color: #aaa; border:none; color:#fff; border-radius: 5px; font-size: 13px; font-weight: 400; height: 28px; width: 44px; } input[type="button"].asset_right_serch_btn:hover{ background-color: #0388d2; color:#fff; } /*20191014 - 자산관리 css 수정*/ .asset_right_sort_table .list_tab_menu_wrap .list_info .list_count select{ height: 21px; font-size:12px; } /*20191018 - 환경관리 css 수정*/ button.id_check_btn{ border:1px solid #0388d2; color: #fff; background-color: #0388d2; border-radius: 5px; display: inline-block; height: 32px; vertical-align: top; box-shadow: 0 0 5px rgba(51,51,51,0.34) } button.id_check_btn:active{ box-shadow: none; } button.id_check_btn img{ margin-right: 4px; } /*초기화버튼*/ input[type="button"].reset_Btn{ border-radius: 5px; border: 1px solid #aaa; color: #fff !important; background-color: #aaa; width: 60px !important; font-weight: 400; margin-left: 8px; font-size: 13px; height: 29px; } input[type="button"].reset_Btn:hover{ background-color:#0388d2; border: 1px solid #0388d2; } /*list_info_right 버튼 호버*/ .list_info_right div input[type="button"]:hover{ background-color: #0388d2; color:#fff !important; } .asset_full_btn input[type="button"]:hover{ background-color: #333 !important; } /*page 버튼*/ .page ul li.page_before{ background: url(/direct/img/view_before_btn.png) no-repeat center; height: 12px; padding: 7.5px 11px; } .page ul li.page_next{ background: url(/direct/img/view_next_btn.png) no-repeat center; height: 12px; padding: 7.5px 11px; } .page ul li .page_before{ background: url(/direct/img/view_before_btn.png) no-repeat center; height: 12px; padding: 7.5px 11px; border:none; padding:6px 5px; } .page ul li .page_next{ background: url(/direct/img/view_next_btn.png) no-repeat center; height: 12px; padding: 7.5px 11px; border:none; padding:6px 5px; } .page_first{ background: url(/direct/img/page_before.png) no-repeat center; border: none; height: 12px; border-radius: 5px 0 0 5px } .page_last{ background: url(/direct/img/page_next.png) no-repeat center; border: none; height: 12px; } /*스케줄러 수정*/ .wdn_dc{min-height:40px;} .wh_area:hover{background-color: #f5f7fa; z-index: 0;} .dth_sa:hover{background-color: #f5f7fa;} .allDay.wsc{height: 20px;min-height: 20px;line-height:20px;} .scod_1{top:29px;} .scod_2{top:53px;} .scod_3{top:77px;} .scod_4{top:101px;} .scod_5{top:105px;} .scod_6{top:149px;} .scod_7{top:173px;} .scMor{background-color: transparent;color: #333;width: 82%;text-align: right;padding-right: 0;font-weight: 600;} .scMor_btn{border: none;background-color: transparent;font-weight: 600 !important;} .scMor_btn:hover{color: #0388d2;} /* .scod_5{top:125px;} 4개가 최대 */ .emt_sc{ width:73%; color: transparent; background-color: transparent; cursor:pointer } .emt_wsc{ width:73%; color: transparent; background-color: transparent; cursor:pointer; box-shadow:none; } .emt_allDay{ width:73%; color: transparent; background-color: transparent; cursor:pointer } .allDay{text-align: left;} .ml_allDay span{width: 100%;margin-left: 18px} .s_allDay{width: 100%;border-radius:5px 0 0 5px;border-right:none !important;} .se_allDay{} .e_allDay{width: 83%;left: 0;border-radius:0 5px 5px 0;border-left:none !important;} .m_allDay{width: 100%;left: 0;border-left:none !important;border-right:none !important;} .ml_allDay{width: 100%;background: #0388d2 url(/direct/img/Fs_icon.png) no-repeat 8px center;left:0;border-radius:0;} .mr_allDay{width: 100%;left: 0;background: #0388d2 url(/direct/img/Fe_icon.png) no-repeat 140px center;border-left:none !important;border-radius:0;} .smr_allDay{width: 100%;background: #0388d2 url(/direct/img/Fe_icon.png) no-repeat 99% center} .smr_allDay span.wsc_title{width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block} .eml_allDay{width: 83%;background: #0388d2 url(/direct/img/Fs_icon.png) no-repeat 8px center;left:0;border-radius: 0 5px 5px 0;} .eml_allDay span.wsc_title{margin-left: 20px;} .Ascod_1{top:-17px;} .Ascod_2{top:17px;} .Ascod_3{top:51px;} .Ascod_4{top:85px;} .se_allDay{} .sel_allDay{background-image: url(/direct/img/Fs_icon.png); background-repeat:no-repeat;background-position: 0.4% center} .ser_allDay{background-image: url(/direct/img/Fe_icon.png); background-repeat:no-repeat;background-position: 99.6% center} .selr_allDay{background-image: url(/direct/img/Fs_icon.png),url(/direct/img/Fe_icon.png);background-repeat: no-repeat;background-position: 0.4%,99.6%} .allDay_dsc{line-height: 19px} .allDay_dsc.selr_allDay span.dsc_title{margin-left: 20px;} .allDay_dsc.selr_allDay span.dsc_time{margin-right: 20px;} .allDay_dsc.sel_allDay span.dsc_title{margin-left: 20px} .allDay_dsc.ser_allDay span.dsc_time{margin-right: 20px} .adscod_1{top:31px;} .adscod_2{top:60px;} .adscod_3{top:89px;} .adscod_4{top:118px;} .adscod_5{top:147px;} .dsc.allDay_dsc{width:93.7%;} /*20191024-스케줄러수정*/ .fe_sc{width: 78% !important;border-radius: 0;background-image:url(/direct/img/Fe_icon.png);background-repeat: no-repeat; background-position: 95% center} .ml_sc{width: 100% !important;border-radius: 0;background-image:url(/direct/img/Fs_icon.png);background-repeat: no-repeat; background-position: 5% center} .mr_sc{width: 78% !important;border-radius: 0;background-image:url(/direct/img/Fe_icon.png);background-repeat: no-repeat; background-position: 95% center} .smr_sc{width: 78% !important;border-radius: 5px 0 0 5px;background-image:url(/direct/img/Fe_icon.png);background-repeat: no-repeat; background-position: 95% center} .smr_sc span.sc_title{width: 90%;display: block;overflow: hidden;text-overflow: ellipsis;} .ml_sc span.sc_title{margin-left:20px;} .eml_sc{width: 75% !important;border-radius: 0 5px 5px 0;background-image:url(/direct/img/Fs_icon.png);background-repeat: no-repeat; background-position: 5% center} .eml_sc span.sc_title{margin-left: 20px;} /*20191024-환경관리게시판관리수정*/ button.board_list{border:1px solid #0388d2;color:#0388d2;background-color:#fff;font-size:14px;padding:3px 11px;} button.board_list:hover{border:1px solid #0388d2;color:#fff;background-color:#0388d2;} /*20191024-마이페이지*/ .myPage_area { } .mypage_wrap { width: 1000px; } .mypage_pf_area, .mypage_wrap { display: inline-block; vertical-align: top } .mypage_pf_area { margin-top: 40px; margin-right: 20px; } .mypage_pf { border: 1px solid #ccc; padding: 20px; } .myPf_Area { width: 222px; height: 222px; line-height: 222px; text-align: center; border: 1px solid #ccc; border-radius: 300px; overflow: hidden; } .pf_btns { margin: 10px auto; text-align: center; } .pf_btns input[type="button"] { margin: 0 2px; box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.2); padding: 2px 0; height: 26px; } .pf_btns input[type="button"]:active { box-shadow: none; } .pf_btns input[type="button"].enroll_img_btn { background-color: #fff; border: 1px solid #0388d2; background-image: url(/direct/img/add_table.png); background-repeat: no-repeat; background-position: 8px center; padding-left: 25px; color: #0388d2; font-size: 14px; border-radius: 5px; padding-right: 8px } .pf_btns input[type="button"].change_img_btn { background-color: #fff; border: 1px solid #aaa; padding: 1px 10px; color: #aaa; font-size: 14px; border-radius: 5px; } .pf_btns input[type="button"].delete_img_btn { background-color: #fff; border: 1px solid #ea1f1f; background-image: url(/direct/img/del_btn_2.png); background-repeat: no-repeat; background-position: 8px center; padding-left: 25px; color: #ea1f1f; font-size: 14px; border-radius: 5px; padding-right: 8px } .pf_btns input[type="button"].enroll_img_btn:hover { background-color: #0388d2; border: 1px solid #0388d2; background-image: url(/direct/img/add_table_white.png); background-repeat: no-repeat; background-position: 8px center; padding-left: 25px; color: #fff; font-size: 14px; border-radius: 5px; padding-right: 8px } .pf_btns input[type="button"].change_img_btn:hover { background-color: #aaa; border: 1px solid #aaa; padding: 1px 10px; color: #fff; font-size: 14px; border-radius: 5px; } .pf_btns input[type="button"].delete_img_btn:hover { background-color: #ea1f1f; border: 1px solid #ea1f1f; background-image: url(/direct/img/del_btn_2_white.png); background-repeat: no-repeat; background-position: 8px center; padding-left: 25px; color: #fff; font-size: 14px; border-radius: 5px; padding-right: 8px } .mypage_wrap table tr td textarea { width: 88%; } .required_area,.star_t { background-image: url(/direct/img/required_img.png); background-repeat: no-repeat; background-position: left center; padding-left: 9px } .no_required { padding-left: 9px; } /*ip등록 첨부파일 css*/ .ip_enroll_list_bottom{ margin-top: 10px; margin-left: 10px; } .ip_enroll_list_bottom .attachment_file_wrap{ width: 745px; } .ip_enroll_list_bottom .attachment_file_wrap table tbody tr td.file_delect input[type="button"].del_file_btn{ border: none; background-color: transparent; background-image: url(/direct/img/upload_delect_img.png); background-repeat: no-repeat; background-position: center center; vertical-align: middle; margin-top: -4px; margin-right: 15px } .ip_enroll_list_bottom .attachment_file_wrap table thead tr th{position: relative;} .ip_enroll_list_bottom .attachment_file_wrap table thead tr th .file_upload_Btn input[type="button"]{position: absolute;top: 3px;right: 20px;border: none; background-image: url(/direct/img/add_enroll_popup_file.png); background-repeat: no-repeat;background-position: center center;background-color: transparent;} .Point_person:hover,.admin_return_btn:hover{background-color:#333 !important;} .list_write input[type="button"]:hover{background-color:#0388d2;color:#fff;} /*스케줄러 종일 텍스트*/ .allDay_title{position:absolute;bottom:12%;right:27px;font-size:13px;font-weight:500;color:#686868;} .tDwdn{position: relative;z-index: 999999;color: #fff;margin-top: 2px;margin-left:-3px;} .tDwdn::after{position: absolute;background-color: #0388d2;color: #fff;content: " ";width: 30px;height: 100%;top: 0px;left: -6px;z-index: -1;border-radius: 100px;padding: 1px} .tWdn{position: relative;z-index: 999999;color: #fff;margin-top: 2px;margin-left:-3px;} .tWdn::after{position: absolute;background-color: #0388d2;color: #fff;content: " ";width: 30px;height: 100%;top: 1px;left: -7px;z-index: -1;border-radius: 100px;padding: 1px} /* 조직도관리 */ .orgn_wrap{display: inline-block;margin-top: 25px;margin-right: 20px;border: 1px solid #dde6e9;padding: 15px;border-radius: 5px;min-height: 400px;height: auto;vertical-align: top;} .orgnSerch_area input[type="text"].orgnSerchIn{margin-left: 8px;border: 1px solid #ccc;border-radius: 5px;height: 28px;padding-left: 7px;width: 180px;} .orgnSerch_area input[type="button"].orgnSerchBtn{background-color: #aaa;border: none;color: #fff;font-size: 14px;font-weight: 400;height: 32px;vertical-align: top;margin-left: 6px;width: 48px;border-radius: 5px;} .orgnSerch_area input[type="button"].orgnSerchBtn:hover{background-color: #0388d2;} .orgn_wrap .orgnIn_wrap{/* border: 1px solid #dde6e9;margin-top: 10px; */width: 99.2%;min-height: 350px;border-radius: 5px;padding-top:5px;} .orgnDetail_wrap{display: inline-block;margin-top: 25px;} .orgnDetail_title{color: #686868;font-size: 20px;font-weight: 400;} .orgnDetail_wrap .list_wrap.setting_list_wrap{margin-top: 15px;} .orgnDetailteam_title{color: #0388d2;font-size: 20px;font-weight: 400;} .orgnDetailteam_title .orgnListBtn input[type="button"].delListBtn{font-size: 14px;display: inline-block;border: 1px solid #ea1f1f;color: #ea1f1f;background-color: #fff;background-image: url(/direct/img/del_btn_2.png);background-repeat: no-repeat;background-position: 8px center;padding-left: 24px;padding-top: 2px;padding-bottom: 2px;border-radius: 5px;margin-right: 5px;} .orgnDetailteam_title .orgnListBtn input[type="button"].addListBtn{font-size: 14px;display: inline-block;border: 1px solid #0388d2;color: #0388d2;background-color: #fff;background-image: url(/direct/img/add_table.png);background-repeat: no-repeat;background-position: 8px center;padding-left: 25px;padding-bottom: 2px;padding-top: 2px;border-radius: 5px;} .orgnDetailteam_title .orgnListBtn input[type="button"].delListBtn:hover{font-size: 14px;display: inline-block;border: 1px solid #ea1f1f;color: #fff;background-color: #ea1f1f;background-image: url(/direct/img/del_btn_2_white.png);background-repeat: no-repeat;background-position: 8px center;padding-left: 24px;padding-top: 2px;padding-bottom: 2px;border-radius: 5px;} .orgnDetailteam_title .orgnListBtn input[type="button"].addListBtn:hover{font-size: 14px;display: inline-block;border: 1px solid #0388d2;color: #fff;background-color: #0388d2;background-image: url(/direct/img/add_table_white.png);background-repeat: no-repeat;background-position: 8px center;padding-left: 25px;padding-bottom: 2px;padding-top: 2px;border-radius: 5px;} .orgnListBtn{float: right;margin-top:-24px;} .orgnList_wrap{border: 1px solid #dde6e9;border-radius: 5px;margin-top: 23px;margin-bottom: 30px;} .orgnList_wrap table.orgnListTable{width: 100%;text-align: center;} .orgnList_wrap table.orgnListTable thead{background-color: #f5f7fa;border-bottom: 1px solid #dde6e9;} .orgnList_wrap table.orgnListTable thead tr th{padding: 10px 0;font-weight: 500;font-size: 15px;position: relative;} .orgnList_wrap table.orgnListTable thead tr th::after{content: " ";width: 1px;height: 10px;background-color: #333;position: absolute;right: 0;top: 12px;} .orgnList_wrap table.orgnListTable thead tr th:last-child::after{width: 0;} .orgnList_wrap table.orgnListTable tbody tr td{padding: 7px 0;font-weight: 400;font-size: 15px;vertical-align: middle;font-size: 14px;border-bottom: 1px dashed #ccc;border-right: 1px dashed #ccc;} .orgnList_wrap table.orgnListTable tbody tr td:last-child{border-right:none;} .orgnList_wrap table.orgnListTable tbody tr:last-child td{border-bottom: none;} .orgnList_wrap table.orgnListTable tbody tr td input[type="button"].editBtn{border: none;background-color: transparent;background-image: url(/direct/img/enroll_edit_icon.png);background-repeat: no-repeat;background-position: center center;} .orgnList_wrap table.orgnListTable tbody tr td input[type="button"].deleteBtn{border: none;background-color: transparent;background-image: url(/direct/img/upload_delect_img.png);background-repeat: no-repeat;background-position: center center;} .orgnList_wrap table.orgnListTable tbody tr td input[type="button"].editBtn:hover{border: none;background-color: transparent;background-image: url(/direct/img/enroll_edit_icon_hover.png);background-repeat: no-repeat;background-position: center center;} .orgnList_wrap table.orgnListTable tbody tr td input[type="button"].deleteBtn:hover{border: none;background-color: transparent;background-image: url(/direct/img/upload_delect_img_red.png);background-repeat: no-repeat;background-position: center center;} .saveBtn_area{text-align: right;margin-top: 15px;color: #333;} .saveBtn_area input[type="button"].saveBtn{text-align: right;color: #333;border: 1px solid #333;background-color: #fff;width: 70px;text-align: center;padding: 3px 0;border-radius: 5px;font-size: 16px;} .saveBtn_area input[type="button"].saveBtn:hover{text-align: right;color: #fff;border: 1px solid #333;background-color: #333;width: 70px;text-align: center;padding: 3px 0;border-radius: 5px;} /*환경관리 이전글 다음글 댓글*/ .setListTitle_wrap table tr th{width: 25%;border-right: 1px solid #dde6e9;} .setListTitle_wrap table tr th input[type="button"].beforeListBtn{background-image: url(../img/setUpBtn.png);background-repeat: no-repeat;background-position: center center;background-color: transparent;border: none;vertical-align: middle;} .setListTitle_wrap table tr th input[type="button"].nextListBtn{background-image: url(../img/setDownBtn.png);background-repeat: no-repeat;background-position: center center;background-color: transparent;border: none;vertical-align: middle;} .setListTitle_wrap table tr{border-right: 1px solid #dde6e9;} .setListTitle_wrap table tr td{padding: 10px;} .setListTitle_wrap table tr td.setListnbTitle{width: 66.1%} .bo_vc_w table tbody tr td{vertical-align:middle;} .setCmmt{width: 100%;margin-top: 25px;} .setCmmtTitle{border-left: 3px solid #0388d2;font-size: 17px;margin-bottom: 20px;text-align:left;} .setCmmtTt{margin-left: 17px;font-weight: 500;} .setCmmtTb{display: inline-block;width:100%} .setCmmtTb textarea{width: 100%;height: 80px;} .setCmmtBtn{display: inline-block;vertical-align: top;width: 5%;} .setCmmtBtn button{width:50px;height: 92px;vertical-align: middle;margin-left: 20px;background-color: #aaa;border: none;border-radius: 5px;color: #fff;font-size: 15px;font-weight: 400;box-shadow: 0 0 3px 1px rgba(51,51,51,0.3)} .setCmmtBtn button:hover{height: 92px;vertical-align: middle;margin-left: 20px;background-color: #0388d2;border: none;border-radius: 5px;color: #fff;font-size: 15px;font-weight: 400;} .setCmmtBtn button:active{box-shadow: none;} .showCmmt{width: 100%;margin: 20px 0;} .allCmmt{text-align: right;font-size: 16px;margin-right: 5px;} .nCmmt{font-weight: 600;color: #0388d2;letter-spacing: 1px} .sCmmtList{margin-top: 15px;border-top: 2px solid #0388d2;border-bottom: 1px solid #eee;} .sCmmtList table{width: 100%;} .sCmmtList table tr th{width: 20%;text-align: center;padding: 10px;background-color: #f5f7fa;border-right: 1px solid #dde6e9;border-bottom: 1px solid #dde6e9;} .sCmmtList table tr td{border-bottom: 1px solid #dde6e9;padding: 10px;border-right: 1px solid #dde6e9;} .sCmmtList table tr td.tdinCmmt{width: 70%;overflow: hidden;border-right: none;} .sCmmtList table tr td.tdinCmmt span.inCmmt{width: 780px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;cursor: pointer;} .sCmmtList table tr td span.dateCmmt{color: #aaa;font-weight: 600;font-size: 15px;text-align: right;} /*장애관리 라디오박스 추가*/ .faultRadio{margin: 20px 19px;} /*공지사항 등록 css 수정 - 20191030*/ .NoticeRtable tr td .cke_1{width:89.4%;border-radius:5px;} .NoticeRtable tr td .file_upload_box{width:713px;padding:0;height:auto;margin:0;overflow:hidden;} .NoticeRtable tr td .file_upload_box table thead tr th{height: 26px;} .NoticeRtable tr td .file_upload_box table tbody tr td{padding-left:12px !important;} .NoticeRtable tr td .file_upload_box table tfoot{border-top: 1px solid #dde6e9;} .NoticeRtable tr td .file_upload_box table tfoot tr td{height: 16px;background-color:#f5f7fa;} .NoticeRtable tr td .file_upload_box table th.Namefile{width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .NoticeRtable tr td .file_upload_box table th.Datefile{width:145px;} .NoticeRtable tr td .file_upload_box table th.Sizefile{width:81px;} .NoticeRtable tr td .file_upload_box table th.Delfile{width:50px;} .NoticeRtable tr td .file_upload_box table td.Namefile{width:352px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .NoticeRtable tr td .file_upload_box table td.Datefile{width:168px;} .NoticeRtable tr td .file_upload_box table td.Sizefile{width:90px;} .NoticeRtable tr td .file_upload_box table td.Delfile{width:51px;} .NoticeRtable .notice_person_wrap { width: 660px; min-height: 34px; border: 1px solid #ccc; border-radius: 5px; display: inline-block; vertical-align: middle; } .NoticeRtable .notice_person_wrap .notice_person_box_wrap{ width: 386px; overflow: hidden; display: inline-block; vertical-align: middle; padding-bottom: 8px; } .NoticeRtable .notice_person_wrap .notice_person_box { min-width: 74px; width: auto; display: inline-block; height: 25px; box-shadow: 0 0 4px 1px rgba(51, 51, 51, 0.4); vertical-align: middle; margin-left: 10px; margin-top: 4.5px; line-height: 25px; padding-left: 8px; font-weight: 600; letter-spacing: 0.5px; border-radius: 3px; } .NoticeRtable .notice_person_wrap .notice_person_box input[type="button"].notice_person_del { background: url(/direct/img/upload_delect_img.png) no-repeat center center; border: none; width: 9px; height: 9px; float: right; margin-top: 8.6px; margin-right: 8px; margin-left: 5px; } .NoticeRtable tr td input[type="button"].notice_person_serch { margin-top: 4px; width: 44px; height: 35px; border: none; background-color: #aaa; color: #fff; border-radius: 5px; margin-right: 8px; font-weight: 400; font-size: 12px; } .NoticeRtable tr td input[type="button"].notice_person_serch:hover { background-color: #0388d2; color: #fff; } /*첨부파일관리 버튼 css - 20191031*/ .fileAddBtn{border:1px solid #0388d2;background: #fff url(/direct/img/add_table.png) no-repeat 8px center;color:#0388d2;border-radius:5px;padding-left: 24px;} .fileAddBtn:hover{border:1px solid #0388d2;background: #0388d2 url(/direct/img/add_table_white.png) no-repeat 8px center;color:#fff;} /* ip 수정 - 20191114 */ .ip_enroll_list li input[type="radio"]+label{background-position: 2.5px 1.5px;} /*20191114 - title*/ .listTitle{width:62px;text-align:justify;text-justify:distribute;text-align-last:justify;display:inline-block;white-space:nowrap;} .setting_list_wrap .listTitle{width: 100px;text-align:justify;text-justify:distribute;text-align-last:justify;display:inline-block;white-space:nowrap;} /*20191115 - 민원관리달력*/ .contCal{width: 96%;margin: 0 auto;text-align: center;} .calBefore,.calMon,.calNext{display: inline-block;vertical-align: middle;margin-top: 5px;} .calBefore_btn{background-image: url(/direct/img/calBefore_btn.png); background-repeat: no-repeat; background-position: center center;border: none;background-color: #fff;margin-right: 20px;} .calNext_btn{background-image: url(/direct/img/calNext_btn.png); background-repeat: no-repeat; background-position: center center;border: none;background-color: #fff;margin-left: 20px;} .calMonText{font-size: 20px;font-weight: 600;} .calInArea{width: 100%;margin-top: 10px;} .calDayText ul{display: flex;font-size: 14px;font-weight: 600;} .calDayText ul li{flex-grow: 1} .calDayNum{margin-top: 10px;font-size: 13px;} .calDay_row{display: flex;} .calDay{flex-grow: 1;padding: 9px 0;position: relative;width:50px;} .todayMain{background-color: #dde6e9;} .calDayWork::before{content: " ";position: absolute;text-align:center;background-color: rgba(89,159,212,1);width: 25px;height: 25px;border-radius: 100%;top: 3px;left: 6px;box-shadow: 0 0 4px 1px rgba(51,51,51,0.3)} .calDayN{z-index: 99999;position: relative;} .calDayWork .calDayN{color: #FFF;} .calDayWork_1{bacground-color:#ff7473;} .calDayWork_2{bacground-color:#ffc952;} .calDayWork_3{bacground-color:#47b8e0;} .satDay{color: #2020f9;} .sunDay{color: #ed1919;} /*20191118*/ .scDt:first-child{margin-left: 18px;} .scDt{border: 1px solid #aaa;border-radius: 5px;margin-left:0;} /*20191121*/ .BizTitle{width:400px;overflow:hidden;} .BizTitle a{display:inline-block;width: calc(100% - 30px); text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;} .EvalTitle{width:620px;overflow:hidden;} .EvalTitle a{display:inline-block;max-width:600px;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3px;} .NisTitle{width:620px;overflow:hidden;} .NisTitle a{display:inline-block;max-width:600px;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3px;} .PerTitle{width:580px;overflow:hidden;} .PerTitle a{display:inline-block;max-width:560px;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3px; display: inline} .SlaTitle{width:680px;overflow:hidden;} .SlaTitle a{display:inline-block;max-width:660px;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3px;} .CvlTitle{width:578px !important;max-width:578px !important;overflow:hidden;} .CvlTitle a{display:inline-block;max-width:556px;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3px;} .EduTitle{width:578px;max-width:578px;overflow:hidden;} .EduTitle a{display:inline-block;max-width:512px;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3px;} /*20191122*/ .asset_list_page .page_before{background-image: url(/direct/img/view_before_btn.png); background-repeat: no-repeat; background-position: center center;border:none;background-color: transparent;} .enterprise_call_popup .page_before{background-image: url(/direct/img/view_before_btn.png); background-repeat: no-repeat; background-position: center center;border:none;background-color: transparent;} .asset_list_page .page_next{background-image: url(/direct/img/view_next_btn.png); background-repeat: no-repeat; background-position: center center;border:none;background-color: transparent;} .enterprise_call_popup .page_next{background-image: url(/direct/img/view_next_btn.png); background-repeat: no-repeat; background-position: center center;border:none;background-color: transparent;} /*20191128 - 검색결과리스트*/ .resultSerchArea{left: 49px !important;} .resultSerchArea .serchTitle{border-left: 4px solid #0388d2;padding-left: 15px;} .serchListInfo{text-align: left;} .serchListInfo .all_list_number{float: none;} .resultSerchArea .list_wrap table tr td:nth-child(3){text-align: center;padding: 0;} .zeroList tr td{border-right: none !important;padding: 70px 0 !important;} /*메인대시보드*/ .mainDash{margin: 0 33px 30px 33px;padding-top:30px;width:1920px;} .dashLeft,.dashMid,.dashRight{display: inline-block;vertical-align: top;margin: 0 10px} .dashLeft{width: 303px;margin-left: 30px;} .dashMid{width: 757px;} .dashRight{width: 303px;} .mainBox{border: 1px solid #dde6e9;border-radius: 10px;box-shadow: 0 0 5px 1px rgba(3,136,210,0.16);margin-bottom: 15px;} .dashTitle{width: 100%;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(236,243,247,1) 100%);height: 44px;line-height: 39px;} .dashTitle img{margin: 6px 0 6px 19px;} .mainBoxTitle{font-size: 17.5px;font-weight: 600;letter-spacing: -0.5px;margin-left: 5px;vertical-align: middle;} .boxPlus{display: inline-block;float: right;margin-right: 18px;font-size: 15px;font-weight: 400} .boxPlusBtn{background-image: url(../img/dashboard/boxlistplus.png);background-repeat: no-repeat;border: none;background-position: center center;vertical-align: middle;background-color: transparent;margin-left: 10px;} .boxlistNumArea{display: inline-block;vertical-align: middle;} .boxlistNum{font-size: 15px;color: #0388d2;font-weight: 600;vertical-align: middle} .calPlusBtn{background-image: url(../img/dashboard/calPlusBtn.png);background-repeat: no-repeat;background-position: center center;border: none;background-color: transparent;width: 28px;height: 28px;vertical-align: middle;margin-right: -5px} .boxCt ul.boxList{overflow-y: scroll;height: 352px;margin:5px 10px 10px 15px;;display: block;} .boxList li{padding: 10px 0;border-bottom: 1px solid #ebebeb;cursor: pointer} .boxListTitleArea img{width: 4px;vertical-align: middle;margin-top: -5px;} .boxListTitle{font-size: 14px;color: #555;font-weight: 500;margin-left: 5px;width: 230px;text-overflow: ellipsis;overflow: hidden;display: inline-block;white-space: nowrap;} .boxListInfo{font-size: 12.5px;color: #999;display: block;margin-left: 15px;margin-top: 6px;} .mainDataroom .boxCt ul.boxList{height: 233px} .ipGpArea{width: 278px;height: 250px;/* background-color: aqua; */margin: 10px auto;} .midTable{width: 720px;margin:10px auto;text-align: center;} .midTable table{width: 720px;} .midTable table thead{background-color: #e1eef4;width: 720px;font-size: 14.75px;font-weight: 600;display: block;border-radius: 8px;border: 1px solid #d1e4ec;} .midTable table thead tr th{height: 40px;vertical-align: middle;position: relative;min-width: 30px;padding: 0 5px;} /*.midTable table thead tr th:first-child{border-radius: 8px 0 0 8px;} .midTable table thead tr th:last-child{border-radius: 0 8px 8px 0;}*/ .midTable table thead tr th::after{position: absolute;content: " ";width: 1px;height: 15px;background-color: #bfcbd0;right: 0;vertical-align: middle;top:14px;} .midTable table thead tr th:last-child::after{display: none;} .midTable table tbody{display: block;height: 322px;overflow-y: scroll;margin: 4px auto;width: 720px;} .midTable table tbody tr{border-bottom: 1px solid #ebebeb;} .midTable table tbody tr td{font-size: 13.75px;font-weight: 400;color: #555;padding: 5px;vertical-align: middle;} .midTable table tbody tr td.mtFile input[type="button"].dashFileIcon{width: 17px; background-image: url(../img/dashboard/fileIcon.png);background-repeat: no-repeat;border: none;background-color: transparent;background-position: center center;background-size: 17px;vertical-align: middle;} .mtNumber{width: 30px;} .mtField{width: 50px;} .mtSort{width: 60px;} .mtImpt{width: 50px;} .mtName{width: 240px;} .mtFile{width: 60px;} .mtApc{width: 55px;} .mtEndt{width: 85px;} .mtNameArea{width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: left;} /* .mtEqName{width: 90px;} */ .mtEqName{width: 115px;} .mtModelName{width: 115px;} .mtModelNameArea{width: 105px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: center;} /* .mtDpm{width: 60px;} */ .mtDpm{width: 96px;} .mtUser{width: 80px;} /* .mtRtl{width: 180px;} */ .mtRtl{width: 113px;} .mainEqrt .midTable table tbody{height: 186px;} .mainEqrt .midTable table tbody tr td{padding: 10px 5px;} .mtFaultSort{width: 50px;} .mtWorkObject{width: 70px;} .mtWorkObjectArea{width: 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: center;} .mtWorkName{width: 130px;} .mtWorkNameArea{width: 130px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: center;} .mtWorkTerm{width: 170px;} .mtWorkEps{width: 60px} .mtWorker{width: 50px} .mtRslErl{width: 70px} .mainFault .midTable table tbody{height: 167px;} .mainFault .midTable table tbody tr td{padding: 10px 5px;} .dashRight .calender_area{margin: 0 auto;padding: 15px 0;border-bottom: 1px solid #ebebeb;} .mainSchArea{width: 280px;margin: 10px auto;} .schSelect .nice-select{width: 100%;} .schListArea{margin: 10px auto;} .schToday{font-size: 15px;color: #333;font-weight: 600;} .schListNum{display: inline-block;float: right;} .schListNumArea{color: #0388d2;font-weight: 600;} .mainSchArea .schListArea .boxCt ul.boxList{margin: 5px 0;height: 300px;} .mainSchArea .schListArea .boxListDc{float: right;vertical-align: middle;margin-top: -30px;margin-right: 10px;} .mainUplist .boxCt ul.boxList{height: 293px;} /*통계관리*/ .statsTabmenu{margin-top: 30px;} .statsSort{margin: 30px;border: 1px solid #dde6e9;border-radius: 5px;padding: 30px 35px;} .statsCheck{font-size: 15px;font-weight: 500} .statsCheck ul li{margin-left: 15px;} .statsCheck ul li:first-child{margin-left: 0;} .statsCheck ul li:first-child input[type="checkbox"]+label{margin-left: 0;} .statsCheck ul li input[type="checkbox"]+label{vertical-align: middle;width: 15px;height: 15px;} .statsCheck ul li label{margin-left: 5px;} .statsTerm{margin-top: 20px;} .statsTermTitle,.statsTermSelect,.statsTermSelect ul.nav{display: inline-block;vertical-align: middle;} .statsTermTitle{margin-right: 15px;} .statsTermSelect .nice-select{width: 150px;} .statsTermSelect .nice-select .option{padding-right: 0;margin-left: 0;width: 123px;} .statsTermSelect ul.nav{margin-left: 5px;} .statsTermSelect ul.nav li{margin-left: 0;} .statsTermSelect ul.nav li input[type="button"].inquiryBtn{border-radius: 5px;background-color: #0388d2;color: #fff;border: none;padding: 5px 10px; vertical-align: top;margin-top:-6px} .statsTermSelect ul.nav li input[type="button"].resetBtn{border-radius: 5px;background-color: #aaa;color: #fff;border: none;vertical-align: top;padding: 5px 10px;margin-top:-6px} .statsListCheck{text-align: left;font-size: 16px;} .statsListCheck input[type="checkbox"]+label{width: 16px;height: 16px;vertical-align: top;} .statsListCheck label{margin-left: 5px;font-weight: 500;} .statsListCheck+.list_info_right{margin-top: -27px;float:none;} .statsWrap{margin: 0 25px;} .statsList{font-size: 15px;font-weight: 500;border-bottom: 1px solid #dde6e9;} .statsList:first-child{margin-top: 15px;border-top: 2px solid #0388d2;} .statsListTitle{width: 140px;} .statsListTitle,.statsListTable{display: inline-block;vertical-align: middle;} .statsListTitle input[type="checkbox"]+label{width: 15px;height: 15px;vertical-align: middle;margin-top:-2px;margin-right:8px;} .statsListTable{border: 1px solid #dde6e9;border-radius: 5px;width: 1090px;margin-left: 15px;margin-top: 10px;margin-bottom: 10px;} .statsListTable table{width: 100%;} .statsListTable table tr{border-bottom: 1px solid #dde6e9;} .statsListTable table tr:last-child{border-bottom: none;} .statsListTable table tr th:first-child{background-color: #eef0f3;} .statsListTable table tr th{background-color: #f5f7fa;padding: 8px 0;border-right: 1px solid #dde6d9;white-space:nowrap;} .statsListTable table tr th:last-child{border-right: none;} .statsListTable table tr:nth-child(even) th{background-color: #fff;} .statsListTable table tr td{text-align: center;border-right: 1px solid #dde6d9;} .statsListTable table tr td:last-child{border-right: none;} /* .statsAll{color: #0388d2;font-weight: 600;font-size: 15px;} */ .statsBasic{color: #333;font-weight: 400;letter-spacing: 1px;} .statsListTable .statsSla tr:not(:first-child) th{background-color: #fff;} .rtestListTable table tr:not(:first-child) th{background-color: #fff;} .onlyTerm{margin-top: 0;} .statsPerTitle img{vertical-align: bottom;} .statsPertt{font-weight: 600;vertical-align: middle;font-size: 16px;} .statsGhArea{margin: 20px 0;border-bottom: 1px solid #dde6e9;} .statsGhArea ul li{width: 100%;box-shadow: 0 0 7px 1px rgba(51,51,51,0.16);border-radius: 5px;height: 216px;margin-bottom: 20px;padding-top: 20px;} .statsGhSort{float: right;font-size: 14px;margin: -5px 15px 15px 0;color: #797979;font-weight: 600} .statsGh{width: 98%;height: 200px;margin: 0 auto;} .statsGhArea.gh2 li{width: 49%;display: inline-block;margin-left: 20px;} .statsGhArea.gh2 li:first-child{margin-left: 0px;} .statsGhArea.gh2 li .statsGh{width:95%;} .Wid3 th{width: 45%;} .Wid4 th{width: 30%;} .Wid5 th{width: 22.5%;} .Wid6 th{width: 18%;} .Wid7 th{width: 15%;} .Wid8 th{width: 12.85%;} .Wid9 th{width: 11.25%;} .Wid10 th{width: 10%;} .Wid11 th{width: 9%;} .Wid12 th{width: 8.18%;} .Wid13 th{width: 7.5%;} .Wid th:first-child{width: 10% !important;} .statsSla .Wid th:first-child{width: 16% !important;} .statsSla .Wid6 th{width:14%;} /*2019.12.19 - 보안관리 리스트 수정*/ td.cont_name span a{max-width:95%;width:auto;overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap;} /*2019.12.24 - 통계관리 리스트 */ .divideListTable{border: none;} .divideListTable table{border-bottom: 1px solid #dde6e9;margin: 10px 0;border: 1px solid #dde6e9;border-radius: 5px;position: relative;border-collapse: inherit;} .divideListTable table tr:first-child{background-color: #f5f7fa;} .divideListTable table tr:first-child td,.divideListTable table tr:first-child th{border-bottom:1px solid #dde6e9;} /*통계 table 선택부분*/ .list_tab_menu_wrap .list_info{margin: 20px 0;} .statsListCheck{float: left;margin-top: 1px;} /*메뉴생성 버튼 수정*/ button.creatMenu{border:1px solid #0388d2;border-radius:5px;background-color:#fff;color:#0388d2;} /*2019.12.26 - 헬프데스크 목록 상단 상태별 탭 간격 수정 */ ul.admin_helpdesk_tab_menu li{width:134px;position:relative} ul.admin_helpdesk_tab_menu li::after{content:" ";width:1px;height:21px;background-color:#dde6e9;position:absolute;right:0;top:9px;} ul.admin_helpdesk_tab_menu li.list_tab_menu_on::after{display:none;} ul.admin_helpdesk_tab_menu li a{border-right:0;} /*2019.12.16 - 스케줄러 테두리 수정 */ .allDay_dsc.ble_sc{border:1px solid #0094c8;} .allDay_dsc.yew_sc{border:1px solid #e9a400;} .allDay_dsc.red_sc{border:1px solid #f84d4c;} /*2019.12.27 - 통계관리 수정 */ .statsListTable table tr td,.statsListTable table tr th{border-bottom:1px solid #dde6e9;} .statsListTable table tr:last-child td,.statsListTable table tr:last-child th{border-bottom:none;} input[type="button"].calPrint{border:1px solid #333;color:#333;padding-left:27px;margin-left:5px;background-image:url(/direct/img/print.png);background-repeat:no-repeat;background-position:8px center;} input[type="button"].calPrint:hover{border:1px solid #333;color:#fff;padding-left:27px;margin-left:5px;background-image:url(/direct/img/print_white.png);background-repeat:no-repeat;background-position:8px center;background-color:#333;} /* 2020.1.2 - 수정 */ .list_tab_menu_wrap.statsTabmenu ul.list_tab_menu{width:100%;min-width:1300px;} /* 2020.1.14 - 수정 */ /*메일알림*/ .mailArea{width: 800px;margin: 20px auto;} .mailArea .mainTitle{font-size: 25px;font-weight: 500;margin-bottom: 30px;} .mailArea .mainTable{border-top: 3px solid #0388d2;} .mailArea .mainTable table tr{border-bottom: 1px solid #dde6e9;} .mailArea .mainTable table tr th,.mailArea .mainTable table tr td{padding: 23px 20px;font-size: 15px;vertical-align: middle;} .mailArea .mainTable table tr th{background-color: #f5f7fa;white-space: nowrap;} /*2020.1.16 - 수정*/ .mainDash .calDayWork::before{left: 8px;top: 4px;} /* 2020.01.30 - 수정 */ .failWrap{width:100%;margin:200px auto;text-align:center;letter-spacing:1px;height:100%;} .failIcon{margin-bottom:20px;} .failTitle{font-size:20px;color:#333;font-weight:500;} .failSubText{font-size:17px;font-weight:400;margin-top:20px;line-height:24px;} .failBtnWrap{display:block;width:100%;color:#777;padding-top:20px;} .failBtn{border:1px solid #777;color:#777;background-color:#fff;font-size:14px;font-weight:300;padding:5px 20px;} .failBtn:hover{border:1px solid #777;color:#fff;background-color:#777;font-size:14px;font-weight:500;padding:5px 20px;} /* 2020.03.05 - 수정 */ .cfNum{display:block;margin-top:15px;} /* .cfNum ul.nav li{width:50%;} */