kcc_adr_advc_git/src/main/webapp/direct/css/index.css
2022-08-09 17:44:32 +09:00

3681 lines
99 KiB
CSS

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%;
}
.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 td{
text-align: center;
height: 30px;
vertical-align: middle;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
font-size: 15px;
padding: 5px 0;
}
.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{
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 33px;
}
.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 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: 101.4%;
}
.w_time_t{
flex-grow: 0.285;
}
.w_line{
flex-grow: 1;
border-right: 1px solid #dde6e9;
height: 100%;
}
.w_line:last-child{
border-right: none;
}
.wh_area{
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{
flex-grow: 0.088;
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{
flex-grow: 0.043;
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;max-width:426px;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 16px;}
.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;}
.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}
.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;}
.mtModelName{width: 115px;}
.mtModelNameArea{width: 105px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: center;}
.mtDpm{width: 60px;}
.mtUser{width: 80px;}
.mtRtl{width: 180px;}
.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%;} */